diff --git a/.DS_Store b/.DS_Store index 6fd6ff45..4a5230aa 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/build/index.css b/build/index.css index b68732d5..0a4513d3 100644 --- a/build/index.css +++ b/build/index.css @@ -8,5 +8,5 @@ * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * - */.bugbattle--feedback-button{position:fixed;bottom:0;right:30px;width:135px;height:35px;line-height:35px;text-align:center;font-weight:400;font-size:13px;font-family:sans-serif;border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer;background-color:#086efb;color:#fff;z-index:16777260}.bugbattle--feedback-button:after{content:"Feedback"}.bugbattle--feedback-dialog-container{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.25);display:flex;justify-content:center;align-items:center;z-index:16777261}.bugbattle--feedback-dialog{width:90%;max-width:550px;background-color:#fff;box-shadow:0 10px 30px 0 rgba(0,0,0,.1);border-radius:10px;overflow-y:auto}.bugbattle--feedback-dialog-header{height:50px;background-color:#086efb;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width:600px){.bugbattle--feedback-dialog{width:100%;height:100%;border-radius:0}.bugbattle--feedback-dialog-header{border-radius:0}.bugbattle--feedback-button{position:fixed;bottom:10px;right:10px;width:44px;height:44px;line-height:44px;font-size:13px;border-radius:100%;box-shadow:0 0 20px rgba(0,0,0,.2)}.bugbattle--feedback-button:after{content:"?"}}.bugbattle--feedback-dialog-header-button{font-weight:400;padding:0 20px;cursor:pointer;color:#fff;font-size:14px;font-family:sans-serif}.bugbattle--feedback-dialog-header-title{font-weight:700;color:#fff;font-size:15px;font-family:sans-serif;text-align:center;width:100%}.bugbattle--feedback-dialog-info-text{color:#666;font-size:14px;font-family:sans-serif;padding-top:10px;text-align:center}.bugbattle--feedback-dialog-success{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:100px;display:none}.bugbattle--feedback-dialog-success svg{width:30px;height:auto}.bugbattle--feedback-dialog-loading{display:none}.bugbattle--feedback-dialog-body{display:block}.bugbattle--feedback-inputgroup{border-bottom:1px solid #eee}.bugbattle--feedback-inputgroup-label{padding:20px 20px 0;color:#a9a9a9;font-size:15px;font-family:sans-serif}.bugbattle--feedback-inputgroup input{width:calc(100% - 40px);border:none;padding:20px;font-size:15px;font-family:sans-serif;outline:none}.bugbattle--feedback-inputgroup textarea{outline:none;box-shadow:none;resize:none;width:100%;border:none;padding:20px;font-size:15px;line-height:17px;font-family:sans-serif;margin:0;box-sizing:border-box}.bugbattle-feedback-importance{margin:20px 20px -8px;font-weight:700;color:#222426;font-size:14px;font-family:sans-serif}.bugbattle--toggle{display:flex;margin:20px;width:calc(100% - 40px);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;z-index:1;font-size:12px;border:1px solid #086efb;border-radius:3px;color:#086efb}.bugbattle--toggle>input{display:none}.bugbattle--toggle>input:checked+label{color:#fff}.bugbattle--toggle>input:first-of-type:checked~label:last-of-type:before{-webkit-transform:translateX(0);transform:translateX(0)}.bugbattle--toggle>input:nth-of-type(2):checked~label:last-of-type:before{-webkit-transform:translateX(100%);transform:translateX(100%)}.bugbattle--toggle>input:nth-of-type(3):checked~label:last-of-type:before{-webkit-transform:translateX(200%);transform:translateX(200%)}.bugbattle--toggle label{flex:1 1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-family:sans-serif}.bugbattle--toggle label:last-of-type:before{content:"";display:block;max-width:33.33333%;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;-webkit-transform:translateX(0);transform:translateX(0)}.bugbattle--toggle label{padding:6px 3px;-webkit-transition:color .25s cubic-bezier(0,.95,.38,.98);transition:color .25s cubic-bezier(0,.95,.38,.98)}.bugbattle--toggle label:before{background:#086efb;-webkit-transition:all .25s cubic-bezier(0,.95,.38,.98);transition:all .25s cubic-bezier(0,.95,.38,.98)}.bugbattle--toggle label:not(:last-child){border-right:1px solid #086efb}.bugbattle--feedback-image{position:relative}.bugbattle--feedback-image img{width:200px;height:auto;max-height:180px;object-fit:cover;margin:20px;border-radius:5px;border:1px solid #eee;min-height:90px}.bugbattle--edit-button{position:absolute;top:calc(50% - 25px);left:100px;width:50px;height:50px;border-radius:50%;background-color:rgba(0,0,0,.45);cursor:pointer;display:flex;justify-content:center;align-items:center}.bugbattle--edit-button svg{width:60%}.bugbattle-spinner{width:40px;height:40px;position:relative;margin:100px auto}.bugbattle-double-bounce1,.bugbattle-double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s ease-in-out infinite;animation:sk-bounce 2s ease-in-out infinite}.bugbattle-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.bugbattle-screenshot-editor-container{position:absolute;top:0;left:0;right:0;height:100%;background-color:#fff}.bugbattle-screenshot-editor-canvas{width:100vw;height:100vh;background-color:#eee;cursor:crosshair}.bugbattle-screenshot-editor-done{top:30px;right:30px;width:55px;height:55px;line-height:55px;font-size:13px;background-color:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,.2);z-index:16777264}.bugbattle-screenshot-editor-color,.bugbattle-screenshot-editor-done{position:fixed;text-align:center;font-weight:400;font-family:sans-serif;cursor:pointer;color:#000;font-weight:700;border-radius:28px}.bugbattle-screenshot-editor-color{top:42px;width:30px;height:30px;font-size:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:16777263}.bugbattle-screenshot-editor-color--selected{border:2px solid #fff}.bugbattle-screenshot-editor-color--black{right:105px;background-color:#313131}.bugbattle-screenshot-editor-color--yellow{right:140px;background-color:#fcc83d}.bugbattle-screenshot-editor-color--green{right:175px;background-color:#50af57}.bugbattle-screenshot-editor-color--marine{right:210px;background-color:#27bbd1}.bugbattle-screenshot-editor-color--blue{right:245px;background-color:#414fb0}.bugbattle-screenshot-editor-color--pink{right:280px;background-color:#9924ab}.bugbattle-screenshot-editor-color--red{right:315px;background-color:#ed443d} + */.bugbattle--feedback-button{position:fixed;bottom:0;right:30px;width:135px;height:35px;line-height:35px;text-align:center;font-weight:400;font-size:13px;font-family:sans-serif;border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer;background-color:#086efb;color:#fff;box-shadow:0 10px 30px 0 rgba(0,0,0,.1);z-index:16777260}.bugbattle--feedback-button:after{content:"Feedback"}.bugbattle--feedback-dialog-container{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.25);display:flex;justify-content:center;align-items:center;z-index:16777261}.bugbattle--feedback-dialog{width:90%;max-width:550px;background-color:#fff;box-shadow:0 10px 30px 0 rgba(0,0,0,.1);border-radius:10px;overflow-y:auto}.bugbattle--feedback-dialog-header{height:50px;background-color:#086efb;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width:600px){.bugbattle--feedback-dialog{width:100%;height:100%;border-radius:0}.bugbattle--feedback-dialog-header{border-radius:0}}.bugbattle--feedback-dialog-header-button{font-weight:400;padding:0 20px;cursor:pointer;color:#fff;font-size:14px;font-family:sans-serif}.bugbattle--feedback-dialog-header-title{font-weight:700;color:#fff;font-size:15px;font-family:sans-serif;text-align:center;width:100%}.bugbattle--feedback-dialog-info-text{color:#666;font-size:14px;font-family:sans-serif;padding-top:10px;text-align:center}.bugbattle--feedback-dialog-success{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:100px;display:none}.bugbattle--feedback-dialog-success svg{width:30px;height:auto}.bugbattle--feedback-dialog-loading{display:none}.bugbattle--feedback-dialog-body{display:block}.bugbattle--feedback-inputgroup{border-bottom:1px solid #eee}.bugbattle--feedback-inputgroup-label{padding:20px 20px 0;color:#a9a9a9;font-size:15px;font-family:sans-serif}.bugbattle--feedback-inputgroup input{width:calc(100% - 40px);border:none;padding:20px;font-size:15px;font-family:sans-serif;outline:none}.bugbattle--feedback-inputgroup textarea{outline:none;box-shadow:none;resize:none;width:100%;border:none;padding:20px;font-size:15px;line-height:17px;font-family:sans-serif;margin:0;box-sizing:border-box}.bugbattle-feedback-importance{margin:20px 20px -8px;font-weight:700;color:#222426;font-size:14px;font-family:sans-serif}.bugbattle--toggle{display:flex;margin:20px;width:calc(100% - 40px);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;z-index:1;font-size:12px;border:1px solid #086efb;border-radius:3px;color:#086efb}.bugbattle--toggle>input{display:none}.bugbattle--toggle>input:checked+label{color:#fff}.bugbattle--toggle>input:first-of-type:checked~label:last-of-type:before{-webkit-transform:translateX(0);transform:translateX(0)}.bugbattle--toggle>input:nth-of-type(2):checked~label:last-of-type:before{-webkit-transform:translateX(100%);transform:translateX(100%)}.bugbattle--toggle>input:nth-of-type(3):checked~label:last-of-type:before{-webkit-transform:translateX(200%);transform:translateX(200%)}.bugbattle--toggle label{flex:1 1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-family:sans-serif}.bugbattle--toggle label:last-of-type:before{content:"";display:block;max-width:33.33333%;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;-webkit-transform:translateX(0);transform:translateX(0)}.bugbattle--toggle label{padding:6px 3px;-webkit-transition:color .25s cubic-bezier(0,.95,.38,.98);transition:color .25s cubic-bezier(0,.95,.38,.98)}.bugbattle--toggle label:before{background:#086efb;-webkit-transition:all .25s cubic-bezier(0,.95,.38,.98);transition:all .25s cubic-bezier(0,.95,.38,.98)}.bugbattle--toggle label:not(:last-child){border-right:1px solid #086efb}.bugbattle--feedback-image{position:relative}.bugbattle--feedback-image img{width:200px;height:auto;max-height:180px;object-fit:cover;margin:20px;border-radius:5px;border:1px solid #eee;min-height:90px}.bugbattle--edit-button{position:absolute;top:calc(50% - 25px);left:100px;width:50px;height:50px;border-radius:50%;background-color:rgba(0,0,0,.45);cursor:pointer;display:flex;justify-content:center;align-items:center}.bugbattle--edit-button svg{width:60%}.bugbattle-spinner{width:40px;height:40px;position:relative;margin:100px auto}.bugbattle-double-bounce1,.bugbattle-double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s ease-in-out infinite;animation:sk-bounce 2s ease-in-out infinite}.bugbattle-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.bugbattle-screenshot-editor-container{position:absolute;top:0;left:0;right:0;height:100%;background-color:#fff;z-index:16777263}.bugbattle-screenshot-editor-canvas{width:100vw;height:100vh;background-color:#eee;cursor:crosshair}.bugbattle-screenshot-editor-done{top:30px;right:30px;width:55px;height:55px;line-height:55px;font-size:13px;background-color:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,.2)}.bugbattle-screenshot-editor-color,.bugbattle-screenshot-editor-done{position:fixed;text-align:center;font-weight:400;font-family:sans-serif;cursor:pointer;color:#000;font-weight:700;border-radius:28px;z-index:16777265}.bugbattle-screenshot-editor-color{top:42px;width:30px;height:30px;font-size:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.bugbattle-screenshot-editor-color--selected{border:2px solid #fff}.bugbattle-screenshot-editor-color--black{right:105px;background-color:#313131}.bugbattle-screenshot-editor-color--yellow{right:140px;background-color:#fcc83d}.bugbattle-screenshot-editor-color--green{right:175px;background-color:#50af57}.bugbattle-screenshot-editor-color--marine{right:210px;background-color:#27bbd1}.bugbattle-screenshot-editor-color--blue{right:245px;background-color:#414fb0}.bugbattle-screenshot-editor-color--pink{right:280px;background-color:#9924ab}.bugbattle-screenshot-editor-color--red{right:315px;background-color:#ed443d} /*# sourceMappingURL=index.css.map */ \ No newline at end of file diff --git a/build/index.css.map b/build/index.css.map index 102bf5e0..bfdcf0de 100644 --- a/build/index.css.map +++ b/build/index.css.map @@ -1 +1 @@ -{"version":3,"sources":["index.css","/Users/lukas/Documents/GitHub/BugBattle-JavaScript-SDK/src/lib/css/App.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["/*!\n * \n * bugbattle v1.1.0\n * https://github.com/BugBattle/BugBattle-JavaScript-SDK\n * \n * Copyright (c) BugBattle \n * \n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n * \n */\n.bugbattle--feedback-button {\n position: fixed;\n bottom: 0px;\n right: 30px;\n width: 135px;\n height: 35px;\n line-height: 35px;\n text-align: center;\n font-weight: normal;\n font-size: 13px;\n font-family: sans-serif;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n cursor: pointer;\n background-color: #086EFB;\n color: #fff;\n z-index: 16777260;\n}\n\n.bugbattle--feedback-button:after {\n content: \"Feedback\";\n}\n\n.bugbattle--feedback-dialog-container {\n position: fixed;\n left: 0px;\n top: 0px;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.25);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 16777261;\n}\n\n.bugbattle--feedback-dialog {\n width: 90%;\n max-width: 550px;\n background-color: #fff;\n box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n overflow-y: auto;\n}\n\n.bugbattle--feedback-dialog-header {\n height: 50px;\n background-color: #086EFB;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n@media only screen and (max-width: 600px) {\n .bugbattle--feedback-dialog {\n width: 100%;\n height: 100%;\n border-radius: 0px;\n }\n .bugbattle--feedback-dialog-header {\n border-radius: 0px;\n }\n .bugbattle--feedback-button {\n position: fixed;\n bottom: 10px;\n right: 10px;\n width: 44px;\n height: 44px;\n line-height: 44px;\n font-size: 13px;\n border-radius: 100%;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n }\n .bugbattle--feedback-button:after {\n content: \"?\";\n }\n}\n\n.bugbattle--feedback-dialog-header-button {\n font-weight: normal;\n padding: 0px 20px;\n cursor: pointer;\n color: #fff;\n font-size: 14px;\n font-family: sans-serif;\n}\n\n.bugbattle--feedback-dialog-header-title {\n font-weight: bold;\n text-align: center;\n color: #fff;\n font-size: 15px;\n font-family: sans-serif;\n text-align: center;\n width: 100%;\n}\n\n.bugbattle--feedback-dialog-info-text {\n color: #666;\n font-size: 14px;\n font-family: sans-serif;\n padding-top: 10px;\n text-align: center;\n}\n\n.bugbattle--feedback-dialog-success {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n padding: 100px;\n display: none;\n}\n\n.bugbattle--feedback-dialog-success svg {\n width: 30px;\n height: auto;\n}\n\n.bugbattle--feedback-dialog-loading {\n display: none;\n}\n\n.bugbattle--feedback-dialog-body {\n display: block;\n}\n\n.bugbattle--feedback-inputgroup {\n border-bottom: 1px solid #eee;\n}\n\n.bugbattle--feedback-inputgroup-label {\n padding: 20px;\n padding-bottom: 0px;\n color: #A9A9A9;\n font-size: 15px;\n font-family: sans-serif;\n}\n\n.bugbattle--feedback-inputgroup input {\n width: calc(100% - 40px);\n border: none;\n padding: 20px;\n font-size: 15px;\n font-family: sans-serif;\n outline: none;\n}\n\n.bugbattle--feedback-inputgroup textarea {\n border: none;\n outline: none;\n box-shadow: none;\n resize: none;\n width: 100%;\n border: none;\n padding: 20px;\n font-size: 15px;\n line-height: 17px;\n font-family: sans-serif;\n margin: 0px;\n box-sizing: border-box;\n}\n\n.bugbattle-feedback-importance {\n margin: 20px;\n margin-bottom: -8px;\n font-weight: bold;\n color: #222426;\n font-size: 14px;\n font-family: sans-serif;\n}\n\n.bugbattle--toggle {\n display: flex;\n margin: 20px 20px;\n width: calc(100% - 40px);\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n position: relative;\n z-index: 1;\n font-size: 12px;\n border: 1px solid #086EFB;\n border-radius: 3px;\n color: #086EFB;\n}\n\n.bugbattle--toggle > input {\n display: none;\n}\n\n.bugbattle--toggle > input:checked + label {\n color: #fff;\n}\n\n.bugbattle--toggle > input:nth-of-type(1):checked ~ label:last-of-type:before {\n -webkit-transform: translateX(calc(0% + 0px));\n transform: translateX(calc(0% + 0px));\n}\n\n.bugbattle--toggle > input:nth-of-type(2):checked ~ label:last-of-type:before {\n -webkit-transform: translateX(calc(100% + 0px));\n transform: translateX(calc(100% + 0px));\n}\n\n.bugbattle--toggle > input:nth-of-type(3):checked ~ label:last-of-type:before {\n -webkit-transform: translateX(calc(200% + 0px));\n transform: translateX(calc(200% + 0px));\n}\n\n.bugbattle--toggle label {\n flex: 1 1;\n text-align: center;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n font-family: sans-serif;\n}\n\n.bugbattle--toggle label:last-of-type:before {\n content: \"\";\n display: block;\n max-width: calc(33.3333333333% - 0px);\n margin: 0px;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n\n.bugbattle--toggle label {\n padding: 6px 3px;\n -webkit-transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n}\n\n.bugbattle--toggle label:before {\n background: #086EFB;\n -webkit-transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n}\n\n.bugbattle--toggle label:not(:last-child) {\n border-right: 1px solid #086EFB;\n}\n\n.bugbattle--feedback-image {\n position: relative;\n}\n\n.bugbattle--feedback-image img {\n width: 200px;\n height: auto;\n max-height: 180px;\n object-fit: cover;\n margin: 20px;\n border-radius: 5px;\n border: solid 1px #eee;\n min-height: 90px;\n}\n\n.bugbattle--edit-button {\n position: absolute;\n top: calc(50% - 25px);\n left: 100px;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: rgba(0, 0, 0, 0.45);\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.bugbattle--edit-button svg {\n width: 60%;\n}\n\n.bugbattle-spinner {\n width: 40px;\n height: 40px;\n position: relative;\n margin: 100px auto;\n}\n\n.bugbattle-double-bounce1, .bugbattle-double-bounce2 {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: #333;\n opacity: 0.6;\n position: absolute;\n top: 0;\n left: 0;\n \n -webkit-animation: sk-bounce 2.0s infinite ease-in-out;\n animation: sk-bounce 2.0s infinite ease-in-out;\n}\n\n.bugbattle-double-bounce2 {\n -webkit-animation-delay: -1.0s;\n animation-delay: -1.0s;\n}\n\n@-webkit-keyframes sk-bounce {\n 0%, 100% { -webkit-transform: scale(0.0) }\n 50% { -webkit-transform: scale(1.0) }\n}\n\n@keyframes sk-bounce {\n 0%, 100% { \n transform: scale(0.0);\n -webkit-transform: scale(0.0);\n } 50% { \n transform: scale(1.0);\n -webkit-transform: scale(1.0);\n }\n}\n\n.bugbattle-screenshot-editor-container {\n position: absolute;\n top: 0px;\n left: 0px;\n right: 0px;\n height: 100%;\n background-color: #fff;\n}\n\n.bugbattle-screenshot-editor-canvas {\n width: 100vw;\n height: 100vh;\n background-color: #eee;\n cursor: crosshair;\n}\n\n.bugbattle-screenshot-editor-done {\n position: fixed;\n top: 30px;\n right: 30px;\n width: 55px;\n height: 55px;\n line-height: 55px;\n text-align: center;\n font-weight: normal;\n font-size: 13px;\n font-family: sans-serif;\n cursor: pointer;\n background-color: #fff;\n color: #000;\n font-weight: bold;\n border-radius: 28px;\n box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);\n z-index: 16777264;\n}\n\n.bugbattle-screenshot-editor-color {\n position: fixed;\n top: 42px;\n width: 30px;\n height: 30px;\n text-align: center;\n font-weight: normal;\n font-size: 10px;\n font-family: sans-serif;\n cursor: pointer;\n color: #000;\n font-weight: bold;\n border-radius: 28px;\n box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);\n z-index: 16777263;\n}\n\n.bugbattle-screenshot-editor-color--selected {\n border: 2px solid #fff;\n}\n\n.bugbattle-screenshot-editor-color--black {\n right: 105px;\n background-color: #313131;\n}\n\n.bugbattle-screenshot-editor-color--yellow {\n right: 140px;\n background-color: #FCC83D;\n}\n\n.bugbattle-screenshot-editor-color--green {\n right: 175px;\n background-color: #50AF57;\n}\n\n.bugbattle-screenshot-editor-color--marine {\n right: 210px;\n background-color: #27BBD1;\n}\n\n.bugbattle-screenshot-editor-color--blue {\n right: 245px;\n background-color: #414FB0;\n}\n\n.bugbattle-screenshot-editor-color--pink {\n right: 280px;\n background-color: #9924AB;\n}\n\n.bugbattle-screenshot-editor-color--red {\n right: 315px;\n background-color: #ED443D;\n}\n\n\n",".bugbattle--feedback-button {\n position: fixed;\n bottom: 0px;\n right: 30px;\n width: 135px;\n height: 35px;\n line-height: 35px;\n text-align: center;\n font-weight: normal;\n font-size: 13px;\n font-family: sans-serif;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n cursor: pointer;\n background-color: #086EFB;\n color: #fff;\n z-index: 16777260;\n}\n\n.bugbattle--feedback-button:after {\n content: \"Feedback\";\n}\n\n.bugbattle--feedback-dialog-container {\n position: fixed;\n left: 0px;\n top: 0px;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.25);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 16777261;\n}\n\n.bugbattle--feedback-dialog {\n width: 90%;\n max-width: 550px;\n background-color: #fff;\n box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n overflow-y: auto;\n}\n\n.bugbattle--feedback-dialog-header {\n height: 50px;\n background-color: #086EFB;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n@media only screen and (max-width: 600px) {\n .bugbattle--feedback-dialog {\n width: 100%;\n height: 100%;\n border-radius: 0px;\n }\n .bugbattle--feedback-dialog-header {\n border-radius: 0px;\n }\n .bugbattle--feedback-button {\n position: fixed;\n bottom: 10px;\n right: 10px;\n width: 44px;\n height: 44px;\n line-height: 44px;\n font-size: 13px;\n border-radius: 100%;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n }\n .bugbattle--feedback-button:after {\n content: \"?\";\n }\n}\n\n.bugbattle--feedback-dialog-header-button {\n font-weight: normal;\n padding: 0px 20px;\n cursor: pointer;\n color: #fff;\n font-size: 14px;\n font-family: sans-serif;\n}\n\n.bugbattle--feedback-dialog-header-title {\n font-weight: bold;\n text-align: center;\n color: #fff;\n font-size: 15px;\n font-family: sans-serif;\n text-align: center;\n width: 100%;\n}\n\n.bugbattle--feedback-dialog-info-text {\n color: #666;\n font-size: 14px;\n font-family: sans-serif;\n padding-top: 10px;\n text-align: center;\n}\n\n.bugbattle--feedback-dialog-success {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n padding: 100px;\n display: none;\n}\n\n.bugbattle--feedback-dialog-success svg {\n width: 30px;\n height: auto;\n}\n\n.bugbattle--feedback-dialog-loading {\n display: none;\n}\n\n.bugbattle--feedback-dialog-body {\n display: block;\n}\n\n.bugbattle--feedback-inputgroup {\n border-bottom: 1px solid #eee;\n}\n\n.bugbattle--feedback-inputgroup-label {\n padding: 20px;\n padding-bottom: 0px;\n color: #A9A9A9;\n font-size: 15px;\n font-family: sans-serif;\n}\n\n.bugbattle--feedback-inputgroup input {\n width: calc(100% - 40px);\n border: none;\n padding: 20px;\n font-size: 15px;\n font-family: sans-serif;\n outline: none;\n}\n\n.bugbattle--feedback-inputgroup textarea {\n border: none;\n outline: none;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n resize: none;\n width: 100%;\n border: none;\n padding: 20px;\n font-size: 15px;\n line-height: 17px;\n font-family: sans-serif;\n margin: 0px;\n box-sizing: border-box;\n}\n\n.bugbattle-feedback-importance {\n margin: 20px;\n margin-bottom: -8px;\n font-weight: bold;\n color: #222426;\n font-size: 14px;\n font-family: sans-serif;\n}\n\n.bugbattle--toggle {\n display: flex;\n margin: 20px 20px;\n width: calc(100% - 40px);\n position: relative;\n user-select: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n position: relative;\n z-index: 1;\n font-size: 12px;\n border: 1px solid #086EFB;\n border-radius: 3px;\n color: #086EFB;\n}\n\n.bugbattle--toggle > input {\n display: none;\n}\n\n.bugbattle--toggle > input:checked + label {\n color: #fff;\n}\n\n.bugbattle--toggle > input:nth-of-type(1):checked ~ label:last-of-type:before {\n transform: translateX(calc(0% + 0px));\n}\n\n.bugbattle--toggle > input:nth-of-type(2):checked ~ label:last-of-type:before {\n transform: translateX(calc(100% + 0px));\n}\n\n.bugbattle--toggle > input:nth-of-type(3):checked ~ label:last-of-type:before {\n transform: translateX(calc(200% + 0px));\n}\n\n.bugbattle--toggle label {\n flex: 1;\n text-align: center;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n font-family: sans-serif;\n}\n\n.bugbattle--toggle label:last-of-type:before {\n content: \"\";\n display: block;\n max-width: calc(33.3333333333% - 0px);\n margin: 0px;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n transform: translateX(0);\n}\n\n.bugbattle--toggle label {\n padding: 6px 3px;\n transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n}\n\n.bugbattle--toggle label:before {\n background: #086EFB;\n transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n}\n\n.bugbattle--toggle label:not(:last-child) {\n border-right: 1px solid #086EFB;\n}\n\n.bugbattle--feedback-image {\n position: relative;\n}\n\n.bugbattle--feedback-image img {\n width: 200px;\n height: auto;\n max-height: 180px;\n object-fit: cover;\n margin: 20px;\n border-radius: 5px;\n border: solid 1px #eee;\n min-height: 90px;\n}\n\n.bugbattle--edit-button {\n position: absolute;\n top: calc(50% - 25px);\n left: 100px;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: rgba(0, 0, 0, 0.45);\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.bugbattle--edit-button svg {\n width: 60%;\n}\n\n.bugbattle-spinner {\n width: 40px;\n height: 40px;\n position: relative;\n margin: 100px auto;\n}\n\n.bugbattle-double-bounce1, .bugbattle-double-bounce2 {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: #333;\n opacity: 0.6;\n position: absolute;\n top: 0;\n left: 0;\n \n -webkit-animation: sk-bounce 2.0s infinite ease-in-out;\n animation: sk-bounce 2.0s infinite ease-in-out;\n}\n\n.bugbattle-double-bounce2 {\n -webkit-animation-delay: -1.0s;\n animation-delay: -1.0s;\n}\n\n@-webkit-keyframes sk-bounce {\n 0%, 100% { -webkit-transform: scale(0.0) }\n 50% { -webkit-transform: scale(1.0) }\n}\n\n@keyframes sk-bounce {\n 0%, 100% { \n transform: scale(0.0);\n -webkit-transform: scale(0.0);\n } 50% { \n transform: scale(1.0);\n -webkit-transform: scale(1.0);\n }\n}\n\n.bugbattle-screenshot-editor-container {\n position: absolute;\n top: 0px;\n left: 0px;\n right: 0px;\n height: 100%;\n background-color: #fff;\n}\n\n.bugbattle-screenshot-editor-canvas {\n width: 100vw;\n height: 100vh;\n background-color: #eee;\n cursor: crosshair;\n}\n\n.bugbattle-screenshot-editor-done {\n position: fixed;\n top: 30px;\n right: 30px;\n width: 55px;\n height: 55px;\n line-height: 55px;\n text-align: center;\n font-weight: normal;\n font-size: 13px;\n font-family: sans-serif;\n cursor: pointer;\n background-color: #fff;\n color: #000;\n font-weight: bold;\n border-radius: 28px;\n box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);\n z-index: 16777264;\n}\n\n.bugbattle-screenshot-editor-color {\n position: fixed;\n top: 42px;\n width: 30px;\n height: 30px;\n text-align: center;\n font-weight: normal;\n font-size: 10px;\n font-family: sans-serif;\n cursor: pointer;\n color: #000;\n font-weight: bold;\n border-radius: 28px;\n box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);\n z-index: 16777263;\n}\n\n.bugbattle-screenshot-editor-color--selected {\n border: 2px solid #fff;\n}\n\n.bugbattle-screenshot-editor-color--black {\n right: 105px;\n background-color: #313131;\n}\n\n.bugbattle-screenshot-editor-color--yellow {\n right: 140px;\n background-color: #FCC83D;\n}\n\n.bugbattle-screenshot-editor-color--green {\n right: 175px;\n background-color: #50AF57;\n}\n\n.bugbattle-screenshot-editor-color--marine {\n right: 210px;\n background-color: #27BBD1;\n}\n\n.bugbattle-screenshot-editor-color--blue {\n right: 245px;\n background-color: #414FB0;\n}\n\n.bugbattle-screenshot-editor-color--pink {\n right: 280px;\n background-color: #9924AB;\n}\n\n.bugbattle-screenshot-editor-color--red {\n right: 315px;\n background-color: #ED443D;\n}\n\n"]} \ No newline at end of file +{"version":3,"sources":["index.css","/Users/lukas/Documents/GitHub/BugBattle-JavaScript-SDK/src/lib/css/App.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["/*!\n * \n * bugbattle v1.1.0\n * https://github.com/BugBattle/BugBattle-JavaScript-SDK\n * \n * Copyright (c) BugBattle \n * \n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n * \n */\n.bugbattle--feedback-button {\n position: fixed;\n bottom: 0px;\n right: 30px;\n width: 135px;\n height: 35px;\n line-height: 35px;\n text-align: center;\n font-weight: normal;\n font-size: 13px;\n font-family: sans-serif;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n cursor: pointer;\n background-color: #086EFB;\n color: #fff;\n box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);\n z-index: 16777260;\n}\n\n.bugbattle--feedback-button:after {\n content: \"Feedback\";\n}\n\n.bugbattle--feedback-dialog-container {\n position: fixed;\n left: 0px;\n top: 0px;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.25);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 16777261;\n}\n\n.bugbattle--feedback-dialog {\n width: 90%;\n max-width: 550px;\n background-color: #fff;\n box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n overflow-y: auto;\n}\n\n.bugbattle--feedback-dialog-header {\n height: 50px;\n background-color: #086EFB;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n@media only screen and (max-width: 600px) {\n .bugbattle--feedback-dialog {\n width: 100%;\n height: 100%;\n border-radius: 0px;\n }\n .bugbattle--feedback-dialog-header {\n border-radius: 0px;\n }\n}\n\n.bugbattle--feedback-dialog-header-button {\n font-weight: normal;\n padding: 0px 20px;\n cursor: pointer;\n color: #fff;\n font-size: 14px;\n font-family: sans-serif;\n}\n\n.bugbattle--feedback-dialog-header-title {\n font-weight: bold;\n text-align: center;\n color: #fff;\n font-size: 15px;\n font-family: sans-serif;\n text-align: center;\n width: 100%;\n}\n\n.bugbattle--feedback-dialog-info-text {\n color: #666;\n font-size: 14px;\n font-family: sans-serif;\n padding-top: 10px;\n text-align: center;\n}\n\n.bugbattle--feedback-dialog-success {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n padding: 100px;\n display: none;\n}\n\n.bugbattle--feedback-dialog-success svg {\n width: 30px;\n height: auto;\n}\n\n.bugbattle--feedback-dialog-loading {\n display: none;\n}\n\n.bugbattle--feedback-dialog-body {\n display: block;\n}\n\n.bugbattle--feedback-inputgroup {\n border-bottom: 1px solid #eee;\n}\n\n.bugbattle--feedback-inputgroup-label {\n padding: 20px;\n padding-bottom: 0px;\n color: #A9A9A9;\n font-size: 15px;\n font-family: sans-serif;\n}\n\n.bugbattle--feedback-inputgroup input {\n width: calc(100% - 40px);\n border: none;\n padding: 20px;\n font-size: 15px;\n font-family: sans-serif;\n outline: none;\n}\n\n.bugbattle--feedback-inputgroup textarea {\n border: none;\n outline: none;\n box-shadow: none;\n resize: none;\n width: 100%;\n border: none;\n padding: 20px;\n font-size: 15px;\n line-height: 17px;\n font-family: sans-serif;\n margin: 0px;\n box-sizing: border-box;\n}\n\n.bugbattle-feedback-importance {\n margin: 20px;\n margin-bottom: -8px;\n font-weight: bold;\n color: #222426;\n font-size: 14px;\n font-family: sans-serif;\n}\n\n.bugbattle--toggle {\n display: flex;\n margin: 20px 20px;\n width: calc(100% - 40px);\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n position: relative;\n z-index: 1;\n font-size: 12px;\n border: 1px solid #086EFB;\n border-radius: 3px;\n color: #086EFB;\n}\n\n.bugbattle--toggle > input {\n display: none;\n}\n\n.bugbattle--toggle > input:checked + label {\n color: #fff;\n}\n\n.bugbattle--toggle > input:nth-of-type(1):checked ~ label:last-of-type:before {\n -webkit-transform: translateX(calc(0% + 0px));\n transform: translateX(calc(0% + 0px));\n}\n\n.bugbattle--toggle > input:nth-of-type(2):checked ~ label:last-of-type:before {\n -webkit-transform: translateX(calc(100% + 0px));\n transform: translateX(calc(100% + 0px));\n}\n\n.bugbattle--toggle > input:nth-of-type(3):checked ~ label:last-of-type:before {\n -webkit-transform: translateX(calc(200% + 0px));\n transform: translateX(calc(200% + 0px));\n}\n\n.bugbattle--toggle label {\n flex: 1 1;\n text-align: center;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n font-family: sans-serif;\n}\n\n.bugbattle--toggle label:last-of-type:before {\n content: \"\";\n display: block;\n max-width: calc(33.3333333333% - 0px);\n margin: 0px;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n\n.bugbattle--toggle label {\n padding: 6px 3px;\n -webkit-transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n}\n\n.bugbattle--toggle label:before {\n background: #086EFB;\n -webkit-transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n}\n\n.bugbattle--toggle label:not(:last-child) {\n border-right: 1px solid #086EFB;\n}\n\n.bugbattle--feedback-image {\n position: relative;\n}\n\n.bugbattle--feedback-image img {\n width: 200px;\n height: auto;\n max-height: 180px;\n object-fit: cover;\n margin: 20px;\n border-radius: 5px;\n border: solid 1px #eee;\n min-height: 90px;\n}\n\n.bugbattle--edit-button {\n position: absolute;\n top: calc(50% - 25px);\n left: 100px;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: rgba(0, 0, 0, 0.45);\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.bugbattle--edit-button svg {\n width: 60%;\n}\n\n.bugbattle-spinner {\n width: 40px;\n height: 40px;\n position: relative;\n margin: 100px auto;\n}\n\n.bugbattle-double-bounce1, .bugbattle-double-bounce2 {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: #333;\n opacity: 0.6;\n position: absolute;\n top: 0;\n left: 0;\n \n -webkit-animation: sk-bounce 2.0s infinite ease-in-out;\n animation: sk-bounce 2.0s infinite ease-in-out;\n}\n\n.bugbattle-double-bounce2 {\n -webkit-animation-delay: -1.0s;\n animation-delay: -1.0s;\n}\n\n@-webkit-keyframes sk-bounce {\n 0%, 100% { -webkit-transform: scale(0.0) }\n 50% { -webkit-transform: scale(1.0) }\n}\n\n@keyframes sk-bounce {\n 0%, 100% { \n transform: scale(0.0);\n -webkit-transform: scale(0.0);\n } 50% { \n transform: scale(1.0);\n -webkit-transform: scale(1.0);\n }\n}\n\n.bugbattle-screenshot-editor-container {\n position: absolute;\n top: 0px;\n left: 0px;\n right: 0px;\n height: 100%;\n background-color: #fff;\n z-index: 16777263;\n}\n\n.bugbattle-screenshot-editor-canvas {\n width: 100vw;\n height: 100vh;\n background-color: #eee;\n cursor: crosshair;\n}\n\n.bugbattle-screenshot-editor-done {\n position: fixed;\n top: 30px;\n right: 30px;\n width: 55px;\n height: 55px;\n line-height: 55px;\n text-align: center;\n font-weight: normal;\n font-size: 13px;\n font-family: sans-serif;\n cursor: pointer;\n background-color: #fff;\n color: #000;\n font-weight: bold;\n border-radius: 28px;\n box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);\n z-index: 16777265;\n}\n\n.bugbattle-screenshot-editor-color {\n position: fixed;\n top: 42px;\n width: 30px;\n height: 30px;\n text-align: center;\n font-weight: normal;\n font-size: 10px;\n font-family: sans-serif;\n cursor: pointer;\n color: #000;\n font-weight: bold;\n border-radius: 28px;\n box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);\n z-index: 16777265;\n}\n\n.bugbattle-screenshot-editor-color--selected {\n border: 2px solid #fff;\n}\n\n.bugbattle-screenshot-editor-color--black {\n right: 105px;\n background-color: #313131;\n}\n\n.bugbattle-screenshot-editor-color--yellow {\n right: 140px;\n background-color: #FCC83D;\n}\n\n.bugbattle-screenshot-editor-color--green {\n right: 175px;\n background-color: #50AF57;\n}\n\n.bugbattle-screenshot-editor-color--marine {\n right: 210px;\n background-color: #27BBD1;\n}\n\n.bugbattle-screenshot-editor-color--blue {\n right: 245px;\n background-color: #414FB0;\n}\n\n.bugbattle-screenshot-editor-color--pink {\n right: 280px;\n background-color: #9924AB;\n}\n\n.bugbattle-screenshot-editor-color--red {\n right: 315px;\n background-color: #ED443D;\n}\n\n\n",".bugbattle--feedback-button {\n position: fixed;\n bottom: 0px;\n right: 30px;\n width: 135px;\n height: 35px;\n line-height: 35px;\n text-align: center;\n font-weight: normal;\n font-size: 13px;\n font-family: sans-serif;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n cursor: pointer;\n background-color: #086EFB;\n color: #fff;\n box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);\n z-index: 16777260;\n}\n\n.bugbattle--feedback-button:after {\n content: \"Feedback\";\n}\n\n.bugbattle--feedback-dialog-container {\n position: fixed;\n left: 0px;\n top: 0px;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.25);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 16777261;\n}\n\n.bugbattle--feedback-dialog {\n width: 90%;\n max-width: 550px;\n background-color: #fff;\n box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n overflow-y: auto;\n}\n\n.bugbattle--feedback-dialog-header {\n height: 50px;\n background-color: #086EFB;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n@media only screen and (max-width: 600px) {\n .bugbattle--feedback-dialog {\n width: 100%;\n height: 100%;\n border-radius: 0px;\n }\n .bugbattle--feedback-dialog-header {\n border-radius: 0px;\n }\n}\n\n.bugbattle--feedback-dialog-header-button {\n font-weight: normal;\n padding: 0px 20px;\n cursor: pointer;\n color: #fff;\n font-size: 14px;\n font-family: sans-serif;\n}\n\n.bugbattle--feedback-dialog-header-title {\n font-weight: bold;\n text-align: center;\n color: #fff;\n font-size: 15px;\n font-family: sans-serif;\n text-align: center;\n width: 100%;\n}\n\n.bugbattle--feedback-dialog-info-text {\n color: #666;\n font-size: 14px;\n font-family: sans-serif;\n padding-top: 10px;\n text-align: center;\n}\n\n.bugbattle--feedback-dialog-success {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n padding: 100px;\n display: none;\n}\n\n.bugbattle--feedback-dialog-success svg {\n width: 30px;\n height: auto;\n}\n\n.bugbattle--feedback-dialog-loading {\n display: none;\n}\n\n.bugbattle--feedback-dialog-body {\n display: block;\n}\n\n.bugbattle--feedback-inputgroup {\n border-bottom: 1px solid #eee;\n}\n\n.bugbattle--feedback-inputgroup-label {\n padding: 20px;\n padding-bottom: 0px;\n color: #A9A9A9;\n font-size: 15px;\n font-family: sans-serif;\n}\n\n.bugbattle--feedback-inputgroup input {\n width: calc(100% - 40px);\n border: none;\n padding: 20px;\n font-size: 15px;\n font-family: sans-serif;\n outline: none;\n}\n\n.bugbattle--feedback-inputgroup textarea {\n border: none;\n outline: none;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n resize: none;\n width: 100%;\n border: none;\n padding: 20px;\n font-size: 15px;\n line-height: 17px;\n font-family: sans-serif;\n margin: 0px;\n box-sizing: border-box;\n}\n\n.bugbattle-feedback-importance {\n margin: 20px;\n margin-bottom: -8px;\n font-weight: bold;\n color: #222426;\n font-size: 14px;\n font-family: sans-serif;\n}\n\n.bugbattle--toggle {\n display: flex;\n margin: 20px 20px;\n width: calc(100% - 40px);\n position: relative;\n user-select: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n position: relative;\n z-index: 1;\n font-size: 12px;\n border: 1px solid #086EFB;\n border-radius: 3px;\n color: #086EFB;\n}\n\n.bugbattle--toggle > input {\n display: none;\n}\n\n.bugbattle--toggle > input:checked + label {\n color: #fff;\n}\n\n.bugbattle--toggle > input:nth-of-type(1):checked ~ label:last-of-type:before {\n transform: translateX(calc(0% + 0px));\n}\n\n.bugbattle--toggle > input:nth-of-type(2):checked ~ label:last-of-type:before {\n transform: translateX(calc(100% + 0px));\n}\n\n.bugbattle--toggle > input:nth-of-type(3):checked ~ label:last-of-type:before {\n transform: translateX(calc(200% + 0px));\n}\n\n.bugbattle--toggle label {\n flex: 1;\n text-align: center;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n font-family: sans-serif;\n}\n\n.bugbattle--toggle label:last-of-type:before {\n content: \"\";\n display: block;\n max-width: calc(33.3333333333% - 0px);\n margin: 0px;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n transform: translateX(0);\n}\n\n.bugbattle--toggle label {\n padding: 6px 3px;\n transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n}\n\n.bugbattle--toggle label:before {\n background: #086EFB;\n transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n}\n\n.bugbattle--toggle label:not(:last-child) {\n border-right: 1px solid #086EFB;\n}\n\n.bugbattle--feedback-image {\n position: relative;\n}\n\n.bugbattle--feedback-image img {\n width: 200px;\n height: auto;\n max-height: 180px;\n object-fit: cover;\n margin: 20px;\n border-radius: 5px;\n border: solid 1px #eee;\n min-height: 90px;\n}\n\n.bugbattle--edit-button {\n position: absolute;\n top: calc(50% - 25px);\n left: 100px;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: rgba(0, 0, 0, 0.45);\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.bugbattle--edit-button svg {\n width: 60%;\n}\n\n.bugbattle-spinner {\n width: 40px;\n height: 40px;\n position: relative;\n margin: 100px auto;\n}\n\n.bugbattle-double-bounce1, .bugbattle-double-bounce2 {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: #333;\n opacity: 0.6;\n position: absolute;\n top: 0;\n left: 0;\n \n -webkit-animation: sk-bounce 2.0s infinite ease-in-out;\n animation: sk-bounce 2.0s infinite ease-in-out;\n}\n\n.bugbattle-double-bounce2 {\n -webkit-animation-delay: -1.0s;\n animation-delay: -1.0s;\n}\n\n@-webkit-keyframes sk-bounce {\n 0%, 100% { -webkit-transform: scale(0.0) }\n 50% { -webkit-transform: scale(1.0) }\n}\n\n@keyframes sk-bounce {\n 0%, 100% { \n transform: scale(0.0);\n -webkit-transform: scale(0.0);\n } 50% { \n transform: scale(1.0);\n -webkit-transform: scale(1.0);\n }\n}\n\n.bugbattle-screenshot-editor-container {\n position: absolute;\n top: 0px;\n left: 0px;\n right: 0px;\n height: 100%;\n background-color: #fff;\n z-index: 16777263;\n}\n\n.bugbattle-screenshot-editor-canvas {\n width: 100vw;\n height: 100vh;\n background-color: #eee;\n cursor: crosshair;\n}\n\n.bugbattle-screenshot-editor-done {\n position: fixed;\n top: 30px;\n right: 30px;\n width: 55px;\n height: 55px;\n line-height: 55px;\n text-align: center;\n font-weight: normal;\n font-size: 13px;\n font-family: sans-serif;\n cursor: pointer;\n background-color: #fff;\n color: #000;\n font-weight: bold;\n border-radius: 28px;\n box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);\n z-index: 16777265;\n}\n\n.bugbattle-screenshot-editor-color {\n position: fixed;\n top: 42px;\n width: 30px;\n height: 30px;\n text-align: center;\n font-weight: normal;\n font-size: 10px;\n font-family: sans-serif;\n cursor: pointer;\n color: #000;\n font-weight: bold;\n border-radius: 28px;\n box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);\n z-index: 16777265;\n}\n\n.bugbattle-screenshot-editor-color--selected {\n border: 2px solid #fff;\n}\n\n.bugbattle-screenshot-editor-color--black {\n right: 105px;\n background-color: #313131;\n}\n\n.bugbattle-screenshot-editor-color--yellow {\n right: 140px;\n background-color: #FCC83D;\n}\n\n.bugbattle-screenshot-editor-color--green {\n right: 175px;\n background-color: #50AF57;\n}\n\n.bugbattle-screenshot-editor-color--marine {\n right: 210px;\n background-color: #27BBD1;\n}\n\n.bugbattle-screenshot-editor-color--blue {\n right: 245px;\n background-color: #414FB0;\n}\n\n.bugbattle-screenshot-editor-color--pink {\n right: 280px;\n background-color: #9924AB;\n}\n\n.bugbattle-screenshot-editor-color--red {\n right: 315px;\n background-color: #ED443D;\n}\n\n"]} \ No newline at end of file diff --git a/published/.DS_Store b/published/.DS_Store index a19bf6d7..0a832ade 100644 Binary files a/published/.DS_Store and b/published/.DS_Store differ diff --git a/published/latest/index.css b/published/latest/index.css index c2252248..0a4513d3 100644 --- a/published/latest/index.css +++ b/published/latest/index.css @@ -1,6 +1,6 @@ /*! * - * bugbattle v1.0.4 + * bugbattle v1.1.0 * https://github.com/BugBattle/BugBattle-JavaScript-SDK * * Copyright (c) BugBattle @@ -8,5 +8,5 @@ * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * - */.bugbattle--feedback-button{position:fixed;bottom:0;right:30px;width:135px;height:35px;line-height:35px;text-align:center;font-weight:400;font-size:13px;font-family:sans-serif;border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer;background-color:#086efb;color:#fff}.bugbattle--feedback-button:after{content:"Feedback"}.bugbattle--feedback-dialog-container{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.25);display:flex;justify-content:center;align-items:center}.bugbattle--feedback-dialog{width:90%;max-width:550px;background-color:#fff;box-shadow:0 10px 30px 0 rgba(0,0,0,.1);border-radius:10px;overflow-y:auto}.bugbattle--feedback-dialog-header{height:50px;background-color:#086efb;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width:600px){.bugbattle--feedback-dialog{width:100%;height:100%;border-radius:0}.bugbattle--feedback-dialog-header{border-radius:0}.bugbattle--feedback-button{position:fixed;bottom:10px;right:10px;width:44px;height:44px;line-height:44px;font-size:13px;border-radius:100%;box-shadow:0 0 20px rgba(0,0,0,.2)}.bugbattle--feedback-button:after{content:"?"}}.bugbattle--feedback-dialog-header-button{font-weight:400;padding:0 20px;cursor:pointer;color:#fff;font-size:14px;font-family:sans-serif}.bugbattle--feedback-dialog-header-title{font-weight:700;color:#fff;font-size:15px;font-family:sans-serif;text-align:center;width:100%}.bugbattle--feedback-dialog-info-text{color:#666;font-size:14px;font-family:sans-serif;padding-top:10px;text-align:center}.bugbattle--feedback-dialog-success{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:100px;display:none}.bugbattle--feedback-dialog-success svg{width:30px;height:auto}.bugbattle--feedback-dialog-loading{display:none}.bugbattle--feedback-dialog-body{display:block}.bugbattle--feedback-inputgroup{border-bottom:1px solid #eee}.bugbattle--feedback-inputgroup-label{padding:20px 20px 0;color:#a9a9a9;font-size:15px;font-family:sans-serif}.bugbattle--feedback-inputgroup input{width:calc(100% - 40px);border:none;padding:20px;font-size:15px;font-family:sans-serif;outline:none}.bugbattle--feedback-inputgroup textarea{outline:none;box-shadow:none;resize:none;width:100%;border:none;padding:20px;font-size:15px;line-height:17px;font-family:sans-serif;margin:0;box-sizing:border-box}.bugbattle-feedback-importance{margin:20px 20px -8px;font-weight:700;color:#222426;font-size:14px;font-family:sans-serif}.bugbattle--toggle{display:flex;margin:20px;width:calc(100% - 40px);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;z-index:1;font-size:12px;border:1px solid #086efb;border-radius:3px;color:#086efb}.bugbattle--toggle>input{display:none}.bugbattle--toggle>input:checked+label{color:#fff}.bugbattle--toggle>input:first-of-type:checked~label:last-of-type:before{-webkit-transform:translateX(0);transform:translateX(0)}.bugbattle--toggle>input:nth-of-type(2):checked~label:last-of-type:before{-webkit-transform:translateX(100%);transform:translateX(100%)}.bugbattle--toggle>input:nth-of-type(3):checked~label:last-of-type:before{-webkit-transform:translateX(200%);transform:translateX(200%)}.bugbattle--toggle label{flex:1 1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-family:sans-serif}.bugbattle--toggle label:last-of-type:before{content:"";display:block;max-width:33.33333%;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;-webkit-transform:translateX(0);transform:translateX(0)}.bugbattle--toggle label{padding:6px 3px;-webkit-transition:color .25s cubic-bezier(0,.95,.38,.98);transition:color .25s cubic-bezier(0,.95,.38,.98)}.bugbattle--toggle label:before{background:#086efb;-webkit-transition:all .25s cubic-bezier(0,.95,.38,.98);transition:all .25s cubic-bezier(0,.95,.38,.98)}.bugbattle--toggle label:not(:last-child){border-right:1px solid #086efb}.bugbattle--feedback-image{position:relative}.bugbattle--feedback-image img{width:200px;height:auto;max-height:180px;object-fit:cover;margin:20px;border-radius:5px;border:1px solid #eee;min-height:90px}.bugbattle--edit-button{position:absolute;top:calc(50% - 25px);left:100px;width:50px;height:50px;border-radius:50%;background-color:rgba(0,0,0,.45);cursor:pointer;display:flex;justify-content:center;align-items:center}.bugbattle--edit-button svg{width:60%}.bugbattle-spinner{width:40px;height:40px;position:relative;margin:100px auto}.bugbattle-double-bounce1,.bugbattle-double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s ease-in-out infinite;animation:sk-bounce 2s ease-in-out infinite}.bugbattle-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.bugbattle-screenshot-editor-container{position:absolute;top:0;left:0;right:0;height:100%;background-color:#fff}.bugbattle-screenshot-editor-canvas{width:100vw;height:100vh;background-color:#eee;cursor:crosshair}.bugbattle-screenshot-editor-done{top:30px;right:30px;width:55px;height:55px;line-height:55px;font-size:13px;background-color:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,.2)}.bugbattle-screenshot-editor-color,.bugbattle-screenshot-editor-done{position:fixed;text-align:center;font-weight:400;font-family:sans-serif;cursor:pointer;color:#000;font-weight:700;border-radius:28px}.bugbattle-screenshot-editor-color{top:42px;width:30px;height:30px;font-size:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.bugbattle-screenshot-editor-color--selected{border:2px solid #fff}.bugbattle-screenshot-editor-color--black{right:105px;background-color:#313131}.bugbattle-screenshot-editor-color--yellow{right:140px;background-color:#fcc83d}.bugbattle-screenshot-editor-color--green{right:175px;background-color:#50af57}.bugbattle-screenshot-editor-color--marine{right:210px;background-color:#27bbd1}.bugbattle-screenshot-editor-color--blue{right:245px;background-color:#414fb0}.bugbattle-screenshot-editor-color--pink{right:280px;background-color:#9924ab}.bugbattle-screenshot-editor-color--red{right:315px;background-color:#ed443d} + */.bugbattle--feedback-button{position:fixed;bottom:0;right:30px;width:135px;height:35px;line-height:35px;text-align:center;font-weight:400;font-size:13px;font-family:sans-serif;border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer;background-color:#086efb;color:#fff;box-shadow:0 10px 30px 0 rgba(0,0,0,.1);z-index:16777260}.bugbattle--feedback-button:after{content:"Feedback"}.bugbattle--feedback-dialog-container{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.25);display:flex;justify-content:center;align-items:center;z-index:16777261}.bugbattle--feedback-dialog{width:90%;max-width:550px;background-color:#fff;box-shadow:0 10px 30px 0 rgba(0,0,0,.1);border-radius:10px;overflow-y:auto}.bugbattle--feedback-dialog-header{height:50px;background-color:#086efb;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width:600px){.bugbattle--feedback-dialog{width:100%;height:100%;border-radius:0}.bugbattle--feedback-dialog-header{border-radius:0}}.bugbattle--feedback-dialog-header-button{font-weight:400;padding:0 20px;cursor:pointer;color:#fff;font-size:14px;font-family:sans-serif}.bugbattle--feedback-dialog-header-title{font-weight:700;color:#fff;font-size:15px;font-family:sans-serif;text-align:center;width:100%}.bugbattle--feedback-dialog-info-text{color:#666;font-size:14px;font-family:sans-serif;padding-top:10px;text-align:center}.bugbattle--feedback-dialog-success{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:100px;display:none}.bugbattle--feedback-dialog-success svg{width:30px;height:auto}.bugbattle--feedback-dialog-loading{display:none}.bugbattle--feedback-dialog-body{display:block}.bugbattle--feedback-inputgroup{border-bottom:1px solid #eee}.bugbattle--feedback-inputgroup-label{padding:20px 20px 0;color:#a9a9a9;font-size:15px;font-family:sans-serif}.bugbattle--feedback-inputgroup input{width:calc(100% - 40px);border:none;padding:20px;font-size:15px;font-family:sans-serif;outline:none}.bugbattle--feedback-inputgroup textarea{outline:none;box-shadow:none;resize:none;width:100%;border:none;padding:20px;font-size:15px;line-height:17px;font-family:sans-serif;margin:0;box-sizing:border-box}.bugbattle-feedback-importance{margin:20px 20px -8px;font-weight:700;color:#222426;font-size:14px;font-family:sans-serif}.bugbattle--toggle{display:flex;margin:20px;width:calc(100% - 40px);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;z-index:1;font-size:12px;border:1px solid #086efb;border-radius:3px;color:#086efb}.bugbattle--toggle>input{display:none}.bugbattle--toggle>input:checked+label{color:#fff}.bugbattle--toggle>input:first-of-type:checked~label:last-of-type:before{-webkit-transform:translateX(0);transform:translateX(0)}.bugbattle--toggle>input:nth-of-type(2):checked~label:last-of-type:before{-webkit-transform:translateX(100%);transform:translateX(100%)}.bugbattle--toggle>input:nth-of-type(3):checked~label:last-of-type:before{-webkit-transform:translateX(200%);transform:translateX(200%)}.bugbattle--toggle label{flex:1 1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-family:sans-serif}.bugbattle--toggle label:last-of-type:before{content:"";display:block;max-width:33.33333%;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;-webkit-transform:translateX(0);transform:translateX(0)}.bugbattle--toggle label{padding:6px 3px;-webkit-transition:color .25s cubic-bezier(0,.95,.38,.98);transition:color .25s cubic-bezier(0,.95,.38,.98)}.bugbattle--toggle label:before{background:#086efb;-webkit-transition:all .25s cubic-bezier(0,.95,.38,.98);transition:all .25s cubic-bezier(0,.95,.38,.98)}.bugbattle--toggle label:not(:last-child){border-right:1px solid #086efb}.bugbattle--feedback-image{position:relative}.bugbattle--feedback-image img{width:200px;height:auto;max-height:180px;object-fit:cover;margin:20px;border-radius:5px;border:1px solid #eee;min-height:90px}.bugbattle--edit-button{position:absolute;top:calc(50% - 25px);left:100px;width:50px;height:50px;border-radius:50%;background-color:rgba(0,0,0,.45);cursor:pointer;display:flex;justify-content:center;align-items:center}.bugbattle--edit-button svg{width:60%}.bugbattle-spinner{width:40px;height:40px;position:relative;margin:100px auto}.bugbattle-double-bounce1,.bugbattle-double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s ease-in-out infinite;animation:sk-bounce 2s ease-in-out infinite}.bugbattle-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.bugbattle-screenshot-editor-container{position:absolute;top:0;left:0;right:0;height:100%;background-color:#fff;z-index:16777263}.bugbattle-screenshot-editor-canvas{width:100vw;height:100vh;background-color:#eee;cursor:crosshair}.bugbattle-screenshot-editor-done{top:30px;right:30px;width:55px;height:55px;line-height:55px;font-size:13px;background-color:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,.2)}.bugbattle-screenshot-editor-color,.bugbattle-screenshot-editor-done{position:fixed;text-align:center;font-weight:400;font-family:sans-serif;cursor:pointer;color:#000;font-weight:700;border-radius:28px;z-index:16777265}.bugbattle-screenshot-editor-color{top:42px;width:30px;height:30px;font-size:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.bugbattle-screenshot-editor-color--selected{border:2px solid #fff}.bugbattle-screenshot-editor-color--black{right:105px;background-color:#313131}.bugbattle-screenshot-editor-color--yellow{right:140px;background-color:#fcc83d}.bugbattle-screenshot-editor-color--green{right:175px;background-color:#50af57}.bugbattle-screenshot-editor-color--marine{right:210px;background-color:#27bbd1}.bugbattle-screenshot-editor-color--blue{right:245px;background-color:#414fb0}.bugbattle-screenshot-editor-color--pink{right:280px;background-color:#9924ab}.bugbattle-screenshot-editor-color--red{right:315px;background-color:#ed443d} /*# sourceMappingURL=index.css.map */ \ No newline at end of file diff --git a/published/latest/index.css.map b/published/latest/index.css.map index be6f1c81..bfdcf0de 100644 --- a/published/latest/index.css.map +++ b/published/latest/index.css.map @@ -1 +1 @@ -{"version":3,"sources":["index.css","/Users/lukas/Documents/GitHub/BugBattle-JavaScript-SDK/src/lib/css/App.css"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG,ACVH,4BACE,eAAgB,AAChB,SAAY,AACZ,WAAY,AACZ,YAAa,AACb,YAAa,AACb,iBAAkB,AAClB,kBAAmB,AACnB,gBAAoB,AACpB,eAAgB,AAChB,uBAAwB,AACxB,2BAA4B,AAC5B,4BAA6B,AAC7B,eAAgB,AAChB,yBAA0B,AAC1B,UAAY,CACb,AAED,kCACE,kBAAoB,CACrB,AAED,sCACE,eAAgB,AAChB,OAAU,AACV,MAAS,AACT,YAAa,AACb,aAAc,AACd,iCAAsC,AACtC,aAAc,AACd,uBAAwB,AACxB,kBAAoB,CACrB,AAED,4BACE,UAAW,AACX,gBAAiB,AACjB,sBAAuB,AACvB,wCAAiD,AACjD,mBAAoB,AACpB,eAAiB,CAClB,AAED,mCACE,YAAa,AACb,yBAA0B,AAC1B,4BAA6B,AAC7B,6BAA8B,AAC9B,aAAc,AACd,mBAAoB,AACpB,6BAA+B,CAChC,AAED,yCACE,4BACE,WAAY,AACZ,YAAa,AACb,eAAmB,CACpB,AACD,mCACE,eAAmB,CACpB,AACD,4BACE,eAAgB,AAChB,YAAa,AACb,WAAY,AACZ,WAAY,AACZ,YAAa,AACb,iBAAkB,AAClB,eAAgB,AAChB,mBAAoB,AACpB,kCAAwC,CACzC,AACD,kCACE,WAAa,CACd,CACF,AAED,0CACE,gBAAoB,AACpB,eAAkB,AAClB,eAAgB,AAChB,WAAY,AACZ,eAAgB,AAChB,sBAAwB,CACzB,AAED,yCACE,gBAAkB,AAElB,WAAY,AACZ,eAAgB,AAChB,uBAAwB,AACxB,kBAAmB,AACnB,UAAY,CACb,AAED,sCACE,WAAY,AACZ,eAAgB,AAChB,uBAAwB,AACxB,iBAAkB,AAClB,iBAAmB,CACpB,AAED,oCACE,aAAc,AACd,uBAAwB,AACxB,mBAAoB,AACpB,sBAAuB,AACvB,cAAe,AACf,YAAc,CACf,AAED,wCACE,WAAY,AACZ,WAAa,CACd,AAED,oCACE,YAAc,CACf,AAED,iCACE,aAAe,CAChB,AAED,gCACE,4BAA8B,CAC/B,AAED,sCAEE,oBAAoB,AACpB,cAAe,AACf,eAAgB,AAChB,sBAAwB,CACzB,AAED,sCACE,wBAAyB,AACzB,YAAa,AACb,aAAc,AACd,eAAgB,AAChB,uBAAwB,AACxB,YAAc,CACf,AAED,yCAEE,aAAc,AAGd,gBAAiB,AACjB,YAAa,AACb,WAAY,AACZ,YAAa,AACb,aAAc,AACd,eAAgB,AAChB,iBAAkB,AAClB,uBAAwB,AACxB,SAAY,AACZ,qBAAuB,CACxB,AAED,+BAEE,sBAAoB,AACpB,gBAAkB,AAClB,cAAe,AACf,eAAgB,AAChB,sBAAwB,CACzB,AAED,mBACE,aAAc,AACd,YAAkB,AAClB,wBAAyB,AAEzB,yBAAkB,AAAlB,sBAAkB,AAAlB,qBAAkB,AAAlB,iBAAkB,AAClB,0CAA8C,AAC9C,kBAAmB,AACnB,UAAW,AACX,eAAgB,AAChB,yBAA0B,AAC1B,kBAAmB,AACnB,aAAe,CAChB,AAED,yBACE,YAAc,CACf,AAED,uCACE,UAAY,CACb,AAED,yEACE,gCAAsC,AAAtC,uBAAsC,CACvC,AAED,0EACE,mCAAwC,AAAxC,0BAAwC,CACzC,AAED,0EACE,mCAAwC,AAAxC,0BAAwC,CACzC,AAED,yBACE,SAAQ,AACR,kBAAmB,AACnB,mBAAoB,AACpB,gBAAiB,AACjB,uBAAwB,AACxB,eAAgB,AAChB,sBAAwB,CACzB,AAED,6CACE,WAAY,AACZ,cAAe,AACf,oBAAsC,AACtC,SAAY,AACZ,kBAAmB,AACnB,MAAO,AACP,QAAS,AACT,SAAU,AACV,OAAQ,AACR,WAAY,AACZ,gCAAyB,AAAzB,uBAAyB,CAC1B,AAED,yBACE,gBAAiB,AACjB,0DAA0D,AAA1D,iDAA0D,CAC3D,AAED,gCACE,mBAAoB,AACpB,wDAAwD,AAAxD,+CAAwD,CACzD,AAED,0CACE,8BAAgC,CACjC,AAED,2BACE,iBAAmB,CACpB,AAED,+BACE,YAAa,AACb,YAAa,AACb,iBAAkB,AAClB,iBAAkB,AAClB,YAAa,AACb,kBAAmB,AACnB,sBAAuB,AACvB,eAAiB,CAClB,AAED,wBACE,kBAAmB,AACnB,qBAAsB,AACtB,WAAY,AACZ,WAAY,AACZ,YAAa,AACb,kBAAmB,AACnB,iCAAsC,AACtC,eAAgB,AAChB,aAAc,AACd,uBAAwB,AACxB,kBAAoB,CACrB,AAED,4BACE,SAAW,CACZ,AAED,mBACE,WAAY,AACZ,YAAa,AACb,kBAAmB,AACnB,iBAAmB,CACpB,AAED,oDACE,WAAY,AACZ,YAAa,AACb,kBAAmB,AACnB,sBAAuB,AACvB,WAAa,AACb,kBAAmB,AACnB,MAAO,AACP,OAAQ,AAER,oDAAuD,AACvD,2CAA+C,CAChD,AAED,0BACE,4BAA+B,AAC/B,mBAAuB,CACxB,AAED,6BACE,MAAW,0BAA6B,CAAE,AAC1C,IAAM,0BAA6B,CAAE,CACtC,AAED,qBACE,MACE,mBAAsB,AACtB,0BAA8B,CAC/B,AAAC,IACA,mBAAsB,AACtB,0BAA8B,CAC/B,CACF,AAED,uCACE,kBAAmB,AACnB,MAAS,AACT,OAAU,AACV,QAAW,AACX,YAAa,AACb,qBAAuB,CACxB,AAED,oCACE,YAAa,AACb,aAAc,AACd,sBAAuB,AACvB,gBAAkB,CACnB,AAED,kCAEE,SAAU,AACV,WAAY,AACZ,WAAY,AACZ,YAAa,AACb,iBAAkB,AAGlB,eAAgB,AAGhB,sBAAuB,AAIvB,oCAAgD,CACjD,AAED,qEAlBE,eAAgB,AAMhB,kBAAmB,AACnB,gBAAoB,AAEpB,uBAAwB,AACxB,eAAgB,AAEhB,WAAY,AACZ,gBAAkB,AAClB,kBAAoB,CAkBrB,AAdD,mCAEE,SAAU,AACV,WAAY,AACZ,YAAa,AAGb,eAAgB,AAMhB,oCAAgD,CACjD,AAED,6CACE,qBAAuB,CACxB,AAED,0CACE,YAAa,AACb,wBAA0B,CAC3B,AAED,2CACE,YAAa,AACb,wBAA0B,CAC3B,AAED,0CACE,YAAa,AACb,wBAA0B,CAC3B,AAED,2CACE,YAAa,AACb,wBAA0B,CAC3B,AAED,yCACE,YAAa,AACb,wBAA0B,CAC3B,AAED,yCACE,YAAa,AACb,wBAA0B,CAC3B,AAED,wCACE,YAAa,AACb,wBAA0B,CAC3B","file":"index.css","sourcesContent":["/*!\n * \n * bugbattle v1.0.4\n * https://github.com/BugBattle/BugBattle-JavaScript-SDK\n * \n * Copyright (c) BugBattle \n * \n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n * \n */\n.bugbattle--feedback-button {\n position: fixed;\n bottom: 0px;\n right: 30px;\n width: 135px;\n height: 35px;\n line-height: 35px;\n text-align: center;\n font-weight: normal;\n font-size: 13px;\n font-family: sans-serif;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n cursor: pointer;\n background-color: #086EFB;\n color: #fff;\n}\n\n.bugbattle--feedback-button:after {\n content: \"Feedback\";\n}\n\n.bugbattle--feedback-dialog-container {\n position: fixed;\n left: 0px;\n top: 0px;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.25);\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.bugbattle--feedback-dialog {\n width: 90%;\n max-width: 550px;\n background-color: #fff;\n box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n overflow-y: auto;\n}\n\n.bugbattle--feedback-dialog-header {\n height: 50px;\n background-color: #086EFB;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n@media only screen and (max-width: 600px) {\n .bugbattle--feedback-dialog {\n width: 100%;\n height: 100%;\n border-radius: 0px;\n }\n .bugbattle--feedback-dialog-header {\n border-radius: 0px;\n }\n .bugbattle--feedback-button {\n position: fixed;\n bottom: 10px;\n right: 10px;\n width: 44px;\n height: 44px;\n line-height: 44px;\n font-size: 13px;\n border-radius: 100%;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n }\n .bugbattle--feedback-button:after {\n content: \"?\";\n }\n}\n\n.bugbattle--feedback-dialog-header-button {\n font-weight: normal;\n padding: 0px 20px;\n cursor: pointer;\n color: #fff;\n font-size: 14px;\n font-family: sans-serif;\n}\n\n.bugbattle--feedback-dialog-header-title {\n font-weight: bold;\n text-align: center;\n color: #fff;\n font-size: 15px;\n font-family: sans-serif;\n text-align: center;\n width: 100%;\n}\n\n.bugbattle--feedback-dialog-info-text {\n color: #666;\n font-size: 14px;\n font-family: sans-serif;\n padding-top: 10px;\n text-align: center;\n}\n\n.bugbattle--feedback-dialog-success {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n padding: 100px;\n display: none;\n}\n\n.bugbattle--feedback-dialog-success svg {\n width: 30px;\n height: auto;\n}\n\n.bugbattle--feedback-dialog-loading {\n display: none;\n}\n\n.bugbattle--feedback-dialog-body {\n display: block;\n}\n\n.bugbattle--feedback-inputgroup {\n border-bottom: 1px solid #eee;\n}\n\n.bugbattle--feedback-inputgroup-label {\n padding: 20px;\n padding-bottom: 0px;\n color: #A9A9A9;\n font-size: 15px;\n font-family: sans-serif;\n}\n\n.bugbattle--feedback-inputgroup input {\n width: calc(100% - 40px);\n border: none;\n padding: 20px;\n font-size: 15px;\n font-family: sans-serif;\n outline: none;\n}\n\n.bugbattle--feedback-inputgroup textarea {\n border: none;\n outline: none;\n box-shadow: none;\n resize: none;\n width: 100%;\n border: none;\n padding: 20px;\n font-size: 15px;\n line-height: 17px;\n font-family: sans-serif;\n margin: 0px;\n box-sizing: border-box;\n}\n\n.bugbattle-feedback-importance {\n margin: 20px;\n margin-bottom: -8px;\n font-weight: bold;\n color: #222426;\n font-size: 14px;\n font-family: sans-serif;\n}\n\n.bugbattle--toggle {\n display: flex;\n margin: 20px 20px;\n width: calc(100% - 40px);\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n position: relative;\n z-index: 1;\n font-size: 12px;\n border: 1px solid #086EFB;\n border-radius: 3px;\n color: #086EFB;\n}\n\n.bugbattle--toggle > input {\n display: none;\n}\n\n.bugbattle--toggle > input:checked + label {\n color: #fff;\n}\n\n.bugbattle--toggle > input:nth-of-type(1):checked ~ label:last-of-type:before {\n -webkit-transform: translateX(calc(0% + 0px));\n transform: translateX(calc(0% + 0px));\n}\n\n.bugbattle--toggle > input:nth-of-type(2):checked ~ label:last-of-type:before {\n -webkit-transform: translateX(calc(100% + 0px));\n transform: translateX(calc(100% + 0px));\n}\n\n.bugbattle--toggle > input:nth-of-type(3):checked ~ label:last-of-type:before {\n -webkit-transform: translateX(calc(200% + 0px));\n transform: translateX(calc(200% + 0px));\n}\n\n.bugbattle--toggle label {\n flex: 1 1;\n text-align: center;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n font-family: sans-serif;\n}\n\n.bugbattle--toggle label:last-of-type:before {\n content: \"\";\n display: block;\n max-width: calc(33.3333333333% - 0px);\n margin: 0px;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n\n.bugbattle--toggle label {\n padding: 6px 3px;\n -webkit-transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n}\n\n.bugbattle--toggle label:before {\n background: #086EFB;\n -webkit-transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n}\n\n.bugbattle--toggle label:not(:last-child) {\n border-right: 1px solid #086EFB;\n}\n\n.bugbattle--feedback-image {\n position: relative;\n}\n\n.bugbattle--feedback-image img {\n width: 200px;\n height: auto;\n max-height: 180px;\n object-fit: cover;\n margin: 20px;\n border-radius: 5px;\n border: solid 1px #eee;\n min-height: 90px;\n}\n\n.bugbattle--edit-button {\n position: absolute;\n top: calc(50% - 25px);\n left: 100px;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: rgba(0, 0, 0, 0.45);\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.bugbattle--edit-button svg {\n width: 60%;\n}\n\n.bugbattle-spinner {\n width: 40px;\n height: 40px;\n position: relative;\n margin: 100px auto;\n}\n\n.bugbattle-double-bounce1, .bugbattle-double-bounce2 {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: #333;\n opacity: 0.6;\n position: absolute;\n top: 0;\n left: 0;\n \n -webkit-animation: sk-bounce 2.0s infinite ease-in-out;\n animation: sk-bounce 2.0s infinite ease-in-out;\n}\n\n.bugbattle-double-bounce2 {\n -webkit-animation-delay: -1.0s;\n animation-delay: -1.0s;\n}\n\n@-webkit-keyframes sk-bounce {\n 0%, 100% { -webkit-transform: scale(0.0) }\n 50% { -webkit-transform: scale(1.0) }\n}\n\n@keyframes sk-bounce {\n 0%, 100% { \n transform: scale(0.0);\n -webkit-transform: scale(0.0);\n } 50% { \n transform: scale(1.0);\n -webkit-transform: scale(1.0);\n }\n}\n\n.bugbattle-screenshot-editor-container {\n position: absolute;\n top: 0px;\n left: 0px;\n right: 0px;\n height: 100%;\n background-color: #fff;\n}\n\n.bugbattle-screenshot-editor-canvas {\n width: 100vw;\n height: 100vh;\n background-color: #eee;\n cursor: crosshair;\n}\n\n.bugbattle-screenshot-editor-done {\n position: fixed;\n top: 30px;\n right: 30px;\n width: 55px;\n height: 55px;\n line-height: 55px;\n text-align: center;\n font-weight: normal;\n font-size: 13px;\n font-family: sans-serif;\n cursor: pointer;\n background-color: #fff;\n color: #000;\n font-weight: bold;\n border-radius: 28px;\n box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);\n}\n\n.bugbattle-screenshot-editor-color {\n position: fixed;\n top: 42px;\n width: 30px;\n height: 30px;\n text-align: center;\n font-weight: normal;\n font-size: 10px;\n font-family: sans-serif;\n cursor: pointer;\n color: #000;\n font-weight: bold;\n border-radius: 28px;\n box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);\n}\n\n.bugbattle-screenshot-editor-color--selected {\n border: 2px solid #fff;\n}\n\n.bugbattle-screenshot-editor-color--black {\n right: 105px;\n background-color: #313131;\n}\n\n.bugbattle-screenshot-editor-color--yellow {\n right: 140px;\n background-color: #FCC83D;\n}\n\n.bugbattle-screenshot-editor-color--green {\n right: 175px;\n background-color: #50AF57;\n}\n\n.bugbattle-screenshot-editor-color--marine {\n right: 210px;\n background-color: #27BBD1;\n}\n\n.bugbattle-screenshot-editor-color--blue {\n right: 245px;\n background-color: #414FB0;\n}\n\n.bugbattle-screenshot-editor-color--pink {\n right: 280px;\n background-color: #9924AB;\n}\n\n.bugbattle-screenshot-editor-color--red {\n right: 315px;\n background-color: #ED443D;\n}\n\n\n",".bugbattle--feedback-button {\n position: fixed;\n bottom: 0px;\n right: 30px;\n width: 135px;\n height: 35px;\n line-height: 35px;\n text-align: center;\n font-weight: normal;\n font-size: 13px;\n font-family: sans-serif;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n cursor: pointer;\n background-color: #086EFB;\n color: #fff;\n}\n\n.bugbattle--feedback-button:after {\n content: \"Feedback\";\n}\n\n.bugbattle--feedback-dialog-container {\n position: fixed;\n left: 0px;\n top: 0px;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.25);\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.bugbattle--feedback-dialog {\n width: 90%;\n max-width: 550px;\n background-color: #fff;\n box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n overflow-y: auto;\n}\n\n.bugbattle--feedback-dialog-header {\n height: 50px;\n background-color: #086EFB;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n@media only screen and (max-width: 600px) {\n .bugbattle--feedback-dialog {\n width: 100%;\n height: 100%;\n border-radius: 0px;\n }\n .bugbattle--feedback-dialog-header {\n border-radius: 0px;\n }\n .bugbattle--feedback-button {\n position: fixed;\n bottom: 10px;\n right: 10px;\n width: 44px;\n height: 44px;\n line-height: 44px;\n font-size: 13px;\n border-radius: 100%;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n }\n .bugbattle--feedback-button:after {\n content: \"?\";\n }\n}\n\n.bugbattle--feedback-dialog-header-button {\n font-weight: normal;\n padding: 0px 20px;\n cursor: pointer;\n color: #fff;\n font-size: 14px;\n font-family: sans-serif;\n}\n\n.bugbattle--feedback-dialog-header-title {\n font-weight: bold;\n text-align: center;\n color: #fff;\n font-size: 15px;\n font-family: sans-serif;\n text-align: center;\n width: 100%;\n}\n\n.bugbattle--feedback-dialog-info-text {\n color: #666;\n font-size: 14px;\n font-family: sans-serif;\n padding-top: 10px;\n text-align: center;\n}\n\n.bugbattle--feedback-dialog-success {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n padding: 100px;\n display: none;\n}\n\n.bugbattle--feedback-dialog-success svg {\n width: 30px;\n height: auto;\n}\n\n.bugbattle--feedback-dialog-loading {\n display: none;\n}\n\n.bugbattle--feedback-dialog-body {\n display: block;\n}\n\n.bugbattle--feedback-inputgroup {\n border-bottom: 1px solid #eee;\n}\n\n.bugbattle--feedback-inputgroup-label {\n padding: 20px;\n padding-bottom: 0px;\n color: #A9A9A9;\n font-size: 15px;\n font-family: sans-serif;\n}\n\n.bugbattle--feedback-inputgroup input {\n width: calc(100% - 40px);\n border: none;\n padding: 20px;\n font-size: 15px;\n font-family: sans-serif;\n outline: none;\n}\n\n.bugbattle--feedback-inputgroup textarea {\n border: none;\n outline: none;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n resize: none;\n width: 100%;\n border: none;\n padding: 20px;\n font-size: 15px;\n line-height: 17px;\n font-family: sans-serif;\n margin: 0px;\n box-sizing: border-box;\n}\n\n.bugbattle-feedback-importance {\n margin: 20px;\n margin-bottom: -8px;\n font-weight: bold;\n color: #222426;\n font-size: 14px;\n font-family: sans-serif;\n}\n\n.bugbattle--toggle {\n display: flex;\n margin: 20px 20px;\n width: calc(100% - 40px);\n position: relative;\n user-select: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n position: relative;\n z-index: 1;\n font-size: 12px;\n border: 1px solid #086EFB;\n border-radius: 3px;\n color: #086EFB;\n}\n\n.bugbattle--toggle > input {\n display: none;\n}\n\n.bugbattle--toggle > input:checked + label {\n color: #fff;\n}\n\n.bugbattle--toggle > input:nth-of-type(1):checked ~ label:last-of-type:before {\n transform: translateX(calc(0% + 0px));\n}\n\n.bugbattle--toggle > input:nth-of-type(2):checked ~ label:last-of-type:before {\n transform: translateX(calc(100% + 0px));\n}\n\n.bugbattle--toggle > input:nth-of-type(3):checked ~ label:last-of-type:before {\n transform: translateX(calc(200% + 0px));\n}\n\n.bugbattle--toggle label {\n flex: 1;\n text-align: center;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n font-family: sans-serif;\n}\n\n.bugbattle--toggle label:last-of-type:before {\n content: \"\";\n display: block;\n max-width: calc(33.3333333333% - 0px);\n margin: 0px;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n transform: translateX(0);\n}\n\n.bugbattle--toggle label {\n padding: 6px 3px;\n transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n}\n\n.bugbattle--toggle label:before {\n background: #086EFB;\n transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n}\n\n.bugbattle--toggle label:not(:last-child) {\n border-right: 1px solid #086EFB;\n}\n\n.bugbattle--feedback-image {\n position: relative;\n}\n\n.bugbattle--feedback-image img {\n width: 200px;\n height: auto;\n max-height: 180px;\n object-fit: cover;\n margin: 20px;\n border-radius: 5px;\n border: solid 1px #eee;\n min-height: 90px;\n}\n\n.bugbattle--edit-button {\n position: absolute;\n top: calc(50% - 25px);\n left: 100px;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: rgba(0, 0, 0, 0.45);\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.bugbattle--edit-button svg {\n width: 60%;\n}\n\n.bugbattle-spinner {\n width: 40px;\n height: 40px;\n position: relative;\n margin: 100px auto;\n}\n\n.bugbattle-double-bounce1, .bugbattle-double-bounce2 {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: #333;\n opacity: 0.6;\n position: absolute;\n top: 0;\n left: 0;\n \n -webkit-animation: sk-bounce 2.0s infinite ease-in-out;\n animation: sk-bounce 2.0s infinite ease-in-out;\n}\n\n.bugbattle-double-bounce2 {\n -webkit-animation-delay: -1.0s;\n animation-delay: -1.0s;\n}\n\n@-webkit-keyframes sk-bounce {\n 0%, 100% { -webkit-transform: scale(0.0) }\n 50% { -webkit-transform: scale(1.0) }\n}\n\n@keyframes sk-bounce {\n 0%, 100% { \n transform: scale(0.0);\n -webkit-transform: scale(0.0);\n } 50% { \n transform: scale(1.0);\n -webkit-transform: scale(1.0);\n }\n}\n\n.bugbattle-screenshot-editor-container {\n position: absolute;\n top: 0px;\n left: 0px;\n right: 0px;\n height: 100%;\n background-color: #fff;\n}\n\n.bugbattle-screenshot-editor-canvas {\n width: 100vw;\n height: 100vh;\n background-color: #eee;\n cursor: crosshair;\n}\n\n.bugbattle-screenshot-editor-done {\n position: fixed;\n top: 30px;\n right: 30px;\n width: 55px;\n height: 55px;\n line-height: 55px;\n text-align: center;\n font-weight: normal;\n font-size: 13px;\n font-family: sans-serif;\n cursor: pointer;\n background-color: #fff;\n color: #000;\n font-weight: bold;\n border-radius: 28px;\n box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);\n}\n\n.bugbattle-screenshot-editor-color {\n position: fixed;\n top: 42px;\n width: 30px;\n height: 30px;\n text-align: center;\n font-weight: normal;\n font-size: 10px;\n font-family: sans-serif;\n cursor: pointer;\n color: #000;\n font-weight: bold;\n border-radius: 28px;\n box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);\n}\n\n.bugbattle-screenshot-editor-color--selected {\n border: 2px solid #fff;\n}\n\n.bugbattle-screenshot-editor-color--black {\n right: 105px;\n background-color: #313131;\n}\n\n.bugbattle-screenshot-editor-color--yellow {\n right: 140px;\n background-color: #FCC83D;\n}\n\n.bugbattle-screenshot-editor-color--green {\n right: 175px;\n background-color: #50AF57;\n}\n\n.bugbattle-screenshot-editor-color--marine {\n right: 210px;\n background-color: #27BBD1;\n}\n\n.bugbattle-screenshot-editor-color--blue {\n right: 245px;\n background-color: #414FB0;\n}\n\n.bugbattle-screenshot-editor-color--pink {\n right: 280px;\n background-color: #9924AB;\n}\n\n.bugbattle-screenshot-editor-color--red {\n right: 315px;\n background-color: #ED443D;\n}\n\n"]} \ No newline at end of file +{"version":3,"sources":["index.css","/Users/lukas/Documents/GitHub/BugBattle-JavaScript-SDK/src/lib/css/App.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["/*!\n * \n * bugbattle v1.1.0\n * https://github.com/BugBattle/BugBattle-JavaScript-SDK\n * \n * Copyright (c) BugBattle \n * \n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n * \n */\n.bugbattle--feedback-button {\n position: fixed;\n bottom: 0px;\n right: 30px;\n width: 135px;\n height: 35px;\n line-height: 35px;\n text-align: center;\n font-weight: normal;\n font-size: 13px;\n font-family: sans-serif;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n cursor: pointer;\n background-color: #086EFB;\n color: #fff;\n box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);\n z-index: 16777260;\n}\n\n.bugbattle--feedback-button:after {\n content: \"Feedback\";\n}\n\n.bugbattle--feedback-dialog-container {\n position: fixed;\n left: 0px;\n top: 0px;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.25);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 16777261;\n}\n\n.bugbattle--feedback-dialog {\n width: 90%;\n max-width: 550px;\n background-color: #fff;\n box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n overflow-y: auto;\n}\n\n.bugbattle--feedback-dialog-header {\n height: 50px;\n background-color: #086EFB;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n@media only screen and (max-width: 600px) {\n .bugbattle--feedback-dialog {\n width: 100%;\n height: 100%;\n border-radius: 0px;\n }\n .bugbattle--feedback-dialog-header {\n border-radius: 0px;\n }\n}\n\n.bugbattle--feedback-dialog-header-button {\n font-weight: normal;\n padding: 0px 20px;\n cursor: pointer;\n color: #fff;\n font-size: 14px;\n font-family: sans-serif;\n}\n\n.bugbattle--feedback-dialog-header-title {\n font-weight: bold;\n text-align: center;\n color: #fff;\n font-size: 15px;\n font-family: sans-serif;\n text-align: center;\n width: 100%;\n}\n\n.bugbattle--feedback-dialog-info-text {\n color: #666;\n font-size: 14px;\n font-family: sans-serif;\n padding-top: 10px;\n text-align: center;\n}\n\n.bugbattle--feedback-dialog-success {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n padding: 100px;\n display: none;\n}\n\n.bugbattle--feedback-dialog-success svg {\n width: 30px;\n height: auto;\n}\n\n.bugbattle--feedback-dialog-loading {\n display: none;\n}\n\n.bugbattle--feedback-dialog-body {\n display: block;\n}\n\n.bugbattle--feedback-inputgroup {\n border-bottom: 1px solid #eee;\n}\n\n.bugbattle--feedback-inputgroup-label {\n padding: 20px;\n padding-bottom: 0px;\n color: #A9A9A9;\n font-size: 15px;\n font-family: sans-serif;\n}\n\n.bugbattle--feedback-inputgroup input {\n width: calc(100% - 40px);\n border: none;\n padding: 20px;\n font-size: 15px;\n font-family: sans-serif;\n outline: none;\n}\n\n.bugbattle--feedback-inputgroup textarea {\n border: none;\n outline: none;\n box-shadow: none;\n resize: none;\n width: 100%;\n border: none;\n padding: 20px;\n font-size: 15px;\n line-height: 17px;\n font-family: sans-serif;\n margin: 0px;\n box-sizing: border-box;\n}\n\n.bugbattle-feedback-importance {\n margin: 20px;\n margin-bottom: -8px;\n font-weight: bold;\n color: #222426;\n font-size: 14px;\n font-family: sans-serif;\n}\n\n.bugbattle--toggle {\n display: flex;\n margin: 20px 20px;\n width: calc(100% - 40px);\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n position: relative;\n z-index: 1;\n font-size: 12px;\n border: 1px solid #086EFB;\n border-radius: 3px;\n color: #086EFB;\n}\n\n.bugbattle--toggle > input {\n display: none;\n}\n\n.bugbattle--toggle > input:checked + label {\n color: #fff;\n}\n\n.bugbattle--toggle > input:nth-of-type(1):checked ~ label:last-of-type:before {\n -webkit-transform: translateX(calc(0% + 0px));\n transform: translateX(calc(0% + 0px));\n}\n\n.bugbattle--toggle > input:nth-of-type(2):checked ~ label:last-of-type:before {\n -webkit-transform: translateX(calc(100% + 0px));\n transform: translateX(calc(100% + 0px));\n}\n\n.bugbattle--toggle > input:nth-of-type(3):checked ~ label:last-of-type:before {\n -webkit-transform: translateX(calc(200% + 0px));\n transform: translateX(calc(200% + 0px));\n}\n\n.bugbattle--toggle label {\n flex: 1 1;\n text-align: center;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n font-family: sans-serif;\n}\n\n.bugbattle--toggle label:last-of-type:before {\n content: \"\";\n display: block;\n max-width: calc(33.3333333333% - 0px);\n margin: 0px;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n\n.bugbattle--toggle label {\n padding: 6px 3px;\n -webkit-transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n}\n\n.bugbattle--toggle label:before {\n background: #086EFB;\n -webkit-transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n}\n\n.bugbattle--toggle label:not(:last-child) {\n border-right: 1px solid #086EFB;\n}\n\n.bugbattle--feedback-image {\n position: relative;\n}\n\n.bugbattle--feedback-image img {\n width: 200px;\n height: auto;\n max-height: 180px;\n object-fit: cover;\n margin: 20px;\n border-radius: 5px;\n border: solid 1px #eee;\n min-height: 90px;\n}\n\n.bugbattle--edit-button {\n position: absolute;\n top: calc(50% - 25px);\n left: 100px;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: rgba(0, 0, 0, 0.45);\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.bugbattle--edit-button svg {\n width: 60%;\n}\n\n.bugbattle-spinner {\n width: 40px;\n height: 40px;\n position: relative;\n margin: 100px auto;\n}\n\n.bugbattle-double-bounce1, .bugbattle-double-bounce2 {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: #333;\n opacity: 0.6;\n position: absolute;\n top: 0;\n left: 0;\n \n -webkit-animation: sk-bounce 2.0s infinite ease-in-out;\n animation: sk-bounce 2.0s infinite ease-in-out;\n}\n\n.bugbattle-double-bounce2 {\n -webkit-animation-delay: -1.0s;\n animation-delay: -1.0s;\n}\n\n@-webkit-keyframes sk-bounce {\n 0%, 100% { -webkit-transform: scale(0.0) }\n 50% { -webkit-transform: scale(1.0) }\n}\n\n@keyframes sk-bounce {\n 0%, 100% { \n transform: scale(0.0);\n -webkit-transform: scale(0.0);\n } 50% { \n transform: scale(1.0);\n -webkit-transform: scale(1.0);\n }\n}\n\n.bugbattle-screenshot-editor-container {\n position: absolute;\n top: 0px;\n left: 0px;\n right: 0px;\n height: 100%;\n background-color: #fff;\n z-index: 16777263;\n}\n\n.bugbattle-screenshot-editor-canvas {\n width: 100vw;\n height: 100vh;\n background-color: #eee;\n cursor: crosshair;\n}\n\n.bugbattle-screenshot-editor-done {\n position: fixed;\n top: 30px;\n right: 30px;\n width: 55px;\n height: 55px;\n line-height: 55px;\n text-align: center;\n font-weight: normal;\n font-size: 13px;\n font-family: sans-serif;\n cursor: pointer;\n background-color: #fff;\n color: #000;\n font-weight: bold;\n border-radius: 28px;\n box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);\n z-index: 16777265;\n}\n\n.bugbattle-screenshot-editor-color {\n position: fixed;\n top: 42px;\n width: 30px;\n height: 30px;\n text-align: center;\n font-weight: normal;\n font-size: 10px;\n font-family: sans-serif;\n cursor: pointer;\n color: #000;\n font-weight: bold;\n border-radius: 28px;\n box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);\n z-index: 16777265;\n}\n\n.bugbattle-screenshot-editor-color--selected {\n border: 2px solid #fff;\n}\n\n.bugbattle-screenshot-editor-color--black {\n right: 105px;\n background-color: #313131;\n}\n\n.bugbattle-screenshot-editor-color--yellow {\n right: 140px;\n background-color: #FCC83D;\n}\n\n.bugbattle-screenshot-editor-color--green {\n right: 175px;\n background-color: #50AF57;\n}\n\n.bugbattle-screenshot-editor-color--marine {\n right: 210px;\n background-color: #27BBD1;\n}\n\n.bugbattle-screenshot-editor-color--blue {\n right: 245px;\n background-color: #414FB0;\n}\n\n.bugbattle-screenshot-editor-color--pink {\n right: 280px;\n background-color: #9924AB;\n}\n\n.bugbattle-screenshot-editor-color--red {\n right: 315px;\n background-color: #ED443D;\n}\n\n\n",".bugbattle--feedback-button {\n position: fixed;\n bottom: 0px;\n right: 30px;\n width: 135px;\n height: 35px;\n line-height: 35px;\n text-align: center;\n font-weight: normal;\n font-size: 13px;\n font-family: sans-serif;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n cursor: pointer;\n background-color: #086EFB;\n color: #fff;\n box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);\n z-index: 16777260;\n}\n\n.bugbattle--feedback-button:after {\n content: \"Feedback\";\n}\n\n.bugbattle--feedback-dialog-container {\n position: fixed;\n left: 0px;\n top: 0px;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.25);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 16777261;\n}\n\n.bugbattle--feedback-dialog {\n width: 90%;\n max-width: 550px;\n background-color: #fff;\n box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);\n border-radius: 10px;\n overflow-y: auto;\n}\n\n.bugbattle--feedback-dialog-header {\n height: 50px;\n background-color: #086EFB;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n@media only screen and (max-width: 600px) {\n .bugbattle--feedback-dialog {\n width: 100%;\n height: 100%;\n border-radius: 0px;\n }\n .bugbattle--feedback-dialog-header {\n border-radius: 0px;\n }\n}\n\n.bugbattle--feedback-dialog-header-button {\n font-weight: normal;\n padding: 0px 20px;\n cursor: pointer;\n color: #fff;\n font-size: 14px;\n font-family: sans-serif;\n}\n\n.bugbattle--feedback-dialog-header-title {\n font-weight: bold;\n text-align: center;\n color: #fff;\n font-size: 15px;\n font-family: sans-serif;\n text-align: center;\n width: 100%;\n}\n\n.bugbattle--feedback-dialog-info-text {\n color: #666;\n font-size: 14px;\n font-family: sans-serif;\n padding-top: 10px;\n text-align: center;\n}\n\n.bugbattle--feedback-dialog-success {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n padding: 100px;\n display: none;\n}\n\n.bugbattle--feedback-dialog-success svg {\n width: 30px;\n height: auto;\n}\n\n.bugbattle--feedback-dialog-loading {\n display: none;\n}\n\n.bugbattle--feedback-dialog-body {\n display: block;\n}\n\n.bugbattle--feedback-inputgroup {\n border-bottom: 1px solid #eee;\n}\n\n.bugbattle--feedback-inputgroup-label {\n padding: 20px;\n padding-bottom: 0px;\n color: #A9A9A9;\n font-size: 15px;\n font-family: sans-serif;\n}\n\n.bugbattle--feedback-inputgroup input {\n width: calc(100% - 40px);\n border: none;\n padding: 20px;\n font-size: 15px;\n font-family: sans-serif;\n outline: none;\n}\n\n.bugbattle--feedback-inputgroup textarea {\n border: none;\n outline: none;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n resize: none;\n width: 100%;\n border: none;\n padding: 20px;\n font-size: 15px;\n line-height: 17px;\n font-family: sans-serif;\n margin: 0px;\n box-sizing: border-box;\n}\n\n.bugbattle-feedback-importance {\n margin: 20px;\n margin-bottom: -8px;\n font-weight: bold;\n color: #222426;\n font-size: 14px;\n font-family: sans-serif;\n}\n\n.bugbattle--toggle {\n display: flex;\n margin: 20px 20px;\n width: calc(100% - 40px);\n position: relative;\n user-select: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n position: relative;\n z-index: 1;\n font-size: 12px;\n border: 1px solid #086EFB;\n border-radius: 3px;\n color: #086EFB;\n}\n\n.bugbattle--toggle > input {\n display: none;\n}\n\n.bugbattle--toggle > input:checked + label {\n color: #fff;\n}\n\n.bugbattle--toggle > input:nth-of-type(1):checked ~ label:last-of-type:before {\n transform: translateX(calc(0% + 0px));\n}\n\n.bugbattle--toggle > input:nth-of-type(2):checked ~ label:last-of-type:before {\n transform: translateX(calc(100% + 0px));\n}\n\n.bugbattle--toggle > input:nth-of-type(3):checked ~ label:last-of-type:before {\n transform: translateX(calc(200% + 0px));\n}\n\n.bugbattle--toggle label {\n flex: 1;\n text-align: center;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n font-family: sans-serif;\n}\n\n.bugbattle--toggle label:last-of-type:before {\n content: \"\";\n display: block;\n max-width: calc(33.3333333333% - 0px);\n margin: 0px;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n transform: translateX(0);\n}\n\n.bugbattle--toggle label {\n padding: 6px 3px;\n transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n}\n\n.bugbattle--toggle label:before {\n background: #086EFB;\n transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);\n}\n\n.bugbattle--toggle label:not(:last-child) {\n border-right: 1px solid #086EFB;\n}\n\n.bugbattle--feedback-image {\n position: relative;\n}\n\n.bugbattle--feedback-image img {\n width: 200px;\n height: auto;\n max-height: 180px;\n object-fit: cover;\n margin: 20px;\n border-radius: 5px;\n border: solid 1px #eee;\n min-height: 90px;\n}\n\n.bugbattle--edit-button {\n position: absolute;\n top: calc(50% - 25px);\n left: 100px;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: rgba(0, 0, 0, 0.45);\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.bugbattle--edit-button svg {\n width: 60%;\n}\n\n.bugbattle-spinner {\n width: 40px;\n height: 40px;\n position: relative;\n margin: 100px auto;\n}\n\n.bugbattle-double-bounce1, .bugbattle-double-bounce2 {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: #333;\n opacity: 0.6;\n position: absolute;\n top: 0;\n left: 0;\n \n -webkit-animation: sk-bounce 2.0s infinite ease-in-out;\n animation: sk-bounce 2.0s infinite ease-in-out;\n}\n\n.bugbattle-double-bounce2 {\n -webkit-animation-delay: -1.0s;\n animation-delay: -1.0s;\n}\n\n@-webkit-keyframes sk-bounce {\n 0%, 100% { -webkit-transform: scale(0.0) }\n 50% { -webkit-transform: scale(1.0) }\n}\n\n@keyframes sk-bounce {\n 0%, 100% { \n transform: scale(0.0);\n -webkit-transform: scale(0.0);\n } 50% { \n transform: scale(1.0);\n -webkit-transform: scale(1.0);\n }\n}\n\n.bugbattle-screenshot-editor-container {\n position: absolute;\n top: 0px;\n left: 0px;\n right: 0px;\n height: 100%;\n background-color: #fff;\n z-index: 16777263;\n}\n\n.bugbattle-screenshot-editor-canvas {\n width: 100vw;\n height: 100vh;\n background-color: #eee;\n cursor: crosshair;\n}\n\n.bugbattle-screenshot-editor-done {\n position: fixed;\n top: 30px;\n right: 30px;\n width: 55px;\n height: 55px;\n line-height: 55px;\n text-align: center;\n font-weight: normal;\n font-size: 13px;\n font-family: sans-serif;\n cursor: pointer;\n background-color: #fff;\n color: #000;\n font-weight: bold;\n border-radius: 28px;\n box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);\n z-index: 16777265;\n}\n\n.bugbattle-screenshot-editor-color {\n position: fixed;\n top: 42px;\n width: 30px;\n height: 30px;\n text-align: center;\n font-weight: normal;\n font-size: 10px;\n font-family: sans-serif;\n cursor: pointer;\n color: #000;\n font-weight: bold;\n border-radius: 28px;\n box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);\n z-index: 16777265;\n}\n\n.bugbattle-screenshot-editor-color--selected {\n border: 2px solid #fff;\n}\n\n.bugbattle-screenshot-editor-color--black {\n right: 105px;\n background-color: #313131;\n}\n\n.bugbattle-screenshot-editor-color--yellow {\n right: 140px;\n background-color: #FCC83D;\n}\n\n.bugbattle-screenshot-editor-color--green {\n right: 175px;\n background-color: #50AF57;\n}\n\n.bugbattle-screenshot-editor-color--marine {\n right: 210px;\n background-color: #27BBD1;\n}\n\n.bugbattle-screenshot-editor-color--blue {\n right: 245px;\n background-color: #414FB0;\n}\n\n.bugbattle-screenshot-editor-color--pink {\n right: 280px;\n background-color: #9924AB;\n}\n\n.bugbattle-screenshot-editor-color--red {\n right: 315px;\n background-color: #ED443D;\n}\n\n"]} \ No newline at end of file diff --git a/published/latest/index.js b/published/latest/index.js index 267f0204..28edf47f 100644 --- a/published/latest/index.js +++ b/published/latest/index.js @@ -1,6 +1,6 @@ /*! * - * bugbattle v1.0.4 + * bugbattle v1.1.0 * https://github.com/BugBattle/BugBattle-JavaScript-SDK * * Copyright (c) BugBattle