UNPKG

essence-templates

Version:

React Essence Templates - based on Essence Material Design Framework

Evo-Forge/Essence-Templates

6 lines • 1.64 MB

JavaScript

!function(e){function t(r){if(o[r])return o[r].exports;var n=o[r]={exports:{},id:r,loaded:!1};return e[r].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var o={};return t.m=e,t.c=o,t.p="/build/",t(0)}(function(e){for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t))switch(typeof e[t]){case"function":break;case"object":e[t]=function(t){var o=t.slice(1),r=e[t[0]];return function(e,t,n){r.apply(this,[e,t,n].concat(o))}}(e[t]);break;default:e[t]=e[e[t]]}return e}([function(e,t,o){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var i=function(){function e(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,o,r){return o&&e(t.prototype,o),r&&e(t,r),t}}(),l=o(1),d=r(l),p=o(11),u=r(p),b=o(2),g=r(b),m=o(28),f=(r(m),o(37)),s=(r(f),o(49)),k=(r(s),o(48)),x=r(k),h=o(32),y=r(h),v=o(109),w=r(v),E=o(106),A=r(E),C=o(16),N=r(C),T=o(108),O=r(T),_=o(38),D=o(5),S=o(10),P=o(209),I=o(105),B={home:{title:"Home"},about:{title:"About"},"get-started":{title:"Getting started"},contact:{title:"Contact"}},M={"core-grid-system":{title:"Grid System"},"core-divider":{title:"Divider"},"core-ripple-ink":{title:"Ripple Ink"},"core-text-typography":{title:"Text Typography"},"core-utilities":{title:"Utilities"}},R=function(e){function t(e){n(this,t);var o=a(this,Object.getPrototypeOf(t).call(this,e));return o.state={classes:(0,g["default"])(o.props.classes,o.props.className)},o}return c(t,e),i(t,[{key:"render",value:function(){return d["default"].createElement(D.Block,null,d["default"].createElement(D.Block,null,d["default"].createElement(D.Block,{classes:"clearfix"},d["default"].createElement(D.Block,{classes:"e-row"},d["default"].createElement(D.Block,{classes:"brick brick-12 e-text-center e-background-indigo-400 e-padding-top-50 e-padding-bottom-50 e-no-margin",style:{width:"100%"}},d["default"].createElement(D.Block,null,d["default"].createElement(x["default"],{className:"e-img-rsp",src:"./assets/img/ess-logo.png",alt:"Essence"}),d["default"].createElement(D.Text,{type:"h5",classes:"e-display-4 e-text-white"},"essence"),d["default"].createElement(D.Text,{type:"h5",classes:"e-headline e-text-white e-text-uppercase"},"The Essential Material Design Framework"),d["default"].createElement(D.Text,{type:"a",href:"https://www.npmjs.com/~essence_md",target:"_blank",classes:"e-btn raised e-background-indigo-600 e-text-white"},"Install from NPM"),d["default"].createElement(D.Text,{type:"a",href:"https://github.com/Evo-Forge/Essence",target:"_blank",classes:"e-btn raised e-background-white e-text-indigo-600"},"Download from GitHub")))),d["default"].createElement(D.Block,{classes:"e-row"},d["default"].createElement(D.Block,{classes:"brick brick-12 e-text-center"},d["default"].createElement(D.Block,null,d["default"].createElement(D.Text,{type:"h3",classes:"e-display-1 e-text-indigo-400 e-text-uppercase e-margin-top-25 e-margin-bottom-100"},"Build it on one, use it on all!"),d["default"].createElement(x["default"],{className:"e-img-rsp",src:"./assets/img/essence_responsive_banner.png",alt:"Essence"})),d["default"].createElement(D.Block,{className:"e-row e-padding-top-15 e-padding-bottom-15"},d["default"].createElement(D.Block,{classes:"brick brick-1"}," "),d["default"].createElement(D.Block,{classes:"brick brick-10"},d["default"].createElement(D.Divider,null)),d["default"].createElement(D.Block,{classes:"brick brick-1"}," ")),d["default"].createElement(D.Block,{className:"e-row"},d["default"].createElement(D.Text,{type:"h3",classes:"e-display-1 e-text-indigo-400 e-text-uppercase e-margin-bottom-15"},"Distilled with"),d["default"].createElement(D.Block,{classes:"brick brick-6 e-text-center"},d["default"].createElement(x["default"],{className:"e-img-rsp",src:"./assets/img/less.png",alt:"Less"})),d["default"].createElement(D.Block,{classes:"brick brick-6 e-text-center"},d["default"].createElement(x["default"],{className:"e-img-rsp",src:"./assets/img/react.png",alt:"ReactJS"}))),d["default"].createElement(D.Block,{className:"e-row"},d["default"].createElement(D.Block,{classes:"brick brick-1"}," "),d["default"].createElement(D.Block,{classes:"brick brick-10"},d["default"].createElement(D.Divider,null)),d["default"].createElement(D.Block,{classes:"brick brick-1"}," ")),d["default"].createElement(D.Block,{className:"e-row"},d["default"].createElement(D.Block,{classes:"brick brick-6 e-text-center"},d["default"].createElement(x["default"],{className:"e-img-rsp",src:"./assets/img/focus.png",alt:"Fully focused"}),d["default"].createElement(D.Text,{type:"p",classes:"e-title line-height-12 e-text-indigo-400 e-text-uppercase"},"Fully focused"),d["default"].createElement(D.Divider,{classes:"thick medium e-background-indigo-400",style:{left:"37%"}}),d["default"].createElement(D.Text,{type:"p",classes:"e-subhead line-height-12 e-text-blue-grey-700"},"On intuitive & natural interaction")),d["default"].createElement(D.Block,{classes:"brick brick-6 e-text-center"},d["default"].createElement(x["default"],{className:"e-img-rsp",src:"./assets/img/document.png",alt:"Fully documented"}),d["default"].createElement(D.Text,{type:"p",classes:"e-title line-height-12 e-text-indigo-400 e-text-uppercase"},"Fully documented"),d["default"].createElement(D.Divider,{classes:"thick medium e-background-indigo-400",style:{left:"37%"}}),d["default"].createElement(D.Text,{type:"p",classes:"e-subhead line-height-12 e-text-blue-grey-700"},"And example-packed"))))),d["default"].createElement(D.Block,{classes:"e-row"},d["default"].createElement(D.Block,{classes:"brick brick-12 e-text-center e-text-indigo-100 e-background-indigo-400 e-padding-top-25 e-padding-bottom-25 e-no-margin",style:{width:"100%"}},d["default"].createElement(D.Text,{type:"p",classes:"e-title e-text-indigo-100"},d["default"].createElement(D.Text,null,"Join us on "),d["default"].createElement(D.Text,{type:"a",className:"e-text-white",href:"https://twitter.com/Essence_MD"},"Twitter "),d["default"].createElement(D.Text,{type:"a",className:"e-text-white",href:"https://www.facebook.com/getEssence/"},"Facebook "),d["default"].createElement(D.Text,{type:"a",className:"e-text-white",href:"https://github.com/Evo-Forge/Essence"},"GitHub ")),d["default"].createElement(D.Text,{type:"small",classes:"e-text-indigo-100"},d["default"].createElement(D.Text,{type:"small",classes:"e-padding-bottom-15"},"Copyright ",(new Date).getFullYear())))))))}}]),t}(d["default"].Component),j=function(e){function t(e){n(this,t);var o=a(this,Object.getPrototypeOf(t).call(this,e));return o.state={classes:(0,g["default"])(o.props.classes,o.props.className)},o}return c(t,e),i(t,[{key:"render",value:function(){return d["default"].createElement(D.Block,{classes:"e-container e-padding-top-25"},d["default"].createElement(D.Block,{classes:"e-row"},d["default"].createElement(D.Block,{classes:"brick brick-12"},d["default"].createElement(D.Text,{type:"h3",classes:"e-text-indigo-400 e-text-uppercase"},"The Basics of Material Design"),d["default"].createElement(D.Divider,{classes:"thick medium e-background-indigo-400"}),d["default"].createElement(D.Text,{type:"p",classes:"e-body1 e-text-blue-grey-700 e-padding-top-25 e-padding-bottom-25",style:{fontSize:"14px"}},"What is it and how it works?"),d["default"].createElement(S.Card,null,d["default"].createElement(S.CardContent,null,d["default"].createElement(D.Block,{className:"e-row"},d["default"].createElement(D.Block,{className:"brick-12"},d["default"].createElement(D.Text,{type:"blockquote",className:"e-text-indigo-400",style:{marginLeft:"90px",marginTop:"60px"}},d["default"].createElement(D.Text,{classes:"e-title e-text-blue-grey-700"},"Below the surface of the machine, the program moves. Without effort, it expands and contracts. In great harmony, electrons scatter and regroup. The forms on the monitor are but ripples on the water. The essence stays invisibly below."),d["default"].createElement(D.Divider,{className:"thick short e-background-indigo-400 e-margin-top-25 e-margin-bottom-25"}),d["default"].createElement(D.Block,{type:"footer",className:"e-title e-text-blue-grey-700"},"Master Yuan-Ma",d["default"].createElement(D.Text,{type:"cite",className:"e-subhead e-text-blue-grey-700"},"The Book of Programming"))))),d["default"].createElement(D.Divider,{className:"thinnest e-background-grey-300"}),d["default"].createElement(D.Block,{className:"e-row"},d["default"].createElement(D.Block,{className:"brick-12"},d["default"].createElement(D.Block,{classes:"e-padding-top-15 e-padding-bottom-15"},d["default"].createElement(D.Text,{type:"h3",classes:"e-text-indigo-400 e-text-uppercase"},"THE ESSENCE"),d["default"].createElement(D.Divider,{classes:"thick medium e-background-indigo-400"})))),d["default"].createElement(D.Block,{className:"e-row"},d["default"].createElement(D.Block,{className:"brick-12"},d["default"].createElement(D.Block,{className:"e-row"},d["default"].createElement(D.Block,{className:"brick brick-4"},d["default"].createElement(x["default"],{src:"./assets/img/visual-1.png",className:"e-img-rsp"})),d["default"].createElement(D.Block,{className:"brick brick-8 e-text-left e-padding-top-25"},d["default"].createElement(D.Text,{type:"p",classes:"e-headline line-height-15 e-text-uppercase e-text-indigo-400"},"GOOGLE DEFINED, CRAFTED WITH ESSENCE"),d["default"].createElement(D.Divider,{classes:"thin short e-background-indigo-400"}),d["default"].createElement(D.Text,{type:"p",classes:"e-body1 line-height-15 e-text-blue-grey-700 padding-top-bottom-10"},"In the word of the mighty Google, material design is a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. Google's goal is to develop a system of design that allows for a unified user experience across all their products on any platform."),d["default"].createElement(D.Text,{type:"p",classes:"e-body1 line-height-15 e-text-blue-grey-700 padding-top-bottom-10"},"And we're trying to make this even better with Essence"))))),d["default"].createElement(D.Block,{className:"e-row"},d["default"].createElement(D.Block,{className:"brick-12"},d["default"].createElement(D.Block,{className:"e-row"},d["default"].createElement(D.Block,{className:"brick brick-4"},d["default"].createElement(x["default"],{src:"./assets/img/visual-2.png",className:"e-img-rsp"})),d["default"].createElement(D.Block,{className:"brick brick-8 e-text-left e-padding-top-25"},d["default"].createElement(D.Text,{type:"p",classes:"e-headline line-height-15 e-text-uppercase e-text-indigo-400"},"INHERENTLY NATURAL FEEL"),d["default"].createElement(D.Divider,{classes:"thin short e-background-indigo-400"}),d["default"].createElement(D.Text,{type:"p",classes:"e-body1 line-height-15 e-text-blue-grey-700 padding-top-bottom-10"},"It’s not always natural what feels to be natural. We call natural interactions those that are total automatisms and require no extra thinking on our part. And for this to happen we need to have meaning, intuitiveness and intention. We use crisp and large typography, big imagery and perfect color balances to immerse the user in his experience."),d["default"].createElement(D.Text,{type:"p",classes:"e-body1 line-height-15 e-text-blue-grey-700 padding-top-bottom-10"},"All this combined provide a user interaction that “feels natural”."))))),d["default"].createElement(D.Block,{className:"e-row"},d["default"].createElement(D.Block,{className:"brick-12"},d["default"].createElement(D.Block,{className:"e-row"},d["default"].createElement(D.Block,{className:"brick brick-4"},d["default"].createElement(x["default"],{src:"./assets/img/visual-3.png",className:"e-img-rsp"})),d["default"].createElement(D.Block,{className:"brick brick-8 e-text-left e-padding-top-25"},d["default"].createElement(D.Text,{type:"p",classes:"e-headline line-height-15 e-text-uppercase e-text-indigo-400"},"MOVEMENT DEFINES FLOW"),d["default"].createElement(D.Divider,{classes:"thin short e-background-indigo-400"}),d["default"].createElement(D.Text,{type:"p",classes:"e-body1 line-height-15 e-text-blue-grey-700 padding-top-bottom-10"},"No interface should start movement by itself. Motion is only within the grasp of the user and he holds the absolute authority of what happens and when. And when the motion starts, it transforms the whole design - but it all takes place in a single environment that gives the user a sense of familiarity, coherence and trust."),d["default"].createElement(D.Text,{type:"p",classes:"e-body1 line-height-15 e-text-blue-grey-700 padding-top-bottom-10"},"Movement has purpose and that purpose is to provide seamless interaction and continuity, down to its essence."))))))))))}}]),t}(d["default"].Component),z=function(e){function t(e){n(this,t);var o=a(this,Object.getPrototypeOf(t).call(this,e));return o.state={classes:(0,g["default"])(o.props.classes,o.props.className)},o}return c(t,e),i(t,[{key:"render",value:function(){return d["default"].createElement(D.Block,{classes:"e-container e-padding-top-25"},d["default"].createElement(D.Block,{className:"e-row"},d["default"].createElement(D.Block,{classes:"brick brick-12"},d["default"].createElement(D.Text,{type:"h3",classes:"e-text-indigo-400 e-text-uppercase"},"Get Started with Essence"),d["default"].createElement(D.Divider,{classes:"thick medium e-background-indigo-400"}),d["default"].createElement(D.Text,{type:"p",classes:"e-body1 e-text-blue-grey-700 e-padding-top-25 e-padding-bottom-25",style:{fontSize:"14px"}},"Learn how to use Essence for your application"),d["default"].createElement(S.Card,null,d["default"].createElement(S.CardContent,null,d["default"].createElement(D.Block,{className:"e-row"},d["default"].createElement(D.Block,{className:"brick brick-6",style:{padding:"0"}},d["default"].createElement(D.Block,null,d["default"].createElement(D.Text,{type:"h4",classes:"e-text-indigo-400"},"INSTALL:"),d["default"].createElement(D.Divider,{classes:"thin short e-background-indigo-400"}),d["default"].createElement(D.Text,{type:"p",classes:"e-body1 e-text-blue-grey-700 padding-top-bottom-10"},"To install all Essence components you can use the command bellow."),d["default"].createElement("pre",{className:"e-background-grey-100 e-text-black"},d["default"].createElement("code",null,"npm install ",d["default"].createElement("strong",null,"react-essence"))))),d["default"].createElement(D.Block,{className:"brick brick-6",style:{padding:"0"}},d["default"].createElement(D.Block,null,d["default"].createElement(D.Text,{type:"h4",classes:"e-text-indigo-400"},"USE COMPONENTS:"),d["default"].createElement(D.Divider,{classes:"thin short e-background-indigo-400"}),d["default"].createElement(D.Text,{type:"p",classes:"e-body1 e-text-blue-grey-700 padding-top-bottom-10"},'To install individual components please see the side menu. Each component has a live example and a "How To Use" instructions.'),d["default"].createElement("pre",{className:"e-background-grey-100 e-text-black"},d["default"].createElement("code",null,"npm install ",d["default"].createElement("strong",null,"essence-__component-name__")))))),d["default"].createElement(D.Block,{className:"e-row"},d["default"].createElement(D.Block,{className:"brick brick-12",style:{padding:"0"}},d["default"].createElement(D.Block,{className:"e-padding-bottom-15"},d["default"].createElement(D.Text,{type:"h4",classes:"e-text-indigo-400"},"MAKE A TEMPLATE:"),d["default"].createElement(D.Divider,{classes:"thin short e-background-indigo-400"}),d["default"].createElement(D.Text,{type:"p",classes:"e-body1 e-text-blue-grey-700 padding-top-bottom-10"},"1. create a copy of the boilerplate template",d["default"].createElement("br",null),"2. choose a unique name for the template",d["default"].createElement("br",null),'3. use the Essence components & copy/paste the component code from "How to use"',d["default"].createElement("br",null),"4. run the command bellow & replace the ",d["default"].createElement("u",null,"your-template-name")," with the name for the template",d["default"].createElement("br",null)),d["default"].createElement("pre",{className:"e-background-grey-100 e-text-black"},d["default"].createElement("code",null,"git clone https://github.com/Evo-Forge/Essence-Templates.git")),d["default"].createElement("pre",{className:"e-background-grey-100 e-text-black"},d["default"].createElement("code",null,"npm install")),d["default"].createElement("pre",{className:"e-background-grey-100 e-text-black"},d["default"].createElement("code",null,"npm run ",d["default"].createElement("strong",null,"template:essence"))),d["default"].createElement("div",null,"or"),d["default"].createElement("pre",{className:"e-background-grey-100 e-text-black"},d["default"].createElement("code",null,"npm run ",d["default"].createElement("strong",null,"template:custom"))),d["default"].createElement("div",null,"or"),d["default"].createElement("pre",{className:"e-background-grey-100 e-text-black"},d["default"].createElement("code",null,"npm run ",d["default"].createElement("strong",null,"template:your-template-name"))),d["default"].createElement(D.Text,{className:"e-caption"},d["default"].createElement("strong",null,"NOTE: ")," See more information on ",d["default"].createElement("a",{href:"https://www.npmjs.com/package/essence-templates",target:"_blank"},"Essence Templates Package"))))))))))}}]),t}(d["default"].Component),L=function(e){function t(e){n(this,t);var o=a(this,Object.getPrototypeOf(t).call(this,e));return o.state={classes:(0,g["default"])(o.props.classes,o.props.className),message:!1,visibleOK:!1,visibleFailed:!1},o}return c(t,e),i(t,[{key:"sendMessage",value:function(){var e=this,t=this.contactEmail,o=this.contactSubject,r=this.contactMessage;$.post("contact.php",{email:t.state.inputValue,subject:o.state.inputValue,message:r.state.inputValue},function(t){console.log("contact result",t),200===t.status&&(document.querySelector("[name=email]").value="",document.querySelector("[name=subject]").value="",document.querySelector("[name=message]").value="",e.setState({message:"Your message has been sent!",visibleOK:!0,visibleFailed:!1})),403===t.status&&!function(){var o=[d["default"].createElement("li",{key:"error-title",style:{listStyleType:"none"}},"Your message has NOT been sent!"),d["default"].createElement("li",{key:"error-separator",style:{listStyleType:"none"}}," ")];Object.keys(t.data.errors).map(function(e,r){o.push(d["default"].createElement("li",{key:"error-"+r},t.data.errors[e]))}),e.setState({message:d["default"].createElement("ul",{style:{listStyleType:"circle"}},o),visibleOK:!1,visibleFailed:!0})}()}.bind(e),"json").fail(function(t){var o=[d["default"].createElement("li",{key:"error-title",style:{listStyleType:"none"}},"Your message has NOT been sent!")];e.setState({message:d["default"].createElement("ul",{style:{listStyleType:"circle"}},o),visibleOK:!1,visibleFailed:!0})})}},{key:"render",value:function(){var e=this;return d["default"].createElement(D.Block,{classes:"e-container e-padding-top-25"},d["default"].createElement(D.Block,{className:"e-row"},d["default"].createElement(D.Block,{classes:"brick brick-12"},d["default"].createElement(D.Text,{type:"h3",classes:"e-text-indigo-400 e-text-uppercase"},"GET IN TOUCH WITH US HERE"),d["default"].createElement(D.Divider,{classes:"thick medium e-background-indigo-400"}),d["default"].createElement(D.Text,{type:"p",classes:"e-body1 e-text-blue-grey-700 e-padding-top-25 e-padding-bottom-25",style:{fontSize:"14px"}},"Let us know what you think about Essence Project, write us any suggestion or idea that can help improve Essence."),d["default"].createElement(S.Card,null,d["default"].createElement(S.CardContent,null,d["default"].createElement(D.Block,{className:"e-row"},d["default"].createElement(D.Block,{className:"brick-12"},d["default"].createElement(D.Block,{className:"e-padding-bottom-15"},d["default"].createElement(D.Text,{type:"h4",classes:"e-text-indigo-400"},"CONTACT:"),d["default"].createElement(D.Divider,{classes:"thin short e-background-indigo-400"}),d["default"].createElement(w["default"],{classes:"e-text-green-500",visible:this.state.visibleOK,delay:3e3},this.state.message),d["default"].createElement(w["default"],{classes:"e-text-white",visible:this.state.visibleFailed,delay:8e3},this.state.message),d["default"].createElement(D.Block,{classes:"e-body1"},d["default"].createElement(D.Block,{className:"e-padding-top-15"},d["default"].createElement(y["default"],{type:"email",ref:function(t){return e.contactEmail=t},name:"email",label:"Email address"})),d["default"].createElement(D.Block,{className:"e-padding-top-15"},d["default"].createElement(y["default"],{type:"text",ref:function(t){return e.contactSubject=t},name:"subject",label:"Message subject"})),d["default"].createElement(D.Block,{className:"e-padding-top-15"},d["default"].createElement(y["default"],{type:"textarea",ref:function(t){return e.contactMessage=t},name:"message",label:"Your message for us"})),d["default"].createElement(N["default"],{label:"SEND MESSAGE",type:"succes",className:"raised e-background-indigo-600",onClick:this.sendMessage.bind(this)}))))))))))}}]),t}(d["default"].Component),V=function(e){function t(e){n(this,t);var o=a(this,Object.getPrototypeOf(t).call(this,e));return o.state={classes:(0,g["default"])(o.props.classes,o.props.className)},o}return c(t,e),i(t,[{key:"componentDidMount",value:function(){window.location.hash,window.onhashchange=this.props.callback.bind(this)}},{key:"renderEssenceMenu",value:function(){var e=[];return Object.keys(B).forEach(function(t){var o=B[t];e.push(d["default"].createElement("li",{key:"component-"+t},d["default"].createElement(D.Text,{type:"a",href:"#"+t},d["default"].createElement(D.Block,{classes:"content e-left"},d["default"].createElement(D.Text,{type:"small"},o.title)))))}),e}},{key:"renderEssenceCoreMenu",value:function(){var e=[];return Object.keys(M).forEach(function(t){var o=M[t];e.push(d["default"].createElement("li",{key:"component-"+t},d["default"].createElement(D.Text,{type:"a",href:"#"+t},d["default"].createElement(D.Block,{classes:"content e-left"},d["default"].createElement(D.Text,{type:"small"},o.title)))))}),e}},{key:"renderComponentsMenu",value:function(){var e=[];return window.location.hash.replace("#",""),Object.keys(P.Components).forEach(function(t){var o=P.Components[t];e.push(d["default"].createElement(_.ListItem,{key:"component-"+t},d["default"].createElement(D.Text,{type:"a",href:"#"+t},d["default"].createElement(D.Block,{classes:"content e-left"},d["default"].createElement(D.Text,{type:"small"},o.title)))))}),e}},{key:"render",value:function(){return d["default"].createElement(O["default"],{visible:this.props.visible},d["default"].createElement(D.Block,{classes:"e-navigation-wrapper",id:"navigationMenu"},d["default"].createElement(D.Block,{type:"header",className:"e-nav-header",style:{lineHeight:"52px"}},d["default"].createElement(D.Text,{type:"a",href:"#home"},d["default"].createElement(x["default"],{width:"40px",height:"40px",style:{verticalAlign:"middle"},src:"./assets/img/essence_icon.png"}),d["default"].createElement(D.Text,{type:"h2",classes:"e-text-indigo-400 e-right",style:{width:"74%",lineHeight:"45px"}},d["default"].createElement(D.Text,null,"essence")))),d["default"].createElement(_.List,{type:"navigation",classes:"e-background-white"},d["default"].createElement(_.ListItem,{key:"component-md"},d["default"].createElement(D.Block,{classes:"group-list-title"},d["default"].createElement(x["default"],{src:"./assets/img/material-design.png",height:"24px",alt:"Material Design"})," ",d["default"].createElement(D.Text,{type:"small"},"Material Design")),d["default"].createElement(_.List,{type:"navigation"},this.renderEssenceMenu())),d["default"].createElement(_.ListItem,{key:"component-core"},d["default"].createElement(D.Block,{classes:"group-list-title"},d["default"].createElement(x["default"],{src:"./assets/img/styles-b.png",height:"24px",alt:"Essence Core"})," ",d["default"].createElement(D.Text,{type:"small"},"Essence Core")),d["default"].createElement(_.List,{type:"navigation"},this.renderEssenceCoreMenu())),d["default"].createElement(_.ListItem,{key:"component-components"},d["default"].createElement(D.Block,{classes:"group-list-title"},d["default"].createElement(x["default"],{src:"./assets/img/components.png",height:"24px",alt:"Components"})," ",d["default"].createElement(D.Text,{type:"small"},"Components")),d["default"].createElement(_.List,{type:"navigation"},this.renderComponentsMenu())))))}}]),t}(d["default"].Component),F=function(e){function t(e){n(this,t);var o=a(this,Object.getPrototypeOf(t).call(this,e));return o.state={search:"close",toast:!1,showSideBar:!1,content:d["default"].createElement(R,null),components:["home","about","get-started","contact","icons","colors","appbar","bottomsheet","button","card","chip","core-grid-system","core-divider","core-ripple-ink","core-text-typography","core-utilities","data-table","dialog","image","input","list","menu","navigation","paper","progress","slider","snackbar","stepper","switch","tab","toast","tooltip","touchpad"],classes:(0,g["default"])(o.props.classes,o.props.className),AppBarTitle:!1,essenceComponents:{}},o}return c(t,e),i(t,[{key:"changeTitle",value:function(e){this.setState({AppBarTitle:e.toString()})}},{key:"componentDidMount",value:function(){var e=this.state.essenceComponents;for(var t in B)e[t]=B[t];for(var t in M)e[t]=M[t];for(var t in P.Components)e[t]=P.Components[t];return this.setState({essenceComponents:e}),this.loadComponent()}},{key:"renderSearch",value:function(){var e=(0,g["default"])("e-no-margin e-text-white e-left",this.state.search);return d["default"].createElement(y["default"],{type:"search",name:"search-input",placeholder:"Search...",classes:e})}},{key:"renderToast",value:function(){return this.state.toast?d["default"].createElement(w["default"],{classes:"e-text-green-500",visible:!0,delay:5e3},"Added to Favorite"):void 0}},{key:"toggleSearch",value:function(){this.setState({search:"close"===this.state.search?"open":"close"})}},{key:"toggleToast",value:function(){var e=!this.state.toast;this.setState({toast:e})}},{key:"showSideBar",value:function(){this.setState({showSideBar:!0})}},{key:"hideSideBar",value:function(){this.setState({showSideBar:!1})}},{key:"renderSideBarButton",value:function(){return D.Utils.Client.documentSize()>2?void 0:d["default"].createElement(N["default"],{onClick:this.showSideBar.bind(this),className:"flat e-background-indigo-400 e-text-white e-left",icon:"navigation-menu",type:"primary"})}},{key:"loadComponent",value:function(){var e=window.location.hash.replace("#",""),t="";switch(e){case"icons":t=d["default"].createElement(P.AppIcons,{classes:"e-padding-top-15"});break;case"colors":t=d["default"].createElement(P.AppColors,{classes:"e-padding-top-15"});break;case"appbar":t=d["default"].createElement(P.AppBarComponent,null);break;case"bottomsheet":t=d["default"].createElement(P.AppBottomSheet,null);break;case"button":t=d["default"].createElement(P.AppButton,null);break;case"card":t=d["default"].createElement(P.AppCard,null);break;case"chip":t=d["default"].createElement(P.AppChip,null);break;case"core-grid-system":t=d["default"].createElement(I.AppCoreGridSystem,null);break;case"core-divider":t=d["default"].createElement(I.AppCoreDivider,null);break;case"core-ripple-ink":t=d["default"].createElement(I.AppCoreRippleInk,null);break;case"core-text-typography":t=d["default"].createElement(I.AppCoreTextTypography,null);break;case"core-utilities":t=d["default"].createElement(I.AppCoreUtilities,null);break;case"dialog":t=d["default"].createElement(P.AppDialog,null);break;case"data-table":t=d["default"].createElement(P.AppDataTable,null);break;case"image":t=d["default"].createElement(P.AppImage,null);break;case"input":t=d["default"].createElement(P.AppInput,null);break;case"list":t=d["default"].createElement(P.AppList,null);break;case"menu":t=d["default"].createElement(P.AppMenu,null);break;case"navigation":t=d["default"].createElement(P.AppNavigation,null);break;case"paper":t=d["default"].createElement(P.AppPaper,null);break;case"progress":t=d["default"].createElement(P.AppProgress,null);break;case"slider":t=d["default"].createElement(P.AppSlider,null);break;case"snackbar":t=d["default"].createElement(P.AppSnackBar,null);break;case"stepper":t=d["default"].createElement(P.AppStepper,null);break;case"switch":t=d["default"].createElement(P.AppSwitch,null);break;case"toast":t=d["default"].createElement(P.AppToast,null);break;case"tab":t=d["default"].createElement(P.AppTab,null);break;case"touchpad":t=d["default"].createElement(P.AppTouchPad,null);break;case"tooltip":t=d["default"].createElement(P.AppTooltip,null);break;case"get-started":t=d["default"].createElement(z,null);break;case"contact":t=d["default"].createElement(L,null);break;case"about":t=d["default"].createElement(j,null);break;case"home":default:t=d["default"].createElement(R,null)}this.state.components.indexOf(e)>-1&&(this.changeTitle(this.state.essenceComponents[e].title),this.setState({content:t}),this.hideSideBar())}},{key:"renderContent",value:function(){return this.state.content}},{key:"render",value:function(){return d["default"].createElement("div",null,d["default"].createElement(A["default"],{classes:"e-background-indigo-400",style:{overflow:"inherit"}},this.renderSideBarButton(),d["default"].createElement(D.Text,{className:"e-text-white"},this.state.AppBarTitle||"Material Design Framework"),this.props.children),d["default"].createElement(V,{visible:this.state.showSideBar,callback:this.loadComponent.bind(this)}),this.renderContent())}}]),t}(d["default"].Component);u["default"].render(d["default"].createElement(D.Block,null,d["default"].createElement(F,null)),document.querySelector(".app"))},function(e,t,o){"use strict";e.exports=o(58)},function(e,t,o){var r,n;/*! Copyright (c) 2016 Jed Watson. Licensed under the MIT License (MIT), see http://jedwatson.github.io/classnames */ !function(){"use strict";function o(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var n=typeof r;if("string"===n||"number"===n)e.push(r);else if(Array.isArray(r))e.push(o.apply(null,r));else if("object"===n)for(var c in r)a.call(r,c)&&r[c]&&e.push(c)}}return e.join(" ")}var a={}.hasOwnProperty;"undefined"!=typeof e&&e.exports?e.exports=o:(r=[],n=function(){return o}.apply(t,r),!(void 0!==n&&(e.exports=n)))}()},function(e,t){function o(){d=!1,c.length?l=c.concat(l):p=-1,l.length&&r()}function r(){if(!d){var e=setTimeout(o);d=!0;for(var t=l.length;t;){for(c=l,l=[];++p<t;)c&&c[p].run();p=-1,t=l.length}c=null,d=!1,clearTimeout(e)}}function n(e,t){this.fun=e,this.array=t}function a(){}var c,i=e.exports={},l=[],d=!1,p=-1;i.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var o=1;o<arguments.length;o++)t[o-1]=arguments[o];l.push(new n(e,t)),1!==l.length||d||setTimeout(r,0)},n.prototype.run=function(){this.fun.apply(null,this.array)},i.title="browser",i.browser=!0,i.env={},i.argv=[],i.version="",i.versions={},i.on=a,i.addListener=a,i.once=a,i.off=a,i.removeListener=a,i.removeAllListeners=a,i.emit=a,i.binding=function(e){throw new Error("process.binding is not supported")},i.cwd=function(){return"/"},i.chdir=function(e){throw new Error("process.chdir is not supported")},i.umask=function(){return 0}},function(e,t,o){(function(t){"use strict";function o(e,o,r,n,a,c,i,l){if("production"!==t.env.NODE_ENV&&void 0===o)throw new Error("invariant requires an error message argument");if(!e){var d;if(void 0===o)d=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var p=[r,n,a,c,i,l],u=0;d=new Error(o.replace(/%s/g,function(){return p[u++]})),d.name="Invariant Violation"}throw d.framesToPop=1,d}}e.exports=o}).call(t,o(3))},function(e,t,o){var r=o(259),n=o(260),a=o(263),c=o(261),i=o(262),l=o(268);t.Block=r,t.Divider=n,t.Text=a,t.Highlighter=c,t.RippleInk=i,t.Utils=l},function(e,t){"use strict";function o(e,t){if(null==e)throw new TypeError("Object.assign target cannot be null or undefined");for(var o=Object(e),r=Object.prototype.hasOwnProperty,n=1;n<arguments.length;n++){var a=arguments[n];if(null!=a){var c=Object(a);for(var i in c)r.call(c,i)&&(o[i]=c[i])}}return o}e.exports=o},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var o=this[t];o[2]?e.push("@media "+o[2]+"{"+o[1]+"}"):e.push(o[1])}return e.join("")},e.i=function(t,o){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},n=0;n<this.length;n++){var a=this[n][0];"number"==typeof a&&(r[a]=!0)}for(n=0;n<t.length;n++){var c=t[n];"number"==typeof c[0]&&r[c[0]]||(o&&!c[2]?c[2]=o:o&&(c[2]="("+c[2]+") and ("+o+")"),e.push(c))}},e}},function(e,t,o){function r(e,t){for(var o=0;o<e.length;o++){var r=e[o],n=g[r.id];if(n){n.refs++;for(var a=0;a<n.parts.length;a++)n.parts[a](r.parts[a]);for(;a<r.parts.length;a++)n.parts.push(d(r.parts[a],t))}else{for(var c=[],a=0;a<r.parts.length;a++)c.push(d(r.parts[a],t));g[r.id]={id:r.id,refs:1,parts:c}}}}function n(e){for(var t=[],o={},r=0;r<e.length;r++){var n=e[r],a=n[0],c=n[1],i=n[2],l=n[3],d={css:c,media:i,sourceMap:l};o[a]?o[a].parts.push(d):t.push(o[a]={id:a,parts:[d]})}return t}function a(e,t){var o=s(),r=h[h.length-1];if("top"===e.insertAt)r?r.nextSibling?o.insertBefore(t,r.nextSibling):o.appendChild(t):o.insertBefore(t,o.firstChild),h.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");o.appendChild(t)}}function c(e){e.parentNode.removeChild(e);var t=h.indexOf(e);t>=0&&h.splice(t,1)}function i(e){var t=document.createElement("style");return t.type="text/css",a(e,t),t}function l(e){var t=document.createElement("link");return t.rel="stylesheet",a(e,t),t}function d(e,t){var o,r,n;if(t.singleton){var a=x++;o=k||(k=i(t)),r=p.bind(null,o,a,!1),n=p.bind(null,o,a,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(o=l(t),r=b.bind(null,o),n=function(){c(o),o.href&&URL.revokeObjectURL(o.href)}):(o=i(t),r=u.bind(null,o),n=function(){c(o)});return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else n()}}function p(e,t,o,r){var n=o?"":r.css;if(e.styleSheet)e.styleSheet.cssText=y(t,n);else{var a=document.createTextNode(n),c=e.childNodes;c[t]&&e.removeChild(c[t]),c.length?e.insertBefore(a,c[t]):e.appendChild(a)}}function u(e,t){var o=t.css,r=t.media;if(t.sourceMap,r&&e.setAttribute("media",r),e.styleSheet)e.styleSheet.cssText=o;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(o))}}function b(e,t){var o=t.css,r=(t.media,t.sourceMap);r&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var n=new Blob([o],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(n),a&&URL.revokeObjectURL(a)}var g={},m=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},f=m(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),s=m(function(){return document.head||document.getElementsByTagName("head")[0]}),k=null,x=0,h=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=f()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var o=n(e);return r(o,t),function(e){for(var a=[],c=0;c<o.length;c++){var i=o[c],l=g[i.id];l.refs--,a.push(l)}if(e){var d=n(e);r(d,t)}for(var c=0;c<a.length;c++){var l=a[c];if(0===l.refs){for(var p=0;p<l.parts.length;p++)l.parts[p]();delete g[l.id]}}}};var y=function(){var e=[];return function(t,o){return e[t]=o,e.filter(Boolean).join("\n")}}()},function(e,t,o){(function(t){"use strict";var r=o(21),n=r;"production"!==t.env.NODE_ENV&&(n=function(e,t){for(var o=arguments.length,r=Array(o>2?o-2:0),n=2;o>n;n++)r[n-2]=arguments[n];if(void 0===t)throw new Error("`warning(condition, format, ...args)` requires a warning message argument");if(0!==t.indexOf("Failed Composite propType: ")&&!e){var a=0,c="Warning: "+t.replace(/%s/g,function(){return r[a++]});"undefined"!=typeof console&&console.error(c);try{throw new Error(c)}catch(i){}}}),e.exports=n}).call(t,o(3))},function(e,t,o){var r=o(254),n=o(255),a=o(256),c=o(257);t.Card=r,t.CardContent=n,t.CardFooter=a,t.CardHeader=c},function(e,t,o){"use strict";e.exports=o(89)},function(e,t){var o=Array.isArray;e.exports=o},,function(e,t){"use strict";var o=!("undefined"==typeof window||!window.document||!window.document.createElement),r={canUseDOM:o,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:o&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:o&&!!window.screen,isInWorker:!o};e.exports=r},function(e,t,o){(function(t){"use strict";function r(e,t){for(var o=Math.min(e.length,t.length),r=0;o>r;r++)if(e.charAt(r)!==t.charAt(r))return r;return e.length===t.length?-1:o}function n(e){return e?e.nodeType===q?e.documentElement:e.firstChild:null}function a(e){var t=n(e);return t&&ee.getID(t)}function c(e){var o=i(e);if(o)if(W.hasOwnProperty(o)){var r=W[o];r!==e&&(u(r,o)?"production"!==t.env.NODE_ENV?j(!1,"ReactMount: Two valid but unequal nodes with the same `%s`: %s",U,o):j(!1):void 0,W[o]=e)}else W[o]=e;return o}function i(e){return e&&e.getAttribute&&e.getAttribute(U)||""}function l(e,t){var o=i(e);o!==t&&delete W[o],e.setAttribute(U,t),W[t]=e}function d(e){return W.hasOwnProperty(e)&&u(W[e],e)||(W[e]=ee.findReactNodeByID(e)),W[e]}function p(e){var t=T.get(e)._rootNodeID;return C.isNullComponentID(t)?null:(W.hasOwnProperty(t)&&u(W[t],t)||(W[t]=ee.findReactNodeByID(t)),W[t])}function u(e,o){if(e){i(e)!==o?"production"!==t.env.NODE_ENV?j(!1,"ReactMount: Unexpected modification of `%s`",U):j(!1):void 0;var r=ee.findReactContainerForID(o);if(r&&M(r,e))return!0}return!1}function b(e){delete W[e]}function g(e){var t=W[e];return t&&u(t,e)?void($=t):!1}function m(e){$=null,N.traverseAncestors(e,g);var t=$;return $=null,t}function f(e,o,r,n,a,c){if(E.useCreateElement&&(c=I({},c),r.nodeType===q?c[K]=r:c[K]=r.ownerDocument),"production"!==t.env.NODE_ENV){c===B&&(c={});var i=r.nodeName.toLowerCase();c[V.ancestorInfoContextKey]=V.updatedAncestorInfo(null,i,null)}var l=D.mountComponent(e,o,n,c);e._renderedComponent._topLevelWrapper=e,ee._mountImageIntoNode(l,r,a,n)}function s(e,t,o,r,n){var a=P.ReactReconcileTransaction.getPooled(r);a.perform(f,null,e,t,o,a,r,n),P.ReactReconcileTransaction.release(a)}function k(e,t){for(D.unmountComponent(e),t.nodeType===q&&(t=t.documentElement);t.lastChild;)t.removeChild(t.lastChild)}function x(e){var t=a(e);return t?t!==N.getReactRootIDFromNodeID(t):!1}function h(e){for(;e&&e.parentNode!==e;e=e.parentNode)if(1===e.nodeType){var t=i(e);if(t){var o,r=N.getReactRootIDFromNodeID(t),n=e;do if(o=i(n),n=n.parentNode,null==n)return null;while(o!==r);if(n===X[r])return e}}return null}var y=o(29),v=o(59),w=o(25),E=o(153),A=o(17),C=o(160),N=o(36),T=o(45),O=o(163),_=o(18),D=o(30),S=o(91),P=o(20),I=o(6),B=o(47),M=o(177),R=o(98),j=o(4),z=o(66),L=o(101),V=o(103),F=o(9),U=y.ID_ATTRIBUTE_NAME,W={},H=1,q=9,G=11,K="__ReactMount_ownerDocument$"+Math.random().toString(36).slice(2),Y={},X={};if("production"!==t.env.NODE_ENV)var J={};var Q=[],$=null,Z=function(){};Z.prototype.isReactComponent={},"production"!==t.env.NODE_ENV&&(Z.displayName="TopLevelWrapper"),Z.prototype.render=function(){return this.props};var ee={TopLevelWrapper:Z,_instancesByReactRootID:Y,scrollMonitor:function(e,t){t()},_updateRootComponent:function(e,o,r,c){return ee.scrollMonitor(r,function(){S.enqueueElementInternal(e,o),c&&S.enqueueCallbackInternal(e,c)}),"production"!==t.env.NODE_ENV&&(J[a(r)]=n(r)),e},_registerComponent:function(e,o){!o||o.nodeType!==H&&o.nodeType!==q&&o.nodeType!==G?"production"!==t.env.NODE_ENV?j(!1,"_registerComponent(...): Target container is not a DOM element."):j(!1):void 0,v.ensureScrollValueMonitoring();var r=ee.registerContainer(o);return Y[r]=e,r},_renderNewRootComponent:function(e,o,r,a){"production"!==t.env.NODE_ENV?F(null==w.current,"_renderNewRootComponent(): Render methods should be a pure function of props and state; triggering nested component updates from render is not allowed. If necessary, trigger nested updates in componentDidUpdate. Check the render method of %s.",w.current&&w.current.getName()||"ReactCompositeComponent"):void 0;var c=R(e,null),i=ee._registerComponent(c,o);return P.batchedUpdates(s,c,i,o,r,a),"production"!==t.env.NODE_ENV&&(J[i]=n(o)),c},renderSubtreeIntoContainer:function(e,o,r,n){return null==e||null==e._reactInternalInstance?"production"!==t.env.NODE_ENV?j(!1,"parentComponent must be a valid React Component"):j(!1):void 0,ee._renderSubtreeIntoContainer(e,o,r,n)},_renderSubtreeIntoContainer:function(e,o,r,c){A.isValidElement(o)?void 0:"production"!==t.env.NODE_ENV?j(!1,"ReactDOM.render(): Invalid component element.%s","string"==typeof o?" Instead of passing an element string, make sure to instantiate it by passing it to React.createElement.":"function"==typeof o?" Instead of passing a component class, make sure to instantiate it by passing it to React.createElement.":null!=o&&void 0!==o.props?" This may be caused by unintentionally loading two independent copies of React.":""):j(!1),"production"!==t.env.NODE_ENV?F(!r||!r.tagName||"BODY"!==r.tagName.toUpperCase(),"render(): Rendering components directly into document.body is discouraged, since its children are often manipulated by third-party scripts and browser extensions. This may lead to subtle reconciliation issues. Try rendering into a container element created for your app."):void 0;var l=new A(Z,null,null,null,null,null,o),d=Y[a(r)];if(d){var p=d._currentElement,u=p.props;if(L(u,o)){var b=d._renderedComponent.getPublicInstance(),g=c&&function(){c.call(b)};return ee._updateRootComponent(d,l,r,g),b}ee.unmountComponentAtNode(r)}var m=n(r),f=m&&!!i(m),s=x(r);if("production"!==t.env.NODE_ENV&&("production"!==t.env.NODE_ENV?F(!s,"render(...): Replacing React-rendered children with a new root component. If you intended to update the children of this node, you should instead have the existing children update their state and render the new components instead of calling ReactDOM.render."):void 0,!f||m.nextSibling))for(var k=m;k;){if(i(k)){"production"!==t.env.NODE_ENV?F(!1,"render(): Target node has markup rendered by React, but there are unrelated nodes as well. This is most commonly caused by white-space inserted around server-rendered markup."):void 0;break}k=k.nextSibling}var h=f&&!d&&!s,y=ee._renderNewRootComponent(l,r,h,null!=e?e._reactInternalInstance._processChildContext(e._reactInternalInstance._context):B)._renderedComponent.getPublicInstance();return c&&c.call(y),y},render:function(e,t,o){return ee._renderSubtreeIntoContainer(null,e,t,o)},registerContainer:function(e){var t=a(e);return t&&(t=N.getReactRootIDFromNodeID(t)),t||(t=N.createReactRootID()),X[t]=e,t},unmountComponentAtNode:function(e){"production"!==t.env.NODE_ENV?F(null==w.current,"unmountComponentAtNode(): Render methods should be a pure function of props and state; triggering nested component updates from render is not allowed. If necessary, trigger nested updates in componentDidUpdate. Check the render method of %s.",w.current&&w.current.getName()||"ReactCompositeComponent"):void 0,!e||e.nodeType!==H&&e.nodeType!==q&&e.nodeType!==G?"production"!==t.env.NODE_ENV?j(!1,"unmountComponentAtNode(...): Target container is not a DOM element."):j(!1):void 0;var o=a(e),r=Y[o];if(!r){var n=x(e),c=i(e),l=c&&c===N.getReactRootIDFromNodeID(c);return"production"!==t.env.NODE_ENV&&("production"!==t.env.NODE_ENV?F(!n,"unmountComponentAtNode(): The node you're attempting to unmount was rendered by React and is not a top-level container. %s",l?"You may have accidentally passed in a React root node instead of its container.":"Instead, have the parent component update its state and rerender in order to remove this component."):void 0),!1}return P.batchedUpdates(k,r,e),delete Y[o],delete X[o],"production"!==t.env.NODE_ENV&&delete J[o],!0},findReactContainerForID:function(e){var o=N.getReactRootIDFromNodeID(e),r=X[o];if("production"!==t.env.NODE_ENV){var n=J[o];if(n&&n.parentNode!==r){"production"!==t.env.NODE_ENV?F(i(n)===o,"ReactMount: Root element ID differed from reactRootID."):void 0;var a=r.firstChild;a&&o===i(a)?J[o]=a:"production"!==t.env.NODE_ENV?F(!1,"ReactMount: Root element has been removed from its original container. New container: %s",n.parentNode):void 0}}return r},findReactNodeByID:function(e){var t=ee.findReactContainerForID(e);return ee.findComponentRoot(t,e)},getFirstReactDOM:function(e){return h(e)},findComponentRoot:function(e,o){var r=Q,n=0,a=m(o)||e;for("production"!==t.env.NODE_ENV&&("production"!==t.env.NODE_ENV?F(null!=a,"React can't find the root component node for data-reactid value `%s`. If you're seeing this message, it probably means that you've loaded two copies of React on the page. At this time, only a single copy of React can be loaded at a time.",o):void 0),r[0]=a.firstChild,r.length=1;n<r.length;){for(var c,i=r[n++];i;){var l=ee.getID(i);l?o===l?c=i:N.isAncestorIDOf(l,o)&&(r.length=n=0,r.push(i.firstChild)):r.push(i.firstChild),i=i.nextSibling}if(c)return r.length=0,c}r.length=0,"production"!==t.env.NODE_ENV?j(!1,"findComponentRoot(..., %s): Unable to find element. This probably means the DOM was unexpectedly mutated (e.g., by the browser), usually due to forgetting a <tbody> when using tables, nesting tags like <form>, <p>, or <a>, or using non-SVG elements in an <svg> parent. Try inspecting the child nodes of the element with React ID `%s`.",o,ee.getID(e)):j(!1)},_mountImageIntoNode:function(e,o,a,c){if(!o||o.nodeType!==H&&o.nodeType!==q&&o.nodeType!==G?"production"!==t.env.NODE_ENV?j(!1,"mountComponentIntoNode(...): Target container is not valid."):j(!1):void 0,a){var i=n(o);if(O.canReuseMarkup(e,i))return;var l=i.getAttribute(O.CHECKSUM_ATTR_NAME);i.removeAttribute(O.CHECKSUM_ATTR_NAME);var d=i.outerHTML;i.setAttribute(O.CHECKSUM_ATTR_NAME,l);var p=e;if("production"!==t.env.NODE_ENV){var u;o.nodeType===H?(u=document.createElement("div"),u.innerHTML=e,p=u.innerHTML):(u=document.createElement("iframe"),document.body.appendChild(u),u.contentDocument.write(e),p=u.contentDocument.documentElement.outerHTML,document.body.removeChild(u))}var b=r(p,d),g=" (client) "+p.substring(b-20,b+20)+"\n (server) "+d.substring(b-20,b+20);o.nodeType===q?"production"!==t.env.NODE_ENV?j(!1,"You're trying to render a component to the document using server rendering but the checksum was invalid. This usually means you rendered a different component type or props on the client from the one on the server, or your render() methods are impure. React cannot handle this case due to cross-browser quirks by rendering at the document root. You should look for environment dependent code in your components and ensure the props are the same client and server side:\n%s",g):j(!1):void 0,"production"!==t.env.NODE_ENV&&("production"!==t.env.NODE_ENV?F(!1,"React attempted to reuse markup in a container but the checksum was invalid. This generally means that you are using server rendering and the markup generated on the server was not what the client was expecting. React injected new markup to compensate which works but you have lost many of the benefits of server rendering. Instead, figure out why the markup being generated is different on the client or server:\n%s",g):void 0)}if(o.nodeType===q?"production"!==t.env.NODE_ENV?j(!1,"You're trying to render a component to the document but you didn't use server rendering. We can't do this without using server rendering due to cross-browser quirks. See ReactDOMServer.renderToString() for server rendering."):j(!1):void 0,c.useCreateElement){for(;o.lastChild;)o.removeChild(o.lastChild);o.appendChild(e)}else z(o,e)},ownerDocumentContextKey:K,getReactRootID:a,getID:c,setID:l,getNode:d,getNodeFromInstance:p,isValid:u,purgeID:b};_.measureMethods(ee,"ReactMount",{_renderNewRootComponent:"_renderNewRootComponent",_mountImageIntoNode:"_mountImageIntoNode"}),e.exports=ee}).call(t,o(3))},function(e,t,o){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},l=function(){function e(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,o,r){return o&&e(t.prototype,o),r&&e(t,r),t}}();Object.defineProperty(t,"__esModule",{value:!0});var d=o(1),p=r(d),u=o(2),b=r(u),g=o(5);o(463