reapop-rails 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/.gitignore +9 -0
- data/.travis.yml +5 -0
- data/Gemfile +4 -0
- data/LICENSE +201 -0
- data/LICENSE.txt +21 -0
- data/README.md +43 -0
- data/Rakefile +10 -0
- data/app/assets/javascripts/reapop.js +1112 -0
- data/app/assets/javascripts/reapopTheme.js +536 -0
- data/bin/console +14 -0
- data/bin/setup +8 -0
- data/lib/reapop/rails.rb +11 -0
- data/lib/reapop/rails/version.rb +5 -0
- data/reapop-rails.gemspec +27 -0
- metadata +102 -0
|
@@ -0,0 +1,536 @@
|
|
|
1
|
+
(function webpackUniversalModuleDefinition(root, factory) {
|
|
2
|
+
if(typeof exports === 'object' && typeof module === 'object')
|
|
3
|
+
module.exports = factory();
|
|
4
|
+
else if(typeof define === 'function' && define.amd)
|
|
5
|
+
define([], factory);
|
|
6
|
+
else if(typeof exports === 'object')
|
|
7
|
+
exports["reapopTheme"] = factory();
|
|
8
|
+
else
|
|
9
|
+
root["reapopTheme"] = factory();
|
|
10
|
+
})(this, function() {
|
|
11
|
+
return /******/ (function(modules) { // webpackBootstrap
|
|
12
|
+
/******/ // The module cache
|
|
13
|
+
/******/ var installedModules = {};
|
|
14
|
+
|
|
15
|
+
/******/ // The require function
|
|
16
|
+
/******/ function __webpack_require__(moduleId) {
|
|
17
|
+
|
|
18
|
+
/******/ // Check if module is in cache
|
|
19
|
+
/******/ if(installedModules[moduleId])
|
|
20
|
+
/******/ return installedModules[moduleId].exports;
|
|
21
|
+
|
|
22
|
+
/******/ // Create a new module (and put it into the cache)
|
|
23
|
+
/******/ var module = installedModules[moduleId] = {
|
|
24
|
+
/******/ exports: {},
|
|
25
|
+
/******/ id: moduleId,
|
|
26
|
+
/******/ loaded: false
|
|
27
|
+
/******/ };
|
|
28
|
+
|
|
29
|
+
/******/ // Execute the module function
|
|
30
|
+
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
|
31
|
+
|
|
32
|
+
/******/ // Flag the module as loaded
|
|
33
|
+
/******/ module.loaded = true;
|
|
34
|
+
|
|
35
|
+
/******/ // Return the exports of the module
|
|
36
|
+
/******/ return module.exports;
|
|
37
|
+
/******/ }
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
/******/ // expose the modules object (__webpack_modules__)
|
|
41
|
+
/******/ __webpack_require__.m = modules;
|
|
42
|
+
|
|
43
|
+
/******/ // expose the module cache
|
|
44
|
+
/******/ __webpack_require__.c = installedModules;
|
|
45
|
+
|
|
46
|
+
/******/ // __webpack_public_path__
|
|
47
|
+
/******/ __webpack_require__.p = "";
|
|
48
|
+
|
|
49
|
+
/******/ // Load entry module and return exports
|
|
50
|
+
/******/ return __webpack_require__(0);
|
|
51
|
+
/******/ })
|
|
52
|
+
/************************************************************************/
|
|
53
|
+
/******/ ([
|
|
54
|
+
/* 0 */
|
|
55
|
+
/***/ function(module, exports, __webpack_require__) {
|
|
56
|
+
|
|
57
|
+
__webpack_require__(1);
|
|
58
|
+
module.exports = __webpack_require__(1);
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
/***/ },
|
|
62
|
+
/* 1 */
|
|
63
|
+
/***/ function(module, exports, __webpack_require__) {
|
|
64
|
+
|
|
65
|
+
'use strict';
|
|
66
|
+
|
|
67
|
+
var css = __webpack_require__(2);
|
|
68
|
+
|
|
69
|
+
// media breakpoint - small screen min width
|
|
70
|
+
var smallScreenMin = 768;
|
|
71
|
+
|
|
72
|
+
// default className for NotificationsSystem component
|
|
73
|
+
var notificationsSystemClassName = css['notifications-system'];
|
|
74
|
+
|
|
75
|
+
// default className for NotificationsContainer component
|
|
76
|
+
var notificationsContainerClassName = {
|
|
77
|
+
main: css['notifications-container'],
|
|
78
|
+
position: function position(_position) {
|
|
79
|
+
return css['notifications-container--' + _position];
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
// default transition for Notification component
|
|
84
|
+
var notificationsContainerTransition = {
|
|
85
|
+
enterTimeout: 500,
|
|
86
|
+
leaveTimeout: 900,
|
|
87
|
+
name: {
|
|
88
|
+
enter: css['notification-wrapper-enter'],
|
|
89
|
+
leave: css['notification-wrapper-leave']
|
|
90
|
+
}
|
|
91
|
+
};
|
|
92
|
+
|
|
93
|
+
// default className for Notification component
|
|
94
|
+
var notificationClassName = {
|
|
95
|
+
main: css['notification'],
|
|
96
|
+
wrapper: css['notification-wrapper'],
|
|
97
|
+
meta: css['notification-meta'],
|
|
98
|
+
title: css['notification-title'],
|
|
99
|
+
message: css['notification-message'],
|
|
100
|
+
// `fa` corresponds to font-awesome's class name
|
|
101
|
+
icon: 'fa ' + css['notification-icon'],
|
|
102
|
+
imageContainer: css['notification-image-container'],
|
|
103
|
+
image: css['notification-image'],
|
|
104
|
+
status: function status(_status) {
|
|
105
|
+
return css['notification--' + _status];
|
|
106
|
+
},
|
|
107
|
+
dismissible: css['notification--dismissible'],
|
|
108
|
+
buttons: function buttons(count) {
|
|
109
|
+
if (count === 0) {
|
|
110
|
+
return '';
|
|
111
|
+
} else if (count === 1) {
|
|
112
|
+
return css['notification--buttons-1'];
|
|
113
|
+
} else if (count === 2) {
|
|
114
|
+
return css['notification--buttons-2'];
|
|
115
|
+
}
|
|
116
|
+
return css['notification-buttons'];
|
|
117
|
+
},
|
|
118
|
+
closeButtonContainer: css['notification-close-button-container'],
|
|
119
|
+
closeButton: 'fa ' + css['notification-close-button'],
|
|
120
|
+
button: css['notification-button'],
|
|
121
|
+
buttonText: css['notification-button-text']
|
|
122
|
+
};
|
|
123
|
+
|
|
124
|
+
module.exports = {
|
|
125
|
+
smallScreenMin: smallScreenMin,
|
|
126
|
+
notificationsSystem: {
|
|
127
|
+
className: notificationsSystemClassName
|
|
128
|
+
},
|
|
129
|
+
notificationsContainer: {
|
|
130
|
+
className: notificationsContainerClassName,
|
|
131
|
+
transition: notificationsContainerTransition
|
|
132
|
+
},
|
|
133
|
+
notification: {
|
|
134
|
+
className: notificationClassName
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
|
|
138
|
+
|
|
139
|
+
/***/ },
|
|
140
|
+
/* 2 */
|
|
141
|
+
/***/ function(module, exports, __webpack_require__) {
|
|
142
|
+
|
|
143
|
+
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
144
|
+
|
|
145
|
+
// load the styles
|
|
146
|
+
var content = __webpack_require__(3);
|
|
147
|
+
if(typeof content === 'string') content = [[module.id, content, '']];
|
|
148
|
+
// add the styles to the DOM
|
|
149
|
+
var update = __webpack_require__(5)(content, {});
|
|
150
|
+
if(content.locals) module.exports = content.locals;
|
|
151
|
+
// Hot Module Replacement
|
|
152
|
+
if(false) {
|
|
153
|
+
// When the styles change, update the <style> tags
|
|
154
|
+
if(!content.locals) {
|
|
155
|
+
module.hot.accept("!!./../../css-loader/index.js?sourceMap&-minimize&modules&importLoaders=1&localIdentName=[name]__[local]__[hash:base64:5]!./styles.css", function() {
|
|
156
|
+
var newContent = require("!!./../../css-loader/index.js?sourceMap&-minimize&modules&importLoaders=1&localIdentName=[name]__[local]__[hash:base64:5]!./styles.css");
|
|
157
|
+
if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
|
|
158
|
+
update(newContent);
|
|
159
|
+
});
|
|
160
|
+
}
|
|
161
|
+
// When the module is disposed, remove the <style> tags
|
|
162
|
+
module.hot.dispose(function() { update(); });
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
/***/ },
|
|
166
|
+
/* 3 */
|
|
167
|
+
/***/ function(module, exports, __webpack_require__) {
|
|
168
|
+
|
|
169
|
+
exports = module.exports = __webpack_require__(4)();
|
|
170
|
+
// imports
|
|
171
|
+
|
|
172
|
+
|
|
173
|
+
// module
|
|
174
|
+
exports.push([module.id, "@charset \"UTF-8\";\n/**\n * Mixin to create a keyframes for a notification\n * @param $direction (left|top|right|bottom) Translation direction\n * @param $margin-bottom Initial `margin-bottom` value\n */\n/*\n * Mixin to create an animation for a notification\n * @param $direction (left|top|right|bottom) Translation direction\n * @param $margin-bottom Initial `margin-bottom` value\n */\n@keyframes styles__top20px-enter__2JnAU {\n 0% {\n top: -360px;\n opacity: 0; }\n 100% {\n top: 0;\n opacity: 1; } }\n\n@keyframes styles__top20px-leave__vt5Ez {\n 0% {\n -webkit-transform: translateY(0%);\n transform: translateY(0%);\n opacity: 1;\n max-height: 200px;\n margin-bottom: 20px; }\n 40% {\n margin-bottom: 20px;\n max-height: 200px; }\n 50% {\n -webkit-transform: translateY(-100%);\n transform: translateY(-100%);\n opacity: 0; }\n 100% {\n -webkit-transform: translateY(-100%);\n transform: translateY(-100%);\n opacity: 0;\n max-height: 0;\n margin-bottom: 0; } }\n\n@keyframes styles__bottom20px-enter__11ZMc {\n 0% {\n bottom: -360px;\n opacity: 0; }\n 100% {\n bottom: 0;\n opacity: 1; } }\n\n@keyframes styles__bottom20px-leave__1d30C {\n 0% {\n -webkit-transform: translateY(0%);\n transform: translateY(0%);\n opacity: 1;\n max-height: 200px;\n margin-bottom: 20px; }\n 40% {\n margin-bottom: 20px;\n max-height: 200px; }\n 50% {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n opacity: 0; }\n 100% {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n opacity: 0;\n max-height: 0;\n margin-bottom: 0; } }\n\n@keyframes styles__left20px-enter__2lInW {\n 0% {\n left: -360px;\n opacity: 0; }\n 100% {\n left: 0;\n opacity: 1; } }\n\n@keyframes styles__left20px-leave__CWV5f {\n 0% {\n -webkit-transform: translateX(0%);\n transform: translateX(0%);\n opacity: 1;\n max-height: 200px;\n margin-bottom: 20px; }\n 40% {\n margin-bottom: 20px;\n max-height: 200px; }\n 50% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n opacity: 0; }\n 100% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n opacity: 0;\n max-height: 0;\n margin-bottom: 0; } }\n\n@keyframes styles__right20px-enter__3VM-N {\n 0% {\n right: -360px;\n opacity: 0; }\n 100% {\n right: 0;\n opacity: 1; } }\n\n@keyframes styles__right20px-leave__bBXWR {\n 0% {\n -webkit-transform: translateX(0%);\n transform: translateX(0%);\n opacity: 1;\n max-height: 200px;\n margin-bottom: 20px; }\n 40% {\n margin-bottom: 20px;\n max-height: 200px; }\n 50% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n opacity: 0; }\n 100% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n opacity: 0;\n max-height: 0;\n margin-bottom: 0; } }\n\n@keyframes styles__top0-enter__2SDaC {\n 0% {\n top: -360px;\n opacity: 0; }\n 100% {\n top: 0;\n opacity: 1; } }\n\n@keyframes styles__top0-leave__29ud- {\n 0% {\n -webkit-transform: translateY(0%);\n transform: translateY(0%);\n opacity: 1;\n max-height: 200px;\n margin-bottom: 0; }\n 40% {\n margin-bottom: 0;\n max-height: 200px; }\n 50% {\n -webkit-transform: translateY(-100%);\n transform: translateY(-100%);\n opacity: 0; }\n 100% {\n -webkit-transform: translateY(-100%);\n transform: translateY(-100%);\n opacity: 0;\n max-height: 0;\n margin-bottom: 0; } }\n\n@keyframes styles__rotating__37Xgw {\n from {\n transform: rotate(0deg);\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg); }\n to {\n transform: rotate(360deg);\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg); } }\n\n.styles__notifications-system__2pp3g {\n font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-size: 14px;\n line-height: 1.428571429; }\n\n.styles__notifications-container__3DyIs {\n position: fixed;\n z-index: 99999; }\n\n.styles__notifications-container--tc__3uD_3, .styles__notifications-container--tr__2uehm, .styles__notifications-container--tl__sEol2, .styles__notifications-container--bc__pEhwB, .styles__notifications-container--br__gPOIJ, .styles__notifications-container--bl__3AXHJ {\n width: 360px; }\n .styles__notifications-container--tc__3uD_3 .styles__notification--buttons-1__1vzbQ .styles__notification-button__32lr5, .styles__notifications-container--tr__2uehm .styles__notification--buttons-1__1vzbQ .styles__notification-button__32lr5, .styles__notifications-container--tl__sEol2 .styles__notification--buttons-1__1vzbQ .styles__notification-button__32lr5, .styles__notifications-container--bc__pEhwB .styles__notification--buttons-1__1vzbQ .styles__notification-button__32lr5, .styles__notifications-container--br__gPOIJ .styles__notification--buttons-1__1vzbQ .styles__notification-button__32lr5, .styles__notifications-container--bl__3AXHJ .styles__notification--buttons-1__1vzbQ .styles__notification-button__32lr5 {\n height: 100%; }\n .styles__notifications-container--tc__3uD_3 .styles__notification--buttons-2__1IGYR .styles__notification-button__32lr5, .styles__notifications-container--tr__2uehm .styles__notification--buttons-2__1IGYR .styles__notification-button__32lr5, .styles__notifications-container--tl__sEol2 .styles__notification--buttons-2__1IGYR .styles__notification-button__32lr5, .styles__notifications-container--bc__pEhwB .styles__notification--buttons-2__1IGYR .styles__notification-button__32lr5, .styles__notifications-container--br__gPOIJ .styles__notification--buttons-2__1IGYR .styles__notification-button__32lr5, .styles__notifications-container--bl__3AXHJ .styles__notification--buttons-2__1IGYR .styles__notification-button__32lr5 {\n height: 50%; }\n .styles__notifications-container--tc__3uD_3 .styles__notification-buttons__3SijB, .styles__notifications-container--tr__2uehm .styles__notification-buttons__3SijB, .styles__notifications-container--tl__sEol2 .styles__notification-buttons__3SijB, .styles__notifications-container--bc__pEhwB .styles__notification-buttons__3SijB, .styles__notifications-container--br__gPOIJ .styles__notification-buttons__3SijB, .styles__notifications-container--bl__3AXHJ .styles__notification-buttons__3SijB {\n width: 90px; }\n .styles__notifications-container--tc__3uD_3 .styles__notification-buttons__3SijB .styles__notification-button__32lr5, .styles__notifications-container--tr__2uehm .styles__notification-buttons__3SijB .styles__notification-button__32lr5, .styles__notifications-container--tl__sEol2 .styles__notification-buttons__3SijB .styles__notification-button__32lr5, .styles__notifications-container--bc__pEhwB .styles__notification-buttons__3SijB .styles__notification-button__32lr5, .styles__notifications-container--br__gPOIJ .styles__notification-buttons__3SijB .styles__notification-button__32lr5, .styles__notifications-container--bl__3AXHJ .styles__notification-buttons__3SijB .styles__notification-button__32lr5 {\n display: block;\n width: 90px; }\n .styles__notifications-container--tc__3uD_3 .styles__notification-buttons__3SijB .styles__notification-button__32lr5:nth-child(2), .styles__notifications-container--tr__2uehm .styles__notification-buttons__3SijB .styles__notification-button__32lr5:nth-child(2), .styles__notifications-container--tl__sEol2 .styles__notification-buttons__3SijB .styles__notification-button__32lr5:nth-child(2), .styles__notifications-container--bc__pEhwB .styles__notification-buttons__3SijB .styles__notification-button__32lr5:nth-child(2), .styles__notifications-container--br__gPOIJ .styles__notification-buttons__3SijB .styles__notification-button__32lr5:nth-child(2), .styles__notifications-container--bl__3AXHJ .styles__notification-buttons__3SijB .styles__notification-button__32lr5:nth-child(2) {\n border-top: 1px solid rgba(0, 0, 0, 0.09); }\n\n.styles__notifications-container--b__3mM4P .styles__notification--buttons-1__1vzbQ .styles__notification-buttons__3SijB, .styles__notifications-container--t__14JVq .styles__notification--buttons-1__1vzbQ .styles__notification-buttons__3SijB {\n width: 90px; }\n\n.styles__notifications-container--b__3mM4P .styles__notification--buttons-2__1IGYR .styles__notification-meta__2nIlF, .styles__notifications-container--t__14JVq .styles__notification--buttons-2__1IGYR .styles__notification-meta__2nIlF {\n width: calc(100% - 90px * 2); }\n\n.styles__notifications-container--b__3mM4P .styles__notification--buttons-2__1IGYR .styles__notification-buttons__3SijB, .styles__notifications-container--t__14JVq .styles__notification--buttons-2__1IGYR .styles__notification-buttons__3SijB {\n width: calc(90px * 2); }\n\n.styles__notifications-container--b__3mM4P .styles__notification-buttons__3SijB .styles__notification-button__32lr5, .styles__notifications-container--t__14JVq .styles__notification-buttons__3SijB .styles__notification-button__32lr5 {\n float: left;\n width: 90px;\n height: 100%; }\n\n.styles__notifications-container--t__14JVq {\n width: calc(100% - 40px);\n top: 20px;\n left: 20px; }\n .styles__notifications-container--t__14JVq .styles__notification-wrapper__2nvVs {\n position: relative;\n top: 0; }\n .styles__notifications-container--t__14JVq .styles__notification-wrapper-enter__1hcO7 {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: styles__top20px-enter__2JnAU;\n animation-name: styles__top20px-enter__2JnAU;\n -webkit-animation-duration: .4s;\n animation-duration: .4s; }\n .styles__notifications-container--t__14JVq .styles__notification-wrapper-leave__2j6fx {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: styles__top20px-leave__vt5Ez;\n animation-name: styles__top20px-leave__vt5Ez;\n -webkit-animation-duration: .8s;\n animation-duration: .8s; }\n\n.styles__notifications-container--tc__3uD_3 {\n top: 20px;\n left: 50%;\n transform: translateX(-50%); }\n .styles__notifications-container--tc__3uD_3 .styles__notification-wrapper__2nvVs {\n position: relative;\n top: 0; }\n .styles__notifications-container--tc__3uD_3 .styles__notification-wrapper-enter__1hcO7 {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: styles__top20px-enter__2JnAU;\n animation-name: styles__top20px-enter__2JnAU;\n -webkit-animation-duration: .4s;\n animation-duration: .4s; }\n .styles__notifications-container--tc__3uD_3 .styles__notification-wrapper-leave__2j6fx {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: styles__top20px-leave__vt5Ez;\n animation-name: styles__top20px-leave__vt5Ez;\n -webkit-animation-duration: .8s;\n animation-duration: .8s; }\n\n.styles__notifications-container--tr__2uehm {\n top: 20px;\n right: 20px; }\n .styles__notifications-container--tr__2uehm .styles__notification-wrapper__2nvVs {\n position: relative;\n right: 0; }\n .styles__notifications-container--tr__2uehm .styles__notification-wrapper-enter__1hcO7 {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: styles__right20px-enter__3VM-N;\n animation-name: styles__right20px-enter__3VM-N;\n -webkit-animation-duration: .4s;\n animation-duration: .4s; }\n .styles__notifications-container--tr__2uehm .styles__notification-wrapper-leave__2j6fx {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: styles__right20px-leave__bBXWR;\n animation-name: styles__right20px-leave__bBXWR;\n -webkit-animation-duration: .8s;\n animation-duration: .8s; }\n\n.styles__notifications-container--tl__sEol2 {\n top: 20px;\n left: 20px; }\n .styles__notifications-container--tl__sEol2 .styles__notification-wrapper__2nvVs {\n position: relative;\n left: 0; }\n .styles__notifications-container--tl__sEol2 .styles__notification-wrapper-enter__1hcO7 {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: styles__left20px-enter__2lInW;\n animation-name: styles__left20px-enter__2lInW;\n -webkit-animation-duration: .4s;\n animation-duration: .4s; }\n .styles__notifications-container--tl__sEol2 .styles__notification-wrapper-leave__2j6fx {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: styles__left20px-leave__CWV5f;\n animation-name: styles__left20px-leave__CWV5f;\n -webkit-animation-duration: .8s;\n animation-duration: .8s; }\n\n.styles__notifications-container--b__3mM4P {\n width: calc(100% - 40px);\n bottom: 0;\n left: 20px; }\n .styles__notifications-container--b__3mM4P .styles__notification-wrapper__2nvVs {\n position: relative;\n bottom: 0; }\n .styles__notifications-container--b__3mM4P .styles__notification-wrapper-enter__1hcO7 {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: styles__bottom20px-enter__11ZMc;\n animation-name: styles__bottom20px-enter__11ZMc;\n -webkit-animation-duration: .4s;\n animation-duration: .4s; }\n .styles__notifications-container--b__3mM4P .styles__notification-wrapper-leave__2j6fx {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: styles__bottom20px-leave__1d30C;\n animation-name: styles__bottom20px-leave__1d30C;\n -webkit-animation-duration: .8s;\n animation-duration: .8s; }\n\n.styles__notifications-container--bc__pEhwB {\n bottom: 0;\n left: 50%;\n transform: translateX(-50%); }\n .styles__notifications-container--bc__pEhwB .styles__notification-wrapper__2nvVs {\n position: relative;\n bottom: 0; }\n .styles__notifications-container--bc__pEhwB .styles__notification-wrapper-enter__1hcO7 {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: styles__bottom20px-enter__11ZMc;\n animation-name: styles__bottom20px-enter__11ZMc;\n -webkit-animation-duration: .4s;\n animation-duration: .4s; }\n .styles__notifications-container--bc__pEhwB .styles__notification-wrapper-leave__2j6fx {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: styles__bottom20px-leave__1d30C;\n animation-name: styles__bottom20px-leave__1d30C;\n -webkit-animation-duration: .8s;\n animation-duration: .8s; }\n\n.styles__notifications-container--br__gPOIJ {\n bottom: 0;\n right: 20px; }\n .styles__notifications-container--br__gPOIJ .styles__notification-wrapper__2nvVs {\n position: relative;\n right: 0; }\n .styles__notifications-container--br__gPOIJ .styles__notification-wrapper-enter__1hcO7 {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: styles__right20px-enter__3VM-N;\n animation-name: styles__right20px-enter__3VM-N;\n -webkit-animation-duration: .4s;\n animation-duration: .4s; }\n .styles__notifications-container--br__gPOIJ .styles__notification-wrapper-leave__2j6fx {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: styles__right20px-leave__bBXWR;\n animation-name: styles__right20px-leave__bBXWR;\n -webkit-animation-duration: .8s;\n animation-duration: .8s; }\n\n.styles__notifications-container--bl__3AXHJ {\n bottom: 0;\n left: 20px; }\n .styles__notifications-container--bl__3AXHJ .styles__notification-wrapper__2nvVs {\n position: relative;\n left: 0; }\n .styles__notifications-container--bl__3AXHJ .styles__notification-wrapper-enter__1hcO7 {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: styles__left20px-enter__2lInW;\n animation-name: styles__left20px-enter__2lInW;\n -webkit-animation-duration: .4s;\n animation-duration: .4s; }\n .styles__notifications-container--bl__3AXHJ .styles__notification-wrapper-leave__2j6fx {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: styles__left20px-leave__CWV5f;\n animation-name: styles__left20px-leave__CWV5f;\n -webkit-animation-duration: .8s;\n animation-duration: .8s; }\n\n@media (max-width: 767px) {\n .styles__notifications-container--t__14JVq {\n width: 100%;\n top: 0;\n left: 0; }\n .styles__notifications-container--t__14JVq .styles__notification-wrapper__2nvVs {\n position: relative;\n top: 0; }\n .styles__notifications-container--t__14JVq .styles__notification-wrapper-enter__1hcO7 {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: styles__top0-enter__2SDaC;\n animation-name: styles__top0-enter__2SDaC;\n -webkit-animation-duration: .4s;\n animation-duration: .4s; }\n .styles__notifications-container--t__14JVq .styles__notification-wrapper-leave__2j6fx {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: styles__top0-leave__29ud-;\n animation-name: styles__top0-leave__29ud-;\n -webkit-animation-duration: .8s;\n animation-duration: .8s; }\n .styles__notifications-container--t__14JVq .styles__notification-wrapper__2nvVs {\n margin: 0; } }\n\n.styles__notification__3jX4o {\n display: table;\n width: 100%;\n height: 100%;\n position: relative;\n min-height: 40px;\n border: none;\n -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.3);\n box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.3);\n z-index: 999; }\n .styles__notification-wrapper__2nvVs {\n display: block;\n width: 100%;\n height: 100%;\n margin-bottom: 20px; }\n .styles__notification-image-container__34lk8 {\n display: table-cell;\n box-sizing: border-box;\n padding: 10px 0 10px 15px; }\n .styles__notification-image__1o39K {\n display: inline-block;\n vertical-align: top;\n border-radius: 40px;\n width: 40px;\n height: 40px;\n background-size: cover; }\n .styles__notification-icon__3kKtw {\n display: inline-block;\n box-sizing: border-box;\n margin: 10px 0 10px 15px;\n font-size: 20px !important; }\n .styles__notification-meta__2nIlF {\n display: table-cell;\n vertical-align: top;\n box-sizing: border-box;\n width: 100%;\n padding: 10px 20px; }\n .styles__notification-close-button-container__Et8ob {\n display: table-cell;\n padding: 10px 15px;\n box-sizing: border-box; }\n .styles__notification-close-button__1rsEe {\n font-size: 14px !important;\n color: #524c4c;\n cursor: pointer; }\n .styles__notification-close-button__1rsEe:before {\n content: \"\\F00D\"; }\n .styles__notification-close-button__1rsEe:hover {\n color: #6c6565; }\n .styles__notification-buttons__3SijB {\n display: table-cell;\n box-sizing: border-box;\n height: 100%;\n vertical-align: top; }\n .styles__notification-buttons__3SijB .styles__notification-button__32lr5 {\n min-height: 40px;\n box-sizing: border-box;\n padding: 0;\n background: none;\n border: none;\n border-left: 1px solid rgba(0, 0, 0, 0.09);\n outline: none;\n text-align: center;\n color: #524c4c;\n cursor: pointer; }\n .styles__notification-buttons__3SijB .styles__notification-button-text__5AjZR {\n display: block;\n height: 25px;\n width: 70px;\n white-space: nowrap;\n overflow: hidden;\n margin: 0 auto;\n text-overflow: ellipsis;\n text-align: center;\n font-size: 14px;\n line-height: 25px; }\n .styles__notification-buttons__3SijB .styles__notification-button__32lr5:hover {\n color: #349ef3; }\n .styles__notification-buttons__3SijB .styles__notification-button__32lr5:active {\n color: #0e86e6; }\n .styles__notification-title__1g7ZA {\n margin: 0 0 10px;\n font-size: 15px;\n font-weight: 700;\n line-height: 1.428571429; }\n .styles__notification-message__WOviS {\n margin: 0; }\n .styles__notification--dismissible___YzCo {\n cursor: pointer; }\n .styles__notification--default__1dpq4 {\n background-color: #ffffff;\n border-left: 2px solid #ffffff;\n color: #524c4c; }\n .styles__notification--default__1dpq4 .styles__notification-icon__3kKtw {\n display: none; }\n .styles__notification--success__2NKYP {\n background-color: #ffffff;\n border-left: 2px solid #4dc657;\n color: #524c4c; }\n .styles__notification--success__2NKYP .styles__notification-icon__3kKtw:before {\n content: \"\\F058\";\n color: #4dc657; }\n .styles__notification--info__1rkAu {\n background-color: #ffffff;\n border-left: 2px solid #349ef3;\n color: #524c4c; }\n .styles__notification--info__1rkAu .styles__notification-icon__3kKtw:before {\n content: \"\\F05A\";\n color: #349ef3; }\n .styles__notification--warning__3lWtD {\n background-color: #ffffff;\n border-left: 2px solid #f5aa0a;\n color: #524c4c; }\n .styles__notification--warning__3lWtD .styles__notification-icon__3kKtw:before {\n content: \"\\F071\";\n color: #f5aa0a; }\n .styles__notification--error___IR5s {\n background-color: #ffffff;\n border-left: 2px solid #f5311d;\n color: #524c4c; }\n .styles__notification--error___IR5s .styles__notification-icon__3kKtw:before {\n content: \"\\F057\";\n color: #f5311d; }\n .styles__notification--loading__2QmjY {\n background-color: #ffffff;\n border-left: 2px solid #349ef3;\n color: #524c4c; }\n .styles__notification--loading__2QmjY .styles__notification-icon__3kKtw {\n -webkit-animation: styles__rotating__37Xgw 2s infinite linear;\n animation: styles__rotating__37Xgw 2s infinite linear; }\n .styles__notification--loading__2QmjY .styles__notification-icon__3kKtw:before {\n content: \"\\F110\";\n color: #349ef3; }\n", "", {"version":3,"sources":["/./lib/styles.css"],"names":[],"mappings":"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","file":"styles.css","sourcesContent":["@charset \"UTF-8\";\n/**\n * Mixin to create a keyframes for a notification\n * @param $direction (left|top|right|bottom) Translation direction\n * @param $margin-bottom Initial `margin-bottom` value\n */\n/*\n * Mixin to create an animation for a notification\n * @param $direction (left|top|right|bottom) Translation direction\n * @param $margin-bottom Initial `margin-bottom` value\n */\n@keyframes :local(top20px-enter) {\n 0% {\n top: -360px;\n opacity: 0; }\n 100% {\n top: 0;\n opacity: 1; } }\n\n@keyframes :local(top20px-leave) {\n 0% {\n -webkit-transform: translateY(0%);\n transform: translateY(0%);\n opacity: 1;\n max-height: 200px;\n margin-bottom: 20px; }\n 40% {\n margin-bottom: 20px;\n max-height: 200px; }\n 50% {\n -webkit-transform: translateY(-100%);\n transform: translateY(-100%);\n opacity: 0; }\n 100% {\n -webkit-transform: translateY(-100%);\n transform: translateY(-100%);\n opacity: 0;\n max-height: 0;\n margin-bottom: 0; } }\n\n@keyframes :local(bottom20px-enter) {\n 0% {\n bottom: -360px;\n opacity: 0; }\n 100% {\n bottom: 0;\n opacity: 1; } }\n\n@keyframes :local(bottom20px-leave) {\n 0% {\n -webkit-transform: translateY(0%);\n transform: translateY(0%);\n opacity: 1;\n max-height: 200px;\n margin-bottom: 20px; }\n 40% {\n margin-bottom: 20px;\n max-height: 200px; }\n 50% {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n opacity: 0; }\n 100% {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n opacity: 0;\n max-height: 0;\n margin-bottom: 0; } }\n\n@keyframes :local(left20px-enter) {\n 0% {\n left: -360px;\n opacity: 0; }\n 100% {\n left: 0;\n opacity: 1; } }\n\n@keyframes :local(left20px-leave) {\n 0% {\n -webkit-transform: translateX(0%);\n transform: translateX(0%);\n opacity: 1;\n max-height: 200px;\n margin-bottom: 20px; }\n 40% {\n margin-bottom: 20px;\n max-height: 200px; }\n 50% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n opacity: 0; }\n 100% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n opacity: 0;\n max-height: 0;\n margin-bottom: 0; } }\n\n@keyframes :local(right20px-enter) {\n 0% {\n right: -360px;\n opacity: 0; }\n 100% {\n right: 0;\n opacity: 1; } }\n\n@keyframes :local(right20px-leave) {\n 0% {\n -webkit-transform: translateX(0%);\n transform: translateX(0%);\n opacity: 1;\n max-height: 200px;\n margin-bottom: 20px; }\n 40% {\n margin-bottom: 20px;\n max-height: 200px; }\n 50% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n opacity: 0; }\n 100% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n opacity: 0;\n max-height: 0;\n margin-bottom: 0; } }\n\n@keyframes :local(top0-enter) {\n 0% {\n top: -360px;\n opacity: 0; }\n 100% {\n top: 0;\n opacity: 1; } }\n\n@keyframes :local(top0-leave) {\n 0% {\n -webkit-transform: translateY(0%);\n transform: translateY(0%);\n opacity: 1;\n max-height: 200px;\n margin-bottom: 0; }\n 40% {\n margin-bottom: 0;\n max-height: 200px; }\n 50% {\n -webkit-transform: translateY(-100%);\n transform: translateY(-100%);\n opacity: 0; }\n 100% {\n -webkit-transform: translateY(-100%);\n transform: translateY(-100%);\n opacity: 0;\n max-height: 0;\n margin-bottom: 0; } }\n\n@keyframes :local(rotating) {\n from {\n transform: rotate(0deg);\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg); }\n to {\n transform: rotate(360deg);\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg); } }\n\n:local .notifications-system {\n font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-size: 14px;\n line-height: 1.428571429; }\n\n:local .notifications-container {\n position: fixed;\n z-index: 99999; }\n\n:local .notifications-container--tc, :local .notifications-container--tr, :local .notifications-container--tl, :local .notifications-container--bc, :local .notifications-container--br, :local .notifications-container--bl {\n width: 360px; }\n :local .notifications-container--tc .notification--buttons-1 .notification-button, :local .notifications-container--tr .notification--buttons-1 .notification-button, :local .notifications-container--tl .notification--buttons-1 .notification-button, :local .notifications-container--bc .notification--buttons-1 .notification-button, :local .notifications-container--br .notification--buttons-1 .notification-button, :local .notifications-container--bl .notification--buttons-1 .notification-button {\n height: 100%; }\n :local .notifications-container--tc .notification--buttons-2 .notification-button, :local .notifications-container--tr .notification--buttons-2 .notification-button, :local .notifications-container--tl .notification--buttons-2 .notification-button, :local .notifications-container--bc .notification--buttons-2 .notification-button, :local .notifications-container--br .notification--buttons-2 .notification-button, :local .notifications-container--bl .notification--buttons-2 .notification-button {\n height: 50%; }\n :local .notifications-container--tc .notification-buttons, :local .notifications-container--tr .notification-buttons, :local .notifications-container--tl .notification-buttons, :local .notifications-container--bc .notification-buttons, :local .notifications-container--br .notification-buttons, :local .notifications-container--bl .notification-buttons {\n width: 90px; }\n :local .notifications-container--tc .notification-buttons .notification-button, :local .notifications-container--tr .notification-buttons .notification-button, :local .notifications-container--tl .notification-buttons .notification-button, :local .notifications-container--bc .notification-buttons .notification-button, :local .notifications-container--br .notification-buttons .notification-button, :local .notifications-container--bl .notification-buttons .notification-button {\n display: block;\n width: 90px; }\n :local .notifications-container--tc .notification-buttons .notification-button:nth-child(2), :local .notifications-container--tr .notification-buttons .notification-button:nth-child(2), :local .notifications-container--tl .notification-buttons .notification-button:nth-child(2), :local .notifications-container--bc .notification-buttons .notification-button:nth-child(2), :local .notifications-container--br .notification-buttons .notification-button:nth-child(2), :local .notifications-container--bl .notification-buttons .notification-button:nth-child(2) {\n border-top: 1px solid rgba(0, 0, 0, 0.09); }\n\n:local .notifications-container--b .notification--buttons-1 .notification-buttons, :local .notifications-container--t .notification--buttons-1 .notification-buttons {\n width: 90px; }\n\n:local .notifications-container--b .notification--buttons-2 .notification-meta, :local .notifications-container--t .notification--buttons-2 .notification-meta {\n width: calc(100% - 90px * 2); }\n\n:local .notifications-container--b .notification--buttons-2 .notification-buttons, :local .notifications-container--t .notification--buttons-2 .notification-buttons {\n width: calc(90px * 2); }\n\n:local .notifications-container--b .notification-buttons .notification-button, :local .notifications-container--t .notification-buttons .notification-button {\n float: left;\n width: 90px;\n height: 100%; }\n\n:local .notifications-container--t {\n width: calc(100% - 40px);\n top: 20px;\n left: 20px; }\n :local .notifications-container--t .notification-wrapper {\n position: relative;\n top: 0; }\n :local .notifications-container--t .notification-wrapper-enter {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: top20px-enter;\n animation-name: top20px-enter;\n -webkit-animation-duration: .4s;\n animation-duration: .4s; }\n :local .notifications-container--t .notification-wrapper-leave {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: top20px-leave;\n animation-name: top20px-leave;\n -webkit-animation-duration: .8s;\n animation-duration: .8s; }\n\n:local .notifications-container--tc {\n top: 20px;\n left: 50%;\n transform: translateX(-50%); }\n :local .notifications-container--tc .notification-wrapper {\n position: relative;\n top: 0; }\n :local .notifications-container--tc .notification-wrapper-enter {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: top20px-enter;\n animation-name: top20px-enter;\n -webkit-animation-duration: .4s;\n animation-duration: .4s; }\n :local .notifications-container--tc .notification-wrapper-leave {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: top20px-leave;\n animation-name: top20px-leave;\n -webkit-animation-duration: .8s;\n animation-duration: .8s; }\n\n:local .notifications-container--tr {\n top: 20px;\n right: 20px; }\n :local .notifications-container--tr .notification-wrapper {\n position: relative;\n right: 0; }\n :local .notifications-container--tr .notification-wrapper-enter {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: right20px-enter;\n animation-name: right20px-enter;\n -webkit-animation-duration: .4s;\n animation-duration: .4s; }\n :local .notifications-container--tr .notification-wrapper-leave {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: right20px-leave;\n animation-name: right20px-leave;\n -webkit-animation-duration: .8s;\n animation-duration: .8s; }\n\n:local .notifications-container--tl {\n top: 20px;\n left: 20px; }\n :local .notifications-container--tl .notification-wrapper {\n position: relative;\n left: 0; }\n :local .notifications-container--tl .notification-wrapper-enter {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: left20px-enter;\n animation-name: left20px-enter;\n -webkit-animation-duration: .4s;\n animation-duration: .4s; }\n :local .notifications-container--tl .notification-wrapper-leave {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: left20px-leave;\n animation-name: left20px-leave;\n -webkit-animation-duration: .8s;\n animation-duration: .8s; }\n\n:local .notifications-container--b {\n width: calc(100% - 40px);\n bottom: 0;\n left: 20px; }\n :local .notifications-container--b .notification-wrapper {\n position: relative;\n bottom: 0; }\n :local .notifications-container--b .notification-wrapper-enter {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: bottom20px-enter;\n animation-name: bottom20px-enter;\n -webkit-animation-duration: .4s;\n animation-duration: .4s; }\n :local .notifications-container--b .notification-wrapper-leave {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: bottom20px-leave;\n animation-name: bottom20px-leave;\n -webkit-animation-duration: .8s;\n animation-duration: .8s; }\n\n:local .notifications-container--bc {\n bottom: 0;\n left: 50%;\n transform: translateX(-50%); }\n :local .notifications-container--bc .notification-wrapper {\n position: relative;\n bottom: 0; }\n :local .notifications-container--bc .notification-wrapper-enter {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: bottom20px-enter;\n animation-name: bottom20px-enter;\n -webkit-animation-duration: .4s;\n animation-duration: .4s; }\n :local .notifications-container--bc .notification-wrapper-leave {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: bottom20px-leave;\n animation-name: bottom20px-leave;\n -webkit-animation-duration: .8s;\n animation-duration: .8s; }\n\n:local .notifications-container--br {\n bottom: 0;\n right: 20px; }\n :local .notifications-container--br .notification-wrapper {\n position: relative;\n right: 0; }\n :local .notifications-container--br .notification-wrapper-enter {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: right20px-enter;\n animation-name: right20px-enter;\n -webkit-animation-duration: .4s;\n animation-duration: .4s; }\n :local .notifications-container--br .notification-wrapper-leave {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: right20px-leave;\n animation-name: right20px-leave;\n -webkit-animation-duration: .8s;\n animation-duration: .8s; }\n\n:local .notifications-container--bl {\n bottom: 0;\n left: 20px; }\n :local .notifications-container--bl .notification-wrapper {\n position: relative;\n left: 0; }\n :local .notifications-container--bl .notification-wrapper-enter {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: left20px-enter;\n animation-name: left20px-enter;\n -webkit-animation-duration: .4s;\n animation-duration: .4s; }\n :local .notifications-container--bl .notification-wrapper-leave {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: left20px-leave;\n animation-name: left20px-leave;\n -webkit-animation-duration: .8s;\n animation-duration: .8s; }\n\n@media (max-width: 767px) {\n :local .notifications-container--t {\n width: 100%;\n top: 0;\n left: 0; }\n :local .notifications-container--t .notification-wrapper {\n position: relative;\n top: 0; }\n :local .notifications-container--t .notification-wrapper-enter {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: top0-enter;\n animation-name: top0-enter;\n -webkit-animation-duration: .4s;\n animation-duration: .4s; }\n :local .notifications-container--t .notification-wrapper-leave {\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-name: top0-leave;\n animation-name: top0-leave;\n -webkit-animation-duration: .8s;\n animation-duration: .8s; }\n :local .notifications-container--t .notification-wrapper {\n margin: 0; } }\n\n:local .notification {\n display: table;\n width: 100%;\n height: 100%;\n position: relative;\n min-height: 40px;\n border: none;\n -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.3);\n box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.3);\n z-index: 999; }\n :local .notification-wrapper {\n display: block;\n width: 100%;\n height: 100%;\n margin-bottom: 20px; }\n :local .notification-image-container {\n display: table-cell;\n box-sizing: border-box;\n padding: 10px 0 10px 15px; }\n :local .notification-image {\n display: inline-block;\n vertical-align: top;\n border-radius: 40px;\n width: 40px;\n height: 40px;\n background-size: cover; }\n :local .notification-icon {\n display: inline-block;\n box-sizing: border-box;\n margin: 10px 0 10px 15px;\n font-size: 20px !important; }\n :local .notification-meta {\n display: table-cell;\n vertical-align: top;\n box-sizing: border-box;\n width: 100%;\n padding: 10px 20px; }\n :local .notification-close-button-container {\n display: table-cell;\n padding: 10px 15px;\n box-sizing: border-box; }\n :local .notification-close-button {\n font-size: 14px !important;\n color: #524c4c;\n cursor: pointer; }\n :local .notification-close-button:before {\n content: \"\"; }\n :local .notification-close-button:hover {\n color: #6c6565; }\n :local .notification-buttons {\n display: table-cell;\n box-sizing: border-box;\n height: 100%;\n vertical-align: top; }\n :local .notification-buttons .notification-button {\n min-height: 40px;\n box-sizing: border-box;\n padding: 0;\n background: none;\n border: none;\n border-left: 1px solid rgba(0, 0, 0, 0.09);\n outline: none;\n text-align: center;\n color: #524c4c;\n cursor: pointer; }\n :local .notification-buttons .notification-button-text {\n display: block;\n height: 25px;\n width: 70px;\n white-space: nowrap;\n overflow: hidden;\n margin: 0 auto;\n text-overflow: ellipsis;\n text-align: center;\n font-size: 14px;\n line-height: 25px; }\n :local .notification-buttons .notification-button:hover {\n color: #349ef3; }\n :local .notification-buttons .notification-button:active {\n color: #0e86e6; }\n :local .notification-title {\n margin: 0 0 10px;\n font-size: 15px;\n font-weight: 700;\n line-height: 1.428571429; }\n :local .notification-message {\n margin: 0; }\n :local .notification--dismissible {\n cursor: pointer; }\n :local .notification--default {\n background-color: #ffffff;\n border-left: 2px solid #ffffff;\n color: #524c4c; }\n :local .notification--default .notification-icon {\n display: none; }\n :local .notification--success {\n background-color: #ffffff;\n border-left: 2px solid #4dc657;\n color: #524c4c; }\n :local .notification--success .notification-icon:before {\n content: \"\";\n color: #4dc657; }\n :local .notification--info {\n background-color: #ffffff;\n border-left: 2px solid #349ef3;\n color: #524c4c; }\n :local .notification--info .notification-icon:before {\n content: \"\";\n color: #349ef3; }\n :local .notification--warning {\n background-color: #ffffff;\n border-left: 2px solid #f5aa0a;\n color: #524c4c; }\n :local .notification--warning .notification-icon:before {\n content: \"\";\n color: #f5aa0a; }\n :local .notification--error {\n background-color: #ffffff;\n border-left: 2px solid #f5311d;\n color: #524c4c; }\n :local .notification--error .notification-icon:before {\n content: \"\";\n color: #f5311d; }\n :local .notification--loading {\n background-color: #ffffff;\n border-left: 2px solid #349ef3;\n color: #524c4c; }\n :local .notification--loading .notification-icon {\n -webkit-animation: rotating 2s infinite linear;\n animation: rotating 2s infinite linear; }\n :local .notification--loading .notification-icon:before {\n content: \"\";\n color: #349ef3; }\n"],"sourceRoot":"webpack://"}]);
|
|
175
|
+
|
|
176
|
+
// exports
|
|
177
|
+
exports.locals = {
|
|
178
|
+
"notifications-system": "styles__notifications-system__2pp3g",
|
|
179
|
+
"notifications-container": "styles__notifications-container__3DyIs",
|
|
180
|
+
"notifications-container--tc": "styles__notifications-container--tc__3uD_3",
|
|
181
|
+
"notifications-container--tr": "styles__notifications-container--tr__2uehm",
|
|
182
|
+
"notifications-container--tl": "styles__notifications-container--tl__sEol2",
|
|
183
|
+
"notifications-container--bc": "styles__notifications-container--bc__pEhwB",
|
|
184
|
+
"notifications-container--br": "styles__notifications-container--br__gPOIJ",
|
|
185
|
+
"notifications-container--bl": "styles__notifications-container--bl__3AXHJ",
|
|
186
|
+
"notification--buttons-1": "styles__notification--buttons-1__1vzbQ",
|
|
187
|
+
"notification-button": "styles__notification-button__32lr5",
|
|
188
|
+
"notification--buttons-2": "styles__notification--buttons-2__1IGYR",
|
|
189
|
+
"notification-buttons": "styles__notification-buttons__3SijB",
|
|
190
|
+
"notifications-container--b": "styles__notifications-container--b__3mM4P",
|
|
191
|
+
"notifications-container--t": "styles__notifications-container--t__14JVq",
|
|
192
|
+
"notification-meta": "styles__notification-meta__2nIlF",
|
|
193
|
+
"notification-wrapper": "styles__notification-wrapper__2nvVs",
|
|
194
|
+
"notification-wrapper-enter": "styles__notification-wrapper-enter__1hcO7",
|
|
195
|
+
"top20px-enter": "styles__top20px-enter__2JnAU",
|
|
196
|
+
"notification-wrapper-leave": "styles__notification-wrapper-leave__2j6fx",
|
|
197
|
+
"top20px-leave": "styles__top20px-leave__vt5Ez",
|
|
198
|
+
"right20px-enter": "styles__right20px-enter__3VM-N",
|
|
199
|
+
"right20px-leave": "styles__right20px-leave__bBXWR",
|
|
200
|
+
"left20px-enter": "styles__left20px-enter__2lInW",
|
|
201
|
+
"left20px-leave": "styles__left20px-leave__CWV5f",
|
|
202
|
+
"bottom20px-enter": "styles__bottom20px-enter__11ZMc",
|
|
203
|
+
"bottom20px-leave": "styles__bottom20px-leave__1d30C",
|
|
204
|
+
"top0-enter": "styles__top0-enter__2SDaC",
|
|
205
|
+
"top0-leave": "styles__top0-leave__29ud-",
|
|
206
|
+
"notification": "styles__notification__3jX4o",
|
|
207
|
+
"notification-image-container": "styles__notification-image-container__34lk8",
|
|
208
|
+
"notification-image": "styles__notification-image__1o39K",
|
|
209
|
+
"notification-icon": "styles__notification-icon__3kKtw",
|
|
210
|
+
"notification-close-button-container": "styles__notification-close-button-container__Et8ob",
|
|
211
|
+
"notification-close-button": "styles__notification-close-button__1rsEe",
|
|
212
|
+
"notification-button-text": "styles__notification-button-text__5AjZR",
|
|
213
|
+
"notification-title": "styles__notification-title__1g7ZA",
|
|
214
|
+
"notification-message": "styles__notification-message__WOviS",
|
|
215
|
+
"notification--dismissible": "styles__notification--dismissible___YzCo",
|
|
216
|
+
"notification--default": "styles__notification--default__1dpq4",
|
|
217
|
+
"notification--success": "styles__notification--success__2NKYP",
|
|
218
|
+
"notification--info": "styles__notification--info__1rkAu",
|
|
219
|
+
"notification--warning": "styles__notification--warning__3lWtD",
|
|
220
|
+
"notification--error": "styles__notification--error___IR5s",
|
|
221
|
+
"notification--loading": "styles__notification--loading__2QmjY",
|
|
222
|
+
"rotating": "styles__rotating__37Xgw"
|
|
223
|
+
};
|
|
224
|
+
|
|
225
|
+
/***/ },
|
|
226
|
+
/* 4 */
|
|
227
|
+
/***/ function(module, exports) {
|
|
228
|
+
|
|
229
|
+
/*
|
|
230
|
+
MIT License http://www.opensource.org/licenses/mit-license.php
|
|
231
|
+
Author Tobias Koppers @sokra
|
|
232
|
+
*/
|
|
233
|
+
// css base code, injected by the css-loader
|
|
234
|
+
module.exports = function() {
|
|
235
|
+
var list = [];
|
|
236
|
+
|
|
237
|
+
// return the list of modules as css string
|
|
238
|
+
list.toString = function toString() {
|
|
239
|
+
var result = [];
|
|
240
|
+
for(var i = 0; i < this.length; i++) {
|
|
241
|
+
var item = this[i];
|
|
242
|
+
if(item[2]) {
|
|
243
|
+
result.push("@media " + item[2] + "{" + item[1] + "}");
|
|
244
|
+
} else {
|
|
245
|
+
result.push(item[1]);
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
return result.join("");
|
|
249
|
+
};
|
|
250
|
+
|
|
251
|
+
// import a list of modules into the list
|
|
252
|
+
list.i = function(modules, mediaQuery) {
|
|
253
|
+
if(typeof modules === "string")
|
|
254
|
+
modules = [[null, modules, ""]];
|
|
255
|
+
var alreadyImportedModules = {};
|
|
256
|
+
for(var i = 0; i < this.length; i++) {
|
|
257
|
+
var id = this[i][0];
|
|
258
|
+
if(typeof id === "number")
|
|
259
|
+
alreadyImportedModules[id] = true;
|
|
260
|
+
}
|
|
261
|
+
for(i = 0; i < modules.length; i++) {
|
|
262
|
+
var item = modules[i];
|
|
263
|
+
// skip already imported module
|
|
264
|
+
// this implementation is not 100% perfect for weird media query combinations
|
|
265
|
+
// when a module is imported multiple times with different media queries.
|
|
266
|
+
// I hope this will never occur (Hey this way we have smaller bundles)
|
|
267
|
+
if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
|
|
268
|
+
if(mediaQuery && !item[2]) {
|
|
269
|
+
item[2] = mediaQuery;
|
|
270
|
+
} else if(mediaQuery) {
|
|
271
|
+
item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
|
|
272
|
+
}
|
|
273
|
+
list.push(item);
|
|
274
|
+
}
|
|
275
|
+
}
|
|
276
|
+
};
|
|
277
|
+
return list;
|
|
278
|
+
};
|
|
279
|
+
|
|
280
|
+
|
|
281
|
+
/***/ },
|
|
282
|
+
/* 5 */
|
|
283
|
+
/***/ function(module, exports, __webpack_require__) {
|
|
284
|
+
|
|
285
|
+
/*
|
|
286
|
+
MIT License http://www.opensource.org/licenses/mit-license.php
|
|
287
|
+
Author Tobias Koppers @sokra
|
|
288
|
+
*/
|
|
289
|
+
var stylesInDom = {},
|
|
290
|
+
memoize = function(fn) {
|
|
291
|
+
var memo;
|
|
292
|
+
return function () {
|
|
293
|
+
if (typeof memo === "undefined") memo = fn.apply(this, arguments);
|
|
294
|
+
return memo;
|
|
295
|
+
};
|
|
296
|
+
},
|
|
297
|
+
isOldIE = memoize(function() {
|
|
298
|
+
return /msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase());
|
|
299
|
+
}),
|
|
300
|
+
getHeadElement = memoize(function () {
|
|
301
|
+
return document.head || document.getElementsByTagName("head")[0];
|
|
302
|
+
}),
|
|
303
|
+
singletonElement = null,
|
|
304
|
+
singletonCounter = 0,
|
|
305
|
+
styleElementsInsertedAtTop = [];
|
|
306
|
+
|
|
307
|
+
module.exports = function(list, options) {
|
|
308
|
+
if(false) {
|
|
309
|
+
if(typeof document !== "object") throw new Error("The style-loader cannot be used in a non-browser environment");
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
options = options || {};
|
|
313
|
+
// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
|
|
314
|
+
// tags it will allow on a page
|
|
315
|
+
if (typeof options.singleton === "undefined") options.singleton = isOldIE();
|
|
316
|
+
|
|
317
|
+
// By default, add <style> tags to the bottom of <head>.
|
|
318
|
+
if (typeof options.insertAt === "undefined") options.insertAt = "bottom";
|
|
319
|
+
|
|
320
|
+
var styles = listToStyles(list);
|
|
321
|
+
addStylesToDom(styles, options);
|
|
322
|
+
|
|
323
|
+
return function update(newList) {
|
|
324
|
+
var mayRemove = [];
|
|
325
|
+
for(var i = 0; i < styles.length; i++) {
|
|
326
|
+
var item = styles[i];
|
|
327
|
+
var domStyle = stylesInDom[item.id];
|
|
328
|
+
domStyle.refs--;
|
|
329
|
+
mayRemove.push(domStyle);
|
|
330
|
+
}
|
|
331
|
+
if(newList) {
|
|
332
|
+
var newStyles = listToStyles(newList);
|
|
333
|
+
addStylesToDom(newStyles, options);
|
|
334
|
+
}
|
|
335
|
+
for(var i = 0; i < mayRemove.length; i++) {
|
|
336
|
+
var domStyle = mayRemove[i];
|
|
337
|
+
if(domStyle.refs === 0) {
|
|
338
|
+
for(var j = 0; j < domStyle.parts.length; j++)
|
|
339
|
+
domStyle.parts[j]();
|
|
340
|
+
delete stylesInDom[domStyle.id];
|
|
341
|
+
}
|
|
342
|
+
}
|
|
343
|
+
};
|
|
344
|
+
}
|
|
345
|
+
|
|
346
|
+
function addStylesToDom(styles, options) {
|
|
347
|
+
for(var i = 0; i < styles.length; i++) {
|
|
348
|
+
var item = styles[i];
|
|
349
|
+
var domStyle = stylesInDom[item.id];
|
|
350
|
+
if(domStyle) {
|
|
351
|
+
domStyle.refs++;
|
|
352
|
+
for(var j = 0; j < domStyle.parts.length; j++) {
|
|
353
|
+
domStyle.parts[j](item.parts[j]);
|
|
354
|
+
}
|
|
355
|
+
for(; j < item.parts.length; j++) {
|
|
356
|
+
domStyle.parts.push(addStyle(item.parts[j], options));
|
|
357
|
+
}
|
|
358
|
+
} else {
|
|
359
|
+
var parts = [];
|
|
360
|
+
for(var j = 0; j < item.parts.length; j++) {
|
|
361
|
+
parts.push(addStyle(item.parts[j], options));
|
|
362
|
+
}
|
|
363
|
+
stylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};
|
|
364
|
+
}
|
|
365
|
+
}
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
function listToStyles(list) {
|
|
369
|
+
var styles = [];
|
|
370
|
+
var newStyles = {};
|
|
371
|
+
for(var i = 0; i < list.length; i++) {
|
|
372
|
+
var item = list[i];
|
|
373
|
+
var id = item[0];
|
|
374
|
+
var css = item[1];
|
|
375
|
+
var media = item[2];
|
|
376
|
+
var sourceMap = item[3];
|
|
377
|
+
var part = {css: css, media: media, sourceMap: sourceMap};
|
|
378
|
+
if(!newStyles[id])
|
|
379
|
+
styles.push(newStyles[id] = {id: id, parts: [part]});
|
|
380
|
+
else
|
|
381
|
+
newStyles[id].parts.push(part);
|
|
382
|
+
}
|
|
383
|
+
return styles;
|
|
384
|
+
}
|
|
385
|
+
|
|
386
|
+
function insertStyleElement(options, styleElement) {
|
|
387
|
+
var head = getHeadElement();
|
|
388
|
+
var lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];
|
|
389
|
+
if (options.insertAt === "top") {
|
|
390
|
+
if(!lastStyleElementInsertedAtTop) {
|
|
391
|
+
head.insertBefore(styleElement, head.firstChild);
|
|
392
|
+
} else if(lastStyleElementInsertedAtTop.nextSibling) {
|
|
393
|
+
head.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);
|
|
394
|
+
} else {
|
|
395
|
+
head.appendChild(styleElement);
|
|
396
|
+
}
|
|
397
|
+
styleElementsInsertedAtTop.push(styleElement);
|
|
398
|
+
} else if (options.insertAt === "bottom") {
|
|
399
|
+
head.appendChild(styleElement);
|
|
400
|
+
} else {
|
|
401
|
+
throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");
|
|
402
|
+
}
|
|
403
|
+
}
|
|
404
|
+
|
|
405
|
+
function removeStyleElement(styleElement) {
|
|
406
|
+
styleElement.parentNode.removeChild(styleElement);
|
|
407
|
+
var idx = styleElementsInsertedAtTop.indexOf(styleElement);
|
|
408
|
+
if(idx >= 0) {
|
|
409
|
+
styleElementsInsertedAtTop.splice(idx, 1);
|
|
410
|
+
}
|
|
411
|
+
}
|
|
412
|
+
|
|
413
|
+
function createStyleElement(options) {
|
|
414
|
+
var styleElement = document.createElement("style");
|
|
415
|
+
styleElement.type = "text/css";
|
|
416
|
+
insertStyleElement(options, styleElement);
|
|
417
|
+
return styleElement;
|
|
418
|
+
}
|
|
419
|
+
|
|
420
|
+
function createLinkElement(options) {
|
|
421
|
+
var linkElement = document.createElement("link");
|
|
422
|
+
linkElement.rel = "stylesheet";
|
|
423
|
+
insertStyleElement(options, linkElement);
|
|
424
|
+
return linkElement;
|
|
425
|
+
}
|
|
426
|
+
|
|
427
|
+
function addStyle(obj, options) {
|
|
428
|
+
var styleElement, update, remove;
|
|
429
|
+
|
|
430
|
+
if (options.singleton) {
|
|
431
|
+
var styleIndex = singletonCounter++;
|
|
432
|
+
styleElement = singletonElement || (singletonElement = createStyleElement(options));
|
|
433
|
+
update = applyToSingletonTag.bind(null, styleElement, styleIndex, false);
|
|
434
|
+
remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);
|
|
435
|
+
} else if(obj.sourceMap &&
|
|
436
|
+
typeof URL === "function" &&
|
|
437
|
+
typeof URL.createObjectURL === "function" &&
|
|
438
|
+
typeof URL.revokeObjectURL === "function" &&
|
|
439
|
+
typeof Blob === "function" &&
|
|
440
|
+
typeof btoa === "function") {
|
|
441
|
+
styleElement = createLinkElement(options);
|
|
442
|
+
update = updateLink.bind(null, styleElement);
|
|
443
|
+
remove = function() {
|
|
444
|
+
removeStyleElement(styleElement);
|
|
445
|
+
if(styleElement.href)
|
|
446
|
+
URL.revokeObjectURL(styleElement.href);
|
|
447
|
+
};
|
|
448
|
+
} else {
|
|
449
|
+
styleElement = createStyleElement(options);
|
|
450
|
+
update = applyToTag.bind(null, styleElement);
|
|
451
|
+
remove = function() {
|
|
452
|
+
removeStyleElement(styleElement);
|
|
453
|
+
};
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
update(obj);
|
|
457
|
+
|
|
458
|
+
return function updateStyle(newObj) {
|
|
459
|
+
if(newObj) {
|
|
460
|
+
if(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)
|
|
461
|
+
return;
|
|
462
|
+
update(obj = newObj);
|
|
463
|
+
} else {
|
|
464
|
+
remove();
|
|
465
|
+
}
|
|
466
|
+
};
|
|
467
|
+
}
|
|
468
|
+
|
|
469
|
+
var replaceText = (function () {
|
|
470
|
+
var textStore = [];
|
|
471
|
+
|
|
472
|
+
return function (index, replacement) {
|
|
473
|
+
textStore[index] = replacement;
|
|
474
|
+
return textStore.filter(Boolean).join('\n');
|
|
475
|
+
};
|
|
476
|
+
})();
|
|
477
|
+
|
|
478
|
+
function applyToSingletonTag(styleElement, index, remove, obj) {
|
|
479
|
+
var css = remove ? "" : obj.css;
|
|
480
|
+
|
|
481
|
+
if (styleElement.styleSheet) {
|
|
482
|
+
styleElement.styleSheet.cssText = replaceText(index, css);
|
|
483
|
+
} else {
|
|
484
|
+
var cssNode = document.createTextNode(css);
|
|
485
|
+
var childNodes = styleElement.childNodes;
|
|
486
|
+
if (childNodes[index]) styleElement.removeChild(childNodes[index]);
|
|
487
|
+
if (childNodes.length) {
|
|
488
|
+
styleElement.insertBefore(cssNode, childNodes[index]);
|
|
489
|
+
} else {
|
|
490
|
+
styleElement.appendChild(cssNode);
|
|
491
|
+
}
|
|
492
|
+
}
|
|
493
|
+
}
|
|
494
|
+
|
|
495
|
+
function applyToTag(styleElement, obj) {
|
|
496
|
+
var css = obj.css;
|
|
497
|
+
var media = obj.media;
|
|
498
|
+
|
|
499
|
+
if(media) {
|
|
500
|
+
styleElement.setAttribute("media", media)
|
|
501
|
+
}
|
|
502
|
+
|
|
503
|
+
if(styleElement.styleSheet) {
|
|
504
|
+
styleElement.styleSheet.cssText = css;
|
|
505
|
+
} else {
|
|
506
|
+
while(styleElement.firstChild) {
|
|
507
|
+
styleElement.removeChild(styleElement.firstChild);
|
|
508
|
+
}
|
|
509
|
+
styleElement.appendChild(document.createTextNode(css));
|
|
510
|
+
}
|
|
511
|
+
}
|
|
512
|
+
|
|
513
|
+
function updateLink(linkElement, obj) {
|
|
514
|
+
var css = obj.css;
|
|
515
|
+
var sourceMap = obj.sourceMap;
|
|
516
|
+
|
|
517
|
+
if(sourceMap) {
|
|
518
|
+
// http://stackoverflow.com/a/26603875
|
|
519
|
+
css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
|
|
520
|
+
}
|
|
521
|
+
|
|
522
|
+
var blob = new Blob([css], { type: "text/css" });
|
|
523
|
+
|
|
524
|
+
var oldSrc = linkElement.href;
|
|
525
|
+
|
|
526
|
+
linkElement.href = URL.createObjectURL(blob);
|
|
527
|
+
|
|
528
|
+
if(oldSrc)
|
|
529
|
+
URL.revokeObjectURL(oldSrc);
|
|
530
|
+
}
|
|
531
|
+
|
|
532
|
+
|
|
533
|
+
/***/ }
|
|
534
|
+
/******/ ])
|
|
535
|
+
});
|
|
536
|
+
;
|