diff --git a/docs/bundle.js b/docs/bundle.js index 371b38f..d63e1c3 100644 --- a/docs/bundle.js +++ b/docs/bundle.js @@ -1,4 +1,4 @@ -!function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="./",n(n.s=0)}({"./index.js":function(e,t,n){"use strict";n.r(t);var r=n("./node_modules/react/index.js"),a=n.n(r),o=n("./node_modules/prop-types/index.js");function l(e){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function i(e,t){for(var n=0;ne.target.max&&(t=e.target.max)),"checkbox"===e.target.type&&(t=!this.state[e.target.name]),this.setState(function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({},e.target.name,t))}},{key:"rollDone",value:function(e){this.setState({diceTotal:e,rolling:!1})}},{key:"rollAll",value:function(){this.reactDice.rollAll(),this.setState({rolling:!0})}},{key:"showHideControls",value:function(){window.innerWidth<576?document.getElementById("collapseForm").classList.remove("show"):document.getElementById("collapseForm").classList.add("show")}},{key:"componentDidMount",value:function(){window.innerWidth<576?document.getElementById("collapseForm").classList.remove("show"):document.getElementById("collapseForm").classList.add("show")}},{key:"componentWillUnmount",value:function(){}},{key:"render",value:function(){var e=this,t=this.state,n={height:"2.375rem"};return a.a.createElement("div",{className:"dice-test"},a.a.createElement("a",{className:"row card card-header collapse-title hidden-sm-up","data-toggle":"collapse",href:"#collapseForm","aria-expanded":"false","aria-controls":"collapseForm"},"Show Config Options ▼"),a.a.createElement("div",{className:"collapse",id:"collapseForm"},a.a.createElement("form",{className:"row controls align-items-end"},a.a.createElement("fieldset",{className:"form-group col-xs-6 col-sm-4 col-md-3"},a.a.createElement("label",{htmlFor:"numDice"},"Dice"),a.a.createElement("input",{type:"number",name:"numDice",id:"numDice",className:"form-control",value:t.numDice,onChange:this.handleChange,min:"1",max:"100"})),a.a.createElement("fieldset",{className:"form-group col-xs-6 col-sm-4 col-md-3"},a.a.createElement("label",{htmlFor:"faceColor"},"Face Color"),a.a.createElement("input",{type:"color",name:"faceColor",id:"faceColor",className:"form-control",style:n,value:t.faceColor,onChange:this.handleChange})),a.a.createElement("fieldset",{className:"form-group col-xs-6 col-sm-4 col-md-3"},a.a.createElement("label",{htmlFor:"dotColor"},"Dot Color"),a.a.createElement("input",{type:"color",name:"dotColor",id:"dotColor",className:"form-control",style:n,value:t.dotColor,onChange:this.handleChange})),a.a.createElement("fieldset",{className:"form-group col-xs-6 col-sm-4 col-md-3"},a.a.createElement("label",{htmlFor:"dieSize"},"Die Size (px)"),a.a.createElement("input",{type:"number",name:"dieSize",id:"dieSize",className:"form-control",value:t.dieSize,onChange:this.handleChange,min:"30",max:"200"})),a.a.createElement("fieldset",{className:"form-group col-xs-6 col-sm-4 col-md-3"},a.a.createElement("label",{htmlFor:"dieSize"},"Margin Between (px)"),a.a.createElement("input",{type:"number",name:"margin",id:"margin",className:"form-control",value:t.margin,onChange:this.handleChange,min:"0",max:"200"})),a.a.createElement("fieldset",{className:"form-group col-xs-6 col-sm-4 col-md-3"},a.a.createElement("label",{htmlFor:"rollTime"},"Roll Time (seconds)"),a.a.createElement("input",{type:"number",name:"rollTime",id:"rollTime",className:"form-control",value:t.rollTime,onChange:this.handleChange,min:"1",max:"4"})),a.a.createElement("fieldset",{className:"form-group col-xs-6 col-sm-4 col-md-3"},a.a.createElement("div",{className:"form-check"},a.a.createElement("label",{className:"form-check-label"},a.a.createElement("input",{type:"checkbox",className:"form-check-input",name:"outline",id:"outline",checked:t.outline,onChange:this.handleChange})," ","Outline")),a.a.createElement("div",null,a.a.createElement("input",{type:"color",name:"outlineColor",id:"outlineColor",className:"form-control",style:n,value:t.outlineColor,onChange:this.handleChange,disabled:!this.state.outline}))),a.a.createElement("fieldset",{className:"form-group col-xs-6 col-sm-4 col-md-3"},a.a.createElement("div",{className:"form-check"},a.a.createElement("label",{className:"form-check-label"},a.a.createElement("input",{type:"checkbox",className:"form-check-input",name:"disableIndividual",id:"disableIndividual",checked:t.disableIndividual,onChange:this.handleChange})," ","Disable individual roll on click"))))),a.a.createElement("div",{className:"row info"},a.a.createElement("div",{className:"col"},a.a.createElement("h4",null,a.a.createElement("button",{className:"btn btn-primary",onClick:this.rollAll},"Roll All")," "," or click individual dice")),a.a.createElement("div",{className:"col"},a.a.createElement("h4",{className:"text-primary"},"Dice Total:",a.a.createElement("span",{style:{display:this.state.rolling?"none":"inline-block",paddingLeft:"5px"}},this.state.diceTotal),a.a.createElement("div",{className:"sk-cube-grid",style:{display:this.state.rolling?"inline-block":"none"}},a.a.createElement("div",{className:"sk-cube sk-cube1"}),a.a.createElement("div",{className:"sk-cube sk-cube2"}),a.a.createElement("div",{className:"sk-cube sk-cube3"}),a.a.createElement("div",{className:"sk-cube sk-cube4"}),a.a.createElement("div",{className:"sk-cube sk-cube5"}),a.a.createElement("div",{className:"sk-cube sk-cube6"}),a.a.createElement("div",{className:"sk-cube sk-cube7"}),a.a.createElement("div",{className:"sk-cube sk-cube8"}),a.a.createElement("div",{className:"sk-cube sk-cube9"}))))),a.a.createElement("div",{className:"row dice"},a.a.createElement("div",{className:"col"},a.a.createElement(N,j({},this.state,{rollDone:this.rollDone,ref:function(t){return e.reactDice=t}})))))}}])&&z(n.prototype,o),l&&z(n,l),t}(),Z=M,F=Z,U=("undefined"!=typeof __REACT_HOT_LOADER__&&(__REACT_HOT_LOADER__.register(M,"TestApp","/Users/adamtyler/repos/react-dice-complete/src/TestApp.js"),__REACT_HOT_LOADER__.register(Z,"default","/Users/adamtyler/repos/react-dice-complete/src/TestApp.js")),n("./node_modules/react-dom/index.js"));n.n(U).a.render(a.a.createElement(F,null),document.getElementById("app"))},"./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/src/index.js!./node_modules/sass-loader/lib/loader.js!./src/styles.scss":function(e,t,n){(e.exports=n("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([e.i,".die {\n -webkit-transition: -webkit-transform 0.2s ease;\n transition: -webkit-transform 0.2s ease;\n -o-transition: transform 0.2s ease;\n transition: transform 0.2s ease;\n transition: transform 0.2s ease, -webkit-transform 0.2s ease;\n width: 60px;\n height: 60px;\n position: relative;\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d; }\n .die.roll1 {\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n -webkit-animation-name: rotate1;\n animation-name: rotate1;\n -webkit-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards; }\n .die.roll2 {\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n -webkit-animation-name: rotate2;\n animation-name: rotate2;\n -webkit-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards; }\n .die.roll3 {\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n -webkit-animation-name: rotate3;\n animation-name: rotate3;\n -webkit-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards; }\n .die.roll4 {\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n -webkit-animation-name: rotate4;\n animation-name: rotate4;\n -webkit-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards; }\n .die.roll5 {\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n -webkit-animation-name: rotate5;\n animation-name: rotate5;\n -webkit-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards; }\n .die.roll6 {\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n -webkit-animation-name: rotate6;\n animation-name: rotate6;\n -webkit-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards; }\n .die .face {\n height: 60px;\n width: 60px;\n position: absolute;\n background: #3e6fa0; }\n .die .dot {\n width: 8px;\n height: 8px;\n background: #fff;\n border-radius: 50%;\n display: block;\n position: absolute; }\n .die .six {\n -webkit-transform: rotateY(0deg) translateZ(30px);\n transform: rotateY(0deg) translateZ(30px); }\n .die .one {\n -webkit-transform: rotateX(180deg) translateZ(30px);\n transform: rotateX(180deg) translateZ(30px); }\n .die .five {\n -webkit-transform: rotateY(90deg) translateZ(30px);\n transform: rotateY(90deg) translateZ(30px); }\n .die .two {\n -webkit-transform: rotateY(-90deg) translateZ(30px);\n transform: rotateY(-90deg) translateZ(30px); }\n .die .three {\n -webkit-transform: rotateX(90deg) translateZ(30px);\n transform: rotateX(90deg) translateZ(30px); }\n .die .four {\n -webkit-transform: rotateX(-90deg) translateZ(30px);\n transform: rotateX(-90deg) translateZ(30px); }\n\n@-webkit-keyframes rotate1 {\n 0% {\n -webkit-transform: rotateX(90deg) rotateY(90deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(90deg) rotateZ(-90deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(-90deg) rotateY(-90deg) rotateZ(90deg) translateX(0);\n transform: rotateX(-90deg) rotateY(-90deg) rotateZ(90deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(90deg) rotateY(180deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(180deg) rotateZ(-90deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(-180deg) rotateY(90deg) rotateZ(360deg) translateX(0);\n transform: rotateX(-180deg) rotateY(90deg) rotateZ(360deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(90deg) rotateY(-180deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(-180deg) rotateZ(-90deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(-90deg) rotateY(-90deg) rotateZ(90deg) translateX(0);\n transform: rotateX(-90deg) rotateY(-90deg) rotateZ(90deg) translateX(0); }\n 100% {\n -webkit-transform: rotateY(180deg);\n transform: rotateY(180deg); } }\n\n@keyframes rotate1 {\n 0% {\n -webkit-transform: rotateX(90deg) rotateY(90deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(90deg) rotateZ(-90deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(-90deg) rotateY(-90deg) rotateZ(90deg) translateX(0);\n transform: rotateX(-90deg) rotateY(-90deg) rotateZ(90deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(90deg) rotateY(180deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(180deg) rotateZ(-90deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(-180deg) rotateY(90deg) rotateZ(360deg) translateX(0);\n transform: rotateX(-180deg) rotateY(90deg) rotateZ(360deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(90deg) rotateY(-180deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(-180deg) rotateZ(-90deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(-90deg) rotateY(-90deg) rotateZ(90deg) translateX(0);\n transform: rotateX(-90deg) rotateY(-90deg) rotateZ(90deg) translateX(0); }\n 100% {\n -webkit-transform: rotateY(180deg);\n transform: rotateY(180deg); } }\n\n@-webkit-keyframes rotate2 {\n 0% {\n -webkit-transform: rotateX(-90deg) rotateY(-90deg) rotateZ(360deg) translateX(0);\n transform: rotateX(-90deg) rotateY(-90deg) rotateZ(360deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(90deg) rotateY(180deg) rotateZ(90deg) translateX(0);\n transform: rotateX(90deg) rotateY(180deg) rotateZ(90deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(90deg) rotateY(-270deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(-270deg) rotateZ(-90deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(90deg) rotateY(90deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(90deg) rotateY(90deg) rotateZ(-360deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(-18deg) rotateY(-180deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(-18deg) rotateY(-180deg) rotateZ(-90deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(180deg) rotateY(-90deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(180deg) rotateY(-90deg) rotateZ(-360deg) translateX(0); }\n 100% {\n -webkit-transform: rotateY(90deg);\n transform: rotateY(90deg); } }\n\n@keyframes rotate2 {\n 0% {\n -webkit-transform: rotateX(-90deg) rotateY(-90deg) rotateZ(360deg) translateX(0);\n transform: rotateX(-90deg) rotateY(-90deg) rotateZ(360deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(90deg) rotateY(180deg) rotateZ(90deg) translateX(0);\n transform: rotateX(90deg) rotateY(180deg) rotateZ(90deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(90deg) rotateY(-270deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(-270deg) rotateZ(-90deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(90deg) rotateY(90deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(90deg) rotateY(90deg) rotateZ(-360deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(-18deg) rotateY(-180deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(-18deg) rotateY(-180deg) rotateZ(-90deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(180deg) rotateY(-90deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(180deg) rotateY(-90deg) rotateZ(-360deg) translateX(0); }\n 100% {\n -webkit-transform: rotateY(90deg);\n transform: rotateY(90deg); } }\n\n@-webkit-keyframes rotate3 {\n 0% {\n -webkit-transform: rotateX(-180deg) rotateY(-90deg) rotateZ(90deg) translateX(0);\n transform: rotateX(-180deg) rotateY(-90deg) rotateZ(90deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(180deg) rotateY(-270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(180deg) rotateY(-270deg) rotateZ(180deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(90deg) rotateY(90deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(90deg) rotateZ(-90deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(18deg) rotateY(270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(18deg) rotateY(270deg) rotateZ(180deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(90deg) rotateY(-180deg) rotateZ(360deg) translateX(0);\n transform: rotateX(90deg) rotateY(-180deg) rotateZ(360deg) translateX(0); }\n 100% {\n -webkit-transform: rotateX(-90deg);\n transform: rotateX(-90deg); } }\n\n@keyframes rotate3 {\n 0% {\n -webkit-transform: rotateX(-180deg) rotateY(-90deg) rotateZ(90deg) translateX(0);\n transform: rotateX(-180deg) rotateY(-90deg) rotateZ(90deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(180deg) rotateY(-270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(180deg) rotateY(-270deg) rotateZ(180deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(90deg) rotateY(90deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(90deg) rotateZ(-90deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(18deg) rotateY(270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(18deg) rotateY(270deg) rotateZ(180deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(90deg) rotateY(-180deg) rotateZ(360deg) translateX(0);\n transform: rotateX(90deg) rotateY(-180deg) rotateZ(360deg) translateX(0); }\n 100% {\n -webkit-transform: rotateX(-90deg);\n transform: rotateX(-90deg); } }\n\n@-webkit-keyframes rotate4 {\n 0% {\n -webkit-transform: rotateX(-180deg) rotateY(-90deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(-180deg) rotateY(-90deg) rotateZ(-90deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(270deg) rotateY(-180deg) rotateZ(360deg) translateX(0);\n transform: rotateX(270deg) rotateY(-180deg) rotateZ(360deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(180deg) rotateY(270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(180deg) rotateY(270deg) rotateZ(180deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(-90deg) rotateY(90deg) rotateZ(90deg) translateX(0);\n transform: rotateX(-90deg) rotateY(90deg) rotateZ(90deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(18deg) rotateY(-270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(18deg) rotateY(-270deg) rotateZ(180deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0); }\n 100% {\n -webkit-transform: rotateX(90deg);\n transform: rotateX(90deg); } }\n\n@keyframes rotate4 {\n 0% {\n -webkit-transform: rotateX(-180deg) rotateY(-90deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(-180deg) rotateY(-90deg) rotateZ(-90deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(270deg) rotateY(-180deg) rotateZ(360deg) translateX(0);\n transform: rotateX(270deg) rotateY(-180deg) rotateZ(360deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(180deg) rotateY(270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(180deg) rotateY(270deg) rotateZ(180deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(-90deg) rotateY(90deg) rotateZ(90deg) translateX(0);\n transform: rotateX(-90deg) rotateY(90deg) rotateZ(90deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(18deg) rotateY(-270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(18deg) rotateY(-270deg) rotateZ(180deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0); }\n 100% {\n -webkit-transform: rotateX(90deg);\n transform: rotateX(90deg); } }\n\n@-webkit-keyframes rotate5 {\n 0% {\n -webkit-transform: rotateX(-180deg) rotateY(-90deg) rotateZ(-180deg) translateX(0);\n transform: rotateX(-180deg) rotateY(-90deg) rotateZ(-180deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(270deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(270deg) rotateY(180deg) rotateZ(-360deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(180deg) rotateY(270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(180deg) rotateY(270deg) rotateZ(180deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(-90deg) rotateY(90deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(-90deg) rotateY(90deg) rotateZ(-90deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(18deg) rotateY(270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(18deg) rotateY(270deg) rotateZ(180deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(90deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(90deg) rotateY(180deg) rotateZ(-360deg) translateX(0); }\n 100% {\n -webkit-transform: rotateY(-90deg);\n transform: rotateY(-90deg); } }\n\n@keyframes rotate5 {\n 0% {\n -webkit-transform: rotateX(-180deg) rotateY(-90deg) rotateZ(-180deg) translateX(0);\n transform: rotateX(-180deg) rotateY(-90deg) rotateZ(-180deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(270deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(270deg) rotateY(180deg) rotateZ(-360deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(180deg) rotateY(270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(180deg) rotateY(270deg) rotateZ(180deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(-90deg) rotateY(90deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(-90deg) rotateY(90deg) rotateZ(-90deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(18deg) rotateY(270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(18deg) rotateY(270deg) rotateZ(180deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(90deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(90deg) rotateY(180deg) rotateZ(-360deg) translateX(0); }\n 100% {\n -webkit-transform: rotateY(-90deg);\n transform: rotateY(-90deg); } }\n\n@-webkit-keyframes rotate6 {\n 0% {\n -webkit-transform: rotateX(270deg) rotateY(-90deg) rotateZ(180deg) translateX(0);\n transform: rotateX(270deg) rotateY(-90deg) rotateZ(180deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(180deg) rotateY(90deg) rotateZ(360deg) translateX(0);\n transform: rotateX(180deg) rotateY(90deg) rotateZ(360deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(180deg) rotateY(90deg) rotateZ(-180deg) translateX(0);\n transform: rotateX(180deg) rotateY(90deg) rotateZ(-180deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(90deg) rotateY(270deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(270deg) rotateZ(-90deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(18deg) rotateY(-180deg) rotateZ(90deg) translateX(0);\n transform: rotateX(18deg) rotateY(-180deg) rotateZ(90deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0); }\n 100% {\n -webkit-transform: rotateX(0deg) rotateY(0deg);\n transform: rotateX(0deg) rotateY(0deg); } }\n\n@keyframes rotate6 {\n 0% {\n -webkit-transform: rotateX(270deg) rotateY(-90deg) rotateZ(180deg) translateX(0);\n transform: rotateX(270deg) rotateY(-90deg) rotateZ(180deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(180deg) rotateY(90deg) rotateZ(360deg) translateX(0);\n transform: rotateX(180deg) rotateY(90deg) rotateZ(360deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(180deg) rotateY(90deg) rotateZ(-180deg) translateX(0);\n transform: rotateX(180deg) rotateY(90deg) rotateZ(-180deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(90deg) rotateY(270deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(270deg) rotateZ(-90deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(18deg) rotateY(-180deg) rotateZ(90deg) translateX(0);\n transform: rotateX(18deg) rotateY(-180deg) rotateZ(90deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0); }\n 100% {\n -webkit-transform: rotateX(0deg) rotateY(0deg);\n transform: rotateX(0deg) rotateY(0deg); } }\n",""])},"./node_modules/css-loader/dist/runtime/api.js":function(e,t,n){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var a=(l=r,i=btoa(unescape(encodeURIComponent(JSON.stringify(l)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(i),"/*# ".concat(u," */")),o=r.sources.map(function(e){return"/*# sourceURL=".concat(r.sourceRoot).concat(e," */")});return[n].concat(o).concat([a]).join("\n")}var l,i,u;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2],"{").concat(n,"}"):n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},a=0;a0&&void 0!==arguments[0]?arguments[0]:[];this.diceContainer.rollAll(e)}},{key:"render",value:function(){var e=this;return a.a.createElement("div",null,a.a.createElement(w,E({},this.props,{totalCb:this.totalCb,ref:function(t){return e.diceContainer=t}})))}}])&&x(n.prototype,o),l&&x(n,l),t}();S(X,"propTypes",{outline:o.PropTypes.bool,outlineColor:o.PropTypes.string,dieSize:o.PropTypes.number,disableIndividual:o.PropTypes.bool,margin:o.PropTypes.number,numDice:o.PropTypes.number,sides:o.PropTypes.number,rollTime:o.PropTypes.number,rollDone:o.PropTypes.func,faceColor:o.PropTypes.string,dotColor:o.PropTypes.string}),S(X,"defaultProps",{outline:!1,outlineColor:"#000000",dieSize:60,disableIndividual:!1,margin:15,numDice:4,sides:6,rollTime:2,faceColor:"#FF00AC",dotColor:"#1dff00"});var P=X,N=P;"undefined"!=typeof __REACT_HOT_LOADER__&&(__REACT_HOT_LOADER__.register(X,"ReactDice","/Users/adamtyler/repos/react-dice-complete/src/ReactDice.js"),__REACT_HOT_LOADER__.register(P,"default","/Users/adamtyler/repos/react-dice-complete/src/ReactDice.js"));function O(e){return(O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function j(){return(j=Object.assign||function(e){for(var t=1;te.target.max&&(t=e.target.max)),"checkbox"===e.target.type&&(t=!this.state[e.target.name]),this.setState(function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({},e.target.name,t))}},{key:"rollDone",value:function(e,t){this.setState({diceTotal:e,rolling:!1})}},{key:"rollAll",value:function(){this.reactDice.rollAll(),this.setState({rolling:!0})}},{key:"showHideControls",value:function(){window.innerWidth<576?document.getElementById("collapseForm").classList.remove("show"):document.getElementById("collapseForm").classList.add("show")}},{key:"componentDidMount",value:function(){window.innerWidth<576?document.getElementById("collapseForm").classList.remove("show"):document.getElementById("collapseForm").classList.add("show")}},{key:"componentWillUnmount",value:function(){}},{key:"render",value:function(){var e=this,t=this.state,n={height:"2.375rem"};return a.a.createElement("div",{className:"dice-test"},a.a.createElement("a",{className:"row card card-header collapse-title hidden-sm-up","data-toggle":"collapse",href:"#collapseForm","aria-expanded":"false","aria-controls":"collapseForm"},"Show Config Options ▼"),a.a.createElement("div",{className:"collapse",id:"collapseForm"},a.a.createElement("form",{className:"row controls align-items-end"},a.a.createElement("fieldset",{className:"form-group col-xs-6 col-sm-4 col-md-3"},a.a.createElement("label",{htmlFor:"numDice"},"Dice"),a.a.createElement("input",{type:"number",name:"numDice",id:"numDice",className:"form-control",value:t.numDice,onChange:this.handleChange,min:"1",max:"100"})),a.a.createElement("fieldset",{className:"form-group col-xs-6 col-sm-4 col-md-3"},a.a.createElement("label",{htmlFor:"faceColor"},"Face Color"),a.a.createElement("input",{type:"color",name:"faceColor",id:"faceColor",className:"form-control",style:n,value:t.faceColor,onChange:this.handleChange})),a.a.createElement("fieldset",{className:"form-group col-xs-6 col-sm-4 col-md-3"},a.a.createElement("label",{htmlFor:"dotColor"},"Dot Color"),a.a.createElement("input",{type:"color",name:"dotColor",id:"dotColor",className:"form-control",style:n,value:t.dotColor,onChange:this.handleChange})),a.a.createElement("fieldset",{className:"form-group col-xs-6 col-sm-4 col-md-3"},a.a.createElement("label",{htmlFor:"dieSize"},"Die Size (px)"),a.a.createElement("input",{type:"number",name:"dieSize",id:"dieSize",className:"form-control",value:t.dieSize,onChange:this.handleChange,min:"30",max:"200"})),a.a.createElement("fieldset",{className:"form-group col-xs-6 col-sm-4 col-md-3"},a.a.createElement("label",{htmlFor:"dieSize"},"Margin Between (px)"),a.a.createElement("input",{type:"number",name:"margin",id:"margin",className:"form-control",value:t.margin,onChange:this.handleChange,min:"0",max:"200"})),a.a.createElement("fieldset",{className:"form-group col-xs-6 col-sm-4 col-md-3"},a.a.createElement("label",{htmlFor:"rollTime"},"Roll Time (seconds)"),a.a.createElement("input",{type:"number",name:"rollTime",id:"rollTime",className:"form-control",value:t.rollTime,onChange:this.handleChange,min:"1",max:"4"})),a.a.createElement("fieldset",{className:"form-group col-xs-6 col-sm-4 col-md-3"},a.a.createElement("div",{className:"form-check"},a.a.createElement("label",{className:"form-check-label"},a.a.createElement("input",{type:"checkbox",className:"form-check-input",name:"outline",id:"outline",checked:t.outline,onChange:this.handleChange})," ","Outline")),a.a.createElement("div",null,a.a.createElement("input",{type:"color",name:"outlineColor",id:"outlineColor",className:"form-control",style:n,value:t.outlineColor,onChange:this.handleChange,disabled:!this.state.outline}))),a.a.createElement("fieldset",{className:"form-group col-xs-6 col-sm-4 col-md-3"},a.a.createElement("div",{className:"form-check"},a.a.createElement("label",{className:"form-check-label"},a.a.createElement("input",{type:"checkbox",className:"form-check-input",name:"disableIndividual",id:"disableIndividual",checked:t.disableIndividual,onChange:this.handleChange})," ","Disable individual roll on click"))))),a.a.createElement("div",{className:"row info"},a.a.createElement("div",{className:"col"},a.a.createElement("h4",null,a.a.createElement("button",{className:"btn btn-primary",onClick:this.rollAll},"Roll All")," "," or click individual dice")),a.a.createElement("div",{className:"col"},a.a.createElement("h4",{className:"text-primary"},"Dice Total:",a.a.createElement("span",{style:{display:this.state.rolling?"none":"inline-block",paddingLeft:"5px"}},this.state.diceTotal),a.a.createElement("div",{className:"sk-cube-grid",style:{display:this.state.rolling?"inline-block":"none"}},a.a.createElement("div",{className:"sk-cube sk-cube1"}),a.a.createElement("div",{className:"sk-cube sk-cube2"}),a.a.createElement("div",{className:"sk-cube sk-cube3"}),a.a.createElement("div",{className:"sk-cube sk-cube4"}),a.a.createElement("div",{className:"sk-cube sk-cube5"}),a.a.createElement("div",{className:"sk-cube sk-cube6"}),a.a.createElement("div",{className:"sk-cube sk-cube7"}),a.a.createElement("div",{className:"sk-cube sk-cube8"}),a.a.createElement("div",{className:"sk-cube sk-cube9"}))))),a.a.createElement("div",{className:"row dice"},a.a.createElement("div",{className:"col"},a.a.createElement(N,j({},this.state,{rollDone:this.rollDone,ref:function(t){return e.reactDice=t}})))))}}])&&R(n.prototype,o),l&&R(n,l),t}(),Z=M,F=Z,U=("undefined"!=typeof __REACT_HOT_LOADER__&&(__REACT_HOT_LOADER__.register(M,"TestApp","/Users/adamtyler/repos/react-dice-complete/src/TestApp.js"),__REACT_HOT_LOADER__.register(Z,"default","/Users/adamtyler/repos/react-dice-complete/src/TestApp.js")),n("./node_modules/react-dom/index.js"));n.n(U).a.render(a.a.createElement(F,null),document.getElementById("app"))},"./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/src/index.js!./node_modules/sass-loader/lib/loader.js!./src/styles.scss":function(e,t,n){(e.exports=n("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([e.i,".die {\n -webkit-transition: -webkit-transform 0.2s ease;\n transition: -webkit-transform 0.2s ease;\n -o-transition: transform 0.2s ease;\n transition: transform 0.2s ease;\n transition: transform 0.2s ease, -webkit-transform 0.2s ease;\n width: 60px;\n height: 60px;\n position: relative;\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d; }\n .die.roll1 {\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n -webkit-animation-name: rotate1;\n animation-name: rotate1;\n -webkit-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards; }\n .die.roll2 {\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n -webkit-animation-name: rotate2;\n animation-name: rotate2;\n -webkit-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards; }\n .die.roll3 {\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n -webkit-animation-name: rotate3;\n animation-name: rotate3;\n -webkit-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards; }\n .die.roll4 {\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n -webkit-animation-name: rotate4;\n animation-name: rotate4;\n -webkit-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards; }\n .die.roll5 {\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n -webkit-animation-name: rotate5;\n animation-name: rotate5;\n -webkit-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards; }\n .die.roll6 {\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n -webkit-animation-name: rotate6;\n animation-name: rotate6;\n -webkit-animation-iteration-count: 1;\n animation-iteration-count: 1;\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards; }\n .die .face {\n height: 60px;\n width: 60px;\n position: absolute;\n background: #3e6fa0; }\n .die .dot {\n width: 8px;\n height: 8px;\n background: #fff;\n border-radius: 50%;\n display: block;\n position: absolute; }\n .die .six {\n -webkit-transform: rotateY(0deg) translateZ(30px);\n transform: rotateY(0deg) translateZ(30px); }\n .die .one {\n -webkit-transform: rotateX(180deg) translateZ(30px);\n transform: rotateX(180deg) translateZ(30px); }\n .die .five {\n -webkit-transform: rotateY(90deg) translateZ(30px);\n transform: rotateY(90deg) translateZ(30px); }\n .die .two {\n -webkit-transform: rotateY(-90deg) translateZ(30px);\n transform: rotateY(-90deg) translateZ(30px); }\n .die .three {\n -webkit-transform: rotateX(90deg) translateZ(30px);\n transform: rotateX(90deg) translateZ(30px); }\n .die .four {\n -webkit-transform: rotateX(-90deg) translateZ(30px);\n transform: rotateX(-90deg) translateZ(30px); }\n\n@-webkit-keyframes rotate1 {\n 0% {\n -webkit-transform: rotateX(90deg) rotateY(90deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(90deg) rotateZ(-90deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(-90deg) rotateY(-90deg) rotateZ(90deg) translateX(0);\n transform: rotateX(-90deg) rotateY(-90deg) rotateZ(90deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(90deg) rotateY(180deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(180deg) rotateZ(-90deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(-180deg) rotateY(90deg) rotateZ(360deg) translateX(0);\n transform: rotateX(-180deg) rotateY(90deg) rotateZ(360deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(90deg) rotateY(-180deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(-180deg) rotateZ(-90deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(-90deg) rotateY(-90deg) rotateZ(90deg) translateX(0);\n transform: rotateX(-90deg) rotateY(-90deg) rotateZ(90deg) translateX(0); }\n 100% {\n -webkit-transform: rotateY(180deg);\n transform: rotateY(180deg); } }\n\n@keyframes rotate1 {\n 0% {\n -webkit-transform: rotateX(90deg) rotateY(90deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(90deg) rotateZ(-90deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(-90deg) rotateY(-90deg) rotateZ(90deg) translateX(0);\n transform: rotateX(-90deg) rotateY(-90deg) rotateZ(90deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(90deg) rotateY(180deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(180deg) rotateZ(-90deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(-180deg) rotateY(90deg) rotateZ(360deg) translateX(0);\n transform: rotateX(-180deg) rotateY(90deg) rotateZ(360deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(90deg) rotateY(-180deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(-180deg) rotateZ(-90deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(-90deg) rotateY(-90deg) rotateZ(90deg) translateX(0);\n transform: rotateX(-90deg) rotateY(-90deg) rotateZ(90deg) translateX(0); }\n 100% {\n -webkit-transform: rotateY(180deg);\n transform: rotateY(180deg); } }\n\n@-webkit-keyframes rotate2 {\n 0% {\n -webkit-transform: rotateX(-90deg) rotateY(-90deg) rotateZ(360deg) translateX(0);\n transform: rotateX(-90deg) rotateY(-90deg) rotateZ(360deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(90deg) rotateY(180deg) rotateZ(90deg) translateX(0);\n transform: rotateX(90deg) rotateY(180deg) rotateZ(90deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(90deg) rotateY(-270deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(-270deg) rotateZ(-90deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(90deg) rotateY(90deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(90deg) rotateY(90deg) rotateZ(-360deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(-18deg) rotateY(-180deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(-18deg) rotateY(-180deg) rotateZ(-90deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(180deg) rotateY(-90deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(180deg) rotateY(-90deg) rotateZ(-360deg) translateX(0); }\n 100% {\n -webkit-transform: rotateY(90deg);\n transform: rotateY(90deg); } }\n\n@keyframes rotate2 {\n 0% {\n -webkit-transform: rotateX(-90deg) rotateY(-90deg) rotateZ(360deg) translateX(0);\n transform: rotateX(-90deg) rotateY(-90deg) rotateZ(360deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(90deg) rotateY(180deg) rotateZ(90deg) translateX(0);\n transform: rotateX(90deg) rotateY(180deg) rotateZ(90deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(90deg) rotateY(-270deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(-270deg) rotateZ(-90deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(90deg) rotateY(90deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(90deg) rotateY(90deg) rotateZ(-360deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(-18deg) rotateY(-180deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(-18deg) rotateY(-180deg) rotateZ(-90deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(180deg) rotateY(-90deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(180deg) rotateY(-90deg) rotateZ(-360deg) translateX(0); }\n 100% {\n -webkit-transform: rotateY(90deg);\n transform: rotateY(90deg); } }\n\n@-webkit-keyframes rotate3 {\n 0% {\n -webkit-transform: rotateX(-180deg) rotateY(-90deg) rotateZ(90deg) translateX(0);\n transform: rotateX(-180deg) rotateY(-90deg) rotateZ(90deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(180deg) rotateY(-270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(180deg) rotateY(-270deg) rotateZ(180deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(90deg) rotateY(90deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(90deg) rotateZ(-90deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(18deg) rotateY(270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(18deg) rotateY(270deg) rotateZ(180deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(90deg) rotateY(-180deg) rotateZ(360deg) translateX(0);\n transform: rotateX(90deg) rotateY(-180deg) rotateZ(360deg) translateX(0); }\n 100% {\n -webkit-transform: rotateX(-90deg);\n transform: rotateX(-90deg); } }\n\n@keyframes rotate3 {\n 0% {\n -webkit-transform: rotateX(-180deg) rotateY(-90deg) rotateZ(90deg) translateX(0);\n transform: rotateX(-180deg) rotateY(-90deg) rotateZ(90deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(180deg) rotateY(-270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(180deg) rotateY(-270deg) rotateZ(180deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(90deg) rotateY(90deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(90deg) rotateZ(-90deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(18deg) rotateY(270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(18deg) rotateY(270deg) rotateZ(180deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(90deg) rotateY(-180deg) rotateZ(360deg) translateX(0);\n transform: rotateX(90deg) rotateY(-180deg) rotateZ(360deg) translateX(0); }\n 100% {\n -webkit-transform: rotateX(-90deg);\n transform: rotateX(-90deg); } }\n\n@-webkit-keyframes rotate4 {\n 0% {\n -webkit-transform: rotateX(-180deg) rotateY(-90deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(-180deg) rotateY(-90deg) rotateZ(-90deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(270deg) rotateY(-180deg) rotateZ(360deg) translateX(0);\n transform: rotateX(270deg) rotateY(-180deg) rotateZ(360deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(180deg) rotateY(270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(180deg) rotateY(270deg) rotateZ(180deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(-90deg) rotateY(90deg) rotateZ(90deg) translateX(0);\n transform: rotateX(-90deg) rotateY(90deg) rotateZ(90deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(18deg) rotateY(-270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(18deg) rotateY(-270deg) rotateZ(180deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0); }\n 100% {\n -webkit-transform: rotateX(90deg);\n transform: rotateX(90deg); } }\n\n@keyframes rotate4 {\n 0% {\n -webkit-transform: rotateX(-180deg) rotateY(-90deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(-180deg) rotateY(-90deg) rotateZ(-90deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(270deg) rotateY(-180deg) rotateZ(360deg) translateX(0);\n transform: rotateX(270deg) rotateY(-180deg) rotateZ(360deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(180deg) rotateY(270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(180deg) rotateY(270deg) rotateZ(180deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(-90deg) rotateY(90deg) rotateZ(90deg) translateX(0);\n transform: rotateX(-90deg) rotateY(90deg) rotateZ(90deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(18deg) rotateY(-270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(18deg) rotateY(-270deg) rotateZ(180deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0); }\n 100% {\n -webkit-transform: rotateX(90deg);\n transform: rotateX(90deg); } }\n\n@-webkit-keyframes rotate5 {\n 0% {\n -webkit-transform: rotateX(-180deg) rotateY(-90deg) rotateZ(-180deg) translateX(0);\n transform: rotateX(-180deg) rotateY(-90deg) rotateZ(-180deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(270deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(270deg) rotateY(180deg) rotateZ(-360deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(180deg) rotateY(270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(180deg) rotateY(270deg) rotateZ(180deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(-90deg) rotateY(90deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(-90deg) rotateY(90deg) rotateZ(-90deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(18deg) rotateY(270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(18deg) rotateY(270deg) rotateZ(180deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(90deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(90deg) rotateY(180deg) rotateZ(-360deg) translateX(0); }\n 100% {\n -webkit-transform: rotateY(-90deg);\n transform: rotateY(-90deg); } }\n\n@keyframes rotate5 {\n 0% {\n -webkit-transform: rotateX(-180deg) rotateY(-90deg) rotateZ(-180deg) translateX(0);\n transform: rotateX(-180deg) rotateY(-90deg) rotateZ(-180deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(270deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(270deg) rotateY(180deg) rotateZ(-360deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(180deg) rotateY(270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(180deg) rotateY(270deg) rotateZ(180deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(-90deg) rotateY(90deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(-90deg) rotateY(90deg) rotateZ(-90deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(18deg) rotateY(270deg) rotateZ(180deg) translateX(0);\n transform: rotateX(18deg) rotateY(270deg) rotateZ(180deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(90deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(90deg) rotateY(180deg) rotateZ(-360deg) translateX(0); }\n 100% {\n -webkit-transform: rotateY(-90deg);\n transform: rotateY(-90deg); } }\n\n@-webkit-keyframes rotate6 {\n 0% {\n -webkit-transform: rotateX(270deg) rotateY(-90deg) rotateZ(180deg) translateX(0);\n transform: rotateX(270deg) rotateY(-90deg) rotateZ(180deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(180deg) rotateY(90deg) rotateZ(360deg) translateX(0);\n transform: rotateX(180deg) rotateY(90deg) rotateZ(360deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(180deg) rotateY(90deg) rotateZ(-180deg) translateX(0);\n transform: rotateX(180deg) rotateY(90deg) rotateZ(-180deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(90deg) rotateY(270deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(270deg) rotateZ(-90deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(18deg) rotateY(-180deg) rotateZ(90deg) translateX(0);\n transform: rotateX(18deg) rotateY(-180deg) rotateZ(90deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0); }\n 100% {\n -webkit-transform: rotateX(0deg) rotateY(0deg);\n transform: rotateX(0deg) rotateY(0deg); } }\n\n@keyframes rotate6 {\n 0% {\n -webkit-transform: rotateX(270deg) rotateY(-90deg) rotateZ(180deg) translateX(0);\n transform: rotateX(270deg) rotateY(-90deg) rotateZ(180deg) translateX(0); }\n 10% {\n -webkit-transform: rotateX(180deg) rotateY(90deg) rotateZ(360deg) translateX(0);\n transform: rotateX(180deg) rotateY(90deg) rotateZ(360deg) translateX(0); }\n 30% {\n -webkit-transform: rotateX(180deg) rotateY(90deg) rotateZ(-180deg) translateX(0);\n transform: rotateX(180deg) rotateY(90deg) rotateZ(-180deg) translateX(0); }\n 50% {\n -webkit-transform: rotateX(90deg) rotateY(270deg) rotateZ(-90deg) translateX(0);\n transform: rotateX(90deg) rotateY(270deg) rotateZ(-90deg) translateX(0); }\n 70% {\n -webkit-transform: rotateX(18deg) rotateY(-180deg) rotateZ(90deg) translateX(0);\n transform: rotateX(18deg) rotateY(-180deg) rotateZ(90deg) translateX(0); }\n 90% {\n -webkit-transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0);\n transform: rotateX(-90deg) rotateY(180deg) rotateZ(-360deg) translateX(0); }\n 100% {\n -webkit-transform: rotateX(0deg) rotateY(0deg);\n transform: rotateX(0deg) rotateY(0deg); } }\n",""])},"./node_modules/css-loader/dist/runtime/api.js":function(e,t,n){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var a=(l=r,i=btoa(unescape(encodeURIComponent(JSON.stringify(l)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(i),"/*# ".concat(u," */")),o=r.sources.map(function(e){return"/*# sourceURL=".concat(r.sourceRoot).concat(e," */")});return[n].concat(o).concat([a]).join("\n")}var l,i,u;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2],"{").concat(n,"}"):n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},a=0;athis.eventPool.length&&this.eventPool.push(e)}function fe(e){e.eventPool=[],e.getPooled=se,e.release=ce}a(ue.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=le)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=le)},persist:function(){this.isPersistent=le},isPersistent:ie,destructor:function(){var e,t=this.constructor.Interface;for(e in t)this[e]=null;this.nativeEvent=this._targetInst=this.dispatchConfig=null,this.isPropagationStopped=this.isDefaultPrevented=ie,this._dispatchInstances=this._dispatchListeners=null}}),ue.Interface={type:null,target:null,currentTarget:function(){return null},eventPhase:null,bubbles:null,cancelable:null,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:null,isTrusted:null},ue.extend=function(e){function t(){}function n(){return r.apply(this,arguments)}var r=this;t.prototype=r.prototype;var o=new t;return a(o,n.prototype),n.prototype=o,n.prototype.constructor=n,n.Interface=a({},r.Interface,e),n.extend=r.extend,fe(n),n},fe(ue);var de=ue.extend({data:null}),pe=ue.extend({data:null}),me=[9,13,27,32],ge=V&&"CompositionEvent"in window,he=null;V&&"documentMode"in document&&(he=document.documentMode);var ye=V&&"TextEvent"in window&&!he,be=V&&(!ge||he&&8=he),ve=String.fromCharCode(32),we={beforeInput:{phasedRegistrationNames:{bubbled:"onBeforeInput",captured:"onBeforeInputCapture"},dependencies:["compositionend","keypress","textInput","paste"]},compositionEnd:{phasedRegistrationNames:{bubbled:"onCompositionEnd",captured:"onCompositionEndCapture"},dependencies:"blur compositionend keydown keypress keyup mousedown".split(" ")},compositionStart:{phasedRegistrationNames:{bubbled:"onCompositionStart",captured:"onCompositionStartCapture"},dependencies:"blur compositionstart keydown keypress keyup mousedown".split(" ")},compositionUpdate:{phasedRegistrationNames:{bubbled:"onCompositionUpdate",captured:"onCompositionUpdateCapture"},dependencies:"blur compositionupdate keydown keypress keyup mousedown".split(" ")}},ke=!1;function Ee(e,t){switch(e){case"keyup":return-1!==me.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"blur":return!0;default:return!1}}function xe(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var _e=!1;var Te={eventTypes:we,extractEvents:function(e,t,n,r){var a=void 0,o=void 0;if(ge)e:{switch(e){case"compositionstart":a=we.compositionStart;break e;case"compositionend":a=we.compositionEnd;break e;case"compositionupdate":a=we.compositionUpdate;break e}a=void 0}else _e?Ee(e,n)&&(a=we.compositionEnd):"keydown"===e&&229===n.keyCode&&(a=we.compositionStart);return a?(be&&"ko"!==n.locale&&(_e||a!==we.compositionStart?a===we.compositionEnd&&_e&&(o=oe()):(re="value"in(ne=r)?ne.value:ne.textContent,_e=!0)),a=de.getPooled(a,t,n,r),o?a.data=o:null!==(o=xe(n))&&(a.data=o),B(a),o=a):o=null,(e=ye?function(e,t){switch(e){case"compositionend":return xe(t);case"keypress":return 32!==t.which?null:(ke=!0,ve);case"textInput":return(e=t.data)===ve&&ke?null:e;default:return null}}(e,n):function(e,t){if(_e)return"compositionend"===e||!ge&&Ee(e,t)?(e=oe(),ae=re=ne=null,_e=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1