From c2088dadc63d385e9cb0cc95c7c6f3bde2e843eb Mon Sep 17 00:00:00 2001
From: Daniel <dds2130@rit.edu>
Date: Wed, 23 Oct 2019 12:59:20 -0400
Subject: [PATCH] #24 floating side menu

---
 build/2.css                        |  2 +-
 build/2.js                         |  2 +-
 build/main.js                      |  2 +-
 src/components/collection/index.js | 62 ++++++++++++++++++------------
 4 files changed, 41 insertions(+), 27 deletions(-)

diff --git a/build/2.css b/build/2.css
index 1a9119f..0cb2e0f 100644
--- a/build/2.css
+++ b/build/2.css
@@ -1 +1 @@
-.icon14{height:14px;padding-bottom:2px}.icon16{height:16px}.icon20{height:20px}.icon24{height:24px}.bigger{font-size:14px}.name{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.name .subname:before{content:"\a  ";white-space:pre}.name .subname{font-size:13px;padding-bottom:4px;display:inherit}@media only screen and (min-width:975px){.collection{margin-top:5px;margin-right:5px;margin-left:5px}}@media only screen and (min-width:975px){.collection>.left{font-family:Roboto,Arial,sans-serif;float:left;width:30%}.collection>.right{font-family:Roboto,Arial,sans-serif;float:right;width:70%}.collection #buttons{margin:0 0 2% 1%}.collection #buttons,.collection .button,.collection input[type=button],.collection input[type=text]{border-radius:5px;border-color:transparent;text-align:center;outline:none}.collection input[type=text]{margin-bottom:2px}.collection .centeredCheckBox,.collection input[type=text]{width:220px}.collection .text-entry{display:flex;justify-content:center;align-items:center}.collection .text-entry input:focus{outline:none}.collection .card{text-align:left;display:flex;border:1px solid #aeaeae}.collection .card .left,.collection .card .right,.collection .card .stats{padding-top:4px}.collection .card .bigger{text-align:center;font-weight:700}.collection .card .energy{display:flex;width:20px!important}.collection .card .left{vertical-align:text-top;float:left;width:210px;padding-left:4px}.collection .card .right{float:left;width:calc(100% - 322px);border-left:2px solid #aeaeae;padding-left:4px;padding-right:4px;padding-bottom:6px;white-space:pre-line}.collection .creature .right{width:calc(100% - 366px)}.collection .creature .stats{vertical-align:text-top;float:left;text-align:right;width:40px}.collection .SearchForm{padding-top:3px;font-family:Roboto,Arial,sans-serif}.collection .searchName{display:flex;justify-content:center;align-items:center;padding:2%;font-size:16pt}.collection .centeredCheckBox{margin:0 auto;text-align:left}.collection .centeredSpacing{display:flex;justify-content:space-between}.collection .setBox{width:80%;float:right}.collection #sets{width:80%}.collection .centeredButtons{display:flex;justify-content:center;align-items:center}.collection #search{width:25%;margin:2%;border-radius:5px;border-color:transparent;text-align:center}.collection .minMax{display:flex;justify-content:space-between;margin:0 auto;width:50%;text-align:right}.collection .brainwashed{border-radius:3px;background-color:#dcdddf;color:#000!important}.collection .chieftain,.collection .flavortext{font-style:italic}.collection .mull input{margin-left:0;margin-top:1px}.collection .Collapsible__contentInner input,.collection .mull input{vertical-align:middle}.collection .Collapsible__contentInner .centeredCheckBox{width:50%}.collection .tribes{width:96%;text-align:center}.collection .and,.collection .disciplines{text-align:center}.collection .and{vertical-align:text-bottom;width:15%;border-radius:5px;border-color:transparent;margin:2%}}.collection .disciplines input{width:30px;height:14px;text-align:center;margin-top:2px}.collection .mcbp input{width:24px;height:14px;padding:unset;text-align:center;margin-top:2px}.collection .card .icon14,.collection .card .icon16,.collection .card .icon20,.collection .card .icon24{vertical-align:middle}.collection .thumb{width:100px;height:98px}.collection .card .thumb{float:left}.collection .attack .bp{vertical-align:middle}.collection .Collapsible{margin-bottom:5px;margin-top:5px;width:96%}.collection .Collapsible__trigger{background-color:#333;display:block;position:relative;padding-top:5px;padding-bottom:5px;text-indent:5px;font-weight:700;white-space:pre}.collection .Collapsible__trigger:hover{background-color:red}.collection .Collapsible__trigger:after{content:"^";position:absolute;right:10px;top:10px;display:block;transition:transform .4s}.collection .Collapsible__trigger.is-open:after{transform:rotate(180deg);right:5px;top:5px}.collection .Collapsible__trigger.is-disabled{opacity:.5;background-color:grey}.collection .Collapsible__contentInner{margin-top:5px}.collection .left{position:relative}.collection .card_img{position:absolute;width:100%;z-index:2;left:-11px}.collection .card_img .hidden{display:none;max-height:0}.collection .card_img img{max-width:250px;max-height:350px}.collection .entries{text-align:left;width:100%}.collection .entries input[type=button]{margin:0 0 2% 1%}.collection .list-nav-top{display:flex}.collection .extended .fullcard{max-width:250px;max-height:350px}.collection hr{width:96%;margin-inline-start:0}.collection .none{display:inline}.collection .none>span{top:-3px;position:relative}.collection label{user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-o-user-select:none;-moz-user-select:none}
\ No newline at end of file
+.icon14{height:14px;padding-bottom:2px}.icon16{height:16px}.icon20{height:20px}.icon24{height:24px}.bigger{font-size:14px}.name{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.name .subname:before{content:"\a  ";white-space:pre}.name .subname{font-size:13px;padding-bottom:4px;display:inherit}@media only screen and (min-width:975px){.collection{margin-top:5px;margin-right:5px;margin-left:5px}}@media only screen and (min-width:975px){.collection>.left{font-family:Roboto,Arial,sans-serif;float:left;width:30%}.collection>.right{font-family:Roboto,Arial,sans-serif;float:right;width:70%}.collection .left>.fixed{position:fixed;top:0;overflow-y:auto;height:100vh;width:calc(30% - 30px)}.collection #buttons{margin:0 0 2% 1%}.collection #buttons,.collection .button,.collection input[type=button],.collection input[type=text]{border-radius:5px;border-color:transparent;text-align:center;outline:none}.collection input[type=text]{margin-bottom:2px}.collection .centeredCheckBox,.collection input[type=text]{width:220px}.collection .text-entry{display:flex;justify-content:center;align-items:center}.collection .text-entry input:focus{outline:none}.collection .card{text-align:left;display:flex;border:1px solid #aeaeae}.collection .card .left,.collection .card .right,.collection .card .stats{padding-top:4px}.collection .card .bigger{text-align:center;font-weight:700}.collection .card .energy{display:flex;width:20px!important}.collection .card .left{vertical-align:text-top;float:left;width:210px;padding-left:4px}.collection .card .right{float:left;width:calc(100% - 322px);border-left:2px solid #aeaeae;padding-left:4px;padding-right:4px;padding-bottom:6px;white-space:pre-line}.collection .creature .right{width:calc(100% - 366px)}.collection .creature .stats{vertical-align:text-top;float:left;text-align:right;width:40px}.collection .SearchForm{padding-top:3px;font-family:Roboto,Arial,sans-serif}.collection .searchName{display:flex;justify-content:center;align-items:center;padding:2%;font-size:16pt}.collection .centeredCheckBox{margin:0 auto;text-align:left}.collection .centeredSpacing{display:flex;justify-content:space-between}.collection .setBox{width:80%;float:right}.collection #sets{width:80%}.collection .centeredButtons{display:flex;justify-content:center;align-items:center}.collection #search{width:25%;margin:2%;border-radius:5px;border-color:transparent;text-align:center}.collection .minMax{display:flex;justify-content:space-between;margin:0 auto;width:50%;text-align:right}.collection .brainwashed{border-radius:3px;background-color:#dcdddf;color:#000!important}.collection .chieftain,.collection .flavortext{font-style:italic}.collection .mull input{margin-left:0;margin-top:1px}.collection .Collapsible__contentInner input,.collection .mull input{vertical-align:middle}.collection .Collapsible__contentInner .centeredCheckBox{width:50%}.collection .tribes{width:96%;text-align:center}.collection .and,.collection .disciplines{text-align:center}.collection .and{vertical-align:text-bottom;width:15%;border-radius:5px;border-color:transparent;margin:2%}}.collection .disciplines input{width:30px;height:14px;text-align:center;margin-top:2px}.collection .mcbp input{width:24px;height:14px;padding:unset;text-align:center;margin-top:2px}.collection .card .icon14,.collection .card .icon16,.collection .card .icon20,.collection .card .icon24{vertical-align:middle}.collection .thumb{width:100px;height:98px}.collection .card .thumb{float:left}.collection .attack .bp{vertical-align:middle}.collection .Collapsible{margin-bottom:5px;margin-top:5px;width:96%}.collection .Collapsible__trigger{background-color:#333;display:block;position:relative;padding-top:5px;padding-bottom:5px;text-indent:5px;font-weight:700;white-space:pre}.collection .Collapsible__trigger:hover{background-color:red}.collection .Collapsible__trigger:after{content:"^";position:absolute;right:10px;top:10px;display:block;transition:transform .4s}.collection .Collapsible__trigger.is-open:after{transform:rotate(180deg);right:5px;top:5px}.collection .Collapsible__trigger.is-disabled{opacity:.5;background-color:grey}.collection .Collapsible__contentInner{margin-top:5px}.collection .card_img{position:absolute;width:100%;z-index:2;left:-11px}.collection .card_img .hidden{display:none;max-height:0}.collection .card_img img{max-width:250px;max-height:350px}.collection .entries{text-align:left;width:100%}.collection .entries input[type=button]{margin:0 0 2% 1%}.collection .list-nav-top{display:flex}.collection .extended .fullcard{max-width:250px;max-height:350px}.collection hr{width:96%;margin-inline-start:0}.collection .none{display:inline}.collection .none>span{top:-3px;position:relative}.collection label{user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-o-user-select:none;-moz-user-select:none}
\ No newline at end of file
diff --git a/build/2.js b/build/2.js
index be1ba6f..579da78 100644
--- a/build/2.js
+++ b/build/2.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{387:function(e,t,a){},390:function(e,t,a){"use strict";a.r(t);var n,r,i,l,s,c,m,u,o,g,p,d=a(122),x=a.n(d),h=a(64),b=a.n(h),f=a(62),y=a.n(f),$=a(52),E=a.n($),v=a(119),k=a.n(v),w=a(120),C=a.n(w),N=a(165),q=a.n(N),I=a(121),O=a.n(I),_=a(39),j=a.n(_),R=(a(164),a(0)),B=a.n(R),M=a(70),S=a(6),A=a(85),L=a(35),T=Object(A.a)(function(e,t,a){return t})(n=Object(A.b)(n=function(e){function t(){return y()(this,t),k()(this,C()(t).apply(this,arguments))}return O()(t,e),E()(t,[{key:"render",value:function(){var e=this,t=this.props.card;return 0==this.props.ext?B.a.createElement("div",{className:"card attack"},B.a.createElement("img",{className:"thumb",src:M.a.base_image+(t.gsx$thumb||M.a.thumb_missing),onClick:function(){return e.props.setImage(t.gsx$image)}}),B.a.createElement("div",{className:"left"},B.a.createElement(L.k,{name:t.gsx$name}),B.a.createElement("br",null),B.a.createElement(L.m,{set:t.gsx$set,rarity:t.gsx$rarity}),B.a.createElement("br",null),B.a.createElement("span",null,B.a.createElement(L.b,{bp:t.gsx$bp})," Attack - ",t.gsx$bp),B.a.createElement("br",null),B.a.createElement("div",null,B.a.createElement("span",{className:"bp bigger"},t.gsx$base)," | ",B.a.createElement(L.f,{element:"fire",value:t.gsx$fire}),t.gsx$fire," ",B.a.createElement(L.f,{element:"air",value:t.gsx$air}),t.gsx$air," ",B.a.createElement(L.f,{element:"earth",value:t.gsx$earth}),t.gsx$earth," ",B.a.createElement(L.f,{element:"water",value:t.gsx$water}),t.gsx$water)),B.a.createElement("br",null),B.a.createElement("div",{className:"right"},B.a.createElement(L.a,{ability:t.gsx$ability}),B.a.createElement(L.q,{data:{unique:t.gsx$unique,loyal:t.gsx$loyal,legendary:t.gsx$legendary}}),B.a.createElement("span",{className:"flavortext"},t.gsx$flavortext))):B.a.createElement("div",{className:"card attack"},B.a.createElement("img",{className:"fullcard",src:M.a.base_image+(t.gsx$image||M.a.card_back)}),B.a.createElement("div",{className:"right"},B.a.createElement(L.k,{name:t.gsx$name}),B.a.createElement("br",null),B.a.createElement(L.a,{ability:t.gsx$ability}),B.a.createElement(L.q,{data:{unique:t.gsx$unique,loyal:t.gsx$loyal,legendary:t.gsx$legendary}}),t.gsx$flavortext&&B.a.createElement(B.a.Fragment,null,B.a.createElement("span",{className:"flavortext"},t.gsx$flavortext),B.a.createElement("br",null)),B.a.createElement("span",null,"Art By: ",t.gsx$artist)))}}]),t}(B.a.Component))||n)||n,P=Object(A.a)(function(e,t,a){return t})(r=Object(A.b)(r=function(e){function t(){return y()(this,t),k()(this,C()(t).apply(this,arguments))}return O()(t,e),E()(t,[{key:"render",value:function(){var e=this,t=this.props.card;return 0==this.props.ext?B.a.createElement("div",{className:"card battlegear"},B.a.createElement("img",{className:"thumb",style:{float:"left"},src:M.a.base_image+(t.gsx$thumb||M.a.thumb_missing),onClick:function(){return e.props.setImage(t.gsx$image)}}),B.a.createElement("div",{className:"left"},B.a.createElement(L.k,{name:t.gsx$name}),B.a.createElement("br",null),B.a.createElement(L.m,{set:t.gsx$set,rarity:t.gsx$rarity}),B.a.createElement("br",null),B.a.createElement("span",null,B.a.createElement(L.c,null)," Battlegear",0<t.gsx$types.length?" - "+t.gsx$types:null)),B.a.createElement("div",{className:"right"},B.a.createElement(L.a,{ability:t.gsx$ability}),B.a.createElement(L.q,{data:{unique:t.gsx$unique,loyal:t.gsx$loyal,legendary:t.gsx$legendary}}),B.a.createElement("span",{className:"flavortext"},t.gsx$flavortext))):B.a.createElement("div",{className:"card battlegear"},B.a.createElement("img",{className:"fullcard",src:M.a.base_image+(t.gsx$image||M.a.card_back)}),B.a.createElement("div",{className:"right"},B.a.createElement(L.k,{name:t.gsx$name}),B.a.createElement("br",null),B.a.createElement(L.a,{ability:t.gsx$ability}),B.a.createElement(L.q,{data:{unique:t.gsx$unique,loyal:t.gsx$loyal,legendary:t.gsx$legendary}}),t.gsx$flavortext&&B.a.createElement(B.a.Fragment,null,B.a.createElement("span",{className:"flavortext"},t.gsx$flavortext),B.a.createElement("br",null)),B.a.createElement("span",null,"Art By: ",t.gsx$artist)))}}]),t}(B.a.Component))||r)||r,z=Object(A.a)(function(e,t,a){return t})(i=Object(A.b)(i=function(e){function t(){return y()(this,t),k()(this,C()(t).apply(this,arguments))}return O()(t,e),E()(t,[{key:"render",value:function(){for(var e=this,r=this.props.card,t=[],a=0;a<r.gsx$mugicability;a++)t.push(B.a.createElement(L.j,{key:a,tribe:r.gsx$tribe}));return 0==this.props.ext?B.a.createElement("div",{className:"card creature"},B.a.createElement("img",{className:"thumb",style:{float:"left"},src:M.a.base_image+(r.gsx$thumb||M.a.thumb_missing),onClick:function(){return e.props.setImage(r.gsx$image)}}),B.a.createElement("div",{className:"left"},B.a.createElement(L.k,{name:r.gsx$name}),B.a.createElement("br",null),B.a.createElement(L.m,{set:r.gsx$set,rarity:r.gsx$rarity}),B.a.createElement("br",null),B.a.createElement(function(){var e=r.gsx$tribe,t=r.gsx$types,a=!1;t.toLowerCase().includes("past")&&(a=!0,t=t.replace(/past /i,""));var n=" "+(a?"Past ":"")+("Generic"==e?"":e+" ")+t;return B.a.createElement("span",null,B.a.createElement(L.o,{tribe:e}),n)},null),B.a.createElement("br",null),B.a.createElement("div",null,B.a.createElement(L.f,{element:"fire",value:0<=r.gsx$elements.toLowerCase().indexOf("fire")})," ",B.a.createElement(L.f,{element:"air",value:0<=r.gsx$elements.toLowerCase().indexOf("air")})," ",B.a.createElement(L.f,{element:"earth",value:0<=r.gsx$elements.toLowerCase().indexOf("earth")})," ",B.a.createElement(L.f,{element:"water",value:0<=r.gsx$elements.toLowerCase().indexOf("water")})),B.a.createElement("span",null,t)),B.a.createElement("br",null),B.a.createElement("div",{className:"right"},B.a.createElement(L.a,{ability:r.gsx$ability,tribe:r.gsx$tribe}),B.a.createElement(L.a,{type:"brainwashed",tribe:r.gsx$tribe,ability:r.gsx$brainwashed}),B.a.createElement(L.q,{data:{unique:r.gsx$unique,loyal:r.gsx$loyal,legendary:r.gsx$legendary,tribe:r.gsx$tribe}}),r.gsx$types.includes("Chieftain")&&B.a.createElement("span",{className:"chieftain"},"(Minions use Brainwashed text. Minions may only play Generic Mugic.)",B.a.createElement("br",null)),B.a.createElement("span",{className:"flavortext"},r.gsx$flavortext)),B.a.createElement("br",null),B.a.createElement("div",{className:"stats"},B.a.createElement("div",{className:"energy"},r.gsx$courage,B.a.createElement(L.d,{discipline:"courage"})),B.a.createElement("div",{className:"energy"},r.gsx$power,B.a.createElement(L.d,{discipline:"power"})),B.a.createElement("div",{className:"energy"},r.gsx$wisdom,B.a.createElement(L.d,{discipline:"wisdom"})),B.a.createElement("div",{className:"energy"},r.gsx$speed,B.a.createElement(L.d,{discipline:"speed"})),B.a.createElement("div",{className:"energy",style:{fontWeight:"bold"}},r.gsx$energy))):B.a.createElement("div",{className:"card creature"},B.a.createElement("img",{className:"fullcard",src:M.a.base_image+(r.gsx$image||M.a.card_back)}),B.a.createElement("div",{className:"right"},B.a.createElement(L.k,{name:r.gsx$name}),B.a.createElement("br",null),B.a.createElement("span",null,r.gsx$courage," ",B.a.createElement(L.d,{discipline:"courage"}))," ",B.a.createElement("span",null,r.gsx$power," ",B.a.createElement(L.d,{discipline:"power"}))," ",B.a.createElement("span",null,r.gsx$wisdom," ",B.a.createElement(L.d,{discipline:"wisdom"}))," ",B.a.createElement("span",null,r.gsx$speed," ",B.a.createElement(L.d,{discipline:"speed"}))," ",B.a.createElement("span",{style:{fontWeight:"bold"}},r.gsx$energy),B.a.createElement("br",null),B.a.createElement(L.a,{ability:r.gsx$ability,tribe:r.gsx$tribe}),B.a.createElement(L.a,{type:"brainwashed",tribe:r.gsx$tribe,ability:r.gsx$brainwashed}),B.a.createElement(L.q,{data:{unique:r.gsx$unique,loyal:r.gsx$loyal,legendary:r.gsx$legendary,tribe:r.gsx$tribe}}),r.gsx$types.includes("Chieftain")&&B.a.createElement("span",{className:"chieftain"},"(Minions use Brainwashed text. Minions may only play Generic Mugic.)",B.a.createElement("br",null)),r.gsx$flavortext&&B.a.createElement(B.a.Fragment,null,B.a.createElement("span",{className:"flavortext"},r.gsx$flavortext),B.a.createElement("br",null)),B.a.createElement("span",null,"Art By: ",r.gsx$artist)))}}]),t}(B.a.Component))||i)||i,U=Object(A.a)(function(e,t,a){return t})(l=Object(A.b)(l=function(e){function t(){return y()(this,t),k()(this,C()(t).apply(this,arguments))}return O()(t,e),E()(t,[{key:"render",value:function(){var e=this,t=this.props.card;return 0==this.props.ext?B.a.createElement("div",{className:"card location"},B.a.createElement("img",{className:"thumb",style:{float:"left",width:"100px",height:"98px"},src:M.a.base_image+(t.gsx$thumb||M.a.thumb_missing),onClick:function(){return e.props.setImage(t.gsx$image)}}),B.a.createElement("div",{className:"left"},B.a.createElement(L.k,{name:t.gsx$name}),B.a.createElement("br",null),B.a.createElement(L.m,{set:t.gsx$set,rarity:t.gsx$rarity}),B.a.createElement("br",null),B.a.createElement("span",null,B.a.createElement(L.i,null)," Location",0<t.gsx$types.length?" - "+t.gsx$types:null),B.a.createElement("br",null),B.a.createElement(L.g,{initiative:t.gsx$initiative})),B.a.createElement("div",{className:"right"},B.a.createElement(L.a,{ability:t.gsx$ability}),B.a.createElement(L.q,{data:{unique:t.gsx$unique,loyal:t.gsx$loyal,legendary:t.gsx$legendary}}),B.a.createElement("span",{className:"flavortext"},t.gsx$flavortext))):B.a.createElement("div",{className:"card location"},B.a.createElement("img",{className:"fullcard",src:M.a.base_image+(t.gsx$image||M.a.card_back)}),B.a.createElement("div",{className:"right"},B.a.createElement(L.k,{name:t.gsx$name}),B.a.createElement("br",null),B.a.createElement(L.a,{ability:t.gsx$ability}),B.a.createElement(L.q,{data:{unique:t.gsx$unique,loyal:t.gsx$loyal,legendary:t.gsx$legendary}}),t.gsx$flavortext&&B.a.createElement(B.a.Fragment,null,B.a.createElement("span",{className:"flavortext"},t.gsx$flavortext),B.a.createElement("br",null)),B.a.createElement("span",null,"Art By: ",t.gsx$artist)))}}]),t}(B.a.Component))||l)||l,F=Object(A.a)(function(e,t,a){return t})(s=Object(A.b)(s=function(e){function t(){return y()(this,t),k()(this,C()(t).apply(this,arguments))}return O()(t,e),E()(t,[{key:"render",value:function(){var e=this,t=this.props.card,a=[];if(0==t.gsx$cost)a.push(B.a.createElement(L.j,{tribe:t.gsx$tribe,key:0,amount:"0"}));else if("x"==t.gsx$cost.toLowerCase())a.push(B.a.createElement(L.j,{tribe:t.gsx$tribe,key:0,amount:"x"}));else if(5<t.gsx$cost)a.push(B.a.createElement(L.j,{tribe:t.gsx$tribe,key:0,amount:t.gsx$cost}));else for(var n=0;n<t.gsx$cost;n++)a.push(B.a.createElement(L.j,{tribe:t.gsx$tribe,key:n}));return 0==this.props.ext?B.a.createElement("div",{className:"card mugic"},B.a.createElement("img",{className:"thumb",style:{float:"left"},src:M.a.base_image+(t.gsx$thumb||M.a.thumb_missing),onClick:function(){return e.props.setImage(t.gsx$image)}}),B.a.createElement("div",{className:"left"},B.a.createElement(L.k,{name:t.gsx$name}),B.a.createElement("br",null),B.a.createElement(L.m,{set:t.gsx$set,rarity:t.gsx$rarity})," ",B.a.createElement("br",null),B.a.createElement(L.o,{size:"icon16",tribe:t.gsx$tribe})," Mugic - ",t.gsx$tribe,B.a.createElement("br",null),B.a.createElement("span",null,a),B.a.createElement("br",null)),B.a.createElement("br",null),B.a.createElement("div",{className:"right"},B.a.createElement(L.a,{ability:t.gsx$ability,tribe:t.gsx$tribe}),B.a.createElement(L.q,{data:{unique:t.gsx$unique,loyal:t.gsx$loyal,legendary:t.gsx$legendary}}),B.a.createElement("span",{className:"flavortext"},t.gsx$flavortext))):B.a.createElement("div",{className:"card mugic"},B.a.createElement("img",{className:"fullcard",src:M.a.base_image+(t.gsx$image||M.a.card_back)}),B.a.createElement("div",{className:"right"},B.a.createElement(L.k,{name:t.gsx$name}),B.a.createElement("br",null),B.a.createElement(L.a,{ability:t.gsx$ability,tribe:t.gsx$tribe}),B.a.createElement(L.q,{data:{unique:t.gsx$unique,loyal:t.gsx$loyal,legendary:t.gsx$legendary}}),t.gsx$flavortext&&B.a.createElement(B.a.Fragment,null,B.a.createElement("span",{className:"flavortext"},t.gsx$flavortext),B.a.createElement("br",null)),B.a.createElement("span",null,"Art By: ",t.gsx$artist)))}}]),t}(B.a.Component))||s)||s,D=Object(A.a)(function(e,t,a){return t})(c=Object(A.b)(c=function(e){function t(){return y()(this,t),k()(this,C()(t).apply(this,arguments))}return O()(t,e),E()(t,[{key:"setImage",value:function(e){0==this.props.ext&&this.props.setImage(e)}},{key:"render",value:function(){var a=this,e=this.props.cards;return 1==e.length&&e[0].text?B.a.createElement("div",{style:{textAlign:"left"}},e[0].text):e.map(function(e,t){switch(e.gsx$type){case"Attacks":return B.a.createElement(T,{card:e,key:t,ext:a.props.ext,setImage:a.setImage.bind(a)});case"Battlegear":return B.a.createElement(P,{card:e,key:t,ext:a.props.ext,setImage:a.setImage.bind(a)});case"Creatures":return B.a.createElement(z,{card:e,key:t,ext:a.props.ext,setImage:a.setImage.bind(a)});case"Locations":return B.a.createElement(U,{card:e,key:t,ext:a.props.ext,setImage:a.setImage.bind(a)});case"Mugic":return B.a.createElement(F,{card:e,key:t,ext:a.props.ext,setImage:a.setImage.bind(a)});default:return B.a.createElement("div",{key:t},"Invalid Card Type")}})}}]),t}(B.a.Component))||c)||c,J=a(23),Q=a.n(J),G=a(60),W=a.n(G),V=a(381),H=a.n(V),K=a(382),X=a.n(K),Y=a(123),Z=a.n(Y);var ee,te,ae,ne,re,ie,le,se,ce,me,ue,oe=Object(A.a)(function(e,t,a){return t})(m=Object(A.b)((u=function(e){function t(e){var s;return y()(this,t),s=k()(this,C()(t).call(this,e)),b()(s,"loaded",o,q()(s)),b()(s,"input",g,q()(s)),b()(s,"collapsed",p,q()(s)),s.list=["sets","types","rarity","tribes","elements","mull","gender"],s.fetchCollapsed=function(){var e=localStorage.getItem("collapsed");e=e?JSON.parse(e):{disciplines:!0,energy:!0,bpmc:!0,types:!0,rarity:!1,sets:!1},s.collapsed=e},s.handleTriggerClick=function(e){var t=s.collapsed;t[e]=!s.collapsed[e],localStorage.setItem("collapsed",JSON.stringify(t))},s.cleanInput=function(){var e={name:"",text:"",subtypes:"",flavor:!0,sets:{},types:{attack:!1,battlegear:!1,creature:!1,location:!1,mugic:!1},rarity:{common:!1,uncommon:!1,rare:!1,"super rare":!1,"ultra rare":!1,promo:!1},tribes:{danian:!1,"m'arrillian":!1,mipedian:!1,overworld:!1,underworld:!1,generic:!1},elements:{fire:!1,air:!1,earth:!1,water:!1,none:!1,and:!1},disciplines:{courage:"",power:"",wisdom:"",speed:""},energy:{min:"",max:""},mcbp:{min:"",max:""},mull:{unique:!1,loyal:!1,legendary:!1,mixed:!1},gender:{ambiguous:!1,female:!1,male:!1}};for(var t in M.a.sets)e.sets[t.toLowerCase()]=!1;s.input=e},s.parseQuery=function(){for(var e=s.props.location.search.toLowerCase(),a={},t=("?"===e[0]?e.substr(1):e).split("&"),n=0;n<t.length;n++){var r=t[n].split("=");a[decodeURIComponent(r[0])]=decodeURIComponent(r[1]||"")}if(s.list.forEach(function(t){a[t]&&a[t].split(",").map(function(e){s.input[t][e]=!0})}),a.hasOwnProperty("name")&&(s.input.name=a.name),a.hasOwnProperty("text")&&(s.input.text=a.text),a.hasOwnProperty("subtypes")&&(s.input.subtypes=a.subtypes),a.hasOwnProperty("courage")&&(s.input.disciplines.courage=a.courage),a.hasOwnProperty("power")&&(s.input.disciplines.power=a.power),a.hasOwnProperty("wisdom")&&(s.input.disciplines.wisdom=a.wisdom),a.hasOwnProperty("speed")&&(s.input.disciplines.speed=a.speed),a.hasOwnProperty("energy")){var i=a.energy.split(",");0<=i[0]&&(s.input.energy.min=i[0]),0<=i[1]&&(s.input.energy.max=i[1])}if(a.hasOwnProperty("mcbp")){var l=a.mcbp.split(",");0<=l[0]&&(s.input.mcbp.min=l[0]),0<=l[1]&&(s.input.mcbp.max=l[1])}},s.reset=function(e){e.preventDefault(),e.stopPropagation(),s.cleanInput()},s.handleChange=function(e,t){var a=e.target,n="checkbox"===a.type?a.checked:a.value,r=a.name;t?s.input[t][r]=n:s.input[r]=n},s.search=function(e){e&&(e.preventDefault(),e.stopPropagation(),s.updateQuery());var t=function(t){var e=new Z.a("filter.db").addCollection("filter"),a=e.addDynamicView("filter");a.applySimpleSort("gsx$name");var n,r=M.a.cards.attacks.chain(),i=M.a.cards.battlegear.chain(),l=M.a.cards.creatures.chain(),s=M.a.cards.locations.chain(),c=M.a.cards.mugic.chain();if(r=r.where(function(e){return""!=e.gsx$set}),i=i.where(function(e){return""!=e.gsx$set}),l=l.where(function(e){return""!=e.gsx$set}),s=s.where(function(e){return""!=e.gsx$set}),c=c.where(function(e){return""!=e.gsx$set}),0<t.name.length){var m=t.name.replace(/\\/g,"").replace(/\(|\)/g,function(e){return"\\"+e});r=r.find({$or:[{gsx$name:{$regex:new RegExp(m,"i")}},{gsx$tags:{$regex:new RegExp(m,"i")}}]}),i=i.find({$or:[{gsx$name:{$regex:new RegExp(m,"i")}},{gsx$tags:{$regex:new RegExp(m,"i")}}]}),l=l.find({$or:[{gsx$name:{$regex:new RegExp(m,"i")}},{gsx$tags:{$regex:new RegExp(m,"i")}}]}),s=s.find({$or:[{gsx$name:{$regex:new RegExp(m,"i")}},{gsx$tags:{$regex:new RegExp(m,"i")}}]}),c=c.find({$or:[{gsx$name:{$regex:new RegExp(m,"i")}},{gsx$tags:{$regex:new RegExp(m,"i")}}]})}if(0<t.text.length){var u=t.text.split(",").filter(Boolean).map(function(e){return{$regex:new RegExp(e.trim(),"i")}}),o=new RegExp(t.text.replace(/\\/g,"").replace(/\(|\)/g,function(e){return"\\"+e}),"i");console.log(o);var g=(n=[{gsx$tags:{$or:u}},{gsx$ability:{$regex:o}}],t.flavor&&(n.push({gsx$flavortext:{$or:u}}),n.push({gsx$artist:{$or:u}})),console.log(n),n);r=r.find({$or:g}),i=i.find({$or:g}),l=l.find({$or:g.concat([{gsx$brainwashed:{$regex:o}}])}),s=s.find({$or:g}),c=c.find({$or:g})}if(0<t.subtypes.length){var p=t.subtypes.split(",").filter(Boolean).map(function(e){return{$regex:new RegExp(e.trim(),"i")}});l=l.find({gsx$types:{$or:p}}),s=s.find({$or:[{gsx$initiative:{$or:p}},{gsx$types:{$or:p}}]}),r=r.limit(0),i=i.find({gsx$types:{$or:p}}),c=c.limit(0)}var d=[];for(var x in t.tribes)t.tribes[x]&&d.push({$regex:new RegExp(x,"i")});if(0<d.length&&(l=l.find({gsx$tribe:{$or:d}}),c=c.find({gsx$tribe:{$or:d}}),r=r.limit(0),i=i.limit(0),s=s.limit(0)),t.elements.none){if(t.elements.and){r=r.where(function(e){return t.elements.fire?""!=e.gsx$fire:""==e.gsx$fire}).where(function(e){return t.elements.air?""!=e.gsx$air:""==e.gsx$air}).where(function(e){return t.elements.earth?""!=e.gsx$earth:""==e.gsx$earth}).where(function(e){return t.elements.water?""!=e.gsx$water:""==e.gsx$water});var h="";["fire","air","earth","water"].forEach(function(e){t.elements[e]&&(h+=e+", ")}),""!==h&&(l=l.find({gsx$elements:{$regex:new RegExp("^"+h.substring(0,h.length-2)+"s*$","i")}}))}else r=r.where(function(e){return""==e.gsx$fire}).where(function(e){return""==e.gsx$air}).where(function(e){return""==e.gsx$earth}).where(function(e){return""==e.gsx$water}),l=l.where(function(e){return""==e.gsx$elements});i=i.limit(0),s=s.limit(0),c=c.limit(0)}else{var b=[],f=[];for(var y in t.elements)"none"!==y&&"and"!==y&&t.elements[y]&&(b.push({$regex:new RegExp(y,"i")}),f.push(X()({},"gsx$"+y,{$gte:0})));0<b.length&&(r=t.elements.and?(l=l.find({gsx$elements:{$and:b}}),r.find({$and:f})):(l=l.find({gsx$elements:{$or:b}}),r.find({$or:f})),i=i.limit(0),s=s.limit(0),c=c.limit(0))}0<t.disciplines.courage&&(l=l.find({gsx$courage:{$gte:t.disciplines.courage}})),0<t.disciplines.power&&(l=l.find({gsx$power:{$gte:t.disciplines.power}})),0<t.disciplines.wisdom&&(l=l.find({gsx$wisdom:{$gte:t.disciplines.wisdom}})),0<t.disciplines.speed&&(l=l.find({gsx$speed:{$gte:t.disciplines.speed}})),0<t.energy.min&&(l=l.find({gsx$energy:{$gte:t.energy.min}})),0<t.energy.max&&t.energy.max>=t.energy.min&&(l=l.find({gsx$energy:{$lte:t.energy.max}})),(0<t.energy.min||0<t.energy.max||0<t.disciplines.courage||0<t.disciplines.power||0<t.disciplines.wisdom||0<t.disciplines.speed)&&(r=r.limit(0),i=i.limit(0),s=s.limit(0),c=c.limit(0)),""!==t.mcbp.min&&0<=t.mcbp.min&&(r=r.find({gsx$bp:{$gte:t.mcbp.min}}),l=l.find({gsx$mugicability:{$gte:t.mcbp.min}}),c=c.find({gsx$cost:{$gte:t.mcbp.min}})),""!==t.mcbp.max&&0<=t.mcbp.max&&t.mcbp.max>=t.mcbp.min&&(r=r.find({gsx$bp:{$lte:t.mcbp.max}}),l=l.find({gsx$mugicability:{$lte:t.mcbp.max}}),c=c.find({gsx$cost:{$lte:t.mcbp.max}})),(0<t.mcbp.max||0<t.mcbp.min)&&(i=i.limit(0),s=s.limit(0)),t.mull.unique&&(r=r.find({gsx$unique:{$gt:0}}),i=i.find({gsx$unique:{$gt:0}}),l=l.find({gsx$unique:{$gt:0}}),s=s.find({gsx$unique:{$gt:0}}),c=c.find({gsx$unique:{$gt:0}})),t.mull.loyal&&(r=r.limit(0),i=i.find({gsx$loyal:{$gt:0}}),l=l.find({gsx$loyal:{$gt:0}}),c=c.limit(0),s=s.limit(0)),t.mull.legendary&&(r=r.find({gsx$legendary:{$gt:0}}),i=i.find({gsx$legendary:{$gt:0}}),l=l.find({gsx$legendary:{$gt:0}}),s=s.find({gsx$legendary:{$gt:0}}),c=c.find({gsx$legendary:{$gt:0}})),t.mull.mixed&&(r=r.limit(0),l=l.find({gsx$loyal:{$lte:0}}),i=i.find({gsx$loyal:{$lte:0}}),c=c.limit(0),s=s.limit(0));var $=[];for(var E in t.sets)t.sets[E]&&$.push({$eq:E.toUpperCase()});0<$.length&&(r=r.find({gsx$set:{$or:$}}),i=i.find({gsx$set:{$or:$}}),l=l.find({gsx$set:{$or:$}}),s=s.find({gsx$set:{$or:$}}),c=c.find({gsx$set:{$or:$}}));var v=[];for(var k in t.rarity)t.rarity[k]&&v.push({$eq:k.split(" ").map(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}).join(" ")});0<v.length&&(r=r.find({gsx$rarity:{$or:v}}),i=i.find({gsx$rarity:{$or:v}}),l=l.find({gsx$rarity:{$or:v}}),s=s.find({gsx$rarity:{$or:v}}),c=c.find({gsx$rarity:{$or:v}}));var w=!(t.types.attack|t.types.battlegear|t.types.creature|t.types.location|t.types.mugic);if(w||t.types.attack){var C=r.data();C.forEach(function(e){delete e.$loki}),e.insert(C)}if(w||t.types.battlegear){var N=i.data();N.forEach(function(e){delete e.$loki}),e.insert(N)}if(w||t.types.creature){var q=l.data();q.forEach(function(e){delete e.$loki}),e.insert(q)}if(w||t.types.location){var I=s.data();I.forEach(function(e){delete e.$loki}),e.insert(I)}if(w||t.types.mugic){var O=c.data();O.forEach(function(e){delete e.$loki}),e.insert(O)}return a.data()}(s.input);0<t.length?s.props.handleContent(t):s.props.handleContent([{text:"No Results Found"}])},s.search=s.search.bind(q()(s)),s.handleChange=s.handleChange.bind(q()(s)),s.reset=s.reset.bind(q()(s)),s.handleTriggerClick=s.handleTriggerClick.bind(q()(s)),s.props.handleContent([{text:"Loading..."}]),s.cleanInput(),s.parseQuery(),s.fetchCollapsed(),s}var a;return O()(t,e),E()(t,[{key:"updateQuery",value:(a=W()(Q.a.mark(function e(){var t,a,n=this;return Q.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:t="",a=function(t){var a="";return Object.keys(n.input[t]).forEach(function(e){1==n.input[t][e]&&(a+=e+",")}),0<a.length?t+"="+a.replace(/\,$/,"&"):""},this.list.forEach(function(e){return t+=a(e)}),this.input.name&&(t+="name="+encodeURIComponent(this.input.name)+"&"),this.input.text&&(t+="text="+encodeURIComponent(this.input.text)+"&"),this.input.subtypes&&(t+="subtypes="+encodeURIComponent(this.input.subtypes)+"&"),0<this.input.disciplines.courage&&(t+="courage="+this.input.disciplines.courage+"&"),0<this.input.disciplines.power&&(t+="power="+this.input.disciplines.power+"&"),0<this.input.disciplines.wisdom&&(t+="wisdom="+this.input.disciplines.wisdom+"&"),0<this.input.disciplines.speed&&(t+="speed="+this.input.disciplines.speed+"&"),""==this.input.energy.min&&""==this.input.energy.max||(t+="energy=",""!=this.input.energy.min&&0<=this.input.energy.min&&(t+=this.input.energy.min),t+=",",""!=this.input.energy.max&&0<=this.input.energy.max&&(t+=this.input.energy.max),t+="&"),""==this.input.mcbp.min&&""==this.input.mcbp.max||(t+="mcbp=",""!=this.input.mcbp.min&&0<=this.input.mcbp.min&&(t+=this.input.mcbp.min),t+=",",""!=this.input.mcbp.max&&0<=this.input.mcbp.max&&(t+=this.input.mcbp.max),t+="&"),t=t.replace(/\&$/,""),this.props.history.push("/collection/?"+t);case 14:case"end":return e.stop()}},e,this)})),function(){return a.apply(this,arguments)})},{key:"render",value:function(){var l=this;if(0==this.loaded)return M.a.LoadDB([{cards:"attacks"},{cards:"battlegear"},{cards:"creatures"},{cards:"locations"},{cards:"mugic"}]).then(function(){l.loaded=!0,l.search()}),B.a.createElement(L.h,null);function e(a,n,r){var i=[];return Object.keys(l.input[a]).forEach(function(e,t){i.push(B.a.createElement("label",{style:{display:n},key:t},B.a.createElement("input",{type:"checkbox",name:e,checked:l.input[a][e],onChange:function(e){return l.handleChange(e,a)}}),r(e)))}),i}var t=e("sets","block",function(e){return M.a.sets[e.toUpperCase()]}),a=e("types","block",function(e){return e.charAt(0).toUpperCase()+e.slice(1)}),n=e("rarity","block",function(e){return e.split(" ").map(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}).join(" ")}),r=e("tribes","inline",function(e){return B.a.createElement("span",null,B.a.createElement("img",{className:"icon16",src:"/src/img/icons/tribes/"+e+".png"}))}),i=e("elements","inline",function(e){return B.a.createElement("span",null,B.a.createElement("img",{className:"icon20",src:"/src/img/icons/elements/"+e+".png"})," ")}).slice(0,-2),s=[];return Object.keys(this.input.disciplines).forEach(function(e,t){s.push(B.a.createElement("label",{key:t,className:"disciplines"},B.a.createElement("input",{type:"text",name:e,value:l.input.disciplines[e],onChange:function(e){return l.handleChange(e,"disciplines")}})," ",B.a.createElement("img",{className:"icon20",style:{verticalAlign:"bottom"},src:"/src/img/icons/disciplines/"+e+".png"})," "))}),B.a.createElement("div",{className:"SearchForm"},B.a.createElement("form",{onSubmit:this.search},B.a.createElement("div",{className:"centeredButtons"},B.a.createElement("input",{id:"search",type:"submit",value:"Search"}),B.a.createElement("input",{id:"search",type:"button",value:"Reset",onClick:this.reset})),B.a.createElement("br",null),B.a.createElement("div",{className:"text-entry"},B.a.createElement("input",{type:"text",name:"name",placeholder:"Card Name",value:this.input.name,onChange:this.handleChange})),B.a.createElement("div",{className:"text-entry"},B.a.createElement("input",{type:"text",name:"text",placeholder:"Card Text",value:this.input.text,onChange:this.handleChange})),B.a.createElement("div",{className:"text-entry"},B.a.createElement("input",{type:"text",name:"subtypes",placeholder:"Subtypes | Initiative",value:this.input.subtypes,onChange:this.handleChange})),B.a.createElement("div",{className:"centeredCheckBox"},B.a.createElement("label",{className:"mull"},B.a.createElement("input",{type:"checkbox",name:"flavor",value:!this.input.flavor,onChange:function(e){l.input.flavor=!e.target.checked}}),"Ignore Flavortext & Artist")),B.a.createElement("br",null),B.a.createElement("div",{className:"centeredCheckBox centeredSpacing"},B.a.createElement("label",{className:"mull"},B.a.createElement("input",{type:"checkbox",name:"unique",checked:this.input.mull.unique,onChange:function(e){return l.handleChange(e,"mull")}}),"Unique"),B.a.createElement("label",{className:"mull"},B.a.createElement("input",{type:"checkbox",name:"loyal",checked:this.input.mull.loyal,onChange:function(e){return l.handleChange(e,"mull")}}),"Loyal"),B.a.createElement("label",{className:"mull"},B.a.createElement("input",{type:"checkbox",name:"legendary",checked:this.input.mull.legendary,onChange:function(e){return l.handleChange(e,"mull")}}),"Legendary")),B.a.createElement("div",{className:"centeredCheckBox"},B.a.createElement("label",{className:"mull"},B.a.createElement("input",{type:"checkbox",name:"mixed",checked:this.input.mull.mixed,onChange:function(e){return l.handleChange(e,"mull")}}),"Non-Loyal")),B.a.createElement("hr",null),B.a.createElement("div",{className:"tribes"},r),B.a.createElement("hr",null),B.a.createElement("div",{className:"tribes"},i,B.a.createElement("label",{className:"none"},B.a.createElement("input",{type:"checkbox",name:"none",checked:this.input.elements.none,onChange:function(e){return l.handleChange(e,"elements")}}),B.a.createElement("span",null,"None"))),B.a.createElement("div",{className:"centeredButtons"},B.a.createElement("input",{type:"button",value:this.input.elements.none?"none":"or",className:"and",disabled:!this.input.elements.and,onClick:function(e){l.input.elements.and=!1}}),B.a.createElement("input",{type:"button",value:this.input.elements.none?"only":"and",className:"and",disabled:this.input.elements.and,onClick:function(e){l.input.elements.and=!0}})),B.a.createElement("hr",null),B.a.createElement(ge,{type:"disciplines",title:"Disciplines",collapsed:this.collapsed,onClick:this.handleTriggerClick},B.a.createElement("div",{className:"disciplines"},s)),B.a.createElement(ge,{type:"energy",title:"Energy",collapsed:this.collapsed,onClick:this.handleTriggerClick},B.a.createElement("div",{className:"minMax"},B.a.createElement("label",{className:"mcbp"},"Min ",B.a.createElement("input",{type:"text",name:"min",value:this.input.energy.min,onChange:function(e){return l.handleChange(e,"energy")}})),B.a.createElement("label",{className:"mcbp"},"Max ",B.a.createElement("input",{type:"text",name:"max",value:this.input.energy.max,onChange:function(e){return l.handleChange(e,"energy")}})))),B.a.createElement(ge,{type:"bpmc",title:"Build Points\nMugic Counters/Cost",collapsed:this.collapsed,onClick:this.handleTriggerClick},B.a.createElement("div",{className:"minMax"},B.a.createElement("label",{className:"mcbp"},"Min ",B.a.createElement("input",{type:"text",name:"min",value:this.input.mcbp.min,onChange:function(e){return l.handleChange(e,"mcbp")}})),B.a.createElement("label",{className:"mcbp"},"Max ",B.a.createElement("input",{type:"text",name:"max",value:this.input.mcbp.max,onChange:function(e){return l.handleChange(e,"mcbp")}})))),B.a.createElement(ge,{type:"types",title:"Card Type",collapsed:this.collapsed,onClick:this.handleTriggerClick},B.a.createElement("div",{className:"centeredCheckBox"},a)),B.a.createElement(ge,{type:"rarity",title:"Rarity",collapsed:this.collapsed,onClick:this.handleTriggerClick},B.a.createElement("div",{className:"centeredCheckBox"},n)),B.a.createElement(ge,{type:"sets",title:"Sets",collapsed:this.collapsed,onClick:this.handleTriggerClick},B.a.createElement("div",{className:"setBox"},B.a.createElement("div",{className:"centeredCheckBox",id:"sets"},t))),B.a.createElement("div",{className:"centeredButtons"},B.a.createElement("input",{id:"search",type:"submit",value:"Search"}),B.a.createElement("input",{id:"search",type:"button",value:"Reset",onClick:this.reset}))))}}]),t}(B.a.Component),o=j()(u.prototype,"loaded",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return!1}}),g=j()(u.prototype,"input",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),p=j()(u.prototype,"collapsed",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),m=u))||m)||m,ge=function(e){function r(e){var t;y()(this,r),(t=k()(this,C()(r).call(this,e))).open=!1,t.trigger="";var a=e.collapsed,n=e.type;return t.open=a[n],t.trigger=e.title,t}return O()(r,e),E()(r,[{key:"render",value:function(){var e=this.props,t=e.type,a=e.children,n=e.onClick;return B.a.createElement(H.a,{trigger:this.trigger,open:this.open,onOpen:function(){return n(t)},onClose:function(){return n(t)}},a)}}]),r}(B.a.Component);a(387);a.d(t,"default",function(){return pe});var pe=Object(A.a)(function(e,t,a){return t})(ne=Object(A.b)((re=function(e){function i(){var e,t;y()(this,i);for(var a=arguments.length,n=new Array(a),r=0;r<a;r++)n[r]=arguments[r];return t=k()(this,(e=C()(i)).call.apply(e,[this].concat(n))),b()(t,"loaded",ie,q()(t)),b()(t,"n",le,q()(t)),b()(t,"p",se,q()(t)),b()(t,"ext",ce,q()(t)),b()(t,"content",me,q()(t)),b()(t,"card_img",ue,q()(t)),t}return O()(i,e),E()(i,[{key:"componentDidMount",value:function(){var e=localStorage.getItem("extended");null==e&&(this.ext=!1),this.ext=/true/i.test(e)}},{key:"handleContent",value:function(e){this.content=e,this.p=1}},{key:"setImage",value:function(e){this.card_img=e||M.a.card_back,this.changeImage()}},{key:"setExt",value:function(){this.ext=!this.ext,localStorage.setItem("extended",this.ext)}},{key:"render",value:function(){var t=this;return B.a.createElement("div",{className:"collection "+(this.ext?"extended":"short")},B.a.createElement("div",{className:"left"},B.a.createElement(xe,{url:M.a.base_image+this.card_img,ref:function(e){e&&(t.changeImage=e.getInstance().changeImage)}}),B.a.createElement(oe,x()({handleContent:this.handleContent.bind(this)},this.props))),B.a.createElement("div",{className:"right"},B.a.createElement("div",{className:"list-nav-top"},this.navigation(),this.extended()),B.a.createElement("br",null),B.a.createElement(D,{ext:this.ext,cards:this.content.slice(this.n*(this.p-1),this.n*this.p),setImage:this.setImage.bind(this)}),B.a.createElement("br",null),this.navigation()))}},{key:"extended",value:function(){return B.a.createElement("div",{className:"ext-button"},B.a.createElement("button",{id:"buttons",onClick:this.setExt.bind(this)},this.ext?"Short Format":"Extended Format"))}},{key:"navigation",value:function(){var t=this,e=Math.ceil(this.content.length/this.n);return B.a.createElement("div",{className:"entries"},this.content.length," results - page ",this.p," of ",e," ",1<t.p?B.a.createElement("button",{id:"buttons",onClick:function(){t.p--,window.scrollTo(0,0)}},"prev"):B.a.createElement("button",{id:"buttons",disabled:!0},"prev")," ",t.p<e?B.a.createElement("button",{id:"buttons",onClick:function(){t.p++,window.scrollTo(0,0)}},"next"):B.a.createElement("button",{id:"buttons",disabled:!0},"next"),B.a.createElement("br",null),"Entries per page",B.a.createElement("input",{type:"button",value:"5",disabled:"5"==this.n,onClick:function(e){return t.n=e.target.value}})," ",B.a.createElement("input",{type:"button",value:"10",disabled:"10"==this.n,onClick:function(e){return t.n=e.target.value}})," ",B.a.createElement("input",{type:"button",value:"20",disabled:"20"==this.n,onClick:function(e){return t.n=e.target.value}})," ",B.a.createElement("input",{type:"button",value:"50",disabled:"50"==this.n,onClick:function(e){return t.n=e.target.value}}))}}]),i}(B.a.Component),ie=j()(re.prototype,"loaded",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return!1}}),le=j()(re.prototype,"n",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return 10}}),se=j()(re.prototype,"p",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return 1}}),ce=j()(re.prototype,"ext",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return!1}}),me=j()(re.prototype,"content",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return[]}}),ue=j()(re.prototype,"card_img",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return M.a.card_back}}),ne=re))||ne)||ne,de=Object(A.b)((te=function(e){function i(){var e,t;y()(this,i);for(var a=arguments.length,n=new Array(a),r=0;r<a;r++)n[r]=arguments[r];return t=k()(this,(e=C()(i)).call.apply(e,[this].concat(n))),b()(t,"display",ae,q()(t)),t.handleClickOutside=function(e){t.display=!1},t.changeImage=function(){t.display=!0},t}return O()(i,e),E()(i,[{key:"render",value:function(){return B.a.createElement("div",{className:"card_img"},B.a.createElement("img",{className:this.display?"":"hidden",src:this.props.url}))}}]),i}(B.a.Component),ae=j()(te.prototype,"display",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return!1}}),ee=te))||ee,xe=(0,a(383).default)(de)}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{387:function(e,t,a){},390:function(e,t,a){"use strict";a.r(t);var n,i,r,l,s,c,m,o,u,g,p,d=a(122),x=a.n(d),h=a(64),f=a.n(h),b=a(62),y=a.n(b),$=a(52),E=a.n($),v=a(119),w=a.n(v),k=a(120),C=a.n(k),N=a(165),q=a.n(N),I=a(121),O=a.n(I),j=a(39),_=a.n(j),R=(a(164),a(0)),B=a.n(R),F=a(70),S=a(6),M=a(85),L=a(35),T=Object(M.a)(function(e,t,a){return t})(n=Object(M.b)(n=function(e){function t(){return y()(this,t),w()(this,C()(t).apply(this,arguments))}return O()(t,e),E()(t,[{key:"render",value:function(){var e=this,t=this.props.card;return 0==this.props.ext?B.a.createElement("div",{className:"card attack"},B.a.createElement("img",{className:"thumb",src:F.a.base_image+(t.gsx$thumb||F.a.thumb_missing),onClick:function(){return e.props.setImage(t.gsx$image)}}),B.a.createElement("div",{className:"left"},B.a.createElement(L.k,{name:t.gsx$name}),B.a.createElement("br",null),B.a.createElement(L.m,{set:t.gsx$set,rarity:t.gsx$rarity}),B.a.createElement("br",null),B.a.createElement("span",null,B.a.createElement(L.b,{bp:t.gsx$bp})," Attack - ",t.gsx$bp),B.a.createElement("br",null),B.a.createElement("div",null,B.a.createElement("span",{className:"bp bigger"},t.gsx$base)," | ",B.a.createElement(L.f,{element:"fire",value:t.gsx$fire}),t.gsx$fire," ",B.a.createElement(L.f,{element:"air",value:t.gsx$air}),t.gsx$air," ",B.a.createElement(L.f,{element:"earth",value:t.gsx$earth}),t.gsx$earth," ",B.a.createElement(L.f,{element:"water",value:t.gsx$water}),t.gsx$water)),B.a.createElement("br",null),B.a.createElement("div",{className:"right"},B.a.createElement(L.a,{ability:t.gsx$ability}),B.a.createElement(L.q,{data:{unique:t.gsx$unique,loyal:t.gsx$loyal,legendary:t.gsx$legendary}}),B.a.createElement("span",{className:"flavortext"},t.gsx$flavortext))):B.a.createElement("div",{className:"card attack"},B.a.createElement("img",{className:"fullcard",src:F.a.base_image+(t.gsx$image||F.a.card_back)}),B.a.createElement("div",{className:"right"},B.a.createElement(L.k,{name:t.gsx$name}),B.a.createElement("br",null),B.a.createElement(L.a,{ability:t.gsx$ability}),B.a.createElement(L.q,{data:{unique:t.gsx$unique,loyal:t.gsx$loyal,legendary:t.gsx$legendary}}),t.gsx$flavortext&&B.a.createElement(B.a.Fragment,null,B.a.createElement("span",{className:"flavortext"},t.gsx$flavortext),B.a.createElement("br",null)),B.a.createElement("span",null,"Art By: ",t.gsx$artist)))}}]),t}(B.a.Component))||n)||n,A=Object(M.a)(function(e,t,a){return t})(i=Object(M.b)(i=function(e){function t(){return y()(this,t),w()(this,C()(t).apply(this,arguments))}return O()(t,e),E()(t,[{key:"render",value:function(){var e=this,t=this.props.card;return 0==this.props.ext?B.a.createElement("div",{className:"card battlegear"},B.a.createElement("img",{className:"thumb",style:{float:"left"},src:F.a.base_image+(t.gsx$thumb||F.a.thumb_missing),onClick:function(){return e.props.setImage(t.gsx$image)}}),B.a.createElement("div",{className:"left"},B.a.createElement(L.k,{name:t.gsx$name}),B.a.createElement("br",null),B.a.createElement(L.m,{set:t.gsx$set,rarity:t.gsx$rarity}),B.a.createElement("br",null),B.a.createElement("span",null,B.a.createElement(L.c,null)," Battlegear",0<t.gsx$types.length?" - "+t.gsx$types:null)),B.a.createElement("div",{className:"right"},B.a.createElement(L.a,{ability:t.gsx$ability}),B.a.createElement(L.q,{data:{unique:t.gsx$unique,loyal:t.gsx$loyal,legendary:t.gsx$legendary}}),B.a.createElement("span",{className:"flavortext"},t.gsx$flavortext))):B.a.createElement("div",{className:"card battlegear"},B.a.createElement("img",{className:"fullcard",src:F.a.base_image+(t.gsx$image||F.a.card_back)}),B.a.createElement("div",{className:"right"},B.a.createElement(L.k,{name:t.gsx$name}),B.a.createElement("br",null),B.a.createElement(L.a,{ability:t.gsx$ability}),B.a.createElement(L.q,{data:{unique:t.gsx$unique,loyal:t.gsx$loyal,legendary:t.gsx$legendary}}),t.gsx$flavortext&&B.a.createElement(B.a.Fragment,null,B.a.createElement("span",{className:"flavortext"},t.gsx$flavortext),B.a.createElement("br",null)),B.a.createElement("span",null,"Art By: ",t.gsx$artist)))}}]),t}(B.a.Component))||i)||i,P=Object(M.a)(function(e,t,a){return t})(r=Object(M.b)(r=function(e){function t(){return y()(this,t),w()(this,C()(t).apply(this,arguments))}return O()(t,e),E()(t,[{key:"render",value:function(){for(var e=this,i=this.props.card,t=[],a=0;a<i.gsx$mugicability;a++)t.push(B.a.createElement(L.j,{key:a,tribe:i.gsx$tribe}));return 0==this.props.ext?B.a.createElement("div",{className:"card creature"},B.a.createElement("img",{className:"thumb",style:{float:"left"},src:F.a.base_image+(i.gsx$thumb||F.a.thumb_missing),onClick:function(){return e.props.setImage(i.gsx$image)}}),B.a.createElement("div",{className:"left"},B.a.createElement(L.k,{name:i.gsx$name}),B.a.createElement("br",null),B.a.createElement(L.m,{set:i.gsx$set,rarity:i.gsx$rarity}),B.a.createElement("br",null),B.a.createElement(function(){var e=i.gsx$tribe,t=i.gsx$types,a=!1;t.toLowerCase().includes("past")&&(a=!0,t=t.replace(/past /i,""));var n=" "+(a?"Past ":"")+("Generic"==e?"":e+" ")+t;return B.a.createElement("span",null,B.a.createElement(L.o,{tribe:e}),n)},null),B.a.createElement("br",null),B.a.createElement("div",null,B.a.createElement(L.f,{element:"fire",value:0<=i.gsx$elements.toLowerCase().indexOf("fire")})," ",B.a.createElement(L.f,{element:"air",value:0<=i.gsx$elements.toLowerCase().indexOf("air")})," ",B.a.createElement(L.f,{element:"earth",value:0<=i.gsx$elements.toLowerCase().indexOf("earth")})," ",B.a.createElement(L.f,{element:"water",value:0<=i.gsx$elements.toLowerCase().indexOf("water")})),B.a.createElement("span",null,t)),B.a.createElement("br",null),B.a.createElement("div",{className:"right"},B.a.createElement(L.a,{ability:i.gsx$ability,tribe:i.gsx$tribe}),B.a.createElement(L.a,{type:"brainwashed",tribe:i.gsx$tribe,ability:i.gsx$brainwashed}),B.a.createElement(L.q,{data:{unique:i.gsx$unique,loyal:i.gsx$loyal,legendary:i.gsx$legendary,tribe:i.gsx$tribe}}),i.gsx$types.includes("Chieftain")&&B.a.createElement("span",{className:"chieftain"},"(Minions use Brainwashed text. Minions may only play Generic Mugic.)",B.a.createElement("br",null)),B.a.createElement("span",{className:"flavortext"},i.gsx$flavortext)),B.a.createElement("br",null),B.a.createElement("div",{className:"stats"},B.a.createElement("div",{className:"energy"},i.gsx$courage,B.a.createElement(L.d,{discipline:"courage"})),B.a.createElement("div",{className:"energy"},i.gsx$power,B.a.createElement(L.d,{discipline:"power"})),B.a.createElement("div",{className:"energy"},i.gsx$wisdom,B.a.createElement(L.d,{discipline:"wisdom"})),B.a.createElement("div",{className:"energy"},i.gsx$speed,B.a.createElement(L.d,{discipline:"speed"})),B.a.createElement("div",{className:"energy",style:{fontWeight:"bold"}},i.gsx$energy))):B.a.createElement("div",{className:"card creature"},B.a.createElement("img",{className:"fullcard",src:F.a.base_image+(i.gsx$image||F.a.card_back)}),B.a.createElement("div",{className:"right"},B.a.createElement(L.k,{name:i.gsx$name}),B.a.createElement("br",null),B.a.createElement("span",null,i.gsx$courage," ",B.a.createElement(L.d,{discipline:"courage"}))," ",B.a.createElement("span",null,i.gsx$power," ",B.a.createElement(L.d,{discipline:"power"}))," ",B.a.createElement("span",null,i.gsx$wisdom," ",B.a.createElement(L.d,{discipline:"wisdom"}))," ",B.a.createElement("span",null,i.gsx$speed," ",B.a.createElement(L.d,{discipline:"speed"}))," ",B.a.createElement("span",{style:{fontWeight:"bold"}},i.gsx$energy),B.a.createElement("br",null),B.a.createElement(L.a,{ability:i.gsx$ability,tribe:i.gsx$tribe}),B.a.createElement(L.a,{type:"brainwashed",tribe:i.gsx$tribe,ability:i.gsx$brainwashed}),B.a.createElement(L.q,{data:{unique:i.gsx$unique,loyal:i.gsx$loyal,legendary:i.gsx$legendary,tribe:i.gsx$tribe}}),i.gsx$types.includes("Chieftain")&&B.a.createElement("span",{className:"chieftain"},"(Minions use Brainwashed text. Minions may only play Generic Mugic.)",B.a.createElement("br",null)),i.gsx$flavortext&&B.a.createElement(B.a.Fragment,null,B.a.createElement("span",{className:"flavortext"},i.gsx$flavortext),B.a.createElement("br",null)),B.a.createElement("span",null,"Art By: ",i.gsx$artist)))}}]),t}(B.a.Component))||r)||r,z=Object(M.a)(function(e,t,a){return t})(l=Object(M.b)(l=function(e){function t(){return y()(this,t),w()(this,C()(t).apply(this,arguments))}return O()(t,e),E()(t,[{key:"render",value:function(){var e=this,t=this.props.card;return 0==this.props.ext?B.a.createElement("div",{className:"card location"},B.a.createElement("img",{className:"thumb",style:{float:"left",width:"100px",height:"98px"},src:F.a.base_image+(t.gsx$thumb||F.a.thumb_missing),onClick:function(){return e.props.setImage(t.gsx$image)}}),B.a.createElement("div",{className:"left"},B.a.createElement(L.k,{name:t.gsx$name}),B.a.createElement("br",null),B.a.createElement(L.m,{set:t.gsx$set,rarity:t.gsx$rarity}),B.a.createElement("br",null),B.a.createElement("span",null,B.a.createElement(L.i,null)," Location",0<t.gsx$types.length?" - "+t.gsx$types:null),B.a.createElement("br",null),B.a.createElement(L.g,{initiative:t.gsx$initiative})),B.a.createElement("div",{className:"right"},B.a.createElement(L.a,{ability:t.gsx$ability}),B.a.createElement(L.q,{data:{unique:t.gsx$unique,loyal:t.gsx$loyal,legendary:t.gsx$legendary}}),B.a.createElement("span",{className:"flavortext"},t.gsx$flavortext))):B.a.createElement("div",{className:"card location"},B.a.createElement("img",{className:"fullcard",src:F.a.base_image+(t.gsx$image||F.a.card_back)}),B.a.createElement("div",{className:"right"},B.a.createElement(L.k,{name:t.gsx$name}),B.a.createElement("br",null),B.a.createElement(L.a,{ability:t.gsx$ability}),B.a.createElement(L.q,{data:{unique:t.gsx$unique,loyal:t.gsx$loyal,legendary:t.gsx$legendary}}),t.gsx$flavortext&&B.a.createElement(B.a.Fragment,null,B.a.createElement("span",{className:"flavortext"},t.gsx$flavortext),B.a.createElement("br",null)),B.a.createElement("span",null,"Art By: ",t.gsx$artist)))}}]),t}(B.a.Component))||l)||l,U=Object(M.a)(function(e,t,a){return t})(s=Object(M.b)(s=function(e){function t(){return y()(this,t),w()(this,C()(t).apply(this,arguments))}return O()(t,e),E()(t,[{key:"render",value:function(){var e=this,t=this.props.card,a=[];if(0==t.gsx$cost)a.push(B.a.createElement(L.j,{tribe:t.gsx$tribe,key:0,amount:"0"}));else if("x"==t.gsx$cost.toLowerCase())a.push(B.a.createElement(L.j,{tribe:t.gsx$tribe,key:0,amount:"x"}));else if(5<t.gsx$cost)a.push(B.a.createElement(L.j,{tribe:t.gsx$tribe,key:0,amount:t.gsx$cost}));else for(var n=0;n<t.gsx$cost;n++)a.push(B.a.createElement(L.j,{tribe:t.gsx$tribe,key:n}));return 0==this.props.ext?B.a.createElement("div",{className:"card mugic"},B.a.createElement("img",{className:"thumb",style:{float:"left"},src:F.a.base_image+(t.gsx$thumb||F.a.thumb_missing),onClick:function(){return e.props.setImage(t.gsx$image)}}),B.a.createElement("div",{className:"left"},B.a.createElement(L.k,{name:t.gsx$name}),B.a.createElement("br",null),B.a.createElement(L.m,{set:t.gsx$set,rarity:t.gsx$rarity})," ",B.a.createElement("br",null),B.a.createElement(L.o,{size:"icon16",tribe:t.gsx$tribe})," Mugic - ",t.gsx$tribe,B.a.createElement("br",null),B.a.createElement("span",null,a),B.a.createElement("br",null)),B.a.createElement("br",null),B.a.createElement("div",{className:"right"},B.a.createElement(L.a,{ability:t.gsx$ability,tribe:t.gsx$tribe}),B.a.createElement(L.q,{data:{unique:t.gsx$unique,loyal:t.gsx$loyal,legendary:t.gsx$legendary}}),B.a.createElement("span",{className:"flavortext"},t.gsx$flavortext))):B.a.createElement("div",{className:"card mugic"},B.a.createElement("img",{className:"fullcard",src:F.a.base_image+(t.gsx$image||F.a.card_back)}),B.a.createElement("div",{className:"right"},B.a.createElement(L.k,{name:t.gsx$name}),B.a.createElement("br",null),B.a.createElement(L.a,{ability:t.gsx$ability,tribe:t.gsx$tribe}),B.a.createElement(L.q,{data:{unique:t.gsx$unique,loyal:t.gsx$loyal,legendary:t.gsx$legendary}}),t.gsx$flavortext&&B.a.createElement(B.a.Fragment,null,B.a.createElement("span",{className:"flavortext"},t.gsx$flavortext),B.a.createElement("br",null)),B.a.createElement("span",null,"Art By: ",t.gsx$artist)))}}]),t}(B.a.Component))||s)||s,D=Object(M.a)(function(e,t,a){return t})(c=Object(M.b)(c=function(e){function t(){return y()(this,t),w()(this,C()(t).apply(this,arguments))}return O()(t,e),E()(t,[{key:"setImage",value:function(e){0==this.props.ext&&this.props.setImage(e)}},{key:"render",value:function(){var a=this,e=this.props.cards;return 1==e.length&&e[0].text?B.a.createElement("div",{style:{textAlign:"left"}},e[0].text):e.map(function(e,t){switch(e.gsx$type){case"Attacks":return B.a.createElement(T,{card:e,key:t,ext:a.props.ext,setImage:a.setImage.bind(a)});case"Battlegear":return B.a.createElement(A,{card:e,key:t,ext:a.props.ext,setImage:a.setImage.bind(a)});case"Creatures":return B.a.createElement(P,{card:e,key:t,ext:a.props.ext,setImage:a.setImage.bind(a)});case"Locations":return B.a.createElement(z,{card:e,key:t,ext:a.props.ext,setImage:a.setImage.bind(a)});case"Mugic":return B.a.createElement(U,{card:e,key:t,ext:a.props.ext,setImage:a.setImage.bind(a)});default:return B.a.createElement("div",{key:t},"Invalid Card Type")}})}}]),t}(B.a.Component))||c)||c,H=a(23),J=a.n(H),Q=a(60),G=a.n(Q),W=a(381),Y=a.n(W),V=a(382),K=a.n(V),X=a(123),Z=a.n(X);var ee,te,ae,ne,ie,re,le,se,ce,me,oe,ue,ge=Object(M.a)(function(e,t,a){return t})(m=Object(M.b)((o=function(e){function t(e){var s;return y()(this,t),s=w()(this,C()(t).call(this,e)),f()(s,"loaded",u,q()(s)),f()(s,"input",g,q()(s)),f()(s,"collapsed",p,q()(s)),s.list=["sets","types","rarity","tribes","elements","mull","gender"],s.fetchCollapsed=function(){var e=localStorage.getItem("collapsed");e=e?JSON.parse(e):{disciplines:!0,energy:!0,bpmc:!0,types:!0,rarity:!1,sets:!1},s.collapsed=e},s.handleTriggerClick=function(e){var t=s.collapsed;t[e]=!s.collapsed[e],localStorage.setItem("collapsed",JSON.stringify(t))},s.cleanInput=function(){var e={name:"",text:"",subtypes:"",flavor:!0,sets:{},types:{attack:!1,battlegear:!1,creature:!1,location:!1,mugic:!1},rarity:{common:!1,uncommon:!1,rare:!1,"super rare":!1,"ultra rare":!1,promo:!1},tribes:{danian:!1,"m'arrillian":!1,mipedian:!1,overworld:!1,underworld:!1,generic:!1},elements:{fire:!1,air:!1,earth:!1,water:!1,none:!1,and:!1},disciplines:{courage:"",power:"",wisdom:"",speed:""},energy:{min:"",max:""},mcbp:{min:"",max:""},mull:{unique:!1,loyal:!1,legendary:!1,mixed:!1},gender:{ambiguous:!1,female:!1,male:!1}};for(var t in F.a.sets)e.sets[t.toLowerCase()]=!1;s.input=e},s.parseQuery=function(){for(var e=s.props.location.search.toLowerCase(),a={},t=("?"===e[0]?e.substr(1):e).split("&"),n=0;n<t.length;n++){var i=t[n].split("=");a[decodeURIComponent(i[0])]=decodeURIComponent(i[1]||"")}if(s.list.forEach(function(t){a[t]&&a[t].split(",").map(function(e){s.input[t][e]=!0})}),a.hasOwnProperty("name")&&(s.input.name=a.name),a.hasOwnProperty("text")&&(s.input.text=a.text),a.hasOwnProperty("subtypes")&&(s.input.subtypes=a.subtypes),a.hasOwnProperty("courage")&&(s.input.disciplines.courage=a.courage),a.hasOwnProperty("power")&&(s.input.disciplines.power=a.power),a.hasOwnProperty("wisdom")&&(s.input.disciplines.wisdom=a.wisdom),a.hasOwnProperty("speed")&&(s.input.disciplines.speed=a.speed),a.hasOwnProperty("energy")){var r=a.energy.split(",");0<=r[0]&&(s.input.energy.min=r[0]),0<=r[1]&&(s.input.energy.max=r[1])}if(a.hasOwnProperty("mcbp")){var l=a.mcbp.split(",");0<=l[0]&&(s.input.mcbp.min=l[0]),0<=l[1]&&(s.input.mcbp.max=l[1])}},s.reset=function(e){e.preventDefault(),e.stopPropagation(),s.cleanInput()},s.handleChange=function(e,t){var a=e.target,n="checkbox"===a.type?a.checked:a.value,i=a.name;t?s.input[t][i]=n:s.input[i]=n},s.search=function(e){e&&(e.preventDefault(),e.stopPropagation(),s.updateQuery());var t=function(t){var e=new Z.a("filter.db").addCollection("filter"),a=e.addDynamicView("filter");a.applySimpleSort("gsx$name");var n,i=F.a.cards.attacks.chain(),r=F.a.cards.battlegear.chain(),l=F.a.cards.creatures.chain(),s=F.a.cards.locations.chain(),c=F.a.cards.mugic.chain();if(i=i.where(function(e){return""!=e.gsx$set}),r=r.where(function(e){return""!=e.gsx$set}),l=l.where(function(e){return""!=e.gsx$set}),s=s.where(function(e){return""!=e.gsx$set}),c=c.where(function(e){return""!=e.gsx$set}),0<t.name.length){var m=t.name.replace(/\\/g,"").replace(/\(|\)/g,function(e){return"\\"+e});i=i.find({$or:[{gsx$name:{$regex:new RegExp(m,"i")}},{gsx$tags:{$regex:new RegExp(m,"i")}}]}),r=r.find({$or:[{gsx$name:{$regex:new RegExp(m,"i")}},{gsx$tags:{$regex:new RegExp(m,"i")}}]}),l=l.find({$or:[{gsx$name:{$regex:new RegExp(m,"i")}},{gsx$tags:{$regex:new RegExp(m,"i")}}]}),s=s.find({$or:[{gsx$name:{$regex:new RegExp(m,"i")}},{gsx$tags:{$regex:new RegExp(m,"i")}}]}),c=c.find({$or:[{gsx$name:{$regex:new RegExp(m,"i")}},{gsx$tags:{$regex:new RegExp(m,"i")}}]})}if(0<t.text.length){var o=t.text.split(",").filter(Boolean).map(function(e){return{$regex:new RegExp(e.trim(),"i")}}),u=new RegExp(t.text.replace(/\\/g,"").replace(/\(|\)/g,function(e){return"\\"+e}),"i");console.log(u);var g=(n=[{gsx$tags:{$or:o}},{gsx$ability:{$regex:u}}],t.flavor&&(n.push({gsx$flavortext:{$or:o}}),n.push({gsx$artist:{$or:o}})),console.log(n),n);i=i.find({$or:g}),r=r.find({$or:g}),l=l.find({$or:g.concat([{gsx$brainwashed:{$regex:u}}])}),s=s.find({$or:g}),c=c.find({$or:g})}if(0<t.subtypes.length){var p=t.subtypes.split(",").filter(Boolean).map(function(e){return{$regex:new RegExp(e.trim(),"i")}});l=l.find({gsx$types:{$or:p}}),s=s.find({$or:[{gsx$initiative:{$or:p}},{gsx$types:{$or:p}}]}),i=i.limit(0),r=r.find({gsx$types:{$or:p}}),c=c.limit(0)}var d=[];for(var x in t.tribes)t.tribes[x]&&d.push({$regex:new RegExp(x,"i")});if(0<d.length&&(l=l.find({gsx$tribe:{$or:d}}),c=c.find({gsx$tribe:{$or:d}}),i=i.limit(0),r=r.limit(0),s=s.limit(0)),t.elements.none){if(t.elements.and){i=i.where(function(e){return t.elements.fire?""!=e.gsx$fire:""==e.gsx$fire}).where(function(e){return t.elements.air?""!=e.gsx$air:""==e.gsx$air}).where(function(e){return t.elements.earth?""!=e.gsx$earth:""==e.gsx$earth}).where(function(e){return t.elements.water?""!=e.gsx$water:""==e.gsx$water});var h="";["fire","air","earth","water"].forEach(function(e){t.elements[e]&&(h+=e+", ")}),""!==h&&(l=l.find({gsx$elements:{$regex:new RegExp("^"+h.substring(0,h.length-2)+"s*$","i")}}))}else i=i.where(function(e){return""==e.gsx$fire}).where(function(e){return""==e.gsx$air}).where(function(e){return""==e.gsx$earth}).where(function(e){return""==e.gsx$water}),l=l.where(function(e){return""==e.gsx$elements});r=r.limit(0),s=s.limit(0),c=c.limit(0)}else{var f=[],b=[];for(var y in t.elements)"none"!==y&&"and"!==y&&t.elements[y]&&(f.push({$regex:new RegExp(y,"i")}),b.push(K()({},"gsx$"+y,{$gte:0})));0<f.length&&(i=t.elements.and?(l=l.find({gsx$elements:{$and:f}}),i.find({$and:b})):(l=l.find({gsx$elements:{$or:f}}),i.find({$or:b})),r=r.limit(0),s=s.limit(0),c=c.limit(0))}0<t.disciplines.courage&&(l=l.find({gsx$courage:{$gte:t.disciplines.courage}})),0<t.disciplines.power&&(l=l.find({gsx$power:{$gte:t.disciplines.power}})),0<t.disciplines.wisdom&&(l=l.find({gsx$wisdom:{$gte:t.disciplines.wisdom}})),0<t.disciplines.speed&&(l=l.find({gsx$speed:{$gte:t.disciplines.speed}})),0<t.energy.min&&(l=l.find({gsx$energy:{$gte:t.energy.min}})),0<t.energy.max&&t.energy.max>=t.energy.min&&(l=l.find({gsx$energy:{$lte:t.energy.max}})),(0<t.energy.min||0<t.energy.max||0<t.disciplines.courage||0<t.disciplines.power||0<t.disciplines.wisdom||0<t.disciplines.speed)&&(i=i.limit(0),r=r.limit(0),s=s.limit(0),c=c.limit(0)),""!==t.mcbp.min&&0<=t.mcbp.min&&(i=i.find({gsx$bp:{$gte:t.mcbp.min}}),l=l.find({gsx$mugicability:{$gte:t.mcbp.min}}),c=c.find({gsx$cost:{$gte:t.mcbp.min}})),""!==t.mcbp.max&&0<=t.mcbp.max&&t.mcbp.max>=t.mcbp.min&&(i=i.find({gsx$bp:{$lte:t.mcbp.max}}),l=l.find({gsx$mugicability:{$lte:t.mcbp.max}}),c=c.find({gsx$cost:{$lte:t.mcbp.max}})),(0<t.mcbp.max||0<t.mcbp.min)&&(r=r.limit(0),s=s.limit(0)),t.mull.unique&&(i=i.find({gsx$unique:{$gt:0}}),r=r.find({gsx$unique:{$gt:0}}),l=l.find({gsx$unique:{$gt:0}}),s=s.find({gsx$unique:{$gt:0}}),c=c.find({gsx$unique:{$gt:0}})),t.mull.loyal&&(i=i.limit(0),r=r.find({gsx$loyal:{$gt:0}}),l=l.find({gsx$loyal:{$gt:0}}),c=c.limit(0),s=s.limit(0)),t.mull.legendary&&(i=i.find({gsx$legendary:{$gt:0}}),r=r.find({gsx$legendary:{$gt:0}}),l=l.find({gsx$legendary:{$gt:0}}),s=s.find({gsx$legendary:{$gt:0}}),c=c.find({gsx$legendary:{$gt:0}})),t.mull.mixed&&(i=i.limit(0),l=l.find({gsx$loyal:{$lte:0}}),r=r.find({gsx$loyal:{$lte:0}}),c=c.limit(0),s=s.limit(0));var $=[];for(var E in t.sets)t.sets[E]&&$.push({$eq:E.toUpperCase()});0<$.length&&(i=i.find({gsx$set:{$or:$}}),r=r.find({gsx$set:{$or:$}}),l=l.find({gsx$set:{$or:$}}),s=s.find({gsx$set:{$or:$}}),c=c.find({gsx$set:{$or:$}}));var v=[];for(var w in t.rarity)t.rarity[w]&&v.push({$eq:w.split(" ").map(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}).join(" ")});0<v.length&&(i=i.find({gsx$rarity:{$or:v}}),r=r.find({gsx$rarity:{$or:v}}),l=l.find({gsx$rarity:{$or:v}}),s=s.find({gsx$rarity:{$or:v}}),c=c.find({gsx$rarity:{$or:v}}));var k=!(t.types.attack|t.types.battlegear|t.types.creature|t.types.location|t.types.mugic);if(k||t.types.attack){var C=i.data();C.forEach(function(e){delete e.$loki}),e.insert(C)}if(k||t.types.battlegear){var N=r.data();N.forEach(function(e){delete e.$loki}),e.insert(N)}if(k||t.types.creature){var q=l.data();q.forEach(function(e){delete e.$loki}),e.insert(q)}if(k||t.types.location){var I=s.data();I.forEach(function(e){delete e.$loki}),e.insert(I)}if(k||t.types.mugic){var O=c.data();O.forEach(function(e){delete e.$loki}),e.insert(O)}return a.data()}(s.input);0<t.length?s.props.handleContent(t):s.props.handleContent([{text:"No Results Found"}])},s.search=s.search.bind(q()(s)),s.handleChange=s.handleChange.bind(q()(s)),s.reset=s.reset.bind(q()(s)),s.handleTriggerClick=s.handleTriggerClick.bind(q()(s)),s.props.handleContent([{text:"Loading..."}]),s.cleanInput(),s.parseQuery(),s.fetchCollapsed(),s}var a;return O()(t,e),E()(t,[{key:"updateQuery",value:(a=G()(J.a.mark(function e(){var t,a,n=this;return J.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:t="",a=function(t){var a="";return Object.keys(n.input[t]).forEach(function(e){1==n.input[t][e]&&(a+=e+",")}),0<a.length?t+"="+a.replace(/\,$/,"&"):""},this.list.forEach(function(e){return t+=a(e)}),this.input.name&&(t+="name="+encodeURIComponent(this.input.name)+"&"),this.input.text&&(t+="text="+encodeURIComponent(this.input.text)+"&"),this.input.subtypes&&(t+="subtypes="+encodeURIComponent(this.input.subtypes)+"&"),0<this.input.disciplines.courage&&(t+="courage="+this.input.disciplines.courage+"&"),0<this.input.disciplines.power&&(t+="power="+this.input.disciplines.power+"&"),0<this.input.disciplines.wisdom&&(t+="wisdom="+this.input.disciplines.wisdom+"&"),0<this.input.disciplines.speed&&(t+="speed="+this.input.disciplines.speed+"&"),""==this.input.energy.min&&""==this.input.energy.max||(t+="energy=",""!=this.input.energy.min&&0<=this.input.energy.min&&(t+=this.input.energy.min),t+=",",""!=this.input.energy.max&&0<=this.input.energy.max&&(t+=this.input.energy.max),t+="&"),""==this.input.mcbp.min&&""==this.input.mcbp.max||(t+="mcbp=",""!=this.input.mcbp.min&&0<=this.input.mcbp.min&&(t+=this.input.mcbp.min),t+=",",""!=this.input.mcbp.max&&0<=this.input.mcbp.max&&(t+=this.input.mcbp.max),t+="&"),t=t.replace(/\&$/,""),this.props.history.push("/collection/?"+t);case 14:case"end":return e.stop()}},e,this)})),function(){return a.apply(this,arguments)})},{key:"render",value:function(){var l=this;if(0==this.loaded)return F.a.LoadDB([{cards:"attacks"},{cards:"battlegear"},{cards:"creatures"},{cards:"locations"},{cards:"mugic"}]).then(function(){l.loaded=!0,l.search()}),B.a.createElement(L.h,null);function e(a,n,i){var r=[];return Object.keys(l.input[a]).forEach(function(e,t){r.push(B.a.createElement("label",{style:{display:n},key:t},B.a.createElement("input",{type:"checkbox",name:e,checked:l.input[a][e],onChange:function(e){return l.handleChange(e,a)}}),i(e)))}),r}var t=e("sets","block",function(e){return F.a.sets[e.toUpperCase()]}),a=e("types","block",function(e){return e.charAt(0).toUpperCase()+e.slice(1)}),n=e("rarity","block",function(e){return e.split(" ").map(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}).join(" ")}),i=e("tribes","inline",function(e){return B.a.createElement("span",null,B.a.createElement("img",{className:"icon16",src:"/src/img/icons/tribes/"+e+".png"}))}),r=e("elements","inline",function(e){return B.a.createElement("span",null,B.a.createElement("img",{className:"icon20",src:"/src/img/icons/elements/"+e+".png"})," ")}).slice(0,-2),s=[];return Object.keys(this.input.disciplines).forEach(function(e,t){s.push(B.a.createElement("label",{key:t,className:"disciplines"},B.a.createElement("input",{type:"text",name:e,value:l.input.disciplines[e],onChange:function(e){return l.handleChange(e,"disciplines")}})," ",B.a.createElement("img",{className:"icon20",style:{verticalAlign:"bottom"},src:"/src/img/icons/disciplines/"+e+".png"})," "))}),B.a.createElement("div",{className:"SearchForm"},B.a.createElement("form",{onSubmit:this.search},B.a.createElement("div",{className:"centeredButtons"},B.a.createElement("input",{id:"search",type:"submit",value:"Search"}),B.a.createElement("input",{id:"search",type:"button",value:"Reset",onClick:this.reset})),B.a.createElement("div",{className:"text-entry"},B.a.createElement("input",{type:"text",name:"name",placeholder:"Card Name",value:this.input.name,onChange:this.handleChange})),B.a.createElement("div",{className:"text-entry"},B.a.createElement("input",{type:"text",name:"text",placeholder:"Card Text",value:this.input.text,onChange:this.handleChange})),B.a.createElement("div",{className:"text-entry"},B.a.createElement("input",{type:"text",name:"subtypes",placeholder:"Subtypes | Initiative",value:this.input.subtypes,onChange:this.handleChange})),B.a.createElement("div",{className:"centeredCheckBox"},B.a.createElement("label",{className:"mull"},B.a.createElement("input",{type:"checkbox",name:"flavor",value:!this.input.flavor,onChange:function(e){l.input.flavor=!e.target.checked}}),"Ignore Flavortext & Artist")),B.a.createElement("br",null),B.a.createElement("div",{className:"centeredCheckBox centeredSpacing"},B.a.createElement("label",{className:"mull"},B.a.createElement("input",{type:"checkbox",name:"unique",checked:this.input.mull.unique,onChange:function(e){return l.handleChange(e,"mull")}}),"Unique"),B.a.createElement("label",{className:"mull"},B.a.createElement("input",{type:"checkbox",name:"loyal",checked:this.input.mull.loyal,onChange:function(e){return l.handleChange(e,"mull")}}),"Loyal"),B.a.createElement("label",{className:"mull"},B.a.createElement("input",{type:"checkbox",name:"legendary",checked:this.input.mull.legendary,onChange:function(e){return l.handleChange(e,"mull")}}),"Legendary")),B.a.createElement("div",{className:"centeredCheckBox"},B.a.createElement("label",{className:"mull"},B.a.createElement("input",{type:"checkbox",name:"mixed",checked:this.input.mull.mixed,onChange:function(e){return l.handleChange(e,"mull")}}),"Non-Loyal")),B.a.createElement("hr",null),B.a.createElement("div",{className:"tribes"},i),B.a.createElement("hr",null),B.a.createElement("div",{className:"tribes"},r,B.a.createElement("label",{className:"none"},B.a.createElement("input",{type:"checkbox",name:"none",checked:this.input.elements.none,onChange:function(e){return l.handleChange(e,"elements")}}),B.a.createElement("span",null,"None"))),B.a.createElement("div",{className:"centeredButtons"},B.a.createElement("input",{type:"button",value:this.input.elements.none?"none":"or",className:"and",disabled:!this.input.elements.and,onClick:function(e){l.input.elements.and=!1}}),B.a.createElement("input",{type:"button",value:this.input.elements.none?"only":"and",className:"and",disabled:this.input.elements.and,onClick:function(e){l.input.elements.and=!0}})),B.a.createElement("hr",null),B.a.createElement(pe,{type:"disciplines",title:"Disciplines",collapsed:this.collapsed,onClick:this.handleTriggerClick},B.a.createElement("div",{className:"disciplines"},s)),B.a.createElement(pe,{type:"energy",title:"Energy",collapsed:this.collapsed,onClick:this.handleTriggerClick},B.a.createElement("div",{className:"minMax"},B.a.createElement("label",{className:"mcbp"},"Min ",B.a.createElement("input",{type:"text",name:"min",value:this.input.energy.min,onChange:function(e){return l.handleChange(e,"energy")}})),B.a.createElement("label",{className:"mcbp"},"Max ",B.a.createElement("input",{type:"text",name:"max",value:this.input.energy.max,onChange:function(e){return l.handleChange(e,"energy")}})))),B.a.createElement(pe,{type:"bpmc",title:"Build Points\nMugic Counters/Cost",collapsed:this.collapsed,onClick:this.handleTriggerClick},B.a.createElement("div",{className:"minMax"},B.a.createElement("label",{className:"mcbp"},"Min ",B.a.createElement("input",{type:"text",name:"min",value:this.input.mcbp.min,onChange:function(e){return l.handleChange(e,"mcbp")}})),B.a.createElement("label",{className:"mcbp"},"Max ",B.a.createElement("input",{type:"text",name:"max",value:this.input.mcbp.max,onChange:function(e){return l.handleChange(e,"mcbp")}})))),B.a.createElement(pe,{type:"types",title:"Card Type",collapsed:this.collapsed,onClick:this.handleTriggerClick},B.a.createElement("div",{className:"centeredCheckBox"},a)),B.a.createElement(pe,{type:"rarity",title:"Rarity",collapsed:this.collapsed,onClick:this.handleTriggerClick},B.a.createElement("div",{className:"centeredCheckBox"},n)),B.a.createElement(pe,{type:"sets",title:"Sets",collapsed:this.collapsed,onClick:this.handleTriggerClick},B.a.createElement("div",{className:"setBox"},B.a.createElement("div",{className:"centeredCheckBox",id:"sets"},t))),B.a.createElement("div",{className:"centeredButtons"},B.a.createElement("input",{id:"search",type:"submit",value:"Search"}),B.a.createElement("input",{id:"search",type:"button",value:"Reset",onClick:this.reset}))))}}]),t}(B.a.Component),u=_()(o.prototype,"loaded",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return!1}}),g=_()(o.prototype,"input",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),p=_()(o.prototype,"collapsed",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),m=o))||m)||m,pe=function(e){function i(e){var t;y()(this,i),(t=w()(this,C()(i).call(this,e))).open=!1,t.trigger="";var a=e.collapsed,n=e.type;return t.open=a[n],t.trigger=e.title,t}return O()(i,e),E()(i,[{key:"render",value:function(){var e=this.props,t=e.type,a=e.children,n=e.onClick;return B.a.createElement(Y.a,{trigger:this.trigger,open:this.open,onOpen:function(){return n(t)},onClose:function(){return n(t)}},a)}}]),i}(B.a.Component);a(387);a.d(t,"default",function(){return xe});var de=Object(S.k)({style:{},get fixed(){return this.style},get isFixed(){return 0!==Object.entries(this.style).length},setFixed:function(e){window.matchMedia("(min-width: 975px)").matches&&(this.style={position:"fixed",top:0,left:"31px",overflowY:"auto",height:"".concat(e,"px"),width:"calc(30% - 20px)"})},removeFixed:function(){this.style={}}},{setFixed:S.d,removeFixed:S.d},{deep:!1}),xe=Object(M.a)(function(e,t,a){return t})(ne=Object(M.b)((ie=function(e){function a(){var e;y()(this,a),e=w()(this,C()(a).call(this)),f()(e,"loaded",re,q()(e)),f()(e,"n",le,q()(e)),f()(e,"p",se,q()(e)),f()(e,"ext",ce,q()(e)),f()(e,"content",me,q()(e)),f()(e,"card_img",oe,q()(e)),f()(e,"fixedStyles",ue,q()(e)),e.handleScroll=function(e){if(e.preventDefault(),235<=window.pageYOffset){var t=document.documentElement,a=document.body,n="scrollTop",i="scrollHeight",r="clientHeight",l=(t[n]||a[n])/((t[i]||a[i])-t[r])*100,s=document.getElementById("side-menu");if(88<=l){var c=t[r]-t[r]*(l-85)/100;de.setFixed(c)}else s[i]>=t[r]?de.setFixed(window.innerHeight):de.isFixed||de.setFixed(window.innerHeight)}else de.isFixed&&de.removeFixed()};var t=localStorage.getItem("extended");return null==t&&(e.ext=!1),e.ext=/true/i.test(t),e}return O()(a,e),E()(a,[{key:"componentDidMount",value:function(){window.addEventListener("scroll",this.handleScroll)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("scroll",this.handleScroll)}},{key:"handleContent",value:function(e){this.content=e,this.p=1}},{key:"setImage",value:function(e){this.card_img=e||F.a.card_back,this.changeImage()}},{key:"setExt",value:function(){this.ext=!this.ext,localStorage.setItem("extended",this.ext)}},{key:"render",value:function(){var t=this;return B.a.createElement("div",{className:"collection "+(this.ext?"extended":"short")},B.a.createElement("div",{className:"left"},B.a.createElement("div",{id:"side-menu",style:de.fixed},B.a.createElement(fe,{url:F.a.base_image+this.card_img,ref:function(e){e&&(t.changeImage=e.getInstance().changeImage)}}),B.a.createElement(ge,x()({handleContent:this.handleContent.bind(this)},this.props)))),B.a.createElement("div",{className:"right"},B.a.createElement("div",{className:"list-nav-top"},this.navigation(),this.extended()),B.a.createElement("br",null),B.a.createElement(D,{ext:this.ext,cards:this.content.slice(this.n*(this.p-1),this.n*this.p),setImage:this.setImage.bind(this)}),B.a.createElement("br",null),this.navigation()))}},{key:"extended",value:function(){return B.a.createElement("div",{className:"ext-button"},B.a.createElement("button",{id:"buttons",onClick:this.setExt.bind(this)},this.ext?"Short Format":"Extended Format"))}},{key:"navigation",value:function(){var t=this,e=Math.ceil(this.content.length/this.n);return B.a.createElement("div",{className:"entries"},this.content.length," results - page ",this.p," of ",e," ",1<t.p?B.a.createElement("button",{id:"buttons",onClick:function(){t.p--,window.scrollTo(0,0)}},"prev"):B.a.createElement("button",{id:"buttons",disabled:!0},"prev")," ",t.p<e?B.a.createElement("button",{id:"buttons",onClick:function(){t.p++,window.scrollTo(0,0)}},"next"):B.a.createElement("button",{id:"buttons",disabled:!0},"next"),B.a.createElement("br",null),"Entries per page",B.a.createElement("input",{type:"button",value:"5",disabled:"5"==this.n,onClick:function(e){return t.n=e.target.value}})," ",B.a.createElement("input",{type:"button",value:"10",disabled:"10"==this.n,onClick:function(e){return t.n=e.target.value}})," ",B.a.createElement("input",{type:"button",value:"20",disabled:"20"==this.n,onClick:function(e){return t.n=e.target.value}})," ",B.a.createElement("input",{type:"button",value:"50",disabled:"50"==this.n,onClick:function(e){return t.n=e.target.value}}))}}]),a}(B.a.Component),re=_()(ie.prototype,"loaded",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return!1}}),le=_()(ie.prototype,"n",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return 10}}),se=_()(ie.prototype,"p",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return 1}}),ce=_()(ie.prototype,"ext",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return!1}}),me=_()(ie.prototype,"content",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return[]}}),oe=_()(ie.prototype,"card_img",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return F.a.card_back}}),ue=_()(ie.prototype,"fixedStyles",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),ne=ie))||ne)||ne,he=Object(M.b)((te=function(e){function r(){var e,t;y()(this,r);for(var a=arguments.length,n=new Array(a),i=0;i<a;i++)n[i]=arguments[i];return t=w()(this,(e=C()(r)).call.apply(e,[this].concat(n))),f()(t,"display",ae,q()(t)),t.handleClickOutside=function(e){t.display=!1},t.changeImage=function(){t.display=!0},t}return O()(r,e),E()(r,[{key:"render",value:function(){return B.a.createElement("div",{className:"card_img"},B.a.createElement("img",{className:this.display?"":"hidden",src:this.props.url}))}}]),r}(B.a.Component),ae=_()(te.prototype,"display",[S.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return!1}}),ee=te))||ee,fe=(0,a(383).default)(he)}}]);
\ No newline at end of file
diff --git a/build/main.js b/build/main.js
index ed61d0f..cc4e7a1 100644
--- a/build/main.js
+++ b/build/main.js
@@ -1 +1 @@
-!function(o){function e(e){for(var t,a,n=e[0],r=e[1],i=e[2],l=0,c=[];l<n.length;l++)a=n[l],Object.prototype.hasOwnProperty.call(p,a)&&p[a]&&c.push(p[a][0]),p[a]=0;for(t in r)Object.prototype.hasOwnProperty.call(r,t)&&(o[t]=r[t]);for(g&&g(e);c.length;)c.shift()();return u.push.apply(u,i||[]),s()}function s(){for(var e,t=0;t<u.length;t++){for(var a=u[t],n=!0,r=1;r<a.length;r++){var i=a[r];0!==p[i]&&(n=!1)}n&&(u.splice(t--,1),e=d(d.s=a[0]))}return e}var a={},m={1:0},p={1:0},u=[];function d(e){if(a[e])return a[e].exports;var t=a[e]={i:e,l:!1,exports:{}};return o[e].call(t.exports,t,t.exports,d),t.l=!0,t.exports}d.e=function(u){var e=[];m[u]?e.push(m[u]):0!==m[u]&&{2:1,3:1,4:1,5:1}[u]&&e.push(m[u]=new Promise(function(e,n){for(var t=({}[u]||u)+".css",r=d.p+t,a=document.getElementsByTagName("link"),i=0;i<a.length;i++){var l=(o=a[i]).getAttribute("data-href")||o.getAttribute("href");if("stylesheet"===o.rel&&(l===t||l===r))return e()}var c=document.getElementsByTagName("style");for(i=0;i<c.length;i++){var o;if((l=(o=c[i]).getAttribute("data-href"))===t||l===r)return e()}var s=document.createElement("link");s.rel="stylesheet",s.type="text/css",s.onload=e,s.onerror=function(e){var t=e&&e.target&&e.target.src||r,a=new Error("Loading CSS chunk "+u+" failed.\n("+t+")");a.code="CSS_CHUNK_LOAD_FAILED",a.request=t,delete m[u],s.parentNode.removeChild(s),n(a)},s.href=r,document.getElementsByTagName("head")[0].appendChild(s)}).then(function(){m[u]=0}));var a=p[u];if(0!==a)if(a)e.push(a[2]);else{var t=new Promise(function(e,t){a=p[u]=[e,t]});e.push(a[2]=t);var n,r=document.createElement("script");r.charset="utf-8",r.timeout=120,d.nc&&r.setAttribute("nonce",d.nc),r.src=function(e){return d.p+""+({}[e]||e)+".js"}(u);var i=new Error;n=function(e){r.onerror=r.onload=null,clearTimeout(l);var t=p[u];if(0!==t){if(t){var a=e&&("load"===e.type?"missing":e.type),n=e&&e.target&&e.target.src;i.message="Loading chunk "+u+" failed.\n("+a+": "+n+")",i.name="ChunkLoadError",i.type=a,i.request=n,t[1](i)}p[u]=void 0}};var l=setTimeout(function(){n({type:"timeout",target:r})},12e4);r.onerror=r.onload=n,document.head.appendChild(r)}return Promise.all(e)},d.m=o,d.c=a,d.d=function(e,t,a){d.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},d.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},d.t=function(t,e){if(1&e&&(t=d(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var a=Object.create(null);if(d.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)d.d(a,n,function(e){return t[e]}.bind(null,n));return a},d.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(t,"a",t),t},d.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},d.p="/build/",d.oe=function(e){throw console.error(e),e};var t=window.webpackJsonp=window.webpackJsonp||[],n=t.push.bind(t);t.push=e,t=t.slice();for(var r=0;r<t.length;r++)e(t[r]);var g=n;u.push([166,0]),s()}({124:function(e,t,a){"use strict";var n=a(122),r=a.n(n),i=a(0),l=a.n(i),c={normal:{borderBottom:"1px dotted rgb(0, 168, 0)"},hover:{borderBottom:"1px solid rgb(0, 168, 0)",color:"black"},active:"hover",touchActive:{borderBottom:"1px dashed rgb(0, 168, 0)",color:"black"},focusFromTab:{outline:"2px solid rgb(0, 152, 0)",outlineOffset:"2px",color:"black"},touchActiveTapOnly:!0},o={};Object.keys(c).forEach(function(e){"touchActiveTapOnly"!==e&&(o["onParent".concat(e.slice(0,1).toUpperCase()).concat(e.slice(1))]=c[e])}),t.a={link:c,childLink:o,p:{margin:"3vh 0",lineHeight:"1.4"},code:function(e){return l.a.createElement("code",{style:{fontFamily:"monospace",fontSize:"15px",paddingLeft:"2px"}},e)},li:function(e,t){return l.a.createElement("li",r()({style:{paddingLeft:"18px",textIndent:"-15px",margin:"0.5vh 0",listStyle:"none"}},t),l.a.createElement("span",{style:{paddingRight:"7px"}},"–"),e)}}},166:function(e,t,a){a(167),e.exports=a(378)},35:function(e,t,a){"use strict";a.d(t,"p",function(){return s}),a.d(t,"l",function(){return u}),a.d(t,"h",function(){return m}),a.d(t,"m",function(){return p}),a.d(t,"q",function(){return d}),a.d(t,"k",function(){return g}),a.d(t,"j",function(){return f}),a.d(t,"f",function(){return h}),a.d(t,"o",function(){return E}),a.d(t,"d",function(){return b}),a.d(t,"i",function(){return v}),a.d(t,"c",function(){return y}),a.d(t,"b",function(){return w}),a.d(t,"a",function(){return A}),a.d(t,"g",function(){return x}),a.d(t,"e",function(){return B}),a.d(t,"n",function(){return N});var n=a(0),r=a.n(n),i=a(70),l=a(161),c=a.n(l),o=a(63);function s(e){return r.a.createElement("p",{style:o.a.p},"This page is currently under construction")}function u(e){return r.a.createElement("p",{style:o.a.p},"404 route not found - ",o.a.code(e.location.pathname))}function m(e){return r.a.createElement("span",null,"Loading...")}function p(e){return r.a.createElement("span",null,r.a.createElement("img",{className:e.size||"icon16",style:{verticalAlign:"middle"},src:("/src/img/icons/set/"+e.set+"/"+e.rarity+".png").toLowerCase()}),!e.notext&&r.a.createElement(r.a.Fragment,null,i.a.sets[e.set]," | ",e.rarity))}function d(e){var t="";return e.data.unique&&(t+="Unique, "),e.data.loyal&&(t+="Loyal","M'arrillian"==e.data.tribe&&(t+=" - M'arrillian or Minions"),"1"!=e.data.loyal&&(t+=" - "+e.data.loyal)),e.data.legendary&&(t=t?"Legendary, "+t:"Legendary"),t=t.replace(/,\s+$/,""),r.a.createElement("span",{style:{fontWeight:"Bold"}},t,t&&r.a.createElement("br",null))}function g(e){var t=e.name.split(",");return r.a.createElement("span",{className:"name"},r.a.createElement("span",{className:"bigger"},t[0]),1<t.length&&r.a.createElement(r.a.Fragment,null,r.a.createElement("span",{style:{opacity:"0"}},","),r.a.createElement("span",{className:"subname"},t[1])))}function f(e){var t=("/src/img/icons/mugic/"+((e.tribe||"generic")+(null!=e.amount?"_".concat(e.amount):""))+".png").toLowerCase();return r.a.createElement("img",{className:e.size||"icon20",src:t,alt:"MC"})}function h(e){return e.value?r.a.createElement("img",{className:e.size||"icon20",src:("/src/img/icons/elements/"+e.element+".png").toLowerCase()}):r.a.createElement("img",{className:e.size||"icon20",src:("/src/img/icons/elements/"+e.element+"-inactive.png").toLowerCase()})}function E(e){return r.a.createElement("img",{className:e.size||"icon16",src:("/src/img/icons/tribes/"+e.tribe+".png").toLowerCase()})}function b(e){return r.a.createElement("img",{className:e.size||"icon16",src:("/src/img/icons/disciplines/"+e.discipline+".png").toLowerCase()})}function v(e){return r.a.createElement("img",{className:e.size||"icon16",src:"/src/img/icons/location.png"})}function y(e){return r.a.createElement("img",{className:e.size||"icon16",src:"/src/img/icons/battlegear.png"})}function w(e){var t="attack"+(e.bp&&0<=e.bp?"_"+e.bp:"");return r.a.createElement("img",{className:e.size||"icon16",src:"/src/img/icons/attack/".concat(t,".png")})}function A(a){var e=[{regex:/([0-9x]*){{mc}}/i,fn:function(e,t){return 1<t.length&&""!=t[1]?r.a.createElement(f,{key:e,tribe:a.tribe,amount:t[1].toLowerCase(),size:"icon14"}):r.a.createElement(f,{key:e,tribe:a.tribe,size:"icon14"})}},{regex:new RegExp(/(\b((fire)|(air)|(earth)|(water)))/i),fn:function(e,t){return r.a.createElement("span",{key:e},r.a.createElement(h,{element:t[0].replace(/\b/,""),value:"true",size:"icon14"}),t[0])}},{regex:/(courage)|(power)|(wisdom)|(speed)/i,fn:function(e,t){return r.a.createElement("span",{key:e},r.a.createElement(b,{discipline:t[0],size:"icon14"}),t[0])}},{regex:/(danian)|(generic)|(mipedian)|(overworld)|(underworld)/i,fn:function(e,t){return r.a.createElement("span",{key:e},r.a.createElement(E,{tribe:t[0],size:"icon14"}),t[0])}}];return r.a.createElement("div",{className:a.type||"ability"},c()(e)(a.ability))}function x(e){var t=e.initiative,a=null;return-1<["Danian","Generic","Mipedian","OverWorld","UnderWorld","M'arrillian"].indexOf(t)?a=r.a.createElement("img",{className:"icon16",style:{verticalAlign:"middle"},src:("/src/img/icons/tribes/"+t+".png").toLowerCase()}):-1<["courage","power","speed","wisdom"].indexOf(t.toLowerCase())?a=r.a.createElement("img",{className:"icon16",style:{verticalAlign:"middle"},src:("/src/img/icons/disciplines/"+t+".png").toLowerCase()}):-1<["fire","air","earth","water"].indexOf(t.toLowerCase())?a=r.a.createElement("img",{className:"icon16",style:{verticalAlign:"middle"},src:("/src/img/icons/elements/"+t+".png").toLowerCase()}):"mugic counter"==t.toLowerCase()&&(a=r.a.createElement("img",{className:"icon16",style:{verticalAlign:"middle"},src:"/src/img/icons/mugic/generic.png".toLowerCase()})),r.a.createElement("span",null,!e.notitle&&"Initiative: ",a," ",t)}function B(e){return r.a.createElement("form",{action:"https://www.paypal.com/cgi-bin/webscr",method:"post",target:"_blank"},r.a.createElement("input",{type:"hidden",name:"cmd",value:"_s-xclick"}),r.a.createElement("input",{type:"hidden",name:"encrypted",value:"-----BEGIN PKCS7-----MIIHLwYJKoZIhvcNAQcEoIIHIDCCBxwCAQExggEwMIIBLAIBADCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwDQYJKoZIhvcNAQEBBQAEgYAwJS5BkCahWYm5uqK91QqAV+ImQP4OlcA7ZQVpHvRtVesGdW8LqNPjPff26J8Xco9WXhDFnhiJs1omn1rvtNC8Qn3hQDoTTHGTw3Ofor6CXfk0s2HlGfmRTczExvWNVn0Z/e2oFpGGuW0noIKN3RQmb0jrzpemwyLOenBfUJir4DELMAkGBSsOAwIaBQAwgawGCSqGSIb3DQEHATAUBggqhkiG9w0DBwQIt9GWMI+e+A2AgYhFnTpwYMraQBnNagvLJ4l4tLn5kLQgxhjJiBua+YQvKjKsOGLvRsowFM7LAkRNn21BVoX4RtV/oIOxymxOI7gy+yRMQnpA6gvnR4BMWOvOQzmxJJUEUnaxVuhQA3ZubuIlnPwx37n885yD5SU7oTQSBIlZZ7tt+20GnaqNyMreqV9PVq7mGeShoIIDhzCCA4MwggLsoAMCAQICAQAwDQYJKoZIhvcNAQEFBQAwgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tMB4XDTA0MDIxMzEwMTMxNVoXDTM1MDIxMzEwMTMxNVowgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDBR07d/ETMS1ycjtkpkvjXZe9k+6CieLuLsPumsJ7QC1odNz3sJiCbs2wC0nLE0uLGaEtXynIgRqIddYCHx88pb5HTXv4SZeuv0Rqq4+axW9PLAAATU8w04qqjaSXgbGLP3NmohqM6bV9kZZwZLR/klDaQGo1u9uDb9lr4Yn+rBQIDAQABo4HuMIHrMB0GA1UdDgQWBBSWn3y7xm8XvVk/UtcKG+wQ1mSUazCBuwYDVR0jBIGzMIGwgBSWn3y7xm8XvVk/UtcKG+wQ1mSUa6GBlKSBkTCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb22CAQAwDAYDVR0TBAUwAwEB/zANBgkqhkiG9w0BAQUFAAOBgQCBXzpWmoBa5e9fo6ujionW1hUhPkOBakTr3YCDjbYfvJEiv/2P+IobhOGJr85+XHhN0v4gUkEDI8r2/rNk1m0GA8HKddvTjyGw/XqXa+LSTlDYkqI8OwR8GEYj4efEtcRpRYBxV8KxAW93YDWzFGvruKnnLbDAF6VR5w/cCMn5hzGCAZowggGWAgEBMIGUMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbQIBADAJBgUrDgMCGgUAoF0wGAYJKoZIhvcNAQkDMQsGCSqGSIb3DQEHATAcBgkqhkiG9w0BCQUxDxcNMTgwMjAzMjAwMjE0WjAjBgkqhkiG9w0BCQQxFgQUIKIDamSbB+82SYYkxaubnff78WQwDQYJKoZIhvcNAQEBBQAEgYAT64pm6CXNlZA4E61IcWMMcB6OtuQ1/Zg8BNpzkRNbR2dg9mFpgUVkN5FrHaggTFpQ1NHXQq/VJm5d/V7HyAchIWyoLg+TmOOKArQWnmLAz+ruFa7VgmA+FD9MHG7oJSKT6olyKppNrls+Y/+OFiJ0wz4MAkOZK+2CYu81e5qCYw==-----END PKCS7-----"}),r.a.createElement("a",{href:"https://www.paypal.com/cgi-bin/webscr"},r.a.createElement("input",{type:"image",src:"/src/img/btn_donate_SM.gif",border:"0",name:"submit",alt:"PayPal Donate"})))}function N(e){return r.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",className:"magnifying-glass"},r.a.createElement("g",{fillRule:"evenodd"},r.a.createElement("path",{d:"M21.747 20.524l-4.872-4.871a.864.864 0 1 0-1.222 1.222l4.871 4.872a.864.864 0 1 0 1.223-1.223z"}),r.a.createElement("path",{d:"M3.848 10.763a6.915 6.915 0 0 1 6.915-6.915 6.915 6.915 0 0 1 6.915 6.915 6.915 6.915 0 0 1-6.915 6.915 6.915 6.915 0 0 1-6.915-6.915zm-1.729 0a8.643 8.643 0 0 0 8.644 8.644 8.643 8.643 0 0 0 8.644-8.644 8.643 8.643 0 0 0-8.644-8.644 8.643 8.643 0 0 0-8.644 8.644z"})))}},360:function(e){e.exports=JSON.parse('[{"gsx$type":{"$t":"Creatures"},"gsx$subtype":{"$t":"cards"},"gsx$url":{"$t":"1fUFYhG1NLLkSTzrdbevm6ZMKNP6xLiKUZvM1sY10pVI"}},{"gsx$type":{"$t":"Creatures"},"gsx$subtype":{"$t":"portal"},"gsx$url":{"$t":"1eGQsy2kYk7HfnQetsjobMqank4bg6iWOOaSYykg3Yec"}},{"gsx$type":{"$t":"Mugic"},"gsx$subtype":{"$t":"cards"},"gsx$url":{"$t":"1rOMFKnWaz6XmhD43YFpcemWGzEok9IgtKCoiPMwA35s"}},{"gsx$type":{"$t":"Mugic"},"gsx$subtype":{"$t":"portal"},"gsx$url":{"$t":"1tEuwPGixJH2A03YtYL6Ar-MSFvtfrlaveT98GwJhw1g"}},{"gsx$type":{"$t":"Attacks"},"gsx$subtype":{"$t":"cards"},"gsx$url":{"$t":"1yXFijC2hN1vybU3ejdINYoTOTG62qCkpPLPsiYUEEyo"}},{"gsx$type":{"$t":"Attacks"},"gsx$subtype":{"$t":"portal"},"gsx$url":{"$t":"1KUk5J-3ZeMlEBXOfDb2h4GUUJK_0_yOq0EUDitQgNa8"}},{"gsx$type":{"$t":"Battlegear"},"gsx$subtype":{"$t":"cards"},"gsx$url":{"$t":"1UUEPAEHZwmH52AJj2Jtskf6d4z5XIFEBb3HT-FTAcgs"}},{"gsx$type":{"$t":"Battlegear"},"gsx$subtype":{"$t":"portal"},"gsx$url":{"$t":"1S5AVw-E_sFO257uzajauP31bOI0LPmrbTcUzSpa2i60"}},{"gsx$type":{"$t":"Locations"},"gsx$subtype":{"$t":"cards"},"gsx$url":{"$t":"15QPS08iq6pkyMFsYuDsKIXX8LQmQ8MUoJeeNtjU54Xo"}},{"gsx$type":{"$t":"Locations"},"gsx$subtype":{"$t":"portal"},"gsx$url":{"$t":"1U07n2keHNxL-6y5zUcHlb220zT9A_MrVEansOAMQFCA"}}]')},378:function(e,t,a){"use strict";a.r(t);var n,r=a(0),i=a.n(r),l=a(30),c=a(38),o=a(53),s=a(69),u=(a(63),a(70)),m=a(35),p=a(62),d=a.n(p),g=a(52),f=a.n(g),h=a(119),E=a.n(h),b=a(120),v=a.n(b),y=a(121),w=a.n(y),A=a(85),x=Object(A.a)(function(e,t,a){return t})(n=Object(A.b)(n=function(e){function t(){return d()(this,t),E()(this,v()(t).apply(this,arguments))}return w()(t,e),f()(t,[{key:"render",value:function(){return i.a.createElement("div",null,i.a.createElement("span",null,"This page is not yet available"))}}]),t}(i.a.Component))||n)||n,B=Object(s.a)(function(){return Promise.all([a.e(0),a.e(3)]).then(a.bind(null,391))},{fallback:i.a.createElement(m.h,null)}),N=Object(s.a)(function(){return a.e(4).then(a.bind(null,388))},{fallback:i.a.createElement(m.h,null)}),k=Object(s.a)(function(){return Promise.all([a.e(0),a.e(5)]).then(a.bind(null,389))},{fallback:i.a.createElement(m.h,null)}),M=Object(s.a)(function(){return Promise.all([a.e(0),a.e(2)]).then(a.bind(null,390))},{fallback:i.a.createElement(m.h,null)});function C(e){return i.a.createElement(c.c,null,i.a.createElement(c.a,{exact:!0,path:"/",component:N}),i.a.createElement(c.a,{path:"/PageNotFound",component:m.l}),i.a.createElement(c.a,{path:"/UnderConstruction",component:m.p}),i.a.createElement(c.a,{path:"/EnterTheCode",component:B}),i.a.createElement(c.a,{path:"/create",component:x}),i.a.createElement(c.a,{path:"/collection",component:M}),i.a.createElement(c.a,{path:"/portal",component:k}))}Object(l.render)(i.a.createElement(o.a,null,i.a.createElement(function(e){var t="ENG",a=i.a.createElement(C,e);return i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"fix-pgBkgrnd-repeat-x"},i.a.createElement("div",{className:"fix-img-bkgrnd fix-img-bkgrnd_05"})),i.a.createElement("div",{className:"pgBkgrnd-repeat-x"},i.a.createElement("div",{className:"img-bkgrnd"},i.a.createElement("div",{className:"content-wrap"},i.a.createElement("div",{className:"legacy legacy-header"},i.a.createElement("div",{className:"header"},i.a.createElement("div",{id:"nav"},i.a.createElement("div",{className:"zero-clear-line headerSpriteNav-wrap"},i.a.createElement("ul",{id:"unity-sprite",className:t},i.a.createElement("li",{id:"unity-nav1",className:t}),i.a.createElement("li",{id:"unity-nav2",className:t},i.a.createElement(o.b,{to:"/collection/"},i.a.createElement("span",null,"Collect"))),i.a.createElement("li",{id:"unity-nav3",className:t},i.a.createElement("a",{href:"/create/"},i.a.createElement("span",null,"Build"))),i.a.createElement("li",{id:"unity-nav4",className:t},i.a.createElement("a",{href:"http://chaoticbackup.forumotion.com/f16-trading-buying-and-selling"},i.a.createElement("span",null,"Trade"))),i.a.createElement("li",{id:"unity-nav5",className:t},i.a.createElement(o.b,{to:"/"},i.a.createElement("span",null,"Home"))),i.a.createElement("li",{id:"unity-nav6",className:t},i.a.createElement("a",{href:"http://chaoticbackup.forumotion.com"},i.a.createElement("span",null,"Forums"))),i.a.createElement("li",{id:"unity-nav7",className:t},i.a.createElement(o.b,{to:"/portal/"},i.a.createElement("span",null,"Portal"))),i.a.createElement("li",{id:"unity-nav8",className:t},i.a.createElement("a",{href:"https://untap.in"},i.a.createElement("span",null,"Play"))),i.a.createElement("li",{id:"unity-nav9",className:t})),i.a.createElement("ul",{id:"unityETC-sprite",className:t},i.a.createElement("li",{id:"unity-nav10",className:t},i.a.createElement(o.b,{to:"/EnterTheCode"},i.a.createElement("span",null,"Enter the Code")))))))),i.a.createElement("div",{className:"banner-ad-top"}),i.a.createElement("div",{className:"legacy content"},i.a.createElement("div",{className:"left-column"},i.a.createElement("div",{className:"full-width clear-line",style:{marginBottom:"5px"}})),i.a.createElement("div",{className:"full-column"},i.a.createElement("div",{className:"pods-wrap pad5px-btm"},i.a.createElement("div",{className:"clear-line full-width"},i.a.createElement("div",{className:"adPod-top-wrap"},i.a.createElement("div",{className:"videoAdPod-topleft"},i.a.createElement("div",{className:"videoAdPod-topLeft-repeat-x"})),i.a.createElement("div",{className:"videoAdPod-topright"},i.a.createElement("div",{className:"videoAdPod-topRight-repeat-x"})))),i.a.createElement("div",{className:"content-area-repeat-xy"},i.a.createElement("div",{className:"content-area-top-repeat-x"},i.a.createElement("div",{className:"content-area-left-repeat-y"},i.a.createElement("div",{className:"content-area-right-repeat-y"},i.a.createElement("div",{style:{margin:"0 8px 0 10px"}},i.a.createElement("div",{id:"player"},a)))))),i.a.createElement("div",{className:"content-btm-wrap"},i.a.createElement("div",{className:"content-area-btm-left"},i.a.createElement("div",{className:"content-left-btm-repeat-x"})),i.a.createElement("div",{className:"content-area-btm-right"},i.a.createElement("div",{className:"content-right-btm-repeat-x"}))))),i.a.createElement("div",{className:"right-column"},i.a.createElement("div",{className:"full-width clear-line",style:{marginBottom:"5px"}}))),i.a.createElement("div",{className:"banner-ad-bottom"}),i.a.createElement("div",{className:"legacy legacy-footer"},i.a.createElement("div",{className:"footer-wrap"},i.a.createElement("div",{className:"footer-repeat-x"},i.a.createElement("div",{className:"footer-left"},i.a.createElement("div",{className:"footer-right"},i.a.createElement("div",{className:"footer-text"},i.a.createElement("div",{className:"footer-search"},i.a.createElement("br",null),i.a.createElement("br",null),i.a.createElement(m.e,null)),i.a.createElement("div",{className:"footer-nav"},i.a.createElement("div",{className:"copyright"},"©2008 Chaotic USA Entertainment Group, Inc.",i.a.createElement("br",null),"U.S. Pat 5810666 and 5954332 and other pending patent applications. All Rights Reserved.")),i.a.createElement("div",{className:"footer-language"},i.a.createElement("a",{href:"#",onClick:function(e){e.stopPropagation(),e.preventDefault(),u.a.purgeDB()},className:"page-options",title:"Change Language"},i.a.createElement("img",{src:"/src/img/flag_usa_.gif",alt:"English (Change Language)",width:"40",height:"27"}),i.a.createElement("br",null),"English (Change Language)"))))))))))))},{path:"/*",href:"/"})),document.getElementById("root"))},63:function(e,t,a){"use strict";var n=a(124),r=Object.create(n.a);r.root={backgroundColor:"#F0F0F0",fontFamily:"helvetica neue, helvetica, sans-serif",fontWeight:"300",fontSize:"16px",letterSpacing:"0.025em",padding:"3vh 0 12vh 0",width:"500px",maxWidth:"calc(100vw - 40px)",position:"relative",left:"50vw",WebkitTransform:"translate(-50%, 0)",MozTransform:"translate(-50%, 0)",msTransform:"translate(-50%, 0)",OTransform:"translate(-50%, 0)",transform:"translate(-50%, 0)",WebkitTextSizeAdjust:"none",MozTextSizeAdjust:"none",msTextSizeAdjust:"none",textSizeAdjust:"none"},r.title={fontSize:"20px",marginBottom:"0.5vh"},r.repoLink={fontSize:"14px"},r.mapMenu={margin:"3vh 0"},r.creditLine={color:"#A0A0A0",fontSize:"14px",marginTop:"50px"},t.a=r},70:function(e,t,i){"use strict";var a,l,n,c,o,s,r,u,m=i(23),p=i.n(m),d=i(60),g=i.n(d),f=i(64),h=i.n(f),E=i(62),b=i.n(E),v=i(52),y=i.n(v),w=i(39),A=i.n(w),x=(i(164),i(357),i(123)),B=i.n(x),N=i(6),k=new(i(163).a),M=(a=function(){function n(e,t){var a=this;b()(this,n),h()(this,"building",l,this),this.purgeDB=function(){a.db.deleteDatabase()},this.api=e,this.format=t,this.setupDB(t)}var a,r;return y()(n,[{key:"getSpreadsheetData",value:(r=g()(p.a.mark(function e(t,i,a){return p.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:this.api.getSpreadsheet(t,function(e){a(e.map(function(e){var t={};delete e.content;for(var a=0,n=Object.keys(e);a<n.length;a++){var r=n[a];t[r]=e[r].$t}return t.gsx$type=i,t}))});case 1:case"end":return e.stop()}},e,this)})),function(e,t,a){return r.apply(this,arguments)})},{key:"setupType",value:(a=g()(p.a.mark(function e(a,t){var n,r,i,l=this;return p.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.building.hasOwnProperty(a)){e.next=18;break}if(n=a.charAt(0).toUpperCase()+a.slice(1),"built"==this.building[a].get())return this.getSpreadsheetData(this.api.urls[n][this.format],n,function(e){var t=k.get("".concat(l.format,"_").concat(a));t?new Date(e[0].updated)>new Date(t)&&(l[a].clear(),l[a].insert(e),k.set("".concat(l.format,"_").concat(a),e[0].updated,{path:"/"})):k.set("".concat(l.format,"_").concat(a),e[0].updated,{path:"/"})}),e.abrupt("return",t());e.next=5;break;case 5:if("building"==this.building[a].get())return r=Object(N.l)(this.building[a],function(e){r(),t()}),e.abrupt("return",r);e.next=8;break;case 8:if("setup"!=this.building[a].get()){e.next=16;break}if(this.building[a].set("building"),0==this[a].data.length)return e.abrupt("return",this.getSpreadsheetData(this.api.urls[n][this.format],n,function(e){return l[a].insert(e),l.building[a].set("built"),t()}));e.next=14;break;case 14:return this.building[a].set("built"),e.abrupt("return",t());case 16:e.next=21;break;case 18:return this.building[a]=N.k.box("wait"),i=Object(N.l)(this.building[a],function(){return i(),l.setupType(a,t)}),e.abrupt("return",i);case 21:case"end":return e.stop()}},e,this)})),function(e,t){return a.apply(this,arguments)})},{key:"setupDB",value:function(e){var n=new B.a("chaotic_".concat(e,".db"),{autosave:!0,autoload:!0,autoloadCallback:function(){var a=this;["attacks","battlegear","creatures","locations","mugic"].forEach(function(e){var t=n.getCollection(e);null===t||0===t.data.length?(a[e]=n.addCollection(e),a.building[e]?a.building[e].set("setup"):a.building[e]=N.k.box("setup")):(a[e]=t,a.building[e]?a.building[e].set("built"):a.building[e]=N.k.box("built"))})}.bind(this),autosaveInterval:4e3,persistenceMethod:"localStorage"});this.db=n}}]),n}(),l=A()(a.prototype,"building",[N.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return{}}}),A()(a.prototype,"setupType",[N.d],Object.getOwnPropertyDescriptor(a.prototype,"setupType"),a.prototype),A()(a.prototype,"setupDB",[N.d],Object.getOwnPropertyDescriptor(a.prototype,"setupDB"),a.prototype),a),C=(u=r=function(){function a(){b()(this,a),h()(this,"portal",c,this),h()(this,"cards",o,this),h()(this,"urls",s,this),this.instance=null,this.setupDB()}var t,n,r;return y()(a,[{key:"path",value:function(e){return a.path(e)}},{key:"base_image",get:function(){return"https://drive.google.com/uc?id="}},{key:"thumb_missing",get:function(){return"1JYjPzkv74IhzlHTyVh2niTDyui73HSfp"}},{key:"card_back",get:function(){return"1_MgWDPsPGf-gPBArn2v6ideJcqOPsSYC"}}],[{key:"getInstance",value:function(){return this.instance||(this.instance=new a),this.instance}},{key:"path",value:function(e){return a.base_url+e+a.data_format}}]),y()(a,[{key:"getSpreadsheet",value:(r=g()(p.a.mark(function e(t,a){return p.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:fetch(t).then(function(e){return e.json()}).then(function(e){return a(e.feed.entry)}).catch(function(e){return console.error("parsing failed",e),a(null)});case 1:case"end":return e.stop()}},e)})),function(e,t){return r.apply(this,arguments)})},{key:"setupDB",value:function(){try{var t={};i(360).forEach(function(e){t[e.gsx$type.$t]||(t[e.gsx$type.$t]={}),t[e.gsx$type.$t][e.gsx$subtype.$t]=a.path(e.gsx$url.$t)}),this.urls=t,this.portal=new M(this,"portal"),this.cards=new M(this,"cards")}catch(e){console.error("setting up database failed",e)}}},{key:"LoadDB",value:(n=g()(p.a.mark(function e(a){var n=this;return p.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",new Promise(function(e,t){null!==n.urls&&null!==n.portal&&null!==n.cards?n.buildCollection(a).then(function(){e()}):e()}));case 1:case"end":return e.stop()}},e)})),function(e){return n.apply(this,arguments)})},{key:"buildCollection",value:(t=g()(p.a.mark(function e(t){var n=this;return p.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.all(t.map(function(a){return new Promise(function(e,t){return"cards"in a?n.cards.setupType(a.cards,e):"portal"in a?n.portal.setupType(a.portal,e):(console.error("cards or portal"),t())})}));case 2:return e.abrupt("return",e.sent);case 3:case"end":return e.stop()}},e)})),function(e){return t.apply(this,arguments)})},{key:"purgeDB",value:function(){this.cards.purgeDB(),this.portal.purgeDB(),window.location.reload()}},{key:"tribes",get:function(){return["Danian","Generic","Mipedian","M'arrillian","OverWorld","UnderWorld"]}},{key:"sets",get:function(){return{DOP:"Dawn of Perim",ZOTH:"Zenith of the Hive",SS:"Silent Sands",MI:"Beyond the Doors",ROTO:"Rise of the Oligarch",TOTT:"Turn of the Tide",FUN:"Forged Unity",AU:"Alliance Unraveled",FAS:"Fire and Stone",SAS:"Storm and Sea",EE:"Elemental Emperors",BR:"Beyond Rare",LR:"League Rewards",OP1:"Organized Play 1",PROMO:"Promotional"}}}]),a}(),r.base_url="https://spreadsheets.google.com/feeds/list/",r.data_format="/od6/public/values?alt=json",n=u,c=A()(n.prototype,"portal",[N.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return null}}),o=A()(n.prototype,"cards",[N.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return null}}),s=A()(n.prototype,"urls",[N.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return null}}),n);t.a=C.getInstance()}});
\ No newline at end of file
+!function(o){function e(e){for(var t,a,n=e[0],r=e[1],i=e[2],l=0,c=[];l<n.length;l++)a=n[l],Object.prototype.hasOwnProperty.call(p,a)&&p[a]&&c.push(p[a][0]),p[a]=0;for(t in r)Object.prototype.hasOwnProperty.call(r,t)&&(o[t]=r[t]);for(g&&g(e);c.length;)c.shift()();return u.push.apply(u,i||[]),s()}function s(){for(var e,t=0;t<u.length;t++){for(var a=u[t],n=!0,r=1;r<a.length;r++){var i=a[r];0!==p[i]&&(n=!1)}n&&(u.splice(t--,1),e=d(d.s=a[0]))}return e}var a={},m={1:0},p={1:0},u=[];function d(e){if(a[e])return a[e].exports;var t=a[e]={i:e,l:!1,exports:{}};return o[e].call(t.exports,t,t.exports,d),t.l=!0,t.exports}d.e=function(u){var e=[];m[u]?e.push(m[u]):0!==m[u]&&{2:1,3:1,4:1,5:1}[u]&&e.push(m[u]=new Promise(function(e,n){for(var t=({}[u]||u)+".css",r=d.p+t,a=document.getElementsByTagName("link"),i=0;i<a.length;i++){var l=(o=a[i]).getAttribute("data-href")||o.getAttribute("href");if("stylesheet"===o.rel&&(l===t||l===r))return e()}var c=document.getElementsByTagName("style");for(i=0;i<c.length;i++){var o;if((l=(o=c[i]).getAttribute("data-href"))===t||l===r)return e()}var s=document.createElement("link");s.rel="stylesheet",s.type="text/css",s.onload=e,s.onerror=function(e){var t=e&&e.target&&e.target.src||r,a=new Error("Loading CSS chunk "+u+" failed.\n("+t+")");a.code="CSS_CHUNK_LOAD_FAILED",a.request=t,delete m[u],s.parentNode.removeChild(s),n(a)},s.href=r,document.getElementsByTagName("head")[0].appendChild(s)}).then(function(){m[u]=0}));var a=p[u];if(0!==a)if(a)e.push(a[2]);else{var t=new Promise(function(e,t){a=p[u]=[e,t]});e.push(a[2]=t);var n,r=document.createElement("script");r.charset="utf-8",r.timeout=120,d.nc&&r.setAttribute("nonce",d.nc),r.src=function(e){return d.p+""+({}[e]||e)+".js"}(u);var i=new Error;n=function(e){r.onerror=r.onload=null,clearTimeout(l);var t=p[u];if(0!==t){if(t){var a=e&&("load"===e.type?"missing":e.type),n=e&&e.target&&e.target.src;i.message="Loading chunk "+u+" failed.\n("+a+": "+n+")",i.name="ChunkLoadError",i.type=a,i.request=n,t[1](i)}p[u]=void 0}};var l=setTimeout(function(){n({type:"timeout",target:r})},12e4);r.onerror=r.onload=n,document.head.appendChild(r)}return Promise.all(e)},d.m=o,d.c=a,d.d=function(e,t,a){d.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},d.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},d.t=function(t,e){if(1&e&&(t=d(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var a=Object.create(null);if(d.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)d.d(a,n,function(e){return t[e]}.bind(null,n));return a},d.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(t,"a",t),t},d.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},d.p="/build/",d.oe=function(e){throw console.error(e),e};var t=window.webpackJsonp=window.webpackJsonp||[],n=t.push.bind(t);t.push=e,t=t.slice();for(var r=0;r<t.length;r++)e(t[r]);var g=n;u.push([166,0]),s()}({124:function(e,t,a){"use strict";var n=a(122),r=a.n(n),i=a(0),l=a.n(i),c={normal:{borderBottom:"1px dotted rgb(0, 168, 0)"},hover:{borderBottom:"1px solid rgb(0, 168, 0)",color:"black"},active:"hover",touchActive:{borderBottom:"1px dashed rgb(0, 168, 0)",color:"black"},focusFromTab:{outline:"2px solid rgb(0, 152, 0)",outlineOffset:"2px",color:"black"},touchActiveTapOnly:!0},o={};Object.keys(c).forEach(function(e){"touchActiveTapOnly"!==e&&(o["onParent".concat(e.slice(0,1).toUpperCase()).concat(e.slice(1))]=c[e])}),t.a={link:c,childLink:o,p:{margin:"3vh 0",lineHeight:"1.4"},code:function(e){return l.a.createElement("code",{style:{fontFamily:"monospace",fontSize:"15px",paddingLeft:"2px"}},e)},li:function(e,t){return l.a.createElement("li",r()({style:{paddingLeft:"18px",textIndent:"-15px",margin:"0.5vh 0",listStyle:"none"}},t),l.a.createElement("span",{style:{paddingRight:"7px"}},"–"),e)}}},166:function(e,t,a){a(167),e.exports=a(378)},35:function(e,t,a){"use strict";a.d(t,"p",function(){return s}),a.d(t,"l",function(){return u}),a.d(t,"h",function(){return m}),a.d(t,"m",function(){return p}),a.d(t,"q",function(){return d}),a.d(t,"k",function(){return g}),a.d(t,"j",function(){return f}),a.d(t,"f",function(){return h}),a.d(t,"o",function(){return E}),a.d(t,"d",function(){return b}),a.d(t,"i",function(){return v}),a.d(t,"c",function(){return y}),a.d(t,"b",function(){return w}),a.d(t,"a",function(){return A}),a.d(t,"g",function(){return x}),a.d(t,"e",function(){return B}),a.d(t,"n",function(){return N});var n=a(0),r=a.n(n),i=a(70),l=a(161),c=a.n(l),o=a(63);function s(e){return r.a.createElement("p",{style:o.a.p},"This page is currently under construction")}function u(e){return r.a.createElement("p",{style:o.a.p},"404 route not found - ",o.a.code(e.location.pathname))}function m(e){return r.a.createElement("span",null,"Loading...")}function p(e){return r.a.createElement("span",null,r.a.createElement("img",{className:e.size||"icon16",style:{verticalAlign:"middle"},src:("/src/img/icons/set/"+e.set+"/"+e.rarity+".png").toLowerCase()}),!e.notext&&r.a.createElement(r.a.Fragment,null,i.a.sets[e.set]," | ",e.rarity))}function d(e){var t="";return e.data.unique&&(t+="Unique, "),e.data.loyal&&(t+="Loyal","M'arrillian"==e.data.tribe&&(t+=" - M'arrillian or Minions"),"1"!=e.data.loyal&&(t+=" - "+e.data.loyal)),e.data.legendary&&(t=t?"Legendary, "+t:"Legendary"),t=t.replace(/,\s+$/,""),r.a.createElement("span",{style:{fontWeight:"Bold"}},t,t&&r.a.createElement("br",null))}function g(e){var t=e.name.split(",");return r.a.createElement("span",{className:"name"},r.a.createElement("span",{className:"bigger"},t[0]),1<t.length&&r.a.createElement(r.a.Fragment,null,r.a.createElement("span",{style:{opacity:"0"}},","),r.a.createElement("span",{className:"subname"},t[1])))}function f(e){var t=("/src/img/icons/mugic/"+((e.tribe||"generic")+(null!=e.amount?"_".concat(e.amount):""))+".png").toLowerCase();return r.a.createElement("img",{className:e.size||"icon20",src:t,alt:"MC"})}function h(e){return e.value?r.a.createElement("img",{className:e.size||"icon20",src:("/src/img/icons/elements/"+e.element+".png").toLowerCase()}):r.a.createElement("img",{className:e.size||"icon20",src:("/src/img/icons/elements/"+e.element+"-inactive.png").toLowerCase()})}function E(e){return r.a.createElement("img",{className:e.size||"icon16",src:("/src/img/icons/tribes/"+e.tribe+".png").toLowerCase()})}function b(e){return r.a.createElement("img",{className:e.size||"icon16",src:("/src/img/icons/disciplines/"+e.discipline+".png").toLowerCase()})}function v(e){return r.a.createElement("img",{className:e.size||"icon16",src:"/src/img/icons/location.png"})}function y(e){return r.a.createElement("img",{className:e.size||"icon16",src:"/src/img/icons/battlegear.png"})}function w(e){var t="attack"+(e.bp&&0<=e.bp?"_"+e.bp:"");return r.a.createElement("img",{className:e.size||"icon16",src:"/src/img/icons/attack/".concat(t,".png")})}function A(a){var e=[{regex:/([0-9x]*){{mc}}/i,fn:function(e,t){return 1<t.length&&""!=t[1]?r.a.createElement(f,{key:e,tribe:a.tribe,amount:t[1].toLowerCase(),size:"icon14"}):r.a.createElement(f,{key:e,tribe:a.tribe,size:"icon14"})}},{regex:new RegExp(/(\b((fire)|(air)|(earth)|(water)))/i),fn:function(e,t){return r.a.createElement("span",{key:e},r.a.createElement(h,{element:t[0].replace(/\b/,""),value:"true",size:"icon14"}),t[0])}},{regex:/(courage)|(power)|(wisdom)|(speed)/i,fn:function(e,t){return r.a.createElement("span",{key:e},r.a.createElement(b,{discipline:t[0],size:"icon14"}),t[0])}},{regex:/(danian)|(generic)|(mipedian)|(overworld)|(underworld)/i,fn:function(e,t){return r.a.createElement("span",{key:e},r.a.createElement(E,{tribe:t[0],size:"icon14"}),t[0])}}];return r.a.createElement("div",{className:a.type||"ability"},c()(e)(a.ability))}function x(e){var t=e.initiative,a=null;return-1<["Danian","Generic","Mipedian","OverWorld","UnderWorld","M'arrillian"].indexOf(t)?a=r.a.createElement("img",{className:"icon16",style:{verticalAlign:"middle"},src:("/src/img/icons/tribes/"+t+".png").toLowerCase()}):-1<["courage","power","speed","wisdom"].indexOf(t.toLowerCase())?a=r.a.createElement("img",{className:"icon16",style:{verticalAlign:"middle"},src:("/src/img/icons/disciplines/"+t+".png").toLowerCase()}):-1<["fire","air","earth","water"].indexOf(t.toLowerCase())?a=r.a.createElement("img",{className:"icon16",style:{verticalAlign:"middle"},src:("/src/img/icons/elements/"+t+".png").toLowerCase()}):"mugic counter"==t.toLowerCase()&&(a=r.a.createElement("img",{className:"icon16",style:{verticalAlign:"middle"},src:"/src/img/icons/mugic/generic.png".toLowerCase()})),r.a.createElement("span",null,!e.notitle&&"Initiative: ",a," ",t)}function B(e){return r.a.createElement("form",{action:"https://www.paypal.com/cgi-bin/webscr",method:"post",target:"_blank"},r.a.createElement("input",{type:"hidden",name:"cmd",value:"_s-xclick"}),r.a.createElement("input",{type:"hidden",name:"encrypted",value:"-----BEGIN PKCS7-----MIIHLwYJKoZIhvcNAQcEoIIHIDCCBxwCAQExggEwMIIBLAIBADCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwDQYJKoZIhvcNAQEBBQAEgYAwJS5BkCahWYm5uqK91QqAV+ImQP4OlcA7ZQVpHvRtVesGdW8LqNPjPff26J8Xco9WXhDFnhiJs1omn1rvtNC8Qn3hQDoTTHGTw3Ofor6CXfk0s2HlGfmRTczExvWNVn0Z/e2oFpGGuW0noIKN3RQmb0jrzpemwyLOenBfUJir4DELMAkGBSsOAwIaBQAwgawGCSqGSIb3DQEHATAUBggqhkiG9w0DBwQIt9GWMI+e+A2AgYhFnTpwYMraQBnNagvLJ4l4tLn5kLQgxhjJiBua+YQvKjKsOGLvRsowFM7LAkRNn21BVoX4RtV/oIOxymxOI7gy+yRMQnpA6gvnR4BMWOvOQzmxJJUEUnaxVuhQA3ZubuIlnPwx37n885yD5SU7oTQSBIlZZ7tt+20GnaqNyMreqV9PVq7mGeShoIIDhzCCA4MwggLsoAMCAQICAQAwDQYJKoZIhvcNAQEFBQAwgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tMB4XDTA0MDIxMzEwMTMxNVoXDTM1MDIxMzEwMTMxNVowgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDBR07d/ETMS1ycjtkpkvjXZe9k+6CieLuLsPumsJ7QC1odNz3sJiCbs2wC0nLE0uLGaEtXynIgRqIddYCHx88pb5HTXv4SZeuv0Rqq4+axW9PLAAATU8w04qqjaSXgbGLP3NmohqM6bV9kZZwZLR/klDaQGo1u9uDb9lr4Yn+rBQIDAQABo4HuMIHrMB0GA1UdDgQWBBSWn3y7xm8XvVk/UtcKG+wQ1mSUazCBuwYDVR0jBIGzMIGwgBSWn3y7xm8XvVk/UtcKG+wQ1mSUa6GBlKSBkTCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb22CAQAwDAYDVR0TBAUwAwEB/zANBgkqhkiG9w0BAQUFAAOBgQCBXzpWmoBa5e9fo6ujionW1hUhPkOBakTr3YCDjbYfvJEiv/2P+IobhOGJr85+XHhN0v4gUkEDI8r2/rNk1m0GA8HKddvTjyGw/XqXa+LSTlDYkqI8OwR8GEYj4efEtcRpRYBxV8KxAW93YDWzFGvruKnnLbDAF6VR5w/cCMn5hzGCAZowggGWAgEBMIGUMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbQIBADAJBgUrDgMCGgUAoF0wGAYJKoZIhvcNAQkDMQsGCSqGSIb3DQEHATAcBgkqhkiG9w0BCQUxDxcNMTgwMjAzMjAwMjE0WjAjBgkqhkiG9w0BCQQxFgQUIKIDamSbB+82SYYkxaubnff78WQwDQYJKoZIhvcNAQEBBQAEgYAT64pm6CXNlZA4E61IcWMMcB6OtuQ1/Zg8BNpzkRNbR2dg9mFpgUVkN5FrHaggTFpQ1NHXQq/VJm5d/V7HyAchIWyoLg+TmOOKArQWnmLAz+ruFa7VgmA+FD9MHG7oJSKT6olyKppNrls+Y/+OFiJ0wz4MAkOZK+2CYu81e5qCYw==-----END PKCS7-----"}),r.a.createElement("a",{href:"https://www.paypal.com/cgi-bin/webscr"},r.a.createElement("input",{type:"image",src:"/src/img/btn_donate_SM.gif",border:"0",name:"submit",alt:"PayPal Donate"})))}function N(e){return r.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",className:"magnifying-glass"},r.a.createElement("g",{fillRule:"evenodd"},r.a.createElement("path",{d:"M21.747 20.524l-4.872-4.871a.864.864 0 1 0-1.222 1.222l4.871 4.872a.864.864 0 1 0 1.223-1.223z"}),r.a.createElement("path",{d:"M3.848 10.763a6.915 6.915 0 0 1 6.915-6.915 6.915 6.915 0 0 1 6.915 6.915 6.915 6.915 0 0 1-6.915 6.915 6.915 6.915 0 0 1-6.915-6.915zm-1.729 0a8.643 8.643 0 0 0 8.644 8.644 8.643 8.643 0 0 0 8.644-8.644 8.643 8.643 0 0 0-8.644-8.644 8.643 8.643 0 0 0-8.644 8.644z"})))}},360:function(e){e.exports=JSON.parse('[{"gsx$type":{"$t":"Creatures"},"gsx$subtype":{"$t":"cards"},"gsx$url":{"$t":"1fUFYhG1NLLkSTzrdbevm6ZMKNP6xLiKUZvM1sY10pVI"}},{"gsx$type":{"$t":"Creatures"},"gsx$subtype":{"$t":"portal"},"gsx$url":{"$t":"1eGQsy2kYk7HfnQetsjobMqank4bg6iWOOaSYykg3Yec"}},{"gsx$type":{"$t":"Mugic"},"gsx$subtype":{"$t":"cards"},"gsx$url":{"$t":"1rOMFKnWaz6XmhD43YFpcemWGzEok9IgtKCoiPMwA35s"}},{"gsx$type":{"$t":"Mugic"},"gsx$subtype":{"$t":"portal"},"gsx$url":{"$t":"1tEuwPGixJH2A03YtYL6Ar-MSFvtfrlaveT98GwJhw1g"}},{"gsx$type":{"$t":"Attacks"},"gsx$subtype":{"$t":"cards"},"gsx$url":{"$t":"1yXFijC2hN1vybU3ejdINYoTOTG62qCkpPLPsiYUEEyo"}},{"gsx$type":{"$t":"Attacks"},"gsx$subtype":{"$t":"portal"},"gsx$url":{"$t":"1KUk5J-3ZeMlEBXOfDb2h4GUUJK_0_yOq0EUDitQgNa8"}},{"gsx$type":{"$t":"Battlegear"},"gsx$subtype":{"$t":"cards"},"gsx$url":{"$t":"1UUEPAEHZwmH52AJj2Jtskf6d4z5XIFEBb3HT-FTAcgs"}},{"gsx$type":{"$t":"Battlegear"},"gsx$subtype":{"$t":"portal"},"gsx$url":{"$t":"1S5AVw-E_sFO257uzajauP31bOI0LPmrbTcUzSpa2i60"}},{"gsx$type":{"$t":"Locations"},"gsx$subtype":{"$t":"cards"},"gsx$url":{"$t":"15QPS08iq6pkyMFsYuDsKIXX8LQmQ8MUoJeeNtjU54Xo"}},{"gsx$type":{"$t":"Locations"},"gsx$subtype":{"$t":"portal"},"gsx$url":{"$t":"1U07n2keHNxL-6y5zUcHlb220zT9A_MrVEansOAMQFCA"}}]')},378:function(e,t,a){"use strict";a.r(t);var n,r=a(0),i=a.n(r),l=a(30),c=a(38),o=a(53),s=a(69),u=(a(63),a(70)),m=a(35),p=a(62),d=a.n(p),g=a(52),f=a.n(g),h=a(119),E=a.n(h),b=a(120),v=a.n(b),y=a(121),w=a.n(y),A=a(85),x=Object(A.a)(function(e,t,a){return t})(n=Object(A.b)(n=function(e){function t(){return d()(this,t),E()(this,v()(t).apply(this,arguments))}return w()(t,e),f()(t,[{key:"render",value:function(){return i.a.createElement("div",null,i.a.createElement("span",null,"This page is not yet available"))}}]),t}(i.a.Component))||n)||n,B=Object(s.a)(function(){return Promise.all([a.e(0),a.e(3)]).then(a.bind(null,391))},{fallback:i.a.createElement(m.h,null)}),N=Object(s.a)(function(){return a.e(4).then(a.bind(null,388))},{fallback:i.a.createElement(m.h,null)}),k=Object(s.a)(function(){return Promise.all([a.e(0),a.e(5)]).then(a.bind(null,389))},{fallback:i.a.createElement(m.h,null)}),M=Object(s.a)(function(){return Promise.all([a.e(0),a.e(2)]).then(a.bind(null,390))},{fallback:i.a.createElement(m.h,null)});function C(e){return i.a.createElement(c.c,null,i.a.createElement(c.a,{exact:!0,path:"/",component:N}),i.a.createElement(c.a,{path:"/PageNotFound",component:m.l}),i.a.createElement(c.a,{path:"/UnderConstruction",component:m.p}),i.a.createElement(c.a,{path:"/EnterTheCode",component:B}),i.a.createElement(c.a,{path:"/create",component:x}),i.a.createElement(c.a,{path:"/collection",component:M}),i.a.createElement(c.a,{path:"/portal",component:k}))}Object(l.render)(i.a.createElement(o.a,null,i.a.createElement(function(e){var t="ENG",a=i.a.createElement(C,e);return i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"fix-pgBkgrnd-repeat-x"},i.a.createElement("div",{className:"fix-img-bkgrnd fix-img-bkgrnd_05"})),i.a.createElement("div",{className:"pgBkgrnd-repeat-x"},i.a.createElement("div",{className:"img-bkgrnd"},i.a.createElement("div",{className:"content-wrap"},i.a.createElement("div",{className:"legacy legacy-header"},i.a.createElement("div",{className:"header"},i.a.createElement("div",{id:"nav"},i.a.createElement("div",{className:"zero-clear-line headerSpriteNav-wrap"},i.a.createElement("ul",{id:"unity-sprite",className:t},i.a.createElement("li",{id:"unity-nav1",className:t}),i.a.createElement("li",{id:"unity-nav2",className:t},i.a.createElement(o.b,{to:"/collection/"},i.a.createElement("span",null,"Collect"))),i.a.createElement("li",{id:"unity-nav3",className:t},i.a.createElement("a",{href:"/create/"},i.a.createElement("span",null,"Build"))),i.a.createElement("li",{id:"unity-nav4",className:t},i.a.createElement("a",{href:"http://chaoticbackup.forumotion.com/f16-trading-buying-and-selling"},i.a.createElement("span",null,"Trade"))),i.a.createElement("li",{id:"unity-nav5",className:t},i.a.createElement(o.b,{to:"/"},i.a.createElement("span",null,"Home"))),i.a.createElement("li",{id:"unity-nav6",className:t},i.a.createElement("a",{href:"http://chaoticbackup.forumotion.com"},i.a.createElement("span",null,"Forums"))),i.a.createElement("li",{id:"unity-nav7",className:t},i.a.createElement(o.b,{to:"/portal/"},i.a.createElement("span",null,"Portal"))),i.a.createElement("li",{id:"unity-nav8",className:t},i.a.createElement("a",{href:"https://untap.in"},i.a.createElement("span",null,"Play"))),i.a.createElement("li",{id:"unity-nav9",className:t})),i.a.createElement("ul",{id:"unityETC-sprite",className:t},i.a.createElement("li",{id:"unity-nav10",className:t},i.a.createElement(o.b,{to:"/EnterTheCode"},i.a.createElement("span",null,"Enter the Code")))))))),i.a.createElement("div",{className:"banner-ad-top"}),i.a.createElement("div",{className:"legacy content"},i.a.createElement("div",{className:"left-column"},i.a.createElement("div",{className:"full-width clear-line",style:{marginBottom:"5px"}})),i.a.createElement("div",{className:"full-column"},i.a.createElement("div",{className:"pods-wrap pad5px-btm"},i.a.createElement("div",{className:"clear-line full-width"},i.a.createElement("div",{className:"adPod-top-wrap"},i.a.createElement("div",{className:"videoAdPod-topleft"},i.a.createElement("div",{className:"videoAdPod-topLeft-repeat-x"})),i.a.createElement("div",{className:"videoAdPod-topright"},i.a.createElement("div",{className:"videoAdPod-topRight-repeat-x"})))),i.a.createElement("div",{className:"content-area-repeat-xy"},i.a.createElement("div",{className:"content-area-top-repeat-x"},i.a.createElement("div",{className:"content-area-left-repeat-y"},i.a.createElement("div",{className:"content-area-right-repeat-y"},i.a.createElement("div",{style:{margin:"0 8px 0 10px"}},i.a.createElement("div",{id:"player"},a)))))),i.a.createElement("div",{className:"content-btm-wrap"},i.a.createElement("div",{className:"content-area-btm-left"},i.a.createElement("div",{className:"content-left-btm-repeat-x"})),i.a.createElement("div",{className:"content-area-btm-right"},i.a.createElement("div",{className:"content-right-btm-repeat-x"}))))),i.a.createElement("div",{className:"right-column"},i.a.createElement("div",{className:"full-width clear-line",style:{marginBottom:"5px"}}))),i.a.createElement("div",{className:"banner-ad-bottom"}),i.a.createElement("div",{className:"legacy legacy-footer"},i.a.createElement("div",{className:"footer-wrap"},i.a.createElement("div",{className:"footer-repeat-x"},i.a.createElement("div",{className:"footer-left"},i.a.createElement("div",{className:"footer-right"},i.a.createElement("div",{className:"footer-text"},i.a.createElement("div",{className:"footer-search"},i.a.createElement("br",null),i.a.createElement("br",null),i.a.createElement(m.e,null)),i.a.createElement("div",{className:"footer-nav"},i.a.createElement("div",{className:"copyright"},"©2008 Chaotic USA Entertainment Group, Inc.",i.a.createElement("br",null),"U.S. Pat 5810666 and 5954332 and other pending patent applications. All Rights Reserved.")),i.a.createElement("div",{className:"footer-language"},i.a.createElement("a",{href:"#",onClick:function(e){e.stopPropagation(),e.preventDefault(),u.a.purgeDB()},className:"page-options",title:"Change Language"},i.a.createElement("img",{src:"/src/img/flag_usa_.gif",alt:"English (Change Language)",width:"40",height:"27"}),i.a.createElement("br",null),"English (Change Language)"))))))))))))},{path:"/*",href:"/"})),document.getElementById("root"))},63:function(e,t,a){"use strict";var n=a(124),r=Object.create(n.a);r.root={backgroundColor:"#F0F0F0",fontFamily:"helvetica neue, helvetica, sans-serif",fontWeight:"300",fontSize:"16px",letterSpacing:"0.025em",padding:"3vh 0 12vh 0",width:"500px",maxWidth:"calc(100vw - 40px)",position:"relative",left:"50vw",WebkitTransform:"translate(-50%, 0)",MozTransform:"translate(-50%, 0)",msTransform:"translate(-50%, 0)",OTransform:"translate(-50%, 0)",transform:"translate(-50%, 0)",WebkitTextSizeAdjust:"none",MozTextSizeAdjust:"none",msTextSizeAdjust:"none",textSizeAdjust:"none"},r.title={fontSize:"20px",marginBottom:"0.5vh"},r.repoLink={fontSize:"14px"},r.mapMenu={margin:"3vh 0"},r.creditLine={color:"#A0A0A0",fontSize:"14px",marginTop:"50px"},t.a=r},70:function(e,t,i){"use strict";var a,l,n,c,o,s,r,u,m=i(23),p=i.n(m),d=i(60),g=i.n(d),f=i(64),h=i.n(f),E=i(62),b=i.n(E),v=i(52),y=i.n(v),w=i(39),A=i.n(w),x=(i(164),i(357),i(123)),B=i.n(x),N=i(6),k=new(i(163).a),M=(a=function(){function n(e,t){var a=this;b()(this,n),h()(this,"building",l,this),this.purgeDB=function(){a.db.deleteDatabase()},this.api=e,this.format=t,this.setupDB(t)}var a,r;return y()(n,[{key:"getSpreadsheetData",value:(r=g()(p.a.mark(function e(t,i,a){return p.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:this.api.getSpreadsheet(t,function(e){a(e.map(function(e){var t={};delete e.content;for(var a=0,n=Object.keys(e);a<n.length;a++){var r=n[a];t[r]=e[r].$t}return t.gsx$type=i,t}))});case 1:case"end":return e.stop()}},e,this)})),function(e,t,a){return r.apply(this,arguments)})},{key:"setupType",value:(a=g()(p.a.mark(function e(a,t){var n,r,i,l=this;return p.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!this.building.hasOwnProperty(a)){e.next=18;break}if(n=a.charAt(0).toUpperCase()+a.slice(1),"built"==this.building[a].get())return this.getSpreadsheetData(this.api.urls[n][this.format],n,function(e){var t=k.get("".concat(l.format,"_").concat(a));t?new Date(e[0].updated)>new Date(t)&&(l[a].clear(),l[a].insert(e),k.set("".concat(l.format,"_").concat(a),e[0].updated,{path:"/"})):k.set("".concat(l.format,"_").concat(a),e[0].updated,{path:"/"})}),e.abrupt("return",t());e.next=5;break;case 5:if("building"==this.building[a].get())return r=Object(N.l)(this.building[a],function(e){r(),t()}),e.abrupt("return",r);e.next=8;break;case 8:if("setup"!=this.building[a].get()){e.next=16;break}if(this.building[a].set("building"),0==this[a].data.length)return e.abrupt("return",this.getSpreadsheetData(this.api.urls[n][this.format],n,function(e){return l[a].insert(e),l.building[a].set("built"),t()}));e.next=14;break;case 14:return this.building[a].set("built"),e.abrupt("return",t());case 16:e.next=21;break;case 18:return this.building[a]=N.k.box("wait"),i=Object(N.l)(this.building[a],function(){return i(),l.setupType(a,t)}),e.abrupt("return",i);case 21:case"end":return e.stop()}},e,this)})),function(e,t){return a.apply(this,arguments)})},{key:"setupDB",value:function(e){var n=new B.a("chaotic_".concat(e,".db"),{autosave:!0,autoload:!0,autoloadCallback:function(){var a=this;["attacks","battlegear","creatures","locations","mugic"].forEach(function(e){var t=n.getCollection(e);null===t||0===t.data.length?(a[e]=n.addCollection(e),a.building[e]?a.building[e].set("setup"):a.building[e]=N.k.box("setup")):(a[e]=t,a.building[e]?a.building[e].set("built"):a.building[e]=N.k.box("built"))})}.bind(this),autosaveInterval:4e3,persistenceMethod:"localStorage"});this.db=n}}]),n}(),l=A()(a.prototype,"building",[N.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return{}}}),A()(a.prototype,"setupType",[N.d],Object.getOwnPropertyDescriptor(a.prototype,"setupType"),a.prototype),A()(a.prototype,"setupDB",[N.d],Object.getOwnPropertyDescriptor(a.prototype,"setupDB"),a.prototype),a),C=(u=r=function(){function a(){b()(this,a),h()(this,"portal",c,this),h()(this,"cards",o,this),h()(this,"urls",s,this),this.instance=null,this.setupDB()}var t,n,r;return y()(a,[{key:"path",value:function(e){return a.path(e)}},{key:"base_image",get:function(){return"https://drive.google.com/uc?id="}},{key:"thumb_missing",get:function(){return"1JYjPzkv74IhzlHTyVh2niTDyui73HSfp"}},{key:"card_back",get:function(){return"1_MgWDPsPGf-gPBArn2v6ideJcqOPsSYC"}}],[{key:"getInstance",value:function(){return this.instance||(this.instance=new a),this.instance}},{key:"path",value:function(e){return a.base_url+e+a.data_format}}]),y()(a,[{key:"getSpreadsheet",value:(r=g()(p.a.mark(function e(t,a){return p.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:fetch(t).then(function(e){return e.json()}).then(function(e){return a(e.feed.entry)}).catch(function(e){return console.error("parsing failed",e),a(null)});case 1:case"end":return e.stop()}},e)})),function(e,t){return r.apply(this,arguments)})},{key:"setupDB",value:function(){try{var t={};i(360).forEach(function(e){t[e.gsx$type.$t]||(t[e.gsx$type.$t]={}),t[e.gsx$type.$t][e.gsx$subtype.$t]=a.path(e.gsx$url.$t)}),this.urls=t,this.portal=new M(this,"portal"),this.cards=new M(this,"cards")}catch(e){console.error("setting up database failed",e)}}},{key:"LoadDB",value:(n=g()(p.a.mark(function e(a){var n=this;return p.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",new Promise(function(e,t){null!==n.urls&&null!==n.portal&&null!==n.cards?n.buildCollection(a).then(function(){e()}):e()}));case 1:case"end":return e.stop()}},e)})),function(e){return n.apply(this,arguments)})},{key:"buildCollection",value:(t=g()(p.a.mark(function e(t){var n=this;return p.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.all(t.map(function(a){return new Promise(function(e,t){return"cards"in a?n.cards.setupType(a.cards,e):"portal"in a?n.portal.setupType(a.portal,e):(console.error("cards or portal"),t())})}));case 2:return e.abrupt("return",e.sent);case 3:case"end":return e.stop()}},e)})),function(e){return t.apply(this,arguments)})},{key:"purgeDB",value:function(){this.cards.purgeDB(),this.portal.purgeDB(),window.location.reload()}},{key:"tribes",get:function(){return["Danian","Generic","Mipedian","M'arrillian","OverWorld","UnderWorld"]}},{key:"sets",get:function(){return{DOP:"Dawn of Perim",ZOTH:"Zenith of the Hive",SS:"Silent Sands",MI:"Beyond the Doors",ROTO:"Rise of the Oligarch",TOTT:"Turn of the Tide",FUN:"Forged Unity",AU:"Alliance Unraveled",FAS:"Fire and Stone",SAS:"Storm and Sea",EE:"Elemental Emperors",BR:"Beyond Rare",LR:"League Rewards",OP1:"Organized Play 1",PROMO:"Promotional",PROTO:"Prototype"}}}]),a}(),r.base_url="https://spreadsheets.google.com/feeds/list/",r.data_format="/od6/public/values?alt=json",n=u,c=A()(n.prototype,"portal",[N.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return null}}),o=A()(n.prototype,"cards",[N.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return null}}),s=A()(n.prototype,"urls",[N.k],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return null}}),n);t.a=C.getInstance()}});
\ No newline at end of file
diff --git a/src/components/collection/index.js b/src/components/collection/index.js
index 34432ef..46b3541 100644
--- a/src/components/collection/index.js
+++ b/src/components/collection/index.js
@@ -6,26 +6,28 @@ import CardList from './List';
 import SearchForm from './search/index.js';
 import './collection.scss'
 
-
 // https://mobx.js.org/refguide/object.html
-// TODO
 const fixedStyles = observable({
-  fixed: {},
+  style: {},
+  get fixed() {return this.style},
+  get isFixed() {return (Object.entries(this.style).length !== 0)},
   setFixed(height) {
-    this.fixed = {
+    if (window.matchMedia("(min-width: 975px)").matches)
+    this.style = {
       position: "fixed",
       top: 0,
+      left: "31px",
       overflowY: "auto",
-      height: `${height}`,
-      width: "calc(30% - 30px)",
+      height: `${height}px`,
+      width: "calc(30% - 20px)",
     }
   },
-  removeFixed() {
-    this.fixed = {}
-  }
+  removeFixed() {this.style = {}}
 }, {
   setFixed: action,
   removeFixed: action
+}, { 
+  deep: false 
 });
 
 
@@ -37,7 +39,7 @@ export default class Home extends React.Component {
   @observable ext = false;
   @observable content = [];
   @observable card_img = API.card_back;
-  fixedStyles = autorun(() => fixedStyles.fixed);
+  @observable fixedStyles;
 
   constructor() {
     super();
@@ -72,22 +74,34 @@ export default class Home extends React.Component {
   handleScroll = (event) => {
     event.preventDefault();
 
-    if (window.pageYOffset >= 220) {
-      // console.log(this.fixedStyles);
-      console.log(window.pageYOffset, window.innerHeight) //window.innerHeight- window.pageYOffset
-      if (window.pageYOffset > window.innerHeight) {
-        // this.fixedStyles.fixed = 
-        // TODO variable to see if scroll has happend
-        // Fix with height of viewport
-        // When nearing the end of the screen (if page offset is higher then height)
-        // reduce height by difference so that it doesn't leak into footer
+    // Fix the side menu in place when scrolling down
+    if (window.pageYOffset >= 235) {
+      const 
+      h = document.documentElement, 
+      b = document.body,
+      st = 'scrollTop',
+      sh = 'scrollHeight',
+      ch = 'clientHeight';
+      const percent = (h[st]||b[st]) / ((h[sh]||b[sh]) - h[ch]) * 100;
+      const sm = document.getElementById("side-menu");
+
+      // When nearing the end of the screen
+      // (if element height offset is higher then height of screen)
+      // reduce height by difference so that it doesn't leak into footer
+      if (percent >= 88) {
+        let exp = h[ch] - (h[ch] * (percent - 85) / 100);
+        fixedStyles.setFixed(exp);
       }
-      else {
-        // this.fixedStyles = fixedStyles(window.innerHeight + "px");
+      // Fix with height of viewport when changed
+      else if (sm[sh] >= h[ch]){
+        fixedStyles.setFixed(window.innerHeight);
+      }
+      else if (!fixedStyles.isFixed) {
+        fixedStyles.setFixed(window.innerHeight);
       }
     }
-    else {
-      // this.fixedStyles = {};
+    else if (fixedStyles.isFixed) {
+      fixedStyles.removeFixed();
     }
   };
 
@@ -95,7 +109,7 @@ export default class Home extends React.Component {
     return (
       <div className={"collection " + (this.ext ? "extended" : "short")}>
         <div className="left">
-          <div style={fixedStyles}>
+          <div id="side-menu" style={fixedStyles.fixed}>
             <ImagePreview url={API.base_image + this.card_img} ref={n => {if (n) this.changeImage = n.getInstance().changeImage}} />
             <SearchForm handleContent={this.handleContent.bind(this)} {...this.props} />
           </div>