1 | (function (global, factory) {
|
2 | typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('prop-types'), require('styled-components')) :
|
3 | typeof define === 'function' && define.amd ? define(['exports', 'react', 'prop-types', 'styled-components'], factory) :
|
4 | (factory((global.Mirage = {}),global.React,global.PropTypes,global.styled));
|
5 | }(this, (function (exports,React,PropTypes,styled) { 'use strict';
|
6 |
|
7 | var React__default = 'default' in React ? React['default'] : React;
|
8 | PropTypes = PropTypes && PropTypes.hasOwnProperty('default') ? PropTypes['default'] : PropTypes;
|
9 | var styled__default = 'default' in styled ? styled['default'] : styled;
|
10 |
|
11 | var _jsxFileName = '/Users/mealeyst/projects/professional/mirage/src/core/grid/grid.js',
|
12 | _this = undefined;
|
13 |
|
14 | var _templateObject = _taggedTemplateLiteral(['\n grid-template-columns:\n repeat(', ', 1fr);\n max-width: 144rem;\n padding: ', 'rem ', ';\n'], ['\n grid-template-columns:\n repeat(', ', 1fr);\n max-width: 144rem;\n padding: ', 'rem ', ';\n']),
|
15 | _templateObject2 = _taggedTemplateLiteral(['\n display: flex;\n flex-wrap: wrap;\n margin-left: auto;\n margin-right: auto;\n padding: ', 'rem ', ';\n @supports (display:grid) {\n max-width: 100%;\n grid-gap: ', 'rem;\n display: grid;\n grid-auto-flow: row;\n grid-template-columns:\n repeat(', ', 1fr);\n ', '\n ', '\n }\n'], ['\n display: flex;\n flex-wrap: wrap;\n margin-left: auto;\n margin-right: auto;\n padding: ', 'rem ', ';\n @supports (display:grid) {\n max-width: 100%;\n grid-gap: ', 'rem;\n display: grid;\n grid-auto-flow: row;\n grid-template-columns:\n repeat(', ', 1fr);\n ', '\n ', '\n }\n']),
|
16 | _templateObject3 = _taggedTemplateLiteral(['', ''], ['', '']);
|
17 |
|
18 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
19 |
|
20 | var TwelveColGrid = styled.css(_templateObject, function (props) {
|
21 | return props.theme.grid.columns.desktop;
|
22 | }, function (props) {
|
23 | return props.theme.grid.gutter;
|
24 | }, function (props) {
|
25 | return props.theme.grid.margins.desktop;
|
26 | });
|
27 |
|
28 | var Grid = styled__default(function (_ref) {
|
29 | var className = _ref.className,
|
30 | children = _ref.children;
|
31 |
|
32 | return React__default.createElement(
|
33 | 'div',
|
34 | { className: className, __source: {
|
35 | fileName: _jsxFileName,
|
36 | lineNumber: 14
|
37 | },
|
38 | __self: _this
|
39 | },
|
40 | children
|
41 | );
|
42 | })(_templateObject2, function (props) {
|
43 | return props.theme.grid.gutter;
|
44 | }, function (props) {
|
45 | return props.theme.grid.margins.mobile;
|
46 | }, function (props) {
|
47 | return props.theme.grid.gutter;
|
48 | }, function (props) {
|
49 | return props.theme.grid.columns.mobile;
|
50 | }, function (props) {
|
51 | return props.theme.media.tablet(_templateObject3, TwelveColGrid);
|
52 | }, function (props) {
|
53 | return props.debug && '> * {\n background-color: hsl(200, 33%, 96%);\n }';
|
54 | });
|
55 |
|
56 | Grid.propTypes = {
|
57 | debug: PropTypes.bool,
|
58 | theme: PropTypes.shape({
|
59 | media: PropTypes.shape({
|
60 | tablet: PropTypes.func,
|
61 | desktop: PropTypes.func
|
62 | }),
|
63 | grid: PropTypes.shape({
|
64 | columns: PropTypes.shape({
|
65 | mobile: PropTypes.number,
|
66 | tablet: PropTypes.number,
|
67 | desktop: PropTypes.number
|
68 | }),
|
69 | gutter: PropTypes.string,
|
70 | margins: PropTypes.shape({
|
71 | mobile: PropTypes.number,
|
72 | tablet: PropTypes.number,
|
73 | desktop: PropTypes.number
|
74 | })
|
75 | })
|
76 | })
|
77 |
|
78 |
|
79 | };
|
80 |
|
81 | var _templateObject$1 = _taggedTemplateLiteral$1(['\n width: calc((100% * (', '/', ')) - 2rem);\n box-sizing: border-box;\n margin: 0 ', 'rem;\n @supports (display:grid) {\n width: auto;\n margin: 0;\n ', '\n grid-column-end: ', ';\n }\n'], ['\n width: calc((100% * (', '/', ')) - 2rem);\n box-sizing: border-box;\n margin: 0 ', 'rem;\n @supports (display:grid) {\n width: auto;\n margin: 0;\n ', '\n grid-column-end: ', ';\n }\n']),
|
82 | _templateObject2$1 = _taggedTemplateLiteral$1(['\n width: calc((100% * (', '/', ')) - 2rem);\n box-sizing: border-box;\n margin: 0 ', 'rem;\n @supports (display:grid) {\n width: auto;\n margin: 0;\n ', '\n grid-column-end: ', ';\n ', '\n ', '\n }\n'], ['\n width: calc((100% * (', '/', ')) - 2rem);\n box-sizing: border-box;\n margin: 0 ', 'rem;\n @supports (display:grid) {\n width: auto;\n margin: 0;\n ', '\n grid-column-end: ', ';\n ', '\n ', '\n }\n']),
|
83 | _templateObject3$1 = _taggedTemplateLiteral$1(['', ''], ['', '']);
|
84 |
|
85 | function _taggedTemplateLiteral$1(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
86 |
|
87 | var DesktopSizer = styled.css(_templateObject$1, function (props) {
|
88 | return props.desktop.width;
|
89 | }, function (props) {
|
90 | return props.theme.grid.columns.desktop;
|
91 | }, function (props) {
|
92 | return props.theme.grid.gutter / 2;
|
93 | }, function (props) {
|
94 | return props.desktop.start ? 'grid-column-start: ' + props.desktop.start + ';' : '';
|
95 | }, function (props) {
|
96 | if (props.desktop.start) {
|
97 | return props.desktop.start + props.desktop.width;
|
98 | } else {
|
99 | return 'span ' + props.desktop.width;
|
100 | }
|
101 | });
|
102 |
|
103 | var desktopFallback = function desktopFallback(props, key) {
|
104 | if (props.tablet && props.tablet[key]) {
|
105 | return props.tablet[key];
|
106 | }
|
107 | return props.desktop[key];
|
108 | };
|
109 |
|
110 | var TabletSizer = styled.css(_templateObject$1, function (props) {
|
111 | return desktopFallback(props, 'width');
|
112 | }, function (props) {
|
113 | return props.theme.grid.columns.tablet;
|
114 | }, function (props) {
|
115 | return props.theme.grid.gutter / 2;
|
116 | }, function (props) {
|
117 | return desktopFallback(props, 'start') ? 'grid-column-start: ' + desktopFallback(props, 'start') + ';' : '';
|
118 | }, function (props) {
|
119 | if (desktopFallback(props, 'start')) {
|
120 | return desktopFallback(props, 'start') + desktopFallback(props, 'width');
|
121 | } else {
|
122 | return 'span ' + desktopFallback(props, 'width');
|
123 | }
|
124 | });
|
125 | var Sizer = styled__default.div(_templateObject2$1, function (props) {
|
126 | return props.mobile.width;
|
127 | }, function (props) {
|
128 | return props.theme.grid.columns.mobile;
|
129 | }, function (props) {
|
130 | return props.theme.grid.gutter / 2;
|
131 | }, function (props) {
|
132 | return props.mobile.start ? 'grid-column-start: ' + props.mobile.start + ';' : '';
|
133 | }, function (props) {
|
134 | if (props.mobile.start) {
|
135 | return props.mobile.start + props.mobile.width;
|
136 | } else {
|
137 | return 'span ' + props.mobile.width;
|
138 | }
|
139 | }, function (props) {
|
140 | return props.theme.media.tablet(_templateObject3$1, TabletSizer);
|
141 | }, function (props) {
|
142 | return props.theme.media.desktop(_templateObject3$1, DesktopSizer);
|
143 | });
|
144 |
|
145 | Sizer.defaultProps = {
|
146 | desktop: {
|
147 | width: 12
|
148 | },
|
149 | mobile: {
|
150 | width: 4
|
151 | }
|
152 | };
|
153 |
|
154 | Sizer.propTypes = {
|
155 | desktop: PropTypes.shape({
|
156 | width: PropTypes.number,
|
157 | start: PropTypes.number
|
158 | }),
|
159 | mobile: PropTypes.shape({
|
160 | width: PropTypes.number,
|
161 | start: PropTypes.number
|
162 | })
|
163 |
|
164 |
|
165 | };
|
166 |
|
167 | var _jsxFileName$1 = '/Users/mealeyst/projects/professional/mirage/src/core/icons/BagIcon.js',
|
168 | _this$1 = undefined;
|
169 |
|
170 | var _templateObject$2 = _taggedTemplateLiteral$2(['\n width: ', ';\n > polygon, path {\n fill: none;\n stroke: ', ';\n stroke-linecap:round;\n stroke-linejoin:round;\n }\n > g circle {\n fill: ', ';\n }\n > g text {\n fill: ', ';\n font-family: ', ';\n font-size: .8rem;\n font-weight: 500;\n }\n'], ['\n width: ', ';\n > polygon, path {\n fill: none;\n stroke: ', ';\n stroke-linecap:round;\n stroke-linejoin:round;\n }\n > g circle {\n fill: ', ';\n }\n > g text {\n fill: ', ';\n font-family: ', ';\n font-size: .8rem;\n font-weight: 500;\n }\n']);
|
171 |
|
172 | function _taggedTemplateLiteral$2(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
173 |
|
174 | var BaseBagIcon = function BaseBagIcon(_ref) {
|
175 | var className = _ref.className,
|
176 | count = _ref.count;
|
177 |
|
178 | return React__default.createElement(
|
179 | 'svg',
|
180 | { className: className, version: '1.1', viewBox: '0 0 19 15', __source: {
|
181 | fileName: _jsxFileName$1,
|
182 | lineNumber: 7
|
183 | },
|
184 | __self: _this$1
|
185 | },
|
186 | React__default.createElement('polygon', { points: '10.5,12.7 10.6,6.8 0.5,6.8 0.5,12.7 2.6,14.5 8.7,14.5', __source: {
|
187 | fileName: _jsxFileName$1,
|
188 | lineNumber: 8
|
189 | },
|
190 | __self: _this$1
|
191 | }),
|
192 | React__default.createElement('path', { d: 'M3.1,6.4v-1C3.1,4.1,4.2,3,5.5,3s2.4,1.1,2.4,2.4v1H3.1z', __source: {
|
193 | fileName: _jsxFileName$1,
|
194 | lineNumber: 9
|
195 | },
|
196 | __self: _this$1
|
197 | }),
|
198 | count && React__default.createElement(
|
199 | 'g',
|
200 | {
|
201 | __source: {
|
202 | fileName: _jsxFileName$1,
|
203 | lineNumber: 11
|
204 | },
|
205 | __self: _this$1
|
206 | },
|
207 | React__default.createElement('circle', { cx: '13', cy: '6', r: '6', __source: {
|
208 | fileName: _jsxFileName$1,
|
209 | lineNumber: 12
|
210 | },
|
211 | __self: _this$1
|
212 | }),
|
213 | React__default.createElement(
|
214 | 'text',
|
215 | { x: '12.75', y: '7', alignmentBaseline: 'middle', textAnchor: 'middle', __source: {
|
216 | fileName: _jsxFileName$1,
|
217 | lineNumber: 13
|
218 | },
|
219 | __self: _this$1
|
220 | },
|
221 | count
|
222 | )
|
223 | )
|
224 | );
|
225 | };
|
226 |
|
227 | var BagIcon = styled__default(BaseBagIcon)(_templateObject$2, function (props) {
|
228 | return props.width;
|
229 | }, function (props) {
|
230 | return props.theme.colors.rocketBlue;
|
231 | }, function (props) {
|
232 | return props.theme.colors.rocketBlue;
|
233 | }, function (props) {
|
234 | return props.theme.colors.white;
|
235 | }, function (props) {
|
236 | return props.theme.fonts.primaryFont;
|
237 | });
|
238 |
|
239 | BagIcon.propTypes = {
|
240 | theme: PropTypes.shape({
|
241 | colors: PropTypes.shape({
|
242 | rocketBlue: PropTypes.string,
|
243 | white: PropTypes.string
|
244 | }),
|
245 | fonts: PropTypes.shape({
|
246 | primaryFont: PropTypes.string
|
247 | })
|
248 | }),
|
249 | width: PropTypes.string
|
250 | };
|
251 |
|
252 | BagIcon.propTypes = {
|
253 | count: PropTypes.number,
|
254 | width: PropTypes.string.isRequired
|
255 | };
|
256 |
|
257 | BagIcon.defaultProps = {
|
258 | width: '2rem'
|
259 |
|
260 |
|
261 | };
|
262 |
|
263 | var _jsxFileName$2 = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/CardIcon.base.js',
|
264 | _this$2 = undefined;
|
265 |
|
266 | var BaseCardIcon = function BaseCardIcon(_ref) {
|
267 | var className = _ref.className,
|
268 | children = _ref.children,
|
269 | box = _ref.box;
|
270 |
|
271 | return React__default.createElement(
|
272 | 'svg',
|
273 | { className: className, version: '1.1', xmlns: 'http://www.w3.org/2000/svg', viewBox: box, __source: {
|
274 | fileName: _jsxFileName$2,
|
275 | lineNumber: 6
|
276 | },
|
277 | __self: _this$2
|
278 | },
|
279 | children
|
280 | );
|
281 | };
|
282 |
|
283 | BaseCardIcon.propTypes = {
|
284 | box: PropTypes.string,
|
285 | className: PropTypes.string,
|
286 | children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])
|
287 | };
|
288 |
|
289 | var _jsxFileName$3 = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/Amex.base.js',
|
290 | _this$3 = undefined;
|
291 |
|
292 | var Amex = function Amex(_ref) {
|
293 | var className = _ref.className;
|
294 | return React__default.createElement(
|
295 | BaseCardIcon,
|
296 | { className: className, box: '0 0 750 472', __source: {
|
297 | fileName: _jsxFileName$3,
|
298 | lineNumber: 7
|
299 | },
|
300 | __self: _this$3
|
301 | },
|
302 | React__default.createElement(
|
303 | 'g',
|
304 | { fillRule: 'evenodd', __source: {
|
305 | fileName: _jsxFileName$3,
|
306 | lineNumber: 8
|
307 | },
|
308 | __self: _this$3
|
309 | },
|
310 | React__default.createElement('path', { d: 'M0,41.0047706 C0,18.9107459 17.9143492,1 39.9919369,1 L710.008063,1 C732.095,1 750,18.9064659 750,41.0047706 L750,431.995229 C750,454.089254 732.085651,472 710.008063,472 L39.9919369,472 C17.905,472 0,454.093534 0,431.995229 L0,41.0047706 Z M0.00266072556,221.9061 L36.0288848,221.9061 L44.15208,202.394972 L62.3381392,202.394972 L70.4400485,221.9061 L141.324438,221.9061 L141.324438,206.989254 L147.651644,221.969689 L184.449478,221.969689 L190.776684,206.766694 L190.776684,221.9061 L366.938002,221.9061 L366.855519,189.878599 L370.263908,189.878599 C372.650579,189.960734 373.347689,190.180645 373.347689,194.104597 L373.347689,221.9061 L464.458915,221.9061 L464.458915,214.450327 C471.807839,218.371629 483.238316,221.9061 498.279397,221.9061 L536.60981,221.9061 L544.812827,202.394972 L562.998886,202.394972 L571.020974,221.9061 L644.885376,221.9061 L644.885376,203.372648 L656.071066,221.9061 L715.261567,221.9061 L715.261567,99.3918994 L656.683033,99.3918994 L656.683033,113.860975 L648.480016,99.3918994 L588.371565,99.3918994 L588.371565,113.860975 L580.839051,99.3918994 L499.64701,99.3918994 C486.056024,99.3918994 474.109366,101.281013 464.458915,106.545627 L464.458915,99.3918994 L408.429356,99.3918994 L408.429356,106.545627 C402.288401,101.119392 393.920419,99.3918994 384.615862,99.3918994 L179.918263,99.3918994 L166.183597,131.035219 L152.079091,99.3918994 L87.6043891,99.3918994 L87.6043891,113.860975 L80.5215377,99.3918994 L25.5349832,99.3918994 L0,157.641785 L0,221.9061 L0.00266072556,221.9061 L0.00266072556,221.9061 Z M227.659661,204.65237 L206.043927,204.65237 L205.964105,135.854711 L175.389708,204.65237 L156.876379,204.65237 L126.22216,135.793772 L126.22216,204.65237 L83.3365853,204.65237 L75.234676,185.059106 L31.3327042,185.059106 L23.1483124,204.65237 L0.247447477,204.65237 L38.0058039,116.8099 L69.3331867,116.8099 L105.194446,199.978602 L105.194446,116.8099 L139.60827,116.8099 L167.202655,176.400447 L192.551387,116.8099 L227.657001,116.8099 L227.657001,204.65237 L227.659661,204.65237 L227.659661,204.65237 Z M67.6223402,166.748214 L53.1905647,131.729395 L38.8412718,166.748214 L67.6223402,166.748214 L67.6223402,166.748214 Z M313.811294,204.65237 L243.373906,204.65237 L243.373906,116.8099 L313.811294,116.8099 L313.811294,135.102245 L264.460157,135.102245 L264.460157,150.935828 L312.627271,150.935828 L312.627271,168.942024 L264.460157,168.942024 L264.460157,186.484553 L313.811294,186.484553 L313.811294,204.65237 L313.811294,204.65237 L313.811294,204.65237 Z M413.125537,140.467541 C413.125537,154.472949 403.738497,161.708811 398.268045,163.881425 C402.881743,165.630113 406.822278,168.719464 408.698089,171.278908 C411.675441,175.647981 412.188961,179.550736 412.188961,187.395991 L412.188961,204.65237 L390.921782,204.65237 L390.84196,193.574691 C390.84196,188.288882 391.350159,180.687384 387.513392,176.461386 C384.432272,173.372036 379.736092,172.701705 372.145041,172.701705 L349.510249,172.701705 L349.510249,204.65237 L328.42666,204.65237 L328.42666,116.8099 L376.923705,116.8099 C387.699643,116.8099 395.639248,117.0934 402.456027,121.017352 C409.126466,124.941303 413.125537,130.669584 413.125537,140.467541 L413.125537,140.467541 Z M385.552438,152.803746 C382.654907,154.555084 379.227893,154.613374 375.122393,154.613374 L349.507588,154.613374 L349.507588,135.102245 L375.470948,135.102245 C379.14541,135.102245 382.979516,135.266516 385.469955,136.686663 C388.205181,137.966386 389.897402,140.690101 389.897402,144.452432 C389.897402,148.291599 388.287663,151.380949 385.552438,152.803746 L385.552438,152.803746 Z M446.868858,204.65237 L425.354231,204.65237 L425.354231,116.8099 L446.868858,116.8099 L446.868858,204.65237 L446.868858,204.65237 Z M696.466202,204.65237 L666.586254,204.65237 L626.619495,138.721501 L626.619495,204.65237 L583.678045,204.65237 L575.472367,185.059106 L531.671503,185.059106 L523.710612,204.65237 L499.037704,204.65237 C488.788589,204.65237 475.812231,202.394972 468.463307,194.936549 C461.053186,187.478126 457.197795,177.375474 457.197795,161.401466 C457.197795,148.373734 459.501983,136.464103 468.564414,127.052978 C475.381193,120.042325 486.056024,116.8099 500.586247,116.8099 L520.999333,116.8099 L520.999333,135.632151 L501.014623,135.632151 C493.319805,135.632151 488.97484,136.771448 484.789519,140.835825 C481.194879,144.534567 478.728386,151.526673 478.728386,160.733785 C478.728386,170.14491 480.606858,176.930353 484.526107,181.363014 C487.772192,184.839195 493.671021,185.893708 499.221294,185.893708 L508.690817,185.893708 L538.40846,116.81255 L570.001916,116.81255 L605.700871,199.899116 L605.700871,116.81255 L637.805185,116.81255 L674.869092,177.990164 L674.869092,116.81255 L696.466202,116.81255 L696.466202,204.65237 L696.466202,204.65237 Z M568.285748,166.748214 L553.694329,131.729395 L539.182732,166.748214 L568.285748,166.748214 Z M750,344.518333 C744.878103,351.976756 734.897722,355.757633 721.386557,355.757633 L680.666813,355.757633 L680.666813,336.916836 L721.221592,336.916836 C725.244609,336.916836 728.059657,336.38958 729.754539,334.741573 C731.22326,333.382365 732.247639,331.408466 732.247639,329.010643 C732.247639,326.451198 731.22326,324.41901 729.672057,323.200226 C728.14214,321.859565 725.915112,321.250173 722.243311,321.250173 C702.444852,320.579843 677.745337,321.859565 677.745337,294.055412 C677.745337,281.31118 685.871193,267.896617 707.997786,267.896617 L749.997339,267.896617 L749.997339,250.415027 L710.975138,250.415027 C699.198767,250.415027 690.644534,253.223528 684.586062,257.589951 L684.586062,250.415027 L626.866942,250.415027 C617.636885,250.415027 606.802411,252.693622 601.677854,257.589951 L601.677854,250.415027 L498.606667,250.415027 L498.606667,257.589951 C490.40365,251.697399 476.562555,250.415027 470.174153,250.415027 L402.187294,250.415027 L402.187294,257.589951 C395.697784,251.331764 381.266009,250.415027 372.46965,250.415027 L296.380881,250.415027 L278.969093,269.178989 L262.661506,250.415027 L149.000631,250.415027 L149.000631,373.014013 L260.522283,373.014013 L278.463555,353.953304 L295.364484,373.014013 L364.10699,373.074952 L364.10699,344.234834 L370.865232,344.234834 C379.9862,344.375259 390.743513,344.009624 400.234321,339.924051 L400.234321,373.011363 L456.934383,373.011363 L456.934383,341.058049 L459.669609,341.058049 C463.160481,341.058049 463.503714,341.201123 463.503714,344.674655 L463.503714,373.008714 L635.748444,373.008714 C646.684026,373.008714 658.114503,370.22141 664.44437,365.16346 L664.44437,373.008714 L719.079708,373.008714 C730.448989,373.008714 741.552196,371.421646 750,367.357269 L750,344.518333 Z M408.51716,296.840067 C408.51716,321.247524 390.229993,326.286927 371.799147,326.286927 L345.489893,326.286927 L345.489893,355.757633 L304.506737,355.757633 L278.543377,326.671109 L251.560959,355.757633 L168.040784,355.757633 L168.040784,267.893967 L252.846089,267.893967 L278.788164,296.694343 L305.608277,267.893967 L372.98317,267.893967 C389.716473,267.893967 408.51716,272.506796 408.51716,296.840067 Z M240.886128,337.446742 L189.044551,337.446742 L189.044551,319.965152 L235.335855,319.965152 L235.335855,302.038442 L189.044551,302.038442 L189.044551,286.064434 L241.907847,286.064434 L264.971016,311.669478 L240.886128,337.446742 Z M324.488786,347.766655 L292.115738,311.976823 L324.488786,277.323639 L324.488786,347.766655 Z M372.738383,308.442352 L345.489893,308.442352 L345.489893,286.067084 L372.98317,286.067084 C380.595506,286.067084 385.879707,289.156434 385.879707,296.840067 C385.879707,304.438915 380.840293,308.442352 372.738383,308.442352 Z M514.999397,267.893967 L585.372927,267.893967 L585.372927,286.064434 L535.997843,286.064434 L535.997843,302.038442 L584.167619,302.038442 L584.167619,319.965152 L535.997843,319.965152 L535.997843,337.446742 L585.372927,337.526227 L585.372927,355.757633 L514.999397,355.757633 L514.999397,267.893967 L514.999397,267.893967 Z M488.362873,314.925749 C493.056393,316.650592 496.893159,319.742592 498.69181,322.302036 C501.669162,326.591623 502.100199,330.595061 502.185343,338.339633 L502.185343,355.757633 L481.01661,355.757633 L481.01661,344.764739 C481.01661,339.47893 481.527469,331.652223 477.608221,327.56665 C474.5271,324.41901 469.83092,323.666543 462.138762,323.666543 L439.605077,323.666543 L439.605077,355.757633 L418.41772,355.757633 L418.41772,267.893967 L467.098355,267.893967 C477.773186,267.893967 485.547826,268.362934 492.468373,272.040479 C499.122847,276.043917 503.308169,281.528441 503.308169,291.551608 C503.305508,305.575562 493.913147,312.731939 488.362873,314.925749 Z M475.628641,303.991144 C472.808272,305.657698 469.32006,305.800772 465.217222,305.800772 L439.602417,305.800772 L439.602417,286.067084 L465.565777,286.067084 C469.32006,286.067084 473.077005,286.14657 475.628641,287.654151 C478.361206,289.076948 479.994891,291.798014 479.994891,295.557695 C479.994891,299.317376 478.361206,302.345787 475.628641,303.991144 Z M665.891804,309.417379 C669.997304,313.648676 672.197724,318.990126 672.197724,328.032967 C672.197724,346.934703 660.33887,355.757633 639.074351,355.757633 L598.006052,355.757633 L598.006052,336.916836 L638.909386,336.916836 C642.908457,336.916836 645.74479,336.38958 647.522155,334.741573 C648.97225,333.382365 650.012594,331.408466 650.012594,329.010643 C650.012594,326.451198 648.887107,324.41901 647.439672,323.200226 C645.827273,321.859565 643.602906,321.250173 639.931105,321.250173 C620.212468,320.579843 595.518274,321.859565 595.518274,294.055412 C595.518274,281.31118 603.558987,267.896617 625.664294,267.896617 L667.935241,267.896617 L667.935241,286.596989 L629.256274,286.596989 C625.422168,286.596989 622.929069,286.740064 620.80847,288.184057 C618.498961,289.606854 617.642207,291.718528 617.642207,294.505832 C617.642207,297.820392 619.603162,300.075141 622.255905,301.050168 C624.480272,301.82118 626.869603,302.04639 630.461583,302.04639 L641.812238,302.351086 C653.258679,302.629287 661.115802,304.600536 665.891804,309.417379 Z M750,286.59169 L711.571141,286.59169 C707.734374,286.59169 705.185399,286.734765 703.038194,288.178758 C700.813827,289.601555 699.957074,291.713229 699.957074,294.500533 C699.957074,297.815093 701.835546,300.069842 704.568111,301.044869 C706.792478,301.815881 709.181809,302.041091 712.693967,302.041091 L724.121783,302.345787 C735.653368,302.629287 743.350847,304.603185 748.044367,309.417379 C748.89846,310.08771 749.41198,310.840176 750,311.592642 L750,286.59169 Z', __source: {
|
311 | fileName: _jsxFileName$3,
|
312 | lineNumber: 9
|
313 | },
|
314 | __self: _this$3
|
315 | })
|
316 | )
|
317 | );
|
318 | };
|
319 |
|
320 | Amex.propTypes = {
|
321 | className: PropTypes.string
|
322 | };
|
323 |
|
324 | var _jsxFileName$4 = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/Default.base.js',
|
325 | _this$4 = undefined;
|
326 |
|
327 | var Default = function Default(_ref) {
|
328 | var className = _ref.className;
|
329 | return React__default.createElement(
|
330 | BaseCardIcon,
|
331 | { className: className, box: '0 0 750 472', __source: {
|
332 | fileName: _jsxFileName$4,
|
333 | lineNumber: 7
|
334 | },
|
335 | __self: _this$4
|
336 | },
|
337 | React__default.createElement('path', { d: 'M0,462a10,10,0,0,0,10,10H740a10,10,0,0,0,10-10V144H0Z', __source: {
|
338 | fileName: _jsxFileName$4,
|
339 | lineNumber: 8
|
340 | },
|
341 | __self: _this$4
|
342 | }),
|
343 | React__default.createElement('path', { d: 'M750,10A10,10,0,0,0,740,0H10A10,10,0,0,0,0,10V73H750Z', __source: {
|
344 | fileName: _jsxFileName$4,
|
345 | lineNumber: 9
|
346 | },
|
347 | __self: _this$4
|
348 | })
|
349 | );
|
350 | };
|
351 |
|
352 | Default.propTypes = {
|
353 | className: PropTypes.string
|
354 | };
|
355 |
|
356 | var _jsxFileName$5 = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/Diners.base.js',
|
357 | _this$5 = undefined;
|
358 |
|
359 | var Diners = function Diners(_ref) {
|
360 | var className = _ref.className;
|
361 | return React__default.createElement(
|
362 | BaseCardIcon,
|
363 | { className: className, box: '0 0 750 471', __source: {
|
364 | fileName: _jsxFileName$5,
|
365 | lineNumber: 7
|
366 | },
|
367 | __self: _this$5
|
368 | },
|
369 | React__default.createElement(
|
370 | 'g',
|
371 | { fillRule: 'evenodd', __source: {
|
372 | fileName: _jsxFileName$5,
|
373 | lineNumber: 8
|
374 | },
|
375 | __self: _this$5
|
376 | },
|
377 | React__default.createElement('path', { d: 'M0,40.0047706 C0,17.9107459 17.9143492,0 39.9919369,0 L710.008063,0 C732.095,0 750,17.9064659 750,40.0047706 L750,430.995229 C750,453.089254 732.085651,471 710.008063,471 L39.9919369,471 C17.905,471 0,453.093534 0,430.995229 L0,40.0047706 Z M584.933911,236.947339 C584.933911,137.53154 501.952976,68.8140806 411.038924,68.8471464 L332.79674,68.8471464 C240.793699,68.8140806 165.066089,137.552041 165.066089,236.947339 C165.066089,327.877778 240.793699,402.587432 332.79674,402.150963 L411.038924,402.150963 C501.952976,402.586771 584.933911,327.857939 584.933911,236.947339 Z M333.166996,82.6223815 C249.097073,82.6488342 180.972583,150.929824 180.952783,235.202123 C180.972583,319.459873 249.096413,387.73425 333.166996,387.760703 C417.256719,387.73425 485.395069,319.459873 485.406949,235.202123 C485.394409,150.929824 417.256719,82.6488342 333.166996,82.6223815 Z M236.682602,235.202123 C236.761801,194.021908 262.428934,158.90597 298.622956,144.951518 L298.622956,325.431566 C262.428934,311.48505 236.761141,276.388291 236.682602,235.202123 Z M367.697836,325.471245 L367.697836,144.945566 C403.905059,158.866291 429.611791,194.002068 429.67779,235.202123 C429.611791,276.414743 403.905059,311.524068 367.697836,325.471245 Z', __source: {
|
378 | fileName: _jsxFileName$5,
|
379 | lineNumber: 9
|
380 | },
|
381 | __self: _this$5
|
382 | })
|
383 | )
|
384 | );
|
385 | };
|
386 |
|
387 | Diners.propTypes = {
|
388 | className: PropTypes.string
|
389 | };
|
390 |
|
391 | var _jsxFileName$6 = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/Discover.base.js',
|
392 | _this$6 = undefined;
|
393 |
|
394 | var Discover = function Discover(_ref) {
|
395 | var className = _ref.className;
|
396 | return React__default.createElement(
|
397 | BaseCardIcon,
|
398 | { className: className, box: '0 0 750 471', __source: {
|
399 | fileName: _jsxFileName$6,
|
400 | lineNumber: 7
|
401 | },
|
402 | __self: _this$6
|
403 | },
|
404 | React__default.createElement(
|
405 | 'g',
|
406 | { fillRule: 'evenodd', __source: {
|
407 | fileName: _jsxFileName$6,
|
408 | lineNumber: 8
|
409 | },
|
410 | __self: _this$6
|
411 | },
|
412 | React__default.createElement(
|
413 | 'g',
|
414 | {
|
415 | transform: 'translate(375.000000, 235.500000) scale(1, -1) translate(-375.000000, -235.500000)', __source: {
|
416 | fileName: _jsxFileName$6,
|
417 | lineNumber: 9
|
418 | },
|
419 | __self: _this$6
|
420 | },
|
421 | React__default.createElement('path', {
|
422 | d: 'M 0,40.004771 C 0,17.910746 17.914349,0 39.991937,0 L 710.00806,0 C 732.095,0 750,17.906466 750,40.004771 l 0,390.990459 C 750,453.08925 732.08565,471 710.00806,471 L 39.991937,471 C 17.905,471 0,453.09353 0,430.99523 Z m 149.43105,-31.4905954 557.42909,0 c 18.77936,0 34.00303,15.2195984 34.00303,33.9925264 l 0,179.418418 c 0,0 -208.87509,-147.428343 -591.43212,-213.4109444 z M 87.362471,255.88812 c -6.669449,-5.66014 -15.333048,-8.13053 -29.049923,-8.13053 l -5.695708,0 0,67.65297 5.695708,0 c 13.716875,0 22.038656,-2.30833 29.049923,-8.27282 7.341313,-6.14632 11.757621,-15.66817 11.757621,-25.47066 0,-9.81829 -4.416308,-19.63264 -11.757621,-25.77896 z m -24.798007,76.85861 -31.158432,0 0,-102.3095 30.99446,0 c 16.480851,0 28.383104,3.65617 38.829788,11.81042 12.41477,9.66019 19.75609,24.21767 19.75609,39.27319 0,30.19403 -23.99665,51.22589 -58.421906,51.22589 z m 68.188736,-102.3095 21.22733,0 0,102.3095 -21.22733,0 z m 73.13186,63.29653 c -12.73767,4.43089 -16.47917,7.35582 -16.47917,12.88158 0,6.44276 6.66482,11.34005 15.81403,11.34005 6.35917,0 11.58693,-2.45852 17.11656,-8.28468 l 11.1072,13.6721 c -9.12819,7.50601 -20.04619,11.344 -31.97787,11.344 -19.25492,0 -33.94259,-12.57327 -33.94259,-29.31655 0,-14.09502 6.83889,-21.30855 26.77534,-28.05566 8.31001,-2.75497 12.53922,-4.59294 14.67422,-5.82616 4.24056,-2.60477 6.3642,-6.28861 6.3642,-10.5851 0,-8.28864 -7.01126,-14.431 -16.48085,-14.431 -10.12505,0 -18.27949,4.75895 -23.1688,13.64443 L 159.97551,247.7016 c 9.78028,-13.49422 21.52445,-19.47453 37.67694,-19.47453 22.05841,0 37.53441,13.78672 37.53441,33.59328 0,16.25315 -7.1559,23.61292 -31.3018,31.91341 z m 37.99732,-11.93665 c 0,-30.0715 25.11586,-53.38798 57.43933,-53.38798 9.14038,0 16.96478,1.68777 26.6181,5.96054 l 0,23.4904 c -8.4887,-7.98429 -16.00618,-11.20567 -25.63006,-11.20567 -21.37941,0 -36.55311,14.5733 -36.55311,35.28895 0,19.6445 15.65721,35.13876 35.56507,35.13876 10.12842,0 17.78884,-3.3953 26.6181,-11.51002 l 0,23.47854 c -9.32117,4.44274 -16.9816,6.28465 -26.11357,6.28465 -32.1595,0 -57.94386,-23.79079 -57.94386,-53.53817 z m 252.364,-17.61349 -29.02301,68.72017 -23.1873,0 46.18119,-104.93403 11.42337,0 47.01367,104.93403 -23.01071,0 -29.39721,-68.72017 z m 62.00658,-33.74639 60.19869,0 0,17.32036 -38.98746,0 0,27.61693 37.54955,0 0,17.32827 -37.54955,0 0,22.70777 38.98746,0 0,17.33617 -60.19869,0 z m 101.66254,55.21014 -6.2015,0 0,30.98455 6.53785,0 c 13.21865,0 20.40398,-5.20955 20.40398,-15.16619 0,-10.2847 -7.18533,-15.81836 -20.74033,-15.81836 z m 42.58222,16.89348 c 0,19.15437 -14.0301,30.20588 -38.51236,30.20588 l -31.47418,0 0,-102.3095 21.20282,0 0,41.0993 2.7665,0 29.38039,-41.0993 26.10515,0 -34.2575,43.09932 c 15.98936,3.05933 24.78918,13.34008 24.78918,29.0043 z m -367.64587,-20.93267 0,0.0356 c 0,30.05964 25.92016,54.39194 57.89467,54.39194 31.97451,0 57.89467,-24.3323 57.89467,-54.39194 l 0,-0.0356 c 0,-30.05964 -25.92016,-54.42751 -57.89467,-54.42751 -31.97451,0 -57.89467,24.36787 -57.89467,54.42751 z', __source: {
|
423 | fileName: _jsxFileName$6,
|
424 | lineNumber: 11
|
425 | },
|
426 | __self: _this$6
|
427 | })
|
428 | )
|
429 | )
|
430 | );
|
431 | };
|
432 |
|
433 | Discover.propTypes = {
|
434 | className: PropTypes.string
|
435 | };
|
436 |
|
437 | var _jsxFileName$7 = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/JCB.base.js',
|
438 | _this$7 = undefined;
|
439 |
|
440 | var JCB = function JCB(_ref) {
|
441 | var className = _ref.className;
|
442 | return React__default.createElement(
|
443 | BaseCardIcon,
|
444 | { className: className, box: '0 0 750 471', __source: {
|
445 | fileName: _jsxFileName$7,
|
446 | lineNumber: 7
|
447 | },
|
448 | __self: _this$7
|
449 | },
|
450 | React__default.createElement(
|
451 | 'g',
|
452 | { fillRule: 'evenodd', __source: {
|
453 | fileName: _jsxFileName$7,
|
454 | lineNumber: 8
|
455 | },
|
456 | __self: _this$7
|
457 | },
|
458 | React__default.createElement(
|
459 | 'g',
|
460 | {
|
461 | __source: {
|
462 | fileName: _jsxFileName$7,
|
463 | lineNumber: 9
|
464 | },
|
465 | __self: _this$7
|
466 | },
|
467 | React__default.createElement('rect', {
|
468 | x: '0',
|
469 | y: '0',
|
470 | width: '750',
|
471 | height: '471',
|
472 | rx: '40', __source: {
|
473 | fileName: _jsxFileName$7,
|
474 | lineNumber: 10
|
475 | },
|
476 | __self: _this$7
|
477 | })
|
478 | ),
|
479 | React__default.createElement(
|
480 | 'g',
|
481 | { transform: 'translate(155.000000, 66.000000)',
|
482 | fill: '#FFFFFF', __source: {
|
483 | fileName: _jsxFileName$7,
|
484 | lineNumber: 17
|
485 | },
|
486 | __self: _this$7
|
487 | },
|
488 | React__default.createElement('path', {
|
489 | d: 'm 24.180777,192.9493 c 0,0 -0.273259,-89.5021 0.03034,-130.713584 4.054224,-24.089001 28.713217,-42.119028 52.864848,-39.91895 l 67.310515,0 c -0.0789,81.941864 -0.0683,163.886424 -0.20314,245.826604 -0.74635,24.24305 -21.88376,45.46784 -46.179915,46.07374 -24.596815,0.0721 -49.196149,0.0105 -73.793937,0.031 l 0,-102.36183 c 18.264856,3.34751 36.626104,6.95237 55.313504,5.86236 17.923305,-0.93137 39.537528,-3.67524 49.801728,-20.44226 7.59693,-12.38525 4.19217,-27.16287 4.823,-40.8607 l -0.23281,-35.02929 c -13.85232,0.0774 -27.70464,0.15489 -41.556967,0.23234 -0.200364,20.3779 0.411493,40.80012 -0.325899,61.1488 -1.596968,13.5333 -16.078567,20.48386 -28.516122,19.23382 -14.38394,-0.13222 -27.187303,-5.50203 -39.335145,-9.08205 z', __source: {
|
490 | fileName: _jsxFileName$7,
|
491 | lineNumber: 19
|
492 | },
|
493 | __self: _this$7
|
494 | }),
|
495 | React__default.createElement('path', {
|
496 | d: 'm 159.85062,136.5565 c 0.15364,-23.04134 -0.31645,-46.105843 0.25211,-69.131787 1.6841,-21.943077 20.124,-40.412279 41.80275,-43.091567 21.80037,-0.717971 43.672,-0.113144 65.50027,-0.312841 4.23381,0 8.46763,0 12.70144,0 -0.0564,82.335025 0.11285,164.675695 -0.0847,247.007175 -1.5733,25.57784 -26.2495,47.05322 -51.82331,44.62372 -22.78284,0 -45.56567,0 -68.34851,0 0,-37.34731 0,-74.69462 0,-112.04193 17.82059,14.07505 41.89423,16.19033 63.85722,15.90731 14.42135,-0.37438 28.79787,-2.51748 42.70307,-6.35682 -0.10071,-6.76991 -0.20142,-13.53981 -0.30213,-20.30971 -19.63891,9.45349 -43.98235,16.1344 -64.47132,5.37602 -16.27614,-9.31594 -18.18786,-32.76987 -9.48731,-47.86263 10.74645,-15.65641 32.45408,-16.12208 49.35354,-12.81175 8.2927,0.73852 19.43169,8.15781 24.90722,7.99048 0,-6.19882 0,-12.39765 0,-18.59647 -28.34546,-7.16643 -58.71741,-9.48539 -87.11474,-1.37066 -7.06049,2.414 -13.97289,5.82928 -19.44555,10.98146 z', __source: {
|
497 | fileName: _jsxFileName$7,
|
498 | lineNumber: 21
|
499 | },
|
500 | __self: _this$7
|
501 | }),
|
502 | React__default.createElement('path', {
|
503 | d: 'm 293.91013,215.1805 c 0,32.98487 0,65.96973 0,98.9546 25.40901,-0.0606 50.83235,0.12109 76.23243,-0.0907 24.15687,-2.16736 45.13425,-24.23224 43.88382,-48.83672 0,-80.96662 0,-161.93324 0,-242.899863 -25.06545,0.09218 -50.14129,-0.185316 -75.20017,0.140412 -25.20246,1.521518 -46.62552,25.056733 -44.91608,50.401254 0,16.256878 0,32.513757 0,48.770637 25.22736,0.11344 50.47179,-0.22865 75.68831,0.1742 13.25128,0.32531 27.38603,10.70453 24.98392,25.24757 -1.0073,11.1285 -11.59437,18.42894 -21.99714,19.64076 12.99985,1.03728 28.16749,9.42882 27.91114,24.14848 0.34108,15.87429 -16.81059,24.8889 -30.89727,24.34935 -25.22965,0 -50.45931,0 -75.68896,0 z', __source: {
|
504 | fileName: _jsxFileName$7,
|
505 | lineNumber: 23
|
506 | },
|
507 | __self: _this$7
|
508 | }),
|
509 | React__default.createElement('path', {
|
510 | d: 'M317.96875,137.258883 L317.96875,161.044279 L343.941512,161.044279 C343.941512,161.044279 356.111741,161.008725 356.111741,149.133804 C356.111741,137.258883 343.941512,137.258883 343.941512,137.258883 L317.96875,137.258883 Z', __source: {
|
511 | fileName: _jsxFileName$7,
|
512 | lineNumber: 25
|
513 | },
|
514 | __self: _this$7
|
515 | }),
|
516 | React__default.createElement('path', {
|
517 | d: 'M345.749893,175.01374 L317.96875,175.01374 L317.96875,200.568656 L345.749893,200.568656 C345.829565,200.568656 359.445848,201.361012 359.445848,187.791199 C359.445848,174.221386 345.749893,175.01374 345.749893,175.01374 Z', __source: {
|
518 | fileName: _jsxFileName$7,
|
519 | lineNumber: 27
|
520 | },
|
521 | __self: _this$7
|
522 | })
|
523 | )
|
524 | )
|
525 | );
|
526 | };
|
527 |
|
528 | JCB.propTypes = {
|
529 | className: PropTypes.string
|
530 | };
|
531 |
|
532 | var _jsxFileName$8 = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/Mastercard.base.js',
|
533 | _this$8 = undefined;
|
534 |
|
535 | var Mastercard = function Mastercard(_ref) {
|
536 | var className = _ref.className;
|
537 | return React__default.createElement(
|
538 | BaseCardIcon,
|
539 | { className: className, box: '0 0 750 471', __source: {
|
540 | fileName: _jsxFileName$8,
|
541 | lineNumber: 7
|
542 | },
|
543 | __self: _this$8
|
544 | },
|
545 | React__default.createElement(
|
546 | 'g',
|
547 | { fillRule: 'evenodd', __source: {
|
548 | fileName: _jsxFileName$8,
|
549 | lineNumber: 8
|
550 | },
|
551 | __self: _this$8
|
552 | },
|
553 | React__default.createElement('path', {
|
554 | d: 'M 0,40.004771 C 0,17.910746 17.914349,0 39.991937,0 L 710.00806,0 C 732.095,0 750,17.906466 750,40.004771 l 0,390.990459 C 750,453.08925 732.08565,471 710.00806,471 L 39.991937,471 C 17.905,471 0,453.09353 0,430.99523 Z M 703.97468,235.48039 c 0,112.36221 -91.6058,203.80556 -204.19747,203.80556 -46.96116,0 -90.25335,-15.94211 -124.79115,-42.60197 -34.51495,26.65986 -77.80667,42.60197 -124.77013,42.60197 -112.58892,0 -204.190614,-91.44335 -204.190614,-203.80556 0,-112.36631 91.601694,-203.766344 204.190614,-203.766344 46.96346,0 90.25518,15.882374 124.77013,42.580996 34.5378,-26.698622 77.82999,-42.580996 124.79115,-42.580996 112.59167,0 204.19747,91.400034 204.19747,203.766344 z M 499.77721,49.935684 c -41.41885,0 -79.65762,13.54311 -110.54927,36.397678 28.01769,26.023748 48.73854,59.817678 58.63977,97.902548 l -18.92519,0 c -9.69562,-33.67082 -28.64823,-63.39726 -53.95646,-86.274626 -25.2808,22.877366 -44.24712,52.603806 -53.90619,86.274626 l -18.95261,0 c 9.92408,-38.08487 30.64493,-71.8788 58.66262,-97.902548 -30.90993,-22.854568 -69.13453,-36.397678 -110.57395,-36.397678 -102.66759,0 -185.896411,83.059846 -185.896411,185.544706 0,102.45842 83.228821,185.54425 185.896411,185.54425 41.43942,0 79.66402,-13.54265 110.57395,-36.39585 -26.36368,-24.50436 -46.25296,-55.89884 -56.76645,-91.23861 l 19.13538,0 c 10.16624,30.9435 28.21417,58.25544 51.82725,79.60704 23.64051,-21.3516 41.71128,-48.66354 51.87752,-79.60704 l 19.13081,0 c -10.53177,35.33977 -30.41648,66.73425 -56.76645,91.23861 30.89165,22.8532 69.13042,36.39585 110.54927,36.39585 102.66759,0 185.89824,-83.08583 185.89824,-185.54425 0,-102.48486 -83.23065,-185.544706 -185.89824,-185.544706 z m -324.80332,141.318476 -29.76721,0 -18.60261,55.34845 -0.77492,-55.34845 -27.58592,0 -14.974299,89.42693 17.951519,0 11.52966,-68.32111 1.61015,68.32111 13.07904,0 24.51045,-68.72923 -10.98182,68.72923 19.17239,0 14.83357,-89.42693 z m 35.65494,57.0174 c -2.0168,-0.2052 -2.89498,-0.28499 -4.27988,-0.28499 -10.88038,0 -16.36147,3.71728 -16.36147,11.04014 0,4.53671 2.68983,7.42226 6.84679,7.42226 7.82458,0 13.44639,-7.42226 13.79456,-18.17741 z m 13.93391,32.40953 -15.89177,0 0.36918,-7.54356 c -4.85101,5.95806 -11.30988,8.80804 -20.08757,8.80804 -10.41251,0 -17.50192,-8.11355 -17.50192,-19.84818 0,-17.73235 12.36488,-28.04016 33.63631,-28.04016 2.17946,0 4.97072,0.20291 7.82275,0.56817 0.59261,-2.42089 0.73562,-3.43594 0.73562,-4.73827 0,-4.79845 -3.32356,-6.60831 -12.28858,-6.60831 -9.3703,-0.12266 -17.11264,2.21752 -20.29136,3.27406 0.20516,-1.22024 2.67018,-16.3484 2.67018,-16.3484 9.53616,-2.80529 15.84883,-3.86321 22.94006,-3.86321 16.46291,0 25.18349,7.35979 25.16384,21.31057 0.0196,3.74054 -0.59261,8.35568 -1.54938,14.43868 -1.67046,10.50937 -5.23664,33.08122 -5.72736,38.59057 z m 250.44541,-91.62347 c -25.40875,0 -43.17796,22.32607 -43.17796,54.29419 0,23.74741 12.862,38.59376 33.50061,38.59376 5.29558,0 9.87838,-0.69448 16.9285,-2.64478 l 3.36286,-20.35616 c -6.33734,3.11354 -11.55068,4.59553 -16.28426,4.59553 -11.14403,0 -17.86974,-8.21524 -17.86974,-21.77932 0,-19.70226 10.01089,-33.51031 24.33044,-33.51031 5.31843,0 10.2896,1.38395 17.13411,4.84132 l 3.13897,-19.39765 c -2.81,-1.09713 -12.69295,-4.63658 -21.06353,-4.63658 z m 55.25407,59.21394 c -1.99669,-0.2052 -2.89223,-0.28499 -4.29952,-0.28499 -10.86074,0 -16.36193,3.71728 -16.36193,11.04014 0,4.53671 2.6912,7.42226 6.8902,7.42226 7.80401,0 13.44685,-7.42226 13.77125,-18.17741 z m 13.93575,32.40953 -15.86848,0 0.36553,-7.54356 c -4.87065,5.95806 -11.34963,8.80804 -20.11316,8.80804 -10.39012,0 -17.52248,-8.11355 -17.52248,-19.84818 0,-17.73235 12.40966,-28.04016 33.66053,-28.04016 2.17946,0 4.97118,0.20291 7.82686,0.56817 0.58484,-2.42089 0.73106,-3.43594 0.73106,-4.73827 0,-4.79845 -3.32174,-6.60831 -12.26803,-6.60831 -9.38949,-0.12266 -17.11126,2.21752 -20.29135,3.27406 0.18276,-1.22024 2.65007,-16.3484 2.65007,-16.3484 9.55398,-2.80529 15.86847,-3.86321 22.91859,-3.86321 16.4853,0 25.2077,7.35979 25.18486,21.31057 0.0411,3.74054 -0.58942,8.35568 -1.54893,14.43868 -1.64944,10.50937 -5.23161,33.08122 -5.72507,38.59057 z m -225.40265,-17.2034 c -1.28391,0.45098 -2.97448,0.6913 -5.15394,0.6913 -4.56453,0 -6.5795,-1.62472 -6.5795,-5.38806 0.0411,-2.31601 3.19837,-19.51896 5.40067,-33.327 l 9.83727,0 2.60895,-17.4884 -9.80071,0 2.22058,-10.97584 -19.05176,0 c 0,0 -7.21049,42.80124 -8.29017,49.57188 -1.22269,7.7483 -2.77024,16.18607 -2.65053,19.39766 0,10.3525 5.3399,15.98634 15.13833,15.98634 4.44573,0 8.53507,-0.73552 13.79867,-2.35978 l 2.52214,-16.1081 z m 58.63978,15.5381 c -6.56122,1.99499 -12.88028,2.92978 -19.5603,2.92978 -21.35596,-0.0442 -32.47713,-11.16463 -32.47713,-32.45422 0,-24.85001 14.15962,-43.15008 33.37267,-43.15008 15.70856,0 25.756,10.22756 25.756,26.332 0,5.32742 -0.71278,10.51256 -2.3668,17.89606 l -37.9372,0 c -1.28392,10.50936 5.48292,14.90335 16.56754,14.90335 6.82166,0 12.95796,-1.38395 19.80247,-4.5545 l -3.15725,18.09761 z M 366.716,235.88805 c 0.12337,-1.50479 2.01497,-13.01689 -8.86405,-13.01689 -6.07232,0 -10.43124,4.65756 -12.18121,13.01689 l 21.04526,0 z M 239.29625,230.9455 c 0,9.21251 4.4407,15.53582 14.58729,20.31467 7.76381,3.65892 8.96503,4.71501 8.96503,8.03375 0,4.50981 -3.42317,6.54401 -11.02295,6.54401 -5.70406,0 -11.04259,-0.85499 -17.17706,-2.84451 0,0 -2.52351,16.02237 -2.64687,16.79711 4.38176,0.93525 8.25133,1.82581 19.96695,2.15504 20.23058,0 29.56342,-7.70908 29.56342,-24.30145 0,-10.02281 -3.89287,-15.83859 -13.51128,-20.25447 -8.02424,-3.6995 -8.96136,-4.51346 -8.96136,-7.90835 0,-3.94575 3.19836,-5.93891 9.41142,-5.93891 3.74803,0 8.90243,0.40812 13.75161,1.09895 l 2.73278,-16.8769 c -4.97255,-0.77337 -12.49009,-1.42317 -16.87185,-1.42317 -21.45328,0 -28.86892,11.16281 -28.78713,24.60423 z m 412.88316,49.73559 -18.14845,0 0.91382,-6.76882 c -5.2773,5.59326 -10.67341,8.0333 -17.6824,8.0333 -13.94031,0 -23.14704,-11.97858 -23.14704,-30.15599 0,-24.22165 14.27843,-44.59514 31.18865,-44.59514 7.42021,0 13.08132,3.01004 18.32207,9.90335 l 4.23556,-25.84363 18.91148,0 -14.59369,89.42693 z M 623.883,263.88763 c 8.92345,0 15.21966,-10.10854 15.21966,-24.50482 0,-9.25172 -3.5639,-14.25492 -10.17081,-14.25492 -8.69956,0 -14.87241,10.10672 -14.87241,24.40268 0,9.53535 3.30346,14.35706 9.82356,14.35706 z m -59.14695,-55.9221 c -2.40334,22.4916 -6.66174,45.28461 -9.98347,67.81724 l -0.87727,4.89832 19.15365,0 c 6.86735,-44.46882 8.53507,-53.15237 19.27245,-52.05479 1.70884,-9.13088 4.88893,-17.07845 7.29228,-21.10445 -8.04161,-1.67077 -12.52847,2.88601 -18.37234,11.48748 0.46605,-3.74237 1.30219,-7.34247 1.11943,-11.0438 l -17.60473,0 z m -167.57616,0 c -2.40792,22.4916 -6.68459,45.28461 -10.00632,67.81724 l -0.87727,4.89832 19.17193,0 c 6.86735,-44.46882 8.51679,-53.15237 19.25417,-52.05479 1.73168,-9.13088 4.93005,-17.07845 7.29684,-21.10445 -8.00962,-1.67077 -12.52846,2.88601 -18.38147,11.48748 0.47062,-3.74237 1.30219,-7.34247 1.14227,-11.0438 l -17.60015,0 z', __source: {
|
555 | fileName: _jsxFileName$8,
|
556 | lineNumber: 9
|
557 | },
|
558 | __self: _this$8
|
559 | })
|
560 | )
|
561 | );
|
562 | };
|
563 |
|
564 | Mastercard.propTypes = {
|
565 | className: PropTypes.string
|
566 | };
|
567 |
|
568 | var _jsxFileName$9 = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/Maestro.base.js',
|
569 | _this$9 = undefined;
|
570 |
|
571 | var Maestro = function Maestro(_ref) {
|
572 | var className = _ref.className;
|
573 | return React__default.createElement(
|
574 | BaseCardIcon,
|
575 | { className: className, box: '0 0 750 471', __source: {
|
576 | fileName: _jsxFileName$9,
|
577 | lineNumber: 7
|
578 | },
|
579 | __self: _this$9
|
580 | },
|
581 | React__default.createElement(
|
582 | 'g',
|
583 | { fillRule: 'evenodd', __source: {
|
584 | fileName: _jsxFileName$9,
|
585 | lineNumber: 8
|
586 | },
|
587 | __self: _this$9
|
588 | },
|
589 | React__default.createElement('path', {
|
590 | d: 'M 0,40.004771 C 0,17.910746 17.914349,0 39.991937,0 L 710.00806,0 C 732.095,0 750,17.906466 750,40.004771 l 0,390.990459 C 750,453.08925 732.08565,471 710.00806,471 L 39.991937,471 C 17.905,471 0,453.09353 0,430.99523 Z M 703.57762,235.04812 c 0,112.42453 -91.51299,203.89557 -204.04498,203.89557 -46.90013,0 -90.17077,-15.87809 -124.68046,-42.59357 -34.51426,26.71548 -77.76208,42.59357 -124.68092,42.59357 -112.49547,0 -204.006182,-91.47104 -204.006182,-203.89557 0,-112.39579 91.510712,-203.853148 204.006182,-203.853148 46.91884,0 90.16666,15.91733 124.68092,42.60589 34.50969,-26.68856 77.78033,-42.60589 124.68046,-42.60589 112.53199,0 204.04498,91.457358 204.04498,203.853148 z M 499.53264,49.452684 c -41.38058,0 -79.5791,13.549576 -110.48214,36.410494 30.17258,28.034392 51.80334,65.074462 60.68756,106.746022 l -18.69978,0 c -8.71987,-37.28277 -28.72536,-70.25341 -56.1861,-95.107985 -27.44249,24.854575 -47.43884,57.825215 -56.16784,95.107985 l -18.69066,0 C 308.86877,150.93764 330.50866,113.89757 360.65842,85.863178 329.79646,63.00226 291.56143,49.452684 250.17126,49.452684 c -102.56395,0 -185.734171,83.081256 -185.734171,185.595436 0,102.51281 83.170221,185.65428 185.734171,185.65428 41.39017,0 79.6252,-13.56006 110.48716,-36.42053 -26.3468,-24.53066 -46.20162,-55.86303 -56.72939,-91.2662 l 19.11524,0 c 10.1671,30.9423 28.25056,58.26546 51.80791,79.6382 23.61213,-21.37274 41.65907,-48.6959 51.82616,-79.6382 l 19.11067,0 c -10.49124,35.40317 -30.37802,66.73554 -56.73851,91.2662 30.90304,22.86047 69.10156,36.42053 110.48214,36.42053 102.59316,0 185.75152,-83.14147 185.75152,-185.65428 0,-102.51418 -83.15836,-185.595436 -185.75152,-185.595436 z M 371.15422,278.55959 c -7.54657,1.93892 -14.85574,2.89195 -22.5621,2.89195 -24.57086,0 -37.40413,-11.19688 -37.40413,-32.63167 0,-24.97958 16.29839,-43.37233 38.45874,-43.37233 18.09259,0 29.65669,10.3287 29.65669,26.46593 0,5.33178 -0.77612,10.54631 -2.7027,17.96345 l -43.71806,0 c -1.57962,10.4464 6.06282,15.04414 19.07871,15.04414 7.7931,0 14.81922,-1.38461 22.61688,-4.53888 l -3.42403,18.17741 z m -11.77867,-43.41202 c 0,-1.61637 2.42421,-12.82374 -10.21275,-13.07876 -6.98047,0 -11.99782,4.66023 -14.03854,13.07876 l 24.25129,0 z m 31.24544,-4.93442 c 0,9.24018 5.2091,15.64498 17.04712,20.36406 9.03032,3.70994 10.45471,4.77566 10.45471,8.09416 0,4.62465 -3.97187,6.70043 -12.85153,6.66119 -6.66545,-0.0406 -12.75567,-0.86042 -19.90962,-2.85134 l -3.20489,16.81242 c 6.37783,1.49 15.34423,1.99594 23.29712,2.1579 23.58931,0 34.46404,-7.73056 34.46404,-24.42847 0,-10.02441 -4.52429,-15.94106 -15.76425,-20.34809 -9.35446,-3.72454 -10.43189,-4.56945 -10.43189,-7.94817 0,-3.97956 3.70709,-5.99831 10.96147,-5.99831 4.38276,0 10.38624,0.40968 16.09296,1.11179 l 3.1775,-16.97073 c -5.78433,-0.77009 -14.60921,-1.42202 -19.6996,-1.42202 -25.0411,0 -33.71075,11.2466 -33.63314,24.76561 z m -94.20657,50.06227 -18.36423,0 0.44969,-7.69863 c -5.59259,6.02341 -13.0273,8.87475 -23.16381,8.87475 -11.95946,0 -20.1808,-8.18495 -20.1808,-19.92883 0,-17.87449 14.27229,-28.1854 38.78106,-28.1854 2.50548,0 5.73685,0.15329 9.01479,0.52921 0.67249,-2.41474 0.85419,-3.43073 0.85419,-4.73323 0,-4.89564 -3.83766,-6.68993 -14.17778,-6.68993 -10.15614,0.0424 -17.01106,1.5484 -23.3688,3.25738 l 3.12774,-16.39864 c 11.01215,-2.77652 18.22407,-3.85456 26.36323,-3.85456 18.97553,0 29.01936,7.40801 29.01936,21.39556 0.15066,3.71587 -1.15047,11.22744 -1.80332,14.47615 -0.75329,4.78295 -5.99891,32.40173 -6.55132,38.95617 z m -16.10254,-32.6262 c -2.31145,-0.25867 -3.33866,-0.32984 -4.94019,-0.32984 -12.52786,0 -18.84451,3.69808 -18.84451,11.06686 0,4.66525 3.0871,7.51659 7.91636,7.51659 8.97188,0 15.48302,-7.51659 15.86834,-18.25361 z m 203.89935,15.32243 c -1.52484,0.52374 -3.44229,0.7304 -5.94869,0.7304 -5.21822,0 -7.50091,-1.63234 -7.50091,-5.41755 0,-2.36137 6.17695,-33.34655 6.17695,-33.34655 l 11.26736,0 3.01314,-17.82249 -11.20343,0 3.33729,-17.47713 -21.84077,0 c 0,0 -9.77904,52.82145 -10.38623,56.46387 -0.61176,3.6228 -3.38751,16.62355 -3.01315,19.38913 0,10.22194 6.1313,15.96021 17.39865,15.96021 5.04475,0 9.75622,-0.6679 15.76425,-2.32168 l 2.93554,-16.15821 z m 104.61106,-40.12043 c -11.06191,0 -17.95106,13.09154 -17.95106,24.673 0,9.78398 4.68864,16.29736 12.49087,16.19562 10.69668,0 17.46257,-9.789 17.46257,-26.26793 0,-7.49378 -3.0588,-14.60069 -12.00238,-14.60069 z m -7.29547,58.60032 c -24.60282,0 -34.52795,-14.9424 -34.52795,-33.20194 0,-25.5211 16.80515,-42.80206 42.81867,-42.80206 22.59862,0 34.59644,14.22979 34.59644,32.48933 0,30.28627 -18.01042,43.51467 -42.88716,43.51467 z m -76.00441,-74.38763 c -2.77118,22.63965 -7.70635,45.59273 -11.53214,68.23786 l -0.94047,4.97365 22.08273,0 c 7.94833,-43.80163 10.60081,-56.28366 27.25987,-51.87481 0.85829,-2.35041 8.02594,-20.70439 8.02594,-20.70439 -11.60976,-4.27336 -19.10611,1.84311 -25.872,10.46283 0.6072,-3.91888 1.75767,-7.66486 1.47005,-11.09514 l -20.49398,0 z m -267.19602,-16.22619 -35.72408,0 -24.1609,55.34477 -1.81382,-55.34477 -34.3152,0 -16.98275,89.4377 19.93609,0 13.09852,-68.34279 3.64546,68.34279 20.03561,0 30.06028,-68.76159 -13.05744,68.76159 21.96175,0 17.31648,-89.4377 z', __source: {
|
591 | fileName: _jsxFileName$9,
|
592 | lineNumber: 9
|
593 | },
|
594 | __self: _this$9
|
595 | })
|
596 | )
|
597 | );
|
598 | };
|
599 |
|
600 | Maestro.propTypes = {
|
601 | className: PropTypes.string
|
602 | };
|
603 |
|
604 | var _jsxFileName$a = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/Paypal.base.js',
|
605 | _this$a = undefined;
|
606 |
|
607 | var Paypal = function Paypal(_ref) {
|
608 | var className = _ref.className;
|
609 | return React__default.createElement(
|
610 | BaseCardIcon,
|
611 | { className: className, box: '0 0 780 501', __source: {
|
612 | fileName: _jsxFileName$a,
|
613 | lineNumber: 7
|
614 | },
|
615 | __self: _this$a
|
616 | },
|
617 | React__default.createElement('path', { d: 'M622.483,238.885c-4.039-3.597-9.111-5.397-15.212-5.397c-8.071,0-14.838,2.781-20.285,8.343 c-5.454,5.561-8.18,12.382-8.18,20.446c0,6.113,1.963,10.912,5.89,14.396c3.928,3.492,9.049,5.234,15.377,5.234 c7.853,0,14.559-2.726,20.12-8.179c5.562-5.449,8.343-12.104,8.344-19.955C628.536,247.448,626.515,242.485,622.483,238.885z', __source: {
|
618 | fileName: _jsxFileName$a,
|
619 | lineNumber: 8
|
620 | },
|
621 | __self: _this$a
|
622 | }),
|
623 | React__default.createElement('path', { d: 'M250.826,238.885c-4.039-3.597-9.11-5.397-15.215-5.397c-8.072,0-14.835,2.781-20.283,8.343 c-5.455,5.561-8.181,12.382-8.181,20.446c0,6.113,1.907,10.912,5.727,14.396c3.813,3.492,8.885,5.234,15.214,5.234 c8.064,0,14.884-2.666,20.447-8.017c5.562-5.338,8.343-12.047,8.343-20.117C256.878,247.448,254.858,242.485,250.826,238.885z', __source: {
|
624 | fileName: _jsxFileName$a,
|
625 | lineNumber: 11
|
626 | },
|
627 | __self: _this$a
|
628 | }),
|
629 | React__default.createElement('path', { d: 'M725,0H55C24.673,0,0,24.673,0,55v391c0,30.327,24.673,55,55,55h670c30.325,0,55-24.673,55-55V55 C780,24.673,755.325,0,725,0z M120.777,257.697c-0.654,0-2.183-0.106-4.58-0.324c-2.402-0.217-4.474-0.327-6.217-0.327 c-1.748,0-3.599,0.163-5.562,0.487c-1.963,0.326-3.6,1.04-4.907,2.13c-1.309,1.092-2.076,2.51-2.291,4.254l-5.888,35.985 c-0.44,4.147-2.837,6.216-7.198,6.216H59.27c-1.309,0-2.401-0.543-3.271-1.636c-0.874-1.09-1.202-2.289-0.981-3.6L76.283,167.4 c0.435-4.142,2.725-6.215,6.869-6.215h52.347c13.521,0,24.48,2.894,32.88,8.668c8.395,5.783,12.597,15.107,12.597,27.974 c0,18.761-5.348,33.427-16.032,44.004C154.255,252.412,139.533,257.697,120.777,257.697z M295.481,214.511L282.068,299.9 c-0.654,4.147-3.057,6.216-7.197,6.216h-22.574c-2.836,0-4.253-1.74-4.253-5.234c0-1.961,0.434-4.252,1.309-6.868 c-3.926,4.363-9.161,7.852-15.704,10.469c-6.542,2.615-12.871,3.926-18.975,3.926c-12.652,0-22.737-3.813-30.262-11.451 c-7.525-7.631-11.288-17.881-11.288-30.752c0-15.92,5.505-29.773,16.521-41.551c11.014-11.778,24.374-17.668,40.078-17.668 c14.831,0,25.192,4.367,31.081,13.088c0.655-7.198,2.505-10.798,5.563-10.798h24.864c1.307,0,2.396,0.547,3.27,1.636 C295.37,212.004,295.696,213.202,295.481,214.511z M338.342,339.814H313.15c-2.837,0-4.253-1.416-4.253-4.254 c0-1.742,8.94-14.828,26.826-39.259c-0.219-0.866-2.78-8.505-7.688-22.897c-4.907-14.396-9.487-27.811-13.739-40.245 c-4.252-12.432-6.379-18.863-6.379-19.303c0-1.087,0.434-2.126,1.309-3.106c0.867-0.982,1.848-1.474,2.941-1.474h24.541 c3.704,0,6.102,1.749,7.196,5.236l14.396,49.075l34.679-51.04c1.523-2.175,3.485-3.271,5.889-3.271h25.192 c1.087,0,2.07,0.493,2.945,1.474c0.866,0.98,1.306,2.018,1.306,3.106c0,1.097-0.218,1.857-0.652,2.29l-83.427,120.399 C342.701,338.727,340.74,339.814,338.342,339.814z M492.432,257.697c-0.65,0-2.182-0.106-4.58-0.324 c-2.4-0.217-4.471-0.327-6.214-0.327c-1.749,0-3.601,0.163-5.563,0.487c-1.965,0.326-3.599,1.04-4.907,2.13 c-1.311,1.092-2.074,2.51-2.29,4.254l-5.891,37.949c-0.874,2.836-2.618,4.252-5.234,4.252h-26.826c-1.31,0-2.405-0.543-3.271-1.636 c-0.875-1.09-1.202-2.289-0.98-3.6L447.94,167.4c0.433-4.142,2.833-6.215,7.198-6.215h52.019c13.523,0,24.481,2.894,32.879,8.668 c8.396,5.783,12.597,15.107,12.596,27.974c0,18.761-5.345,33.427-16.031,44.004C525.91,252.412,511.191,257.697,492.432,257.697z M667.141,214.511L653.726,299.9c-0.653,4.147-3.056,6.216-7.194,6.216h-22.576c-2.84,0-4.254-1.74-4.254-5.234 c0-0.866,0.215-2.178,0.655-3.926c0.433-1.744,0.655-2.724,0.655-2.942c-3.714,4.363-8.835,7.852-15.379,10.469 c-6.543,2.615-12.978,3.926-19.301,3.926c-12.653,0-22.74-3.813-30.266-11.451c-7.523-7.631-11.285-17.881-11.285-30.752 c0-15.92,5.505-29.773,16.521-41.551c11.011-11.778,24.373-17.668,40.077-17.668c15.052,0,25.405,4.367,31.083,13.088 c0.653-7.198,2.503-10.798,5.558-10.798h24.866c1.309,0,2.396,0.547,3.271,1.636C667.029,212.004,667.356,213.202,667.141,214.511z M725.05,166.09l-21.266,133.813c-0.441,4.147-2.732,6.216-6.871,6.216h-21.595c-1.307,0-2.402-0.491-3.27-1.472 c-0.874-0.981-1.312-2.013-1.312-3.108l0.328-0.654l21.267-136.099c0.433-2.4,1.849-3.6,4.254-3.6h24.208 c2.833,0,4.255,1.527,4.256,4.58V166.09z', __source: {
|
630 | fileName: _jsxFileName$a,
|
631 | lineNumber: 14
|
632 | },
|
633 | __self: _this$a
|
634 | }),
|
635 | React__default.createElement('path', { d: 'M509.774,195.044c-2.617-2.29-5.347-3.65-8.178-4.089c-2.84-0.435-6.657-0.653-11.454-0.653h-5.887 c-2.403,0-3.82,1.2-4.252,3.597l-5.563,35.007l10.47-0.327c9.596,0,16.793-1.635,21.593-4.906c4.796-3.274,7.197-9.488,7.197-18.65 C513.699,200.662,512.393,197.334,509.774,195.044z', __source: {
|
636 | fileName: _jsxFileName$a,
|
637 | lineNumber: 42
|
638 | },
|
639 | __self: _this$a
|
640 | }),
|
641 | React__default.createElement('path', { d: 'M137.465,194.064c-3.926-2.504-10.255-3.761-18.975-3.761h-6.219c-2.4,0-3.817,1.2-4.252,3.597 l-5.563,35.007l10.797-0.327c8.505,0,15.048-1.195,19.629-3.598c4.58-2.4,7.412-7.414,8.506-15.049 C142.698,201.865,141.389,196.574,137.465,194.064z', __source: {
|
642 | fileName: _jsxFileName$a,
|
643 | lineNumber: 45
|
644 | },
|
645 | __self: _this$a
|
646 | })
|
647 | );
|
648 | };
|
649 |
|
650 | Paypal.propTypes = {
|
651 | className: PropTypes.string
|
652 | };
|
653 |
|
654 | var _jsxFileName$b = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/Visa.base.js',
|
655 | _this$b = undefined;
|
656 |
|
657 | var Visa = function Visa(_ref) {
|
658 | var className = _ref.className;
|
659 | return React__default.createElement(
|
660 | BaseCardIcon,
|
661 | { className: className, box: '0 0 750 471', __source: {
|
662 | fileName: _jsxFileName$b,
|
663 | lineNumber: 7
|
664 | },
|
665 | __self: _this$b
|
666 | },
|
667 | React__default.createElement(
|
668 | 'g',
|
669 | { fillRule: 'evenodd', __source: {
|
670 | fileName: _jsxFileName$b,
|
671 | lineNumber: 8
|
672 | },
|
673 | __self: _this$b
|
674 | },
|
675 | React__default.createElement('path', { d: 'M0,40.0047706 C0,17.9107459 17.9143492,0 39.9919369,0 L710.008063,0 C732.095,0 750,17.9064659 750,40.0047706 L750,430.995229 C750,453.089254 732.085651,471 710.008063,471 L39.9919369,471 C17.905,471 0,453.093534 0,430.995229 L0,40.0047706 Z M277.6505,333.6295 L311.0115,137.8675 L364.3705,137.8675 L330.9865,333.6295 L277.6505,333.6295 Z M524.5125,142.6875 C513.9405,138.7215 497.3765,134.4655 476.6895,134.4655 C423.9655,134.4655 386.8255,161.0165 386.5095,199.0695 C386.2125,227.1985 413.0235,242.8905 433.2635,252.2545 C454.0325,261.8495 461.0155,267.9695 460.9165,276.5375 C460.7845,289.6595 444.3305,295.6545 428.9935,295.6545 C407.6365,295.6545 396.2905,292.6875 378.7675,285.3785 L371.8915,282.2665 L364.4025,326.0905 C376.8655,331.5545 399.9115,336.2895 423.8405,336.5345 C479.9295,336.5345 516.3415,310.2875 516.7555,269.6525 C516.9565,247.3835 502.7405,230.4355 471.9565,216.4645 C453.3055,207.4085 441.8835,201.3655 442.0045,192.1955 C442.0045,184.0585 451.6725,175.3575 472.5615,175.3575 C490.0105,175.0865 502.6495,178.8915 512.4975,182.8575 L517.2795,185.1165 L524.5125,142.6875 Z M661.3395,138.0545 L620.1085,138.0545 C607.3355,138.0545 597.7775,141.5405 592.1675,154.2885 L512.9225,333.6915 L568.9535,333.6915 C568.9535,333.6915 578.1155,309.5695 580.1875,304.2735 C586.3105,304.2735 640.7415,304.3575 648.5235,304.3575 C650.1195,311.2105 655.0155,333.6915 655.0155,333.6915 L704.5275,333.6915 L661.3395,138.0545 Z M175.088482,244.366797 C175.089488,244.370031 175.090494,244.373266 175.0915,244.3765 L180.6575,271.5055 L232.8975,138.0105 L289.4185,138.0105 L205.4145,333.3955 L148.9595,333.4605 L101.520801,163.434171 C85.1184477,154.339743 66.4024534,147.029038 45.4725,141.9625 L46.1535,137.8895 L132.1945,137.8895 C143.7835,138.3215 153.1515,142.0205 156.3815,154.4165 L175.088482,244.366796 Z M595.5425,264.2325 C599.9555,252.9535 616.8015,209.5095 616.8015,209.5095 C616.4865,210.0305 621.1815,198.1755 623.8765,190.8255 L627.4835,207.7035 C627.4835,207.7035 637.7005,254.4325 639.8355,264.2315 L595.5425,264.2315 L595.5425,264.2325 Z', __source: {
|
676 | fileName: _jsxFileName$b,
|
677 | lineNumber: 9
|
678 | },
|
679 | __self: _this$b
|
680 | })
|
681 | )
|
682 | );
|
683 | };
|
684 |
|
685 | Visa.propTypes = {
|
686 | className: PropTypes.string
|
687 | };
|
688 |
|
689 | var _jsxFileName$c = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/CardIcon.js',
|
690 | _this$c = undefined;
|
691 |
|
692 | var _templateObject$3 = _taggedTemplateLiteral$3(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
693 |
|
694 | function _taggedTemplateLiteral$3(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
695 |
|
696 | var CardIconBase = function CardIconBase(_ref) {
|
697 | var brand = _ref.brand,
|
698 | className = _ref.className;
|
699 |
|
700 | var Child = null;
|
701 | switch (brand) {
|
702 | case 'amex':
|
703 | Child = Amex;
|
704 | break;
|
705 | case 'diners':
|
706 | Child = Diners;
|
707 | break;
|
708 | case 'discover':
|
709 | Child = Discover;
|
710 | break;
|
711 | case 'jcb':
|
712 | Child = JCB;
|
713 | break;
|
714 | case 'mastercard':
|
715 | Child = Mastercard;
|
716 | break;
|
717 | case 'maestro':
|
718 | Child = Maestro;
|
719 | break;
|
720 | case 'paypal':
|
721 | Child = Paypal;
|
722 | break;
|
723 | case 'visa':
|
724 | Child = Visa;
|
725 | break;
|
726 | default:
|
727 | Child = Default;
|
728 | }
|
729 | return React__default.createElement(Child, { className: className, __source: {
|
730 | fileName: _jsxFileName$c,
|
731 | lineNumber: 46
|
732 | },
|
733 | __self: _this$c
|
734 | });
|
735 | };
|
736 |
|
737 | var CardIcon = styled__default(CardIconBase)(_templateObject$3, function (props) {
|
738 | return props.theme.colors.navy;
|
739 | });
|
740 |
|
741 | CardIcon.propTypes = {
|
742 | brand: PropTypes.string.isRequired,
|
743 | theme: PropTypes.shape({
|
744 | colors: PropTypes.shape({
|
745 | rocketBlue: PropTypes.string
|
746 | })
|
747 | })
|
748 |
|
749 |
|
750 | };
|
751 |
|
752 | var _jsxFileName$d = '/Users/mealeyst/projects/professional/mirage/src/core/icons/Chevron.js',
|
753 | _this$d = undefined;
|
754 |
|
755 | var _templateObject$4 = _taggedTemplateLiteral$4(['\n 0% {\n transform: translateX(0px) ', ';\n }\n 50% {\n transform: translateX(', ') ', ';\n }\n 100% {\n transform: translateX(0px) ', ';\n }\n '], ['\n 0% {\n transform: translateX(0px) ', ';\n }\n 50% {\n transform: translateX(', ') ', ';\n }\n 100% {\n transform: translateX(0px) ', ';\n }\n ']),
|
756 | _templateObject2$2 = _taggedTemplateLiteral$4(['\n 0% {\n transform: translateY(0px) ', ';\n }\n 50% {\n transform: translateY(-.2rem) ', ';\n }\n 100% {\n transform: translateY(0px) ', ';\n }\n '], ['\n 0% {\n transform: translateY(0px) ', ';\n }\n 50% {\n transform: translateY(-.2rem) ', ';\n }\n 100% {\n transform: translateY(0px) ', ';\n }\n ']),
|
757 | _templateObject3$2 = _taggedTemplateLiteral$4(['\n ', ' 0.75s infinite\n'], ['\n ', ' 0.75s infinite\n']),
|
758 | _templateObject4 = _taggedTemplateLiteral$4(['\n width: 12px;\n height: 8px;\n fill:none;\n stroke: ', ';\n stroke-miterlimit:10;\n stroke-width:5px;\n ', '\n cursor: pointer;\n animation: ', ';\n'], ['\n width: 12px;\n height: 8px;\n fill:none;\n stroke: ', ';\n stroke-miterlimit:10;\n stroke-width:5px;\n ', '\n cursor: pointer;\n animation: ', ';\n']);
|
759 |
|
760 | function _taggedTemplateLiteral$4(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
761 |
|
762 | var BaseChevron = function BaseChevron(_ref) {
|
763 | var className = _ref.className;
|
764 |
|
765 | return React__default.createElement(
|
766 | 'svg',
|
767 | { className: className, viewBox: '0 0 48 24.12', __source: {
|
768 | fileName: _jsxFileName$d,
|
769 | lineNumber: 7
|
770 | },
|
771 | __self: _this$d
|
772 | },
|
773 | React__default.createElement('polyline', { points: '1 1 24 22.75 47 1', __source: {
|
774 | fileName: _jsxFileName$d,
|
775 | lineNumber: 8
|
776 | },
|
777 | __self: _this$d
|
778 | })
|
779 | );
|
780 | };
|
781 |
|
782 | var pulse = function pulse(props) {
|
783 | if (props.left || props.right) {
|
784 | return styled.keyframes(_templateObject$4, direction(props), pulseDirection(props), direction(props), direction(props));
|
785 | } else {
|
786 | return styled.keyframes(_templateObject2$2, direction(props), direction(props), direction(props));
|
787 | }
|
788 | };
|
789 |
|
790 | var pulseDirection = function pulseDirection(props) {
|
791 | if (props.right) {
|
792 | return '.2rem';
|
793 | } else if (props.left) {
|
794 | return '-.2rem';
|
795 | }
|
796 | };
|
797 |
|
798 | var animated = function animated(props) {
|
799 | return styled.css(_templateObject3$2, pulse(props));
|
800 | };
|
801 |
|
802 | var direction = function direction(props) {
|
803 | if (props.down) {
|
804 | return 'rotate(0deg)';
|
805 | } else if (props.left) {
|
806 | return 'rotate(-90deg)';
|
807 | } else if (props.right) {
|
808 | return 'rotate(90deg)';
|
809 | } else if (props.up) {
|
810 | return 'rotate(180deg)';
|
811 | }
|
812 | };
|
813 |
|
814 | var Chevron = styled__default(BaseChevron)(_templateObject4, function (props) {
|
815 | return props.theme.colors.rocketBlue;
|
816 | }, function (props) {
|
817 | return 'transform: ' + direction(props) + ';';
|
818 | }, function (props) {
|
819 | return props.animated ? animated : '';
|
820 | });
|
821 |
|
822 | var validateDirection = function validateDirection(props, propName, componentName) {
|
823 | var directions = ['down', 'left', 'right', 'up'];
|
824 | var propDirections = Object.keys(props).filter(function (key) {
|
825 | return directions.includes(key);
|
826 | });
|
827 | if (propDirections.length > 1) {
|
828 | return new Error('More than one direction prop was supplied to ' + componentName + ', only use one.');
|
829 | } else if (propDirections.length === 0) {
|
830 | return new Error('No direction prop was supplied to ' + componentName + ', please select one.');
|
831 | }
|
832 | return null;
|
833 | };
|
834 |
|
835 | Chevron.propTypes = {
|
836 | animated: PropTypes.bool,
|
837 | theme: PropTypes.shape({
|
838 | colors: PropTypes.shape({
|
839 | rocketBlue: PropTypes.string.isRequired
|
840 | })
|
841 | }),
|
842 | validateDirection: validateDirection
|
843 | };
|
844 |
|
845 | Chevron.defaultProps = {};
|
846 |
|
847 | var _jsxFileName$e = '/Users/mealeyst/projects/professional/mirage/src/core/icons/GuaranteeIcon.js',
|
848 | _this$e = undefined;
|
849 |
|
850 | var _templateObject$5 = _taggedTemplateLiteral$5(['\n 0% {\n transform: rotate(0deg);\n }\n 25% {\n transform: rotate(90deg);\n }\n 50% {\n transform: rotate(180deg);\n }\n 75% {\n transform: rotate(270deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n'], ['\n 0% {\n transform: rotate(0deg);\n }\n 25% {\n transform: rotate(90deg);\n }\n 50% {\n transform: rotate(180deg);\n }\n 75% {\n transform: rotate(270deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n']),
|
851 | _templateObject2$3 = _taggedTemplateLiteral$5(['\n animation: ', ';\n animation-duration: 25s;\n animation-iteration-count: infinite;\n transform-origin: 50% 50%;\n animation-timing-function: linear;\n'], ['\n animation: ', ';\n animation-duration: 25s;\n animation-iteration-count: infinite;\n transform-origin: 50% 50%;\n animation-timing-function: linear;\n']),
|
852 | _templateObject3$3 = _taggedTemplateLiteral$5(['\n width: ', ';\n circle {\n fill: ', ';\n }\n path {\n fill: ', ';\n ', '\n }\n polyline {\n stroke-linecap: round;\n stroke-width: 2;\n fill: none;\n stroke: ', ';\n }\n'], ['\n width: ', ';\n circle {\n fill: ', ';\n }\n path {\n fill: ', ';\n ', '\n }\n polyline {\n stroke-linecap: round;\n stroke-width: 2;\n fill: none;\n stroke: ', ';\n }\n']);
|
853 |
|
854 | function _taggedTemplateLiteral$5(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
855 |
|
856 | var UnstyledGuaranteeIcon = function UnstyledGuaranteeIcon(_ref) {
|
857 | var className = _ref.className;
|
858 |
|
859 | return React__default.createElement(
|
860 | 'svg',
|
861 | { className: className, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 42 42', __source: {
|
862 | fileName: _jsxFileName$e,
|
863 | lineNumber: 7
|
864 | },
|
865 | __self: _this$e
|
866 | },
|
867 | React__default.createElement('path', { d: 'M21,2.555c1.389,0,4.005-1.869,5.347-1.509s2.673,3.286,3.876,3.981,4.4.384,5.385,1.366.672,4.182,1.366,5.385,3.621,2.534,3.981,3.876S39.445,19.611,39.445,21s1.809,3.99,1.509,5.347-3.286,2.673-3.981,3.876-.384,4.4-1.366,5.385-4.182.672-5.385,1.366-2.534,3.621-3.876,3.981S22.389,39.445,21,39.445s-4.005,1.869-5.347,1.509-2.673-3.286-3.876-3.981-4.4-.384-5.385-1.366-.672-4.182-1.366-5.385S1.345,27.7,1.046,26.347,2.555,22.389,2.555,21,.686,16.995,1.046,15.653s3.286-2.673,3.981-3.876.384-4.4,1.366-5.385,4.182-.672,5.385-1.366,2.534-3.621,3.876-3.981S19.611,2.555,21,2.555Z', __source: {
|
868 | fileName: _jsxFileName$e,
|
869 | lineNumber: 8
|
870 | },
|
871 | __self: _this$e
|
872 | }),
|
873 | React__default.createElement('circle', { cx: '21', cy: '21', r: '14.7', __source: {
|
874 | fileName: _jsxFileName$e,
|
875 | lineNumber: 9
|
876 | },
|
877 | __self: _this$e
|
878 | }),
|
879 | React__default.createElement('polyline', { points: '14.629 21.734 18.691 25.483 26.345 17.203', __source: {
|
880 | fileName: _jsxFileName$e,
|
881 | lineNumber: 10
|
882 | },
|
883 | __self: _this$e
|
884 | })
|
885 | );
|
886 | };
|
887 |
|
888 | var rotate = styled.keyframes(_templateObject$5);
|
889 |
|
890 | var animation = styled.css(_templateObject2$3, rotate);
|
891 |
|
892 | var GuaranteeIcon = styled__default(UnstyledGuaranteeIcon)(_templateObject3$3, function (props) {
|
893 | return props.width;
|
894 | }, function (props) {
|
895 | return props.theme.colors.white;
|
896 | }, function (props) {
|
897 | return props.theme.colors.rocketBlue;
|
898 | }, function (props) {
|
899 | return props.animated && animation;
|
900 | }, function (props) {
|
901 | return props.theme.colors.rocketBlue;
|
902 | });
|
903 |
|
904 | GuaranteeIcon.propTypes = {
|
905 | width: PropTypes.string.isRequired
|
906 | };
|
907 |
|
908 | GuaranteeIcon.defaultProps = {
|
909 | width: '2.5rem'
|
910 |
|
911 |
|
912 | };
|
913 |
|
914 | var _jsxFileName$f = '/Users/mealeyst/projects/professional/mirage/src/core/icons/MailboxIcon.js',
|
915 | _this$f = undefined;
|
916 |
|
917 | var _templateObject$6 = _taggedTemplateLiteral$6(['\n 0% {\n transform: rotate(0deg);\n }\n 26% {\n transform: rotate(0deg);\n }\n 30% {\n transform: rotate(90deg);\n }\n 33% {\n transform: rotate(100deg);\n }\n 36% {\n transform: rotate(80deg);\n }\n 37% {\n transform: rotate(95deg);\n }\n 39% {\n transform: rotate(85deg);\n }\n 40% {\n transform: rotate(90deg);\n }\n 70% {\n transform: rotate(90deg);\n }\n 90% {\n transform: rotate(90deg);\n }\n 100% {\n transform: rotate(0deg);\n }\n'], ['\n 0% {\n transform: rotate(0deg);\n }\n 26% {\n transform: rotate(0deg);\n }\n 30% {\n transform: rotate(90deg);\n }\n 33% {\n transform: rotate(100deg);\n }\n 36% {\n transform: rotate(80deg);\n }\n 37% {\n transform: rotate(95deg);\n }\n 39% {\n transform: rotate(85deg);\n }\n 40% {\n transform: rotate(90deg);\n }\n 70% {\n transform: rotate(90deg);\n }\n 90% {\n transform: rotate(90deg);\n }\n 100% {\n transform: rotate(0deg);\n }\n']),
|
918 | _templateObject2$4 = _taggedTemplateLiteral$6(['\n animation: ', ';\n animation-duration: 5s;\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n'], ['\n animation: ', ';\n animation-duration: 5s;\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n']),
|
919 | _templateObject3$4 = _taggedTemplateLiteral$6(['\n width: ', ';\n\n .line, .flag circle, .flag .flag-portion, .body {\n fill: none;\n stroke: ', ';\n stroke-miterlimit: 10;\n }\n\n .face, .iris, .outterCircle {\n fill: ', ';\n }\n\n .flag {\n transform: rotate(90deg);\n transform-origin: 51.775% 57.726%;\n ', '\n }\n'], ['\n width: ', ';\n\n .line, .flag circle, .flag .flag-portion, .body {\n fill: none;\n stroke: ', ';\n stroke-miterlimit: 10;\n }\n\n .face, .iris, .outterCircle {\n fill: ', ';\n }\n\n .flag {\n transform: rotate(90deg);\n transform-origin: 51.775% 57.726%;\n ', '\n }\n']);
|
920 |
|
921 | function _taggedTemplateLiteral$6(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
922 |
|
923 | var UnstyledMailbox = function UnstyledMailbox(_ref) {
|
924 | var className = _ref.className;
|
925 |
|
926 | return React__default.createElement(
|
927 | 'svg',
|
928 | { className: className, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 148 148', __source: {
|
929 | fileName: _jsxFileName$f,
|
930 | lineNumber: 7
|
931 | },
|
932 | __self: _this$f
|
933 | },
|
934 | React__default.createElement(
|
935 | 'g',
|
936 | { className: 'mailbox', __source: {
|
937 | fileName: _jsxFileName$f,
|
938 | lineNumber: 8
|
939 | },
|
940 | __self: _this$f
|
941 | },
|
942 | React__default.createElement('path', { className: 'body', d: 'M64.15,54.44c1.5-.69,45.25,2.25,60.25,3.18,23,3.76,22.31,29.88,22.31,29.88v22.31l-83.63.69-17.37,1,.5-38.12C46.4,70.44,48.52,54.81,64.15,54.44Z', __source: {
|
943 | fileName: _jsxFileName$f,
|
944 | lineNumber: 9
|
945 | },
|
946 | __self: _this$f
|
947 | }),
|
948 | React__default.createElement('line', { className: 'line', x1: '83.21', y1: '148', x2: '84.08', y2: '110.33', __source: {
|
949 | fileName: _jsxFileName$f,
|
950 | lineNumber: 10
|
951 | },
|
952 | __self: _this$f
|
953 | }),
|
954 | React__default.createElement('line', { className: 'line', x1: '89.9', y1: '148', x2: '90.46', y2: '110.33', __source: {
|
955 | fileName: _jsxFileName$f,
|
956 | lineNumber: 11
|
957 | },
|
958 | __self: _this$f
|
959 | }),
|
960 | React__default.createElement('line', { className: 'line', x1: '109.71', y1: '148', x2: '111.89', y2: '110.1', __source: {
|
961 | fileName: _jsxFileName$f,
|
962 | lineNumber: 12
|
963 | },
|
964 | __self: _this$f
|
965 | }),
|
966 | React__default.createElement('path', { className: 'face', d: 'M123.81,57.5c-9.27,0-20.75,14.33-20.75,28.94v23.89l43.65-.52s-.58-14.56,0-23.48C147.9,68,133.09,57.5,123.81,57.5Zm-8.33,22.08c0-3.26,2-6.41,4.25-6.41S124,76.32,124,79.58s-2.29,5.92-4.5,5.92S115.48,82.85,115.48,79.58Zm9.86,23.23c-5.61.16-6.24-5.51-6.48-10.9l2.44-.13s0,7.72,3.76,8c4.94.44,4.34-8,4.34-8l1.78.22C131.87,94.81,132,102.62,125.34,102.81Zm7.18-17.64c-2.05,0-4.71-2.52-4.71-5.84s2.66-6.16,4.71-6.16,4.38,2.85,4.38,6.16S134.57,85.17,132.52,85.17Z', __source: {
|
967 | fileName: _jsxFileName$f,
|
968 | lineNumber: 13
|
969 | },
|
970 | __self: _this$f
|
971 | }),
|
972 | React__default.createElement('circle', { className: 'iris002', cx: '118.33', cy: '80.44', r: '1.19', __source: {
|
973 | fileName: _jsxFileName$f,
|
974 | lineNumber: 14
|
975 | },
|
976 | __self: _this$f
|
977 | }),
|
978 | React__default.createElement('circle', { className: 'iris003', cx: '130.46', cy: '79.88', r: '1.31', __source: {
|
979 | fileName: _jsxFileName$f,
|
980 | lineNumber: 15
|
981 | },
|
982 | __self: _this$f
|
983 | })
|
984 | ),
|
985 | React__default.createElement(
|
986 | 'g',
|
987 | { className: 'flag', __source: {
|
988 | fileName: _jsxFileName$f,
|
989 | lineNumber: 17
|
990 | },
|
991 | __self: _this$f
|
992 | },
|
993 | React__default.createElement('path', { className: 'outterCircle', d: 'M75.57,76.42a7.39,7.39,0,0,0-5.82,1.81A9.33,9.33,0,0,0,67.07,83h1a8.52,8.52,0,0,1,2.32-4,6.15,6.15,0,0,1,4.25-1.59,7.26,7.26,0,0,1,.8,0c3.36.33,9,2.39,9,8,0,3.64-4.86,8.12-8.81,8.12A8.17,8.17,0,0,1,68,87.23H67a9.2,9.2,0,0,0,8.76,7.33c4.49,0,9.81-4.94,9.81-9.12C85.52,79.88,80.52,76.91,75.57,76.42Z', __source: {
|
994 | fileName: _jsxFileName$f,
|
995 | lineNumber: 18
|
996 | },
|
997 | __self: _this$f
|
998 | }),
|
999 | React__default.createElement('circle', { cx: '76.63', cy: '85.43', r: '3.67', __source: {
|
1000 | fileName: _jsxFileName$f,
|
1001 | lineNumber: 19
|
1002 | },
|
1003 | __self: _this$f
|
1004 | }),
|
1005 | React__default.createElement('polyline', { className: 'flag-portion', points: '73.83 83.05 7.69 82.21 7.69 105.03 23.93 105.54 24.02 86.54 67.27 87.22 73.47 87.31', __source: {
|
1006 | fileName: _jsxFileName$f,
|
1007 | lineNumber: 20
|
1008 | },
|
1009 | __self: _this$f
|
1010 | })
|
1011 | )
|
1012 | );
|
1013 | };
|
1014 |
|
1015 | var animateFlag = styled.keyframes(_templateObject$6);
|
1016 |
|
1017 | var animated$1 = styled.css(_templateObject2$4, animateFlag);
|
1018 |
|
1019 | var MailboxIcon = styled__default(UnstyledMailbox)(_templateObject3$4, function (props) {
|
1020 | return props.width;
|
1021 | }, function (props) {
|
1022 | return props.theme.colors.rocketBlue;
|
1023 | }, function (props) {
|
1024 | return props.theme.colors.rocketBlue;
|
1025 | }, function (props) {
|
1026 | return props.animate && animated$1;
|
1027 | });
|
1028 |
|
1029 | MailboxIcon.propTypes = {
|
1030 | animated: PropTypes.bool,
|
1031 | theme: PropTypes.shape({
|
1032 | colors: PropTypes.shape({
|
1033 | rocketBlue: PropTypes.string,
|
1034 | white: PropTypes.string
|
1035 | })
|
1036 | }),
|
1037 | width: PropTypes.string
|
1038 | };
|
1039 |
|
1040 | MailboxIcon.defaultProps = {
|
1041 | width: '7rem'
|
1042 |
|
1043 |
|
1044 | };
|
1045 |
|
1046 | var _jsxFileName$g = '/Users/mealeyst/projects/professional/mirage/src/core/icons/Ruler.js',
|
1047 | _this$g = undefined;
|
1048 |
|
1049 | var _templateObject$7 = _taggedTemplateLiteral$7(['\n width: ', ';\n > path {\n fill: ', ';\n }\n > line, circle {\n fill: none;\n stroke-linecap: round;\n stroke: ', ';\n }\n'], ['\n width: ', ';\n > path {\n fill: ', ';\n }\n > line, circle {\n fill: none;\n stroke-linecap: round;\n stroke: ', ';\n }\n']);
|
1050 |
|
1051 | function _taggedTemplateLiteral$7(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1052 |
|
1053 | var BaseRuler = function BaseRuler(props) {
|
1054 | return React__default.createElement(
|
1055 | 'svg',
|
1056 | Object.assign({ xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 27 12' }, props, {
|
1057 | __source: {
|
1058 | fileName: _jsxFileName$g,
|
1059 | lineNumber: 7
|
1060 | },
|
1061 | __self: _this$g
|
1062 | }),
|
1063 | React__default.createElement('path', { d: 'M26,1V11H1V1H26m.5-1H.5A.5.5,0,0,0,0,.5v11a.5.5,0,0,0, .5.5h26a.5.5,0,0,0,.5-.5V.5a.51.51,0,0,0-.5-.5Z', __source: {
|
1064 | fileName: _jsxFileName$g,
|
1065 | lineNumber: 8
|
1066 | },
|
1067 | __self: _this$g
|
1068 | }),
|
1069 | React__default.createElement('circle', { cx: '4', cy: '7.9', r: '1.25', __source: {
|
1070 | fileName: _jsxFileName$g,
|
1071 | lineNumber: 10
|
1072 | },
|
1073 | __self: _this$g
|
1074 | }),
|
1075 | React__default.createElement('line', { x1: '4', y1: '0.5', x2: '4', y2: '3.5', __source: {
|
1076 | fileName: _jsxFileName$g,
|
1077 | lineNumber: 11
|
1078 | },
|
1079 | __self: _this$g
|
1080 | }),
|
1081 | React__default.createElement('line', { x1: '8', y1: '0.5', x2: '8', y2: '3.5', __source: {
|
1082 | fileName: _jsxFileName$g,
|
1083 | lineNumber: 12
|
1084 | },
|
1085 | __self: _this$g
|
1086 | }),
|
1087 | React__default.createElement('line', { x1: '12', y1: '0.5', x2: '12', y2: '3.5', __source: {
|
1088 | fileName: _jsxFileName$g,
|
1089 | lineNumber: 13
|
1090 | },
|
1091 | __self: _this$g
|
1092 | }),
|
1093 | React__default.createElement('line', { x1: '16', y1: '0.5', x2: '16', y2: '3.5', __source: {
|
1094 | fileName: _jsxFileName$g,
|
1095 | lineNumber: 14
|
1096 | },
|
1097 | __self: _this$g
|
1098 | }),
|
1099 | React__default.createElement('line', { x1: '20', y1: '0.5', x2: '20', y2: '3.5', __source: {
|
1100 | fileName: _jsxFileName$g,
|
1101 | lineNumber: 15
|
1102 | },
|
1103 | __self: _this$g
|
1104 | }),
|
1105 | React__default.createElement('line', { x1: '24', y1: '0.5', x2: '24', y2: '3.5', __source: {
|
1106 | fileName: _jsxFileName$g,
|
1107 | lineNumber: 16
|
1108 | },
|
1109 | __self: _this$g
|
1110 | })
|
1111 | );
|
1112 | };
|
1113 |
|
1114 | var Ruler = styled__default(BaseRuler)(_templateObject$7, function (props) {
|
1115 | return props.width;
|
1116 | }, function (props) {
|
1117 | return props.theme.colors.navy;
|
1118 | }, function (props) {
|
1119 | return props.theme.colors.navy;
|
1120 | });
|
1121 |
|
1122 | Ruler.propTypes = {
|
1123 | theme: PropTypes.shape({
|
1124 | colors: PropTypes.shape({
|
1125 | navy: PropTypes.string
|
1126 | })
|
1127 | }),
|
1128 | width: PropTypes.string
|
1129 | };
|
1130 |
|
1131 | Ruler.defaultProps = {
|
1132 | width: '27px'
|
1133 |
|
1134 | };
|
1135 |
|
1136 | var _jsxFileName$h = '/Users/mealeyst/projects/professional/mirage/src/core/icons/XIcon.js',
|
1137 | _this$h = undefined;
|
1138 |
|
1139 | var _templateObject$8 = _taggedTemplateLiteral$8(['\n width: ', ';\n line {\n stroke-width: 1.5;\n fill: none;\n stroke: ', ';\n }\n'], ['\n width: ', ';\n line {\n stroke-width: 1.5;\n fill: none;\n stroke: ', ';\n }\n']);
|
1140 |
|
1141 | function _taggedTemplateLiteral$8(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1142 |
|
1143 | var BaseXIcon = function BaseXIcon(_ref) {
|
1144 | var className = _ref.className;
|
1145 |
|
1146 | return React__default.createElement(
|
1147 | 'svg',
|
1148 | { className: className, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 15 15', __source: {
|
1149 | fileName: _jsxFileName$h,
|
1150 | lineNumber: 7
|
1151 | },
|
1152 | __self: _this$h
|
1153 | },
|
1154 | React__default.createElement('line', { x1: '0', y1: '0', x2: '15', y2: '15', __source: {
|
1155 | fileName: _jsxFileName$h,
|
1156 | lineNumber: 8
|
1157 | },
|
1158 | __self: _this$h
|
1159 | }),
|
1160 | React__default.createElement('line', { x1: '0', y1: '15', x2: '15', y2: '0', __source: {
|
1161 | fileName: _jsxFileName$h,
|
1162 | lineNumber: 9
|
1163 | },
|
1164 | __self: _this$h
|
1165 | })
|
1166 | );
|
1167 | };
|
1168 |
|
1169 | var XIcon = styled__default(BaseXIcon)(_templateObject$8, function (props) {
|
1170 | return props.width;
|
1171 | }, function (props) {
|
1172 | return props.theme.colors.rocketBlue;
|
1173 | });
|
1174 |
|
1175 | XIcon.propTypes = {
|
1176 | theme: PropTypes.shape({
|
1177 | colors: PropTypes.shape({
|
1178 | rocketBlue: PropTypes.string
|
1179 | })
|
1180 | }),
|
1181 | width: PropTypes.string
|
1182 | };
|
1183 |
|
1184 | XIcon.defaultProps = {
|
1185 | width: '10px'
|
1186 |
|
1187 |
|
1188 | };
|
1189 |
|
1190 | var _jsxFileName$i = '/Users/mealeyst/projects/professional/mirage/src/core/icons/AIcon/AIcon.base.js',
|
1191 | _this$i = undefined;
|
1192 |
|
1193 | var _templateObject$9 = _taggedTemplateLiteral$9(['\n width: ', ';\n'], ['\n width: ', ';\n']);
|
1194 |
|
1195 | function _taggedTemplateLiteral$9(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1196 |
|
1197 | var AIcon = function AIcon(props) {
|
1198 | return React__default.createElement(
|
1199 | 'svg',
|
1200 | Object.assign({ viewBox: '0 0 80 80' }, props, {
|
1201 | __source: {
|
1202 | fileName: _jsxFileName$i,
|
1203 | lineNumber: 7
|
1204 | },
|
1205 | __self: _this$i
|
1206 | }),
|
1207 | React__default.createElement('path', { d: 'M57.5,64.6V40.1c0-9.4,0.1-14.8-4.7-19.5c-7.2-7-18.5-7-25.6,0c-4.8,4.8-4.8,10.2-4.8,19.5v24.5h7.4V50.3h20.2 v14.4H57.5z M29.9,43.6V40c0-9.8,0.5-12.5,2.8-15.1c3.9-4,10.5-4,14.5,0l0,0C49.6,27.6,50,30.3,50,40v3.5H29.9z', __source: {
|
1208 | fileName: _jsxFileName$i,
|
1209 | lineNumber: 8
|
1210 | },
|
1211 | __self: _this$i
|
1212 | })
|
1213 | );
|
1214 | };
|
1215 |
|
1216 | var BaseAIcon = styled__default(AIcon)(_templateObject$9, function (props) {
|
1217 | return props.width;
|
1218 | });
|
1219 |
|
1220 | BaseAIcon.propTypes = {
|
1221 | width: PropTypes.string.isRequired
|
1222 | };
|
1223 |
|
1224 | BaseAIcon.defaultProps = {
|
1225 | width: '9.2rem'
|
1226 |
|
1227 |
|
1228 | };
|
1229 |
|
1230 | var _templateObject$a = _taggedTemplateLiteral$a(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
1231 |
|
1232 | function _taggedTemplateLiteral$a(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1233 |
|
1234 | var AIcon$1 = styled__default(BaseAIcon)(_templateObject$a, function (props) {
|
1235 | return props.theme.colors.rocketBlue;
|
1236 | });
|
1237 |
|
1238 | AIcon$1.propTypes = {
|
1239 | theme: PropTypes.shape({
|
1240 | colors: PropTypes.shape({
|
1241 | rocketBlue: PropTypes.string
|
1242 | })
|
1243 | })
|
1244 |
|
1245 |
|
1246 | };
|
1247 |
|
1248 | var _templateObject$b = _taggedTemplateLiteral$b(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
1249 |
|
1250 | function _taggedTemplateLiteral$b(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1251 |
|
1252 | var GrayAIcon = styled__default(BaseAIcon)(_templateObject$b, function (props) {
|
1253 | return props.theme.colors.gray[3];
|
1254 | });
|
1255 |
|
1256 | GrayAIcon.propTypes = {
|
1257 | theme: PropTypes.shape({
|
1258 | colors: PropTypes.shape({
|
1259 | gray: PropTypes.array
|
1260 | })
|
1261 | })
|
1262 |
|
1263 |
|
1264 | };
|
1265 |
|
1266 | var _templateObject$c = _taggedTemplateLiteral$c(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
1267 |
|
1268 | function _taggedTemplateLiteral$c(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1269 |
|
1270 | var NavyAIcon = styled__default(BaseAIcon)(_templateObject$c, function (props) {
|
1271 | return props.theme.colors.navy;
|
1272 | });
|
1273 |
|
1274 | NavyAIcon.propTypes = {
|
1275 | theme: PropTypes.shape({
|
1276 | colors: PropTypes.shape({
|
1277 | navy: PropTypes.string
|
1278 | })
|
1279 | })
|
1280 |
|
1281 |
|
1282 | };
|
1283 |
|
1284 | var _templateObject$d = _taggedTemplateLiteral$d(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
1285 |
|
1286 | function _taggedTemplateLiteral$d(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1287 |
|
1288 | var WhiteAIcon = styled__default(BaseAIcon)(_templateObject$d, function (props) {
|
1289 | return props.theme.colors.white;
|
1290 | });
|
1291 |
|
1292 | WhiteAIcon.propTypes = {
|
1293 | theme: PropTypes.shape({
|
1294 | colors: PropTypes.shape({
|
1295 | white: PropTypes.string
|
1296 | })
|
1297 | })
|
1298 |
|
1299 |
|
1300 | };
|
1301 |
|
1302 | var _jsxFileName$j = '/Users/mealeyst/projects/professional/mirage/src/core/icons/Checkmark/Checkmark.base.js',
|
1303 | _this$j = undefined;
|
1304 |
|
1305 | var _templateObject$e = _taggedTemplateLiteral$e(['\n 0% {\n width: 0;\n stroke-dashoffset: 15;\n stroke: transparent;\n }\n 50% {\n width: ', ';\n stroke-dashoffset: 15;\n stroke: ', ';\n }\n 100% {\n width: ', ';\n transform: scaleX(1);\n stroke-dashoffset: 0;\n }\n '], ['\n 0% {\n width: 0;\n stroke-dashoffset: 15;\n stroke: transparent;\n }\n 50% {\n width: ', ';\n stroke-dashoffset: 15;\n stroke: ', ';\n }\n 100% {\n width: ', ';\n transform: scaleX(1);\n stroke-dashoffset: 0;\n }\n ']),
|
1306 | _templateObject2$5 = _taggedTemplateLiteral$e(['\n width: ', ';\n fill: none;\n stroke-width: 2;\n > polyline {\n stroke-linecap: round;\n stroke-dasharray: 16;\n stroke-dashoffset: 0;\n animation-name: ', ';\n animation-duration: 0.5s\n }\n'], ['\n width: ', ';\n fill: none;\n stroke-width: 2;\n > polyline {\n stroke-linecap: round;\n stroke-dasharray: 16;\n stroke-dashoffset: 0;\n animation-name: ', ';\n animation-duration: 0.5s\n }\n']);
|
1307 |
|
1308 | function _taggedTemplateLiteral$e(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1309 |
|
1310 | var UnstyledCheckmark = function UnstyledCheckmark(props) {
|
1311 | return React__default.createElement(
|
1312 | 'svg',
|
1313 | Object.assign({}, props, { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 26.5 26.5', __source: {
|
1314 | fileName: _jsxFileName$j,
|
1315 | lineNumber: 7
|
1316 | },
|
1317 | __self: _this$j
|
1318 | }),
|
1319 | React__default.createElement('polyline', { points: '7,14 11,17.7 18.6,9.5', __source: {
|
1320 | fileName: _jsxFileName$j,
|
1321 | lineNumber: 8
|
1322 | },
|
1323 | __self: _this$j
|
1324 | })
|
1325 | );
|
1326 | };
|
1327 |
|
1328 | var animateCheckmarkIn = function animateCheckmarkIn(props) {
|
1329 | return styled.keyframes(_templateObject$e, props.width, props.stroke, props.width);
|
1330 | };
|
1331 |
|
1332 | var Checkmark = styled__default(UnstyledCheckmark)(_templateObject2$5, function (props) {
|
1333 | return props.width;
|
1334 | }, function (props) {
|
1335 | return animateCheckmarkIn;
|
1336 | });
|
1337 |
|
1338 | Checkmark.propTypes = {
|
1339 | stroke: PropTypes.string,
|
1340 | width: PropTypes.string
|
1341 | };
|
1342 |
|
1343 | Checkmark.defaultProps = {
|
1344 | width: '2.6rem'
|
1345 |
|
1346 |
|
1347 | };
|
1348 |
|
1349 | var _templateObject$f = _taggedTemplateLiteral$f(['\n stroke: ', '\n'], ['\n stroke: ', '\n']);
|
1350 |
|
1351 | function _taggedTemplateLiteral$f(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1352 |
|
1353 | var BlueCheckmark = styled__default(Checkmark)(_templateObject$f, function (props) {
|
1354 | return props.theme.colors.rocketBlue;
|
1355 | });
|
1356 |
|
1357 | BlueCheckmark.propTypes = {
|
1358 | theme: PropTypes.shape({
|
1359 | colors: PropTypes.shape({
|
1360 | rocketBlue: PropTypes.string
|
1361 | })
|
1362 | })
|
1363 |
|
1364 |
|
1365 | };
|
1366 |
|
1367 | var _templateObject$g = _taggedTemplateLiteral$g(['\n stroke: ', '\n'], ['\n stroke: ', '\n']);
|
1368 |
|
1369 | function _taggedTemplateLiteral$g(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1370 |
|
1371 | var GrayCheckmark = styled__default(Checkmark)(_templateObject$g, function (props) {
|
1372 | return props.theme.colors.loading;
|
1373 | });
|
1374 |
|
1375 | GrayCheckmark.propTypes = {
|
1376 | theme: PropTypes.shape({
|
1377 | colors: PropTypes.shape({
|
1378 | loading: PropTypes.string
|
1379 | })
|
1380 | })
|
1381 |
|
1382 |
|
1383 | };
|
1384 |
|
1385 | var _templateObject$h = _taggedTemplateLiteral$h(['\n stroke: ', '\n'], ['\n stroke: ', '\n']);
|
1386 |
|
1387 | function _taggedTemplateLiteral$h(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1388 |
|
1389 | var NavyCheckmark = styled__default(Checkmark)(_templateObject$h, function (props) {
|
1390 | return props.theme.colors.navy;
|
1391 | });
|
1392 |
|
1393 | NavyCheckmark.propTypes = {
|
1394 | theme: PropTypes.shape({
|
1395 | colors: PropTypes.shape({
|
1396 | navy: PropTypes.string
|
1397 | })
|
1398 | })
|
1399 |
|
1400 |
|
1401 | };
|
1402 |
|
1403 | var _templateObject$i = _taggedTemplateLiteral$i(['\n stroke: ', '\n'], ['\n stroke: ', '\n']);
|
1404 |
|
1405 | function _taggedTemplateLiteral$i(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1406 |
|
1407 | var WhiteCheckmark = styled__default(Checkmark)(_templateObject$i, function (props) {
|
1408 | return props.theme.colors.white;
|
1409 | });
|
1410 |
|
1411 | WhiteCheckmark.propTypes = {
|
1412 | theme: PropTypes.shape({
|
1413 | colors: PropTypes.shape({
|
1414 | white: PropTypes.string
|
1415 | })
|
1416 | })
|
1417 |
|
1418 |
|
1419 | };
|
1420 |
|
1421 | var _jsxFileName$k = '/Users/mealeyst/projects/professional/mirage/src/core/icons/CircleChevron.base.js',
|
1422 | _this$k = undefined;
|
1423 |
|
1424 | var _templateObject$j = _taggedTemplateLiteral$j(['\n width: ', ';\n polyline {\n stroke-linecap: round;\n fill: none;\n }\n'], ['\n width: ', ';\n polyline {\n stroke-linecap: round;\n fill: none;\n }\n']);
|
1425 |
|
1426 | function _taggedTemplateLiteral$j(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1427 |
|
1428 | function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
|
1429 |
|
1430 | var CircleChev = function CircleChev(_ref) {
|
1431 | var left = _ref.left,
|
1432 | right = _ref.right,
|
1433 | props = _objectWithoutProperties(_ref, ['left', 'right']);
|
1434 |
|
1435 | return React__default.createElement(
|
1436 | 'svg',
|
1437 | Object.assign({}, props, { viewBox: '0 0 60 60', __source: {
|
1438 | fileName: _jsxFileName$k,
|
1439 | lineNumber: 7
|
1440 | },
|
1441 | __self: _this$k
|
1442 | }),
|
1443 | React__default.createElement('ellipse', { cx: '30', cy: '30', rx: '30', ry: '30', __source: {
|
1444 | fileName: _jsxFileName$k,
|
1445 | lineNumber: 8
|
1446 | },
|
1447 | __self: _this$k
|
1448 | }),
|
1449 | right && React__default.createElement('polyline', { points: '23.5,16.8 36.5,30 23.5,43.2', __source: {
|
1450 | fileName: _jsxFileName$k,
|
1451 | lineNumber: 9
|
1452 | },
|
1453 | __self: _this$k
|
1454 | }),
|
1455 | left && React__default.createElement('polyline', { points: '36.5,43.2 23.5,30 36.5,16.8', __source: {
|
1456 | fileName: _jsxFileName$k,
|
1457 | lineNumber: 10
|
1458 | },
|
1459 | __self: _this$k
|
1460 | })
|
1461 | );
|
1462 | };
|
1463 |
|
1464 | var BaseChevron$1 = styled__default(CircleChev)(_templateObject$j, function (props) {
|
1465 | return props.width;
|
1466 | });
|
1467 |
|
1468 | var validateDirection$1 = function validateDirection(props, propName, componentName) {
|
1469 | if (!props.left && !props.right) {
|
1470 | return new Error('Either the left or right prop must be supplied to ' + componentName + '.');
|
1471 | } else if (props.left && props.right) {
|
1472 | return new Error('Both the left and right prop were supplied to ' + componentName + ', only select one.');
|
1473 | }
|
1474 | };
|
1475 |
|
1476 | CircleChev.propTypes = {
|
1477 | className: PropTypes.string,
|
1478 | left: validateDirection$1,
|
1479 | right: validateDirection$1,
|
1480 | width: PropTypes.string
|
1481 | };
|
1482 |
|
1483 | CircleChev.defaultProps = {
|
1484 | width: '40px'
|
1485 |
|
1486 |
|
1487 | };
|
1488 |
|
1489 | var _templateObject$k = _taggedTemplateLiteral$k(['\n ellipse {\n fill: ', ';\n }\n polyline {\n stroke: ', ';\n stroke-width: 4;\n }\n'], ['\n ellipse {\n fill: ', ';\n }\n polyline {\n stroke: ', ';\n stroke-width: 4;\n }\n']);
|
1490 |
|
1491 | function _taggedTemplateLiteral$k(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1492 |
|
1493 | var CircleChevron = styled__default(BaseChevron$1)(_templateObject$k, function (props) {
|
1494 | return props.theme.colors.lightBlue[2];
|
1495 | }, function (props) {
|
1496 | return props.theme.colors.white;
|
1497 | });
|
1498 |
|
1499 | CircleChevron.propTypes = {
|
1500 | theme: PropTypes.shape({
|
1501 | colors: PropTypes.shape({
|
1502 | lightBlue: PropTypes.array,
|
1503 | white: PropTypes.string
|
1504 | })
|
1505 | }),
|
1506 | width: PropTypes.string
|
1507 |
|
1508 |
|
1509 | };
|
1510 |
|
1511 | var _jsxFileName$l = '/Users/mealeyst/projects/professional/mirage/src/core/icons/Hamburger/Hamburger.base.js',
|
1512 | _this$l = undefined;
|
1513 |
|
1514 | var _templateObject$l = _taggedTemplateLiteral$l(['\n 0% {\n stroke-dashoffset: 0;\n }\n 100% {\n stroke-dashoffset: -322;\n }\n'], ['\n 0% {\n stroke-dashoffset: 0;\n }\n 100% {\n stroke-dashoffset: -322;\n }\n']),
|
1515 | _templateObject2$6 = _taggedTemplateLiteral$l(['\n 0% {\n stroke-dashoffset: -322;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n'], ['\n 0% {\n stroke-dashoffset: -322;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n']),
|
1516 | _templateObject3$5 = _taggedTemplateLiteral$l(['\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n'], ['\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n']),
|
1517 | _templateObject4$1 = _taggedTemplateLiteral$l(['\n 100% {\n opacity: 1;\n }\n 0% {\n opacity: 0;\n }\n'], ['\n 100% {\n opacity: 1;\n }\n 0% {\n opacity: 0;\n }\n']),
|
1518 | _templateObject5 = _taggedTemplateLiteral$l(['\n 33.3333333333%, 66.6666666666% {\n opacity: 0;\n }\n 0%, 100% {\n opacity: 1;\n }\n'], ['\n 33.3333333333%, 66.6666666666% {\n opacity: 0;\n }\n 0%, 100% {\n opacity: 1;\n }\n']),
|
1519 | _templateObject6 = _taggedTemplateLiteral$l(['\n 0%, 100% {\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dashoffset: -322;\n }\n'], ['\n 0%, 100% {\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dashoffset: -322;\n }\n']),
|
1520 | _templateObject7 = _taggedTemplateLiteral$l(['\n .line {\n stroke-dashoffset: 0;\n }\n .hamburger-outerline {\n animation: ', ' 2s ease-in-out infinite;\n }\n .hamburger-innerline {\n animation: ', ' 2s ease-in-out infinite;\n }\n'], ['\n .line {\n stroke-dashoffset: 0;\n }\n .hamburger-outerline {\n animation: ', ' 2s ease-in-out infinite;\n }\n .hamburger-innerline {\n animation: ', ' 2s ease-in-out infinite;\n }\n']),
|
1521 | _templateObject8 = _taggedTemplateLiteral$l(['\n .line {\n stroke-dashoffset: 0;\n }\n .hamburger-outerline {\n animation: ', ' 1s ease-in-out;\n }\n .hamburger-innerline {\n animation: ', ' 1s ease-in-out;\n }\n'], ['\n .line {\n stroke-dashoffset: 0;\n }\n .hamburger-outerline {\n animation: ', ' 1s ease-in-out;\n }\n .hamburger-innerline {\n animation: ', ' 1s ease-in-out;\n }\n']),
|
1522 | _templateObject9 = _taggedTemplateLiteral$l(['\n .hamburger-outerline {\n animation: ', ' 1s ease-in-out;\n stroke-dashoffset: -322;\n }\n .hamburger-innerline {\n animation: ', ' 1s ease-in-out;\n stroke-dashoffset: 125;\n }\n'], ['\n .hamburger-outerline {\n animation: ', ' 1s ease-in-out;\n stroke-dashoffset: -322;\n }\n .hamburger-innerline {\n animation: ', ' 1s ease-in-out;\n stroke-dashoffset: 125;\n }\n']),
|
1523 | _templateObject10 = _taggedTemplateLiteral$l(['\n width: 4.8rem;\n height: 4.8rem;\n max-width: 100%;\n max-height: 100%;\n cursor: pointer;\n\n.line {\n fill:none;\n stroke-linecap:round;\n stroke-miterlimit:10;\n stroke-width: 8;\n}\n\n//Closed\n', '\n\n//Open\n', '\n\n//Animated\n', '\n\n\n.hamburger-innerline {\n stroke-dasharray:125;\n}\n.hamburger-outerline {\n stroke-dasharray:100 322;\n}\n'], ['\n width: 4.8rem;\n height: 4.8rem;\n max-width: 100%;\n max-height: 100%;\n cursor: pointer;\n\n.line {\n fill:none;\n stroke-linecap:round;\n stroke-miterlimit:10;\n stroke-width: 8;\n}\n\n//Closed\n', '\n\n//Open\n', '\n\n//Animated\n', '\n\n\n.hamburger-innerline {\n stroke-dasharray:125;\n}\n.hamburger-outerline {\n stroke-dasharray:100 322;\n}\n']);
|
1524 |
|
1525 | function _taggedTemplateLiteral$l(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1526 |
|
1527 | var topPoints = 'M2,74.21H102c51.54,1.7,72.86-35.69,59.31-58.6S93.4-3.52,\n89.36,69.35L18.64,140.06';
|
1528 | var bottomPoints = 'M2,138.79H102c51.54-1.7,72.86,35.69,59.31,58.6s-67.91,\n19.13-72-53.74L18.64,72.94';
|
1529 |
|
1530 | var UnstyledHamburger = function UnstyledHamburger(_ref) {
|
1531 | var className = _ref.className;
|
1532 |
|
1533 | return React__default.createElement(
|
1534 | 'svg',
|
1535 | {
|
1536 | className: className,
|
1537 | xmlns: 'http://www.w3.org/2000/svg',
|
1538 | viewBox: '0 0 167.29 210.66', __source: {
|
1539 | fileName: _jsxFileName$l,
|
1540 | lineNumber: 12
|
1541 | },
|
1542 | __self: _this$l
|
1543 | },
|
1544 | React__default.createElement('path', {
|
1545 | className: 'line hamburger-outerline',
|
1546 | d: topPoints, __source: {
|
1547 | fileName: _jsxFileName$l,
|
1548 | lineNumber: 16
|
1549 | },
|
1550 | __self: _this$l
|
1551 | }),
|
1552 | React__default.createElement('line', {
|
1553 | className: 'line hamburger-innerline',
|
1554 | x1: '2',
|
1555 | y1: '105.54',
|
1556 | x2: '102',
|
1557 | y2: '105.54', __source: {
|
1558 | fileName: _jsxFileName$l,
|
1559 | lineNumber: 19
|
1560 | },
|
1561 | __self: _this$l
|
1562 | }),
|
1563 | React__default.createElement('path', {
|
1564 | className: 'line hamburger-outerline',
|
1565 | d: bottomPoints, __source: {
|
1566 | fileName: _jsxFileName$l,
|
1567 | lineNumber: 25
|
1568 | },
|
1569 | __self: _this$l
|
1570 | })
|
1571 | );
|
1572 | };
|
1573 |
|
1574 | var animateToX = styled.keyframes(_templateObject$l);
|
1575 |
|
1576 | var animateFromX = styled.keyframes(_templateObject2$6);
|
1577 |
|
1578 | var removeCenterLine = styled.keyframes(_templateObject3$5);
|
1579 |
|
1580 | var addCenterLine = styled.keyframes(_templateObject4$1);
|
1581 |
|
1582 | var animateCenterLine = styled.keyframes(_templateObject5);
|
1583 |
|
1584 | var animateX = styled.keyframes(_templateObject6);
|
1585 |
|
1586 | var animated$2 = styled.css(_templateObject7, animateX, animateCenterLine);
|
1587 |
|
1588 | var closed = styled.css(_templateObject8, animateFromX, addCenterLine);
|
1589 |
|
1590 | var open = styled.css(_templateObject9, animateToX, removeCenterLine);
|
1591 |
|
1592 | var BaseHamburger = styled__default(UnstyledHamburger)(_templateObject10, function (props) {
|
1593 | return !props.open && props.open !== undefined && closed;
|
1594 | }, function (props) {
|
1595 | return props.open && open;
|
1596 | }, function (props) {
|
1597 | return props.animated && animated$2;
|
1598 | });
|
1599 |
|
1600 | BaseHamburger.propTypes = {
|
1601 | animated: PropTypes.bool,
|
1602 | open: PropTypes.bool,
|
1603 | theme: PropTypes.shape({
|
1604 | colors: PropTypes.shape({
|
1605 | navy: PropTypes.string,
|
1606 | rocketBlue: PropTypes.string,
|
1607 | white: PropTypes.string
|
1608 | })
|
1609 | })
|
1610 |
|
1611 |
|
1612 | };
|
1613 |
|
1614 | var _templateObject$m = _taggedTemplateLiteral$m(['\n stroke: ', ';\n'], ['\n stroke: ', ';\n']);
|
1615 |
|
1616 | function _taggedTemplateLiteral$m(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1617 |
|
1618 | var BlueHamburger = styled__default(BaseHamburger)(_templateObject$m, function (props) {
|
1619 | return props.theme.colors.rocketBlue;
|
1620 | });
|
1621 |
|
1622 | BlueHamburger.propTypes = {
|
1623 | theme: PropTypes.shape({
|
1624 | colors: PropTypes.shape({
|
1625 | white: PropTypes.string
|
1626 | })
|
1627 | })
|
1628 |
|
1629 |
|
1630 | };
|
1631 |
|
1632 | var _templateObject$n = _taggedTemplateLiteral$n(['\n stroke: ', ';\n'], ['\n stroke: ', ';\n']);
|
1633 |
|
1634 | function _taggedTemplateLiteral$n(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1635 |
|
1636 | var GrayHamburger = styled__default(BaseHamburger)(_templateObject$n, function (props) {
|
1637 | return props.theme.colors.loading;
|
1638 | });
|
1639 |
|
1640 | GrayHamburger.propTypes = {
|
1641 | theme: PropTypes.shape({
|
1642 | colors: PropTypes.shape({
|
1643 | white: PropTypes.string
|
1644 | })
|
1645 | })
|
1646 |
|
1647 |
|
1648 | };
|
1649 |
|
1650 | var _templateObject$o = _taggedTemplateLiteral$o(['\n stroke: ', ';\n'], ['\n stroke: ', ';\n']);
|
1651 |
|
1652 | function _taggedTemplateLiteral$o(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1653 |
|
1654 | var Hamburger = styled__default(BaseHamburger)(_templateObject$o, function (props) {
|
1655 | return props.theme.colors.white;
|
1656 | });
|
1657 |
|
1658 | Hamburger.propTypes = {
|
1659 | theme: PropTypes.shape({
|
1660 | colors: PropTypes.shape({
|
1661 | white: PropTypes.string
|
1662 | })
|
1663 | })
|
1664 |
|
1665 |
|
1666 | };
|
1667 |
|
1668 | var _templateObject$p = _taggedTemplateLiteral$p(['\n stroke: ', ';\n'], ['\n stroke: ', ';\n']);
|
1669 |
|
1670 | function _taggedTemplateLiteral$p(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1671 |
|
1672 | var NavyHamburger = styled__default(BaseHamburger)(_templateObject$p, function (props) {
|
1673 | return props.theme.colors.navy;
|
1674 | });
|
1675 |
|
1676 | NavyHamburger.propTypes = {
|
1677 | theme: PropTypes.shape({
|
1678 | colors: PropTypes.shape({
|
1679 | white: PropTypes.string
|
1680 | })
|
1681 | })
|
1682 |
|
1683 |
|
1684 | };
|
1685 |
|
1686 | var _jsxFileName$m = '/Users/mealeyst/projects/professional/mirage/src/core/icons/Logo/Logo.base.js',
|
1687 | _this$m = undefined;
|
1688 |
|
1689 | var _templateObject$q = _taggedTemplateLiteral$q(['\n 0% {\n transform: translateY(0px);\n }\n 25% {\n transform: translateY(-10px);\n }\n 50% {\n transform: translateY(0px);\n }\n 75% {\n transform: translateY(10px);\n }\n 100% {\n transform: translateY(0px);\n }\n'], ['\n 0% {\n transform: translateY(0px);\n }\n 25% {\n transform: translateY(-10px);\n }\n 50% {\n transform: translateY(0px);\n }\n 75% {\n transform: translateY(10px);\n }\n 100% {\n transform: translateY(0px);\n }\n']),
|
1690 | _templateObject2$7 = _taggedTemplateLiteral$q(['\n > * {\n animation-name: ', ';\n animation-duration: 3s;\n animation-iteration-count: infinite;\n transform-origin: center;\n &:nth-child(1) {\n animation-delay: -2.8125s;\n }\n &:nth-child(2) {\n animation-delay: -2.625s;\n }\n &:nth-child(3) {\n animation-delay: -2.4375s;\n }\n &:nth-child(4) {\n animation-delay: -2.25s;\n }\n &:nth-child(5) {\n animation-delay: -2.0625s;\n }\n &:nth-child(6) {\n animation-delay: -1.875s;\n }\n &:nth-child(7) {\n animation-delay: -1.6875s;\n }\n &:nth-child(8) {\n animation-delay: -1.5s;\n }\n &:nth-child(9) {\n animation-delay: -1.3125s;\n }\n &:nth-child(10) {\n animation-delay: -1.125s;\n }\n &:nth-child(11) {\n animation-delay: -0.9375s;\n }\n &:nth-child(12) {\n animation-delay: -0.75s;\n }\n &:nth-child(13) {\n animation-delay: -0.5625s;\n }\n &:nth-child(14) {\n animation-delay: -0.375s;\n }\n &:nth-child(15) {\n animation-delay: -0.1875s;\n }\n &:nth-child(16) {\n animation-delay: 0s;\n }\n }\n'], ['\n > * {\n animation-name: ', ';\n animation-duration: 3s;\n animation-iteration-count: infinite;\n transform-origin: center;\n &:nth-child(1) {\n animation-delay: -2.8125s;\n }\n &:nth-child(2) {\n animation-delay: -2.625s;\n }\n &:nth-child(3) {\n animation-delay: -2.4375s;\n }\n &:nth-child(4) {\n animation-delay: -2.25s;\n }\n &:nth-child(5) {\n animation-delay: -2.0625s;\n }\n &:nth-child(6) {\n animation-delay: -1.875s;\n }\n &:nth-child(7) {\n animation-delay: -1.6875s;\n }\n &:nth-child(8) {\n animation-delay: -1.5s;\n }\n &:nth-child(9) {\n animation-delay: -1.3125s;\n }\n &:nth-child(10) {\n animation-delay: -1.125s;\n }\n &:nth-child(11) {\n animation-delay: -0.9375s;\n }\n &:nth-child(12) {\n animation-delay: -0.75s;\n }\n &:nth-child(13) {\n animation-delay: -0.5625s;\n }\n &:nth-child(14) {\n animation-delay: -0.375s;\n }\n &:nth-child(15) {\n animation-delay: -0.1875s;\n }\n &:nth-child(16) {\n animation-delay: 0s;\n }\n }\n']),
|
1691 | _templateObject3$6 = _taggedTemplateLiteral$q(['\n width: ', ';\n ', '\n'], ['\n width: ', ';\n ', '\n']);
|
1692 |
|
1693 | function _taggedTemplateLiteral$q(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1694 |
|
1695 | var UnstyledBaseLogo = function UnstyledBaseLogo(_ref) {
|
1696 | var className = _ref.className;
|
1697 |
|
1698 | return React__default.createElement(
|
1699 | 'svg',
|
1700 | { className: className, viewBox: '0 0 492 60', __source: {
|
1701 | fileName: _jsxFileName$m,
|
1702 | lineNumber: 7
|
1703 | },
|
1704 | __self: _this$m
|
1705 | },
|
1706 | React__default.createElement('path', { className: 'letter letter-r', d: 'M52.6,39.4l-4.1-8.1h-3.6v8.1H42V20.2h7.5c3.6,0,6,2.4,6,5.6c0.1,2.4-1.5,4.5-3.8,5.1l4.4,8.5L52.6,39.4z M49.2,22.8h-4.3v6h4.3c2,0,3.3-1.1,3.3-3C52.5,24,51.2,22.8,49.2,22.8z', __source: {
|
1707 | fileName: _jsxFileName$m,
|
1708 | lineNumber: 8
|
1709 | },
|
1710 | __self: _this$m
|
1711 | }),
|
1712 | React__default.createElement('path', { className: 'letter letter-o', d: 'M78,37.7c-2.8,2.8-7.3,2.8-10.1,0c-1.9-1.9-1.8-4-1.8-7.7c0-3.7,0-5.8,1.8-7.8c2.8-2.8,7.3-2.8,10.1,0 c1.9,1.9,1.8,4,1.8,7.7S79.8,35.8,78,37.7z M75.7,24c-1.6-1.6-4.1-1.6-5.7,0l0,0c-1,1-1.2,2.1-1.2,6s0.2,5,1.2,6 c1.6,1.6,4.1,1.6,5.7,0l0,0c1-1,1.1-2.1,1.1-6S76.7,25.1,75.7,24z', __source: {
|
1713 | fileName: _jsxFileName$m,
|
1714 | lineNumber: 10
|
1715 | },
|
1716 | __self: _this$m
|
1717 | }),
|
1718 | React__default.createElement('path', { className: 'letter letter-c', d: 'M104.1,26.1h-3c-0.1-0.8-0.4-1.5-1-2.1c-1.6-1.6-4.1-1.6-5.7,0l0,0c-1,1-1.2,2.1-1.2,6s0.2,5,1.2,6 c1.6,1.6,4.1,1.6,5.7,0l0,0c0.6-0.6,0.9-1.3,1-2.1h3c-0.2,1.6-0.6,2.8-1.7,3.9c-2.8,2.8-7.3,2.8-10.1,0c-1.9-1.9-1.9-4-1.9-7.7 s0-5.8,1.9-7.7c2.8-2.8,7.3-2.8,10.1,0C103.5,23.4,103.9,24.6,104.1,26.1', __source: {
|
1719 | fileName: _jsxFileName$m,
|
1720 | lineNumber: 13
|
1721 | },
|
1722 | __self: _this$m
|
1723 | }),
|
1724 | React__default.createElement('path', { className: 'letter letter-k', d: 'M126.5,39.6l-5.4-9.5l-3.2,3.9v5.6h-2.9V20.4h2.9V30l7.9-9.7h3.6l-6.2,7.6l6.9,11.7H126.5z', __source: {
|
1725 | fileName: _jsxFileName$m,
|
1726 | lineNumber: 16
|
1727 | },
|
1728 | __self: _this$m
|
1729 | }),
|
1730 | React__default.createElement('polygon', { className: 'letter letter-e', points: '142.9,23.1 152.3,23.1 152.3,20.5 140,20.5 140,20.5 140,39.7 142.6,39.7 152.3,39.7 152.3,37.1 142.9,37.1 142.9,31.4 151.4,31.4 151.4,28.8 142.9,28.8 142.9,28.7', __source: {
|
1731 | fileName: _jsxFileName$m,
|
1732 | lineNumber: 17
|
1733 | },
|
1734 | __self: _this$m
|
1735 | }),
|
1736 | React__default.createElement('polygon', { className: 'letter letter-t', points: '162.3,20.4 162.3,23.1 167.7,23.1 167.7,39.7 170.5,39.7 170.5,23.1 175.8,23.1 175.8,20.4', __source: {
|
1737 | fileName: _jsxFileName$m,
|
1738 | lineNumber: 19
|
1739 | },
|
1740 | __self: _this$m
|
1741 | }),
|
1742 | React__default.createElement('path', { className: 'letter letter-s', d: 'M191.6,39.8c-2.9,0-5-0.7-6.8-2.6l2-1.9c1.4,1.4,3,1.8,4.9,1.8c2.5,0,4-1.1,4-3c0-0.8-0.2-1.5-0.8-2 c-0.5-0.4-1-0.6-2.1-0.8l-2.3-0.4c-1.4-0.1-2.6-0.7-3.6-1.6c-1-0.9-1.4-2.1-1.4-3.7c0-3.3,2.4-5.6,6.4-5.6c2.6,0,4.3,0.6,6,2.2 l-1.9,1.8c-1.2-1.1-2.6-1.5-4.2-1.5c-2.3,0-3.5,1.3-3.5,3c0,0.7,0.2,1.3,0.7,1.8c0.6,0.5,1.4,0.8,2.2,0.9l2.2,0.3 c1.8,0.3,2.8,0.7,3.6,1.4c1,0.9,1.6,2.3,1.6,4C198.5,37.7,195.6,39.8,191.6,39.8z', __source: {
|
1743 | fileName: _jsxFileName$m,
|
1744 | lineNumber: 20
|
1745 | },
|
1746 | __self: _this$m
|
1747 | }),
|
1748 | React__default.createElement('path', { className: 'letter letter-o', d: 'M234.3,37.7c-2.8,2.8-7.3,2.8-10.1,0c-1.9-1.9-1.9-4-1.9-7.7s0-5.8,1.9-7.7c2.8-2.8,7.3-2.8,10.1,0 c1.9,1.9,1.8,4,1.8,7.7S236.2,35.8,234.3,37.7z M232.1,24c-1.6-1.6-4.1-1.6-5.7,0l0,0c-1,1-1.1,2.1-1.1,6s0.2,5,1.1,6 c1.6,1.6,4.1,1.6,5.7,0l0,0c1-1,1.1-2.1,1.1-6S233,25.1,232.1,24z', __source: {
|
1749 | fileName: _jsxFileName$m,
|
1750 | lineNumber: 24
|
1751 | },
|
1752 | __self: _this$m
|
1753 | }),
|
1754 | React__default.createElement('polygon', { className: 'letter letter-f', points: '250.3,31.4 258.8,31.4 258.8,28.7 250.3,28.7 250.3,23.1 259.7,23.1 259.7,20.4 247.4,20.4 247.4,39.7 250.3,39.7', __source: {
|
1755 | fileName: _jsxFileName$m,
|
1756 | lineNumber: 27
|
1757 | },
|
1758 | __self: _this$m
|
1759 | }),
|
1760 | React__default.createElement('path', { className: 'letter letter-a', d: 'M296.6,39.7V30c0-3.7,0-5.8-1.8-7.7c-2.8-2.8-7.3-2.8-10.1,0c-1.9,1.9-1.9,4-1.9,7.7v9.7h2.9V34h8v5.7 C293.6,39.7,296.6,39.7,296.6,39.7z M285.6,31.4V30c0-3.9,0.2-5,1.1-6c1.6-1.6,4.2-1.6,5.7,0l0,0c1,1,1.1,2.1,1.1,6v1.4H285.6z', __source: {
|
1761 | fileName: _jsxFileName$m,
|
1762 | lineNumber: 29
|
1763 | },
|
1764 | __self: _this$m
|
1765 | }),
|
1766 | React__default.createElement('path', { className: 'letter letter-w', d: 'M322.5,39.7H320l-3.9-13.5l-3.9,13.5h-2.6l-5-19.3h3.1l3.4,13.7l3.9-13.7h2.4l3.9,13.7l3.4-13.7h3.1L322.5,39.7 z', __source: {
|
1767 | fileName: _jsxFileName$m,
|
1768 | lineNumber: 31
|
1769 | },
|
1770 | __self: _this$m
|
1771 | }),
|
1772 | React__default.createElement('polygon', { className: 'letter letter-e', points: '340.6,23.1 350,23.1 350,20.4 337.7,20.4 337.7,20.5 337.7,39.7 340.3,39.7 350,39.7 350,37 340.6,37 340.6,31.4 349.1,31.4 349.1,28.7 340.6,28.7 340.6,28.7', __source: {
|
1773 | fileName: _jsxFileName$m,
|
1774 | lineNumber: 33
|
1775 | },
|
1776 | __self: _this$m
|
1777 | }),
|
1778 | React__default.createElement('path', { className: 'letter letter-s', d: 'M366.4,39.8c-2.9,0-5-0.7-6.8-2.6l2-1.9c1.4,1.4,3,1.8,4.9,1.8c2.5,0,4-1.1,4-3c0-0.8-0.2-1.5-0.8-2 c-0.5-0.4-1-0.6-2.1-0.8l-2.3-0.3c-1.4-0.1-2.6-0.7-3.6-1.6c-1-0.9-1.4-2.1-1.4-3.7c0-3.4,2.4-5.6,6.4-5.6c2.6,0,4.3,0.6,6,2.2 l-1.9,1.8c-1.2-1.1-2.6-1.5-4.2-1.5c-2.3,0-3.5,1.3-3.5,3c0,0.7,0.2,1.3,0.7,1.8c0.6,0.5,1.4,0.8,2.2,0.9l2.2,0.3 c1.8,0.3,2.8,0.7,3.6,1.4c1,0.9,1.6,2.3,1.6,4C373.3,37.7,370.5,39.8,366.4,39.8z', __source: {
|
1779 | fileName: _jsxFileName$m,
|
1780 | lineNumber: 35
|
1781 | },
|
1782 | __self: _this$m
|
1783 | }),
|
1784 | React__default.createElement('path', { className: 'letter letter-o', d: 'M395.7,37.8c-1.4,1.4-3.2,2.1-5.1,2.1c-1.9,0-3.7-0.7-5.1-2c-1.9-1.9-1.9-4-1.9-7.7s0-5.8,1.9-7.7 c1.3-1.4,3.2-2.1,5.1-2.1c1.9,0,3.8,0.7,5.1,2c1.9,1.9,1.8,4,1.8,7.7S397.6,35.9,395.7,37.8z M393.5,24.1c-1.6-1.6-4.2-1.6-5.7,0 l0,0c-1,1-1.1,2.1-1.1,6s0.2,5,1.1,6c1.6,1.6,4.1,1.6,5.7,0l0,0c1-1,1.1-2.1,1.1-6S394.4,25.1,393.5,24.1z', __source: {
|
1785 | fileName: _jsxFileName$m,
|
1786 | lineNumber: 39
|
1787 | },
|
1788 | __self: _this$m
|
1789 | }),
|
1790 | React__default.createElement('path', { className: 'letter letter-m', d: 'M422.8,39.7V26.8l-4.4,9.4h-2.2l-4.6-9.4v12.9h-2.9V20.4h2.9l5.6,12l5.5-12h2.9v19.2L422.8,39.7L422.8,39.7z', __source: {
|
1791 | fileName: _jsxFileName$m,
|
1792 | lineNumber: 42
|
1793 | },
|
1794 | __self: _this$m
|
1795 | }),
|
1796 | React__default.createElement('polygon', { className: 'letter letter-e', points: '440.5,23.1 449.9,23.1 449.9,20.4 437.6,20.4 437.6,20.5 437.6,39.7 440.2,39.7 449.9,39.7 449.9,37 440.5,37 440.5,31.4 449,31.4 449,28.7 440.5,28.7 440.5,28.7', __source: {
|
1797 | fileName: _jsxFileName$m,
|
1798 | lineNumber: 43
|
1799 | },
|
1800 | __self: _this$m
|
1801 | })
|
1802 | );
|
1803 | };
|
1804 |
|
1805 | var pulse$1 = styled.keyframes(_templateObject$q);
|
1806 |
|
1807 | var animated$3 = styled.css(_templateObject2$7, pulse$1);
|
1808 |
|
1809 | var BaseLogo = styled__default(UnstyledBaseLogo)(_templateObject3$6, function (props) {
|
1810 | return props.width;
|
1811 | }, function (props) {
|
1812 | return props.animated ? animated$3 : '';
|
1813 | });
|
1814 |
|
1815 | BaseLogo.propTypes = {
|
1816 | width: PropTypes.string
|
1817 |
|
1818 |
|
1819 | };
|
1820 |
|
1821 | var _templateObject$r = _taggedTemplateLiteral$r(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
1822 |
|
1823 | function _taggedTemplateLiteral$r(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1824 |
|
1825 | var GrayLogo = styled__default(BaseLogo)(_templateObject$r, function (props) {
|
1826 | return props.theme.colors.gray[4];
|
1827 | });
|
1828 |
|
1829 | GrayLogo.propTypes = {
|
1830 | theme: PropTypes.shape({
|
1831 | colors: PropTypes.shape({
|
1832 | gray: PropTypes.array
|
1833 | })
|
1834 | }),
|
1835 | width: PropTypes.string
|
1836 |
|
1837 |
|
1838 | };
|
1839 |
|
1840 |
|
1841 |
|
1842 |
|
1843 | var _templateObject$s = _taggedTemplateLiteral$s(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
1844 |
|
1845 | function _taggedTemplateLiteral$s(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1846 |
|
1847 | var Logo = styled__default(BaseLogo)(_templateObject$s, function (props) {
|
1848 | return props.theme.colors.rocketBlue;
|
1849 | });
|
1850 |
|
1851 | Logo.propTypes = {
|
1852 | theme: PropTypes.shape({
|
1853 | color: PropTypes.shape({
|
1854 | rocketBlue: PropTypes.string
|
1855 | })
|
1856 | }),
|
1857 | width: PropTypes.string
|
1858 |
|
1859 |
|
1860 | };
|
1861 |
|
1862 |
|
1863 |
|
1864 |
|
1865 | var _templateObject$t = _taggedTemplateLiteral$t(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
1866 |
|
1867 | function _taggedTemplateLiteral$t(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1868 |
|
1869 | var NavyLogo = styled__default(BaseLogo)(_templateObject$t, function (props) {
|
1870 | return props.theme.colors.navy;
|
1871 | });
|
1872 |
|
1873 | NavyLogo.propTypes = {
|
1874 | theme: PropTypes.shape({
|
1875 | colors: PropTypes.shape({
|
1876 | navy: PropTypes.string
|
1877 | })
|
1878 | }),
|
1879 | width: PropTypes.string
|
1880 |
|
1881 |
|
1882 | };
|
1883 |
|
1884 |
|
1885 |
|
1886 |
|
1887 | var _templateObject$u = _taggedTemplateLiteral$u(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
1888 |
|
1889 | function _taggedTemplateLiteral$u(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1890 |
|
1891 | var WhiteLogo = styled__default(BaseLogo)(_templateObject$u, function (props) {
|
1892 | return props.theme.colors.white;
|
1893 | });
|
1894 |
|
1895 | WhiteLogo.propTypes = {
|
1896 | theme: PropTypes.shape({
|
1897 | colors: PropTypes.shape({
|
1898 | white: PropTypes.string
|
1899 | })
|
1900 | }),
|
1901 | width: PropTypes.string
|
1902 |
|
1903 |
|
1904 | };
|
1905 |
|
1906 |
|
1907 |
|
1908 |
|
1909 | var _jsxFileName$n = '/Users/mealeyst/projects/professional/mirage/src/core/icons/Spinner/Spinner.base.js',
|
1910 | _this$n = undefined;
|
1911 |
|
1912 | var _templateObject$v = _taggedTemplateLiteral$v(['\n0% {\n opacity: 1.0;\n}\n100% {\n opacity: 0.0;\n}\n'], ['\n0% {\n opacity: 1.0;\n}\n100% {\n opacity: 0.0;\n}\n']),
|
1913 | _templateObject2$8 = _taggedTemplateLiteral$v(['\n width: ', ';\n height: ', ';\n rect {\n animation-name: ', ';\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n transform-origin: 50% 50%;\n transform-box: view-box;\n }\n g {\n &:nth-child(1) rect {\n animation-delay: -1.0799999999999998s;\n }\n &:nth-child(2) rect {\n animation-delay: -0.96s;\n }\n &:nth-child(3) rect {\n animation-delay: -0.8400000000000001s;\n }\n &:nth-child(4) rect {\n animation-delay: -0.72s;\n }\n &:nth-child(5) rect {\n animation-delay: -0.6s;\n }\n &:nth-child(6) rect {\n animation-delay: -0.48s;\n }\n &:nth-child(7) rect {\n animation-delay: -0.36s;\n }\n &:nth-child(8) rect {\n animation-delay: -0.24s;\n }\n &:nth-child(9) rect {\n animation-delay: -0.12s;\n }\n &:nth-child(10) rect {\n animation-delay: 0s;\n }\n }\n'], ['\n width: ', ';\n height: ', ';\n rect {\n animation-name: ', ';\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n transform-origin: 50% 50%;\n transform-box: view-box;\n }\n g {\n &:nth-child(1) rect {\n animation-delay: -1.0799999999999998s;\n }\n &:nth-child(2) rect {\n animation-delay: -0.96s;\n }\n &:nth-child(3) rect {\n animation-delay: -0.8400000000000001s;\n }\n &:nth-child(4) rect {\n animation-delay: -0.72s;\n }\n &:nth-child(5) rect {\n animation-delay: -0.6s;\n }\n &:nth-child(6) rect {\n animation-delay: -0.48s;\n }\n &:nth-child(7) rect {\n animation-delay: -0.36s;\n }\n &:nth-child(8) rect {\n animation-delay: -0.24s;\n }\n &:nth-child(9) rect {\n animation-delay: -0.12s;\n }\n &:nth-child(10) rect {\n animation-delay: 0s;\n }\n }\n']);
|
1914 |
|
1915 | function _taggedTemplateLiteral$v(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1916 |
|
1917 | var animation$1 = styled.keyframes(_templateObject$v);
|
1918 |
|
1919 | var SpinnerSVG = function SpinnerSVG(_ref) {
|
1920 | var className = _ref.className;
|
1921 |
|
1922 | return React__default.createElement(
|
1923 | 'svg',
|
1924 | { className: className, viewBox: '0 0 100 100', preserveAspectRatio: 'xMidYMid', xmlns: 'http://www.w3.org/2000/svg', version: '1.1', __source: {
|
1925 | fileName: _jsxFileName$n,
|
1926 | lineNumber: 16
|
1927 | },
|
1928 | __self: _this$n
|
1929 | },
|
1930 | React__default.createElement(
|
1931 | 'g',
|
1932 | { transform: 'rotate(0 50 50)', __source: {
|
1933 | fileName: _jsxFileName$n,
|
1934 | lineNumber: 17
|
1935 | },
|
1936 | __self: _this$n
|
1937 | },
|
1938 | React__default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18', __source: {
|
1939 | fileName: _jsxFileName$n,
|
1940 | lineNumber: 18
|
1941 | },
|
1942 | __self: _this$n
|
1943 | })
|
1944 | ),
|
1945 | React__default.createElement(
|
1946 | 'g',
|
1947 | { transform: 'rotate(36 50 50)', __source: {
|
1948 | fileName: _jsxFileName$n,
|
1949 | lineNumber: 20
|
1950 | },
|
1951 | __self: _this$n
|
1952 | },
|
1953 | React__default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18', __source: {
|
1954 | fileName: _jsxFileName$n,
|
1955 | lineNumber: 21
|
1956 | },
|
1957 | __self: _this$n
|
1958 | })
|
1959 | ),
|
1960 | React__default.createElement(
|
1961 | 'g',
|
1962 | { transform: 'rotate(72 50 50)', __source: {
|
1963 | fileName: _jsxFileName$n,
|
1964 | lineNumber: 23
|
1965 | },
|
1966 | __self: _this$n
|
1967 | },
|
1968 | React__default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18', __source: {
|
1969 | fileName: _jsxFileName$n,
|
1970 | lineNumber: 24
|
1971 | },
|
1972 | __self: _this$n
|
1973 | })
|
1974 | ),
|
1975 | React__default.createElement(
|
1976 | 'g',
|
1977 | { transform: 'rotate(108 50 50)', __source: {
|
1978 | fileName: _jsxFileName$n,
|
1979 | lineNumber: 26
|
1980 | },
|
1981 | __self: _this$n
|
1982 | },
|
1983 | React__default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18', __source: {
|
1984 | fileName: _jsxFileName$n,
|
1985 | lineNumber: 27
|
1986 | },
|
1987 | __self: _this$n
|
1988 | })
|
1989 | ),
|
1990 | React__default.createElement(
|
1991 | 'g',
|
1992 | { transform: 'rotate(144 50 50)', __source: {
|
1993 | fileName: _jsxFileName$n,
|
1994 | lineNumber: 29
|
1995 | },
|
1996 | __self: _this$n
|
1997 | },
|
1998 | React__default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18', __source: {
|
1999 | fileName: _jsxFileName$n,
|
2000 | lineNumber: 30
|
2001 | },
|
2002 | __self: _this$n
|
2003 | })
|
2004 | ),
|
2005 | React__default.createElement(
|
2006 | 'g',
|
2007 | { transform: 'rotate(180 50 50)', __source: {
|
2008 | fileName: _jsxFileName$n,
|
2009 | lineNumber: 32
|
2010 | },
|
2011 | __self: _this$n
|
2012 | },
|
2013 | React__default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18', __source: {
|
2014 | fileName: _jsxFileName$n,
|
2015 | lineNumber: 33
|
2016 | },
|
2017 | __self: _this$n
|
2018 | })
|
2019 | ),
|
2020 | React__default.createElement(
|
2021 | 'g',
|
2022 | { transform: 'rotate(216 50 50)', __source: {
|
2023 | fileName: _jsxFileName$n,
|
2024 | lineNumber: 35
|
2025 | },
|
2026 | __self: _this$n
|
2027 | },
|
2028 | React__default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18', __source: {
|
2029 | fileName: _jsxFileName$n,
|
2030 | lineNumber: 36
|
2031 | },
|
2032 | __self: _this$n
|
2033 | })
|
2034 | ),
|
2035 | React__default.createElement(
|
2036 | 'g',
|
2037 | { transform: 'rotate(252 50 50)', __source: {
|
2038 | fileName: _jsxFileName$n,
|
2039 | lineNumber: 38
|
2040 | },
|
2041 | __self: _this$n
|
2042 | },
|
2043 | React__default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18', __source: {
|
2044 | fileName: _jsxFileName$n,
|
2045 | lineNumber: 39
|
2046 | },
|
2047 | __self: _this$n
|
2048 | })
|
2049 | ),
|
2050 | React__default.createElement(
|
2051 | 'g',
|
2052 | { transform: 'rotate(288 50 50)', __source: {
|
2053 | fileName: _jsxFileName$n,
|
2054 | lineNumber: 41
|
2055 | },
|
2056 | __self: _this$n
|
2057 | },
|
2058 | React__default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18', __source: {
|
2059 | fileName: _jsxFileName$n,
|
2060 | lineNumber: 42
|
2061 | },
|
2062 | __self: _this$n
|
2063 | })
|
2064 | ),
|
2065 | React__default.createElement(
|
2066 | 'g',
|
2067 | { transform: 'rotate(324 50 50)', __source: {
|
2068 | fileName: _jsxFileName$n,
|
2069 | lineNumber: 44
|
2070 | },
|
2071 | __self: _this$n
|
2072 | },
|
2073 | React__default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18', __source: {
|
2074 | fileName: _jsxFileName$n,
|
2075 | lineNumber: 45
|
2076 | },
|
2077 | __self: _this$n
|
2078 | })
|
2079 | )
|
2080 | );
|
2081 | };
|
2082 |
|
2083 | var Spinner = styled__default(SpinnerSVG)(_templateObject2$8, function (props) {
|
2084 | return props.size;
|
2085 | }, function (props) {
|
2086 | return props.size;
|
2087 | }, animation$1);
|
2088 |
|
2089 | Spinner.propTypes = {
|
2090 | size: PropTypes.string,
|
2091 | theme: PropTypes.shape({})
|
2092 | };
|
2093 |
|
2094 | Spinner.defaultProps = {
|
2095 | size: '80px'
|
2096 |
|
2097 |
|
2098 | };
|
2099 |
|
2100 | var _templateObject$w = _taggedTemplateLiteral$w(['\n rect {\n fill: ', ';\n }\n'], ['\n rect {\n fill: ', ';\n }\n']);
|
2101 |
|
2102 | function _taggedTemplateLiteral$w(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
2103 |
|
2104 | var BlueSpinner = styled__default(Spinner)(_templateObject$w, function (props) {
|
2105 | return props.theme.colors.rocketBlue;
|
2106 | });
|
2107 |
|
2108 | BlueSpinner.propTypes = {
|
2109 | theme: PropTypes.shape({
|
2110 | colors: PropTypes.shape({
|
2111 | rocketBlue: PropTypes.string
|
2112 | })
|
2113 | })
|
2114 |
|
2115 |
|
2116 | };
|
2117 |
|
2118 | var _templateObject$x = _taggedTemplateLiteral$x(['\n rect {\n fill: ', ';\n }\n'], ['\n rect {\n fill: ', ';\n }\n']);
|
2119 |
|
2120 | function _taggedTemplateLiteral$x(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
2121 |
|
2122 | var GraySpinner = styled__default(Spinner)(_templateObject$x, function (props) {
|
2123 | return props.theme.colors.loading;
|
2124 | });
|
2125 |
|
2126 | GraySpinner.propTypes = {
|
2127 | theme: PropTypes.shape({
|
2128 | colors: PropTypes.shape({
|
2129 | loading: PropTypes.string
|
2130 | })
|
2131 | })
|
2132 |
|
2133 |
|
2134 | };
|
2135 |
|
2136 | var _templateObject$y = _taggedTemplateLiteral$y(['\n rect {\n fill: ', ';\n }\n'], ['\n rect {\n fill: ', ';\n }\n']);
|
2137 |
|
2138 | function _taggedTemplateLiteral$y(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
2139 |
|
2140 | var NavySpinner = styled__default(Spinner)(_templateObject$y, function (props) {
|
2141 | return props.theme.colors.navy;
|
2142 | });
|
2143 |
|
2144 | NavySpinner.propTypes = {
|
2145 | theme: PropTypes.shape({
|
2146 | colors: PropTypes.shape({
|
2147 | navy: PropTypes.string
|
2148 | })
|
2149 | })
|
2150 |
|
2151 |
|
2152 | };
|
2153 |
|
2154 | var _templateObject$z = _taggedTemplateLiteral$z(['\n rect {\n fill: ', ';\n }\n'], ['\n rect {\n fill: ', ';\n }\n']);
|
2155 |
|
2156 | function _taggedTemplateLiteral$z(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
2157 |
|
2158 | var WhiteSpinner = styled__default(Spinner)(_templateObject$z, function (props) {
|
2159 | return props.theme.colors.white;
|
2160 | });
|
2161 |
|
2162 | WhiteSpinner.propTypes = {
|
2163 | theme: PropTypes.shape({
|
2164 | colors: PropTypes.shape({
|
2165 | white: PropTypes.string
|
2166 | })
|
2167 | })
|
2168 |
|
2169 |
|
2170 | };
|
2171 |
|
2172 |
|
2173 |
|
2174 | var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
2175 |
|
2176 | function unwrapExports (x) {
|
2177 | return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x.default : x;
|
2178 | }
|
2179 |
|
2180 | function createCommonjsModule(fn, module) {
|
2181 | return module = { exports: {} }, fn(module, module.exports), module.exports;
|
2182 | }
|
2183 |
|
2184 | var collectionUtils = createCommonjsModule(function (module) {
|
2185 |
|
2186 | var utils = module.exports = {};
|
2187 |
|
2188 | |
2189 |
|
2190 |
|
2191 |
|
2192 |
|
2193 |
|
2194 |
|
2195 | utils.forEach = function(collection, callback) {
|
2196 | for(var i = 0; i < collection.length; i++) {
|
2197 | var result = callback(collection[i]);
|
2198 | if(result) {
|
2199 | return result;
|
2200 | }
|
2201 | }
|
2202 | };
|
2203 | });
|
2204 |
|
2205 | var elementUtils = function(options) {
|
2206 | var getState = options.stateHandler.getState;
|
2207 |
|
2208 | |
2209 |
|
2210 |
|
2211 |
|
2212 |
|
2213 |
|
2214 | function isDetectable(element) {
|
2215 | var state = getState(element);
|
2216 | return state && !!state.isDetectable;
|
2217 | }
|
2218 |
|
2219 | |
2220 |
|
2221 |
|
2222 |
|
2223 |
|
2224 | function markAsDetectable(element) {
|
2225 | getState(element).isDetectable = true;
|
2226 | }
|
2227 |
|
2228 | |
2229 |
|
2230 |
|
2231 |
|
2232 |
|
2233 |
|
2234 | function isBusy(element) {
|
2235 | return !!getState(element).busy;
|
2236 | }
|
2237 |
|
2238 | |
2239 |
|
2240 |
|
2241 |
|
2242 |
|
2243 |
|
2244 | function markBusy(element, busy) {
|
2245 | getState(element).busy = !!busy;
|
2246 | }
|
2247 |
|
2248 | return {
|
2249 | isDetectable: isDetectable,
|
2250 | markAsDetectable: markAsDetectable,
|
2251 | isBusy: isBusy,
|
2252 | markBusy: markBusy
|
2253 | };
|
2254 | };
|
2255 |
|
2256 | var listenerHandler = function(idHandler) {
|
2257 | var eventListeners = {};
|
2258 |
|
2259 | |
2260 |
|
2261 |
|
2262 |
|
2263 |
|
2264 |
|
2265 | function getListeners(element) {
|
2266 | var id = idHandler.get(element);
|
2267 |
|
2268 | if (id === undefined) {
|
2269 | return [];
|
2270 | }
|
2271 |
|
2272 | return eventListeners[id] || [];
|
2273 | }
|
2274 |
|
2275 | |
2276 |
|
2277 |
|
2278 |
|
2279 |
|
2280 |
|
2281 | function addListener(element, listener) {
|
2282 | var id = idHandler.get(element);
|
2283 |
|
2284 | if(!eventListeners[id]) {
|
2285 | eventListeners[id] = [];
|
2286 | }
|
2287 |
|
2288 | eventListeners[id].push(listener);
|
2289 | }
|
2290 |
|
2291 | function removeListener(element, listener) {
|
2292 | var listeners = getListeners(element);
|
2293 | for (var i = 0, len = listeners.length; i < len; ++i) {
|
2294 | if (listeners[i] === listener) {
|
2295 | listeners.splice(i, 1);
|
2296 | break;
|
2297 | }
|
2298 | }
|
2299 | }
|
2300 |
|
2301 | function removeAllListeners(element) {
|
2302 | var listeners = getListeners(element);
|
2303 | if (!listeners) { return; }
|
2304 | listeners.length = 0;
|
2305 | }
|
2306 |
|
2307 | return {
|
2308 | get: getListeners,
|
2309 | add: addListener,
|
2310 | removeListener: removeListener,
|
2311 | removeAllListeners: removeAllListeners
|
2312 | };
|
2313 | };
|
2314 |
|
2315 | var idGenerator = function() {
|
2316 | var idCount = 1;
|
2317 |
|
2318 | |
2319 |
|
2320 |
|
2321 |
|
2322 |
|
2323 | function generate() {
|
2324 | return idCount++;
|
2325 | }
|
2326 |
|
2327 | return {
|
2328 | generate: generate
|
2329 | };
|
2330 | };
|
2331 |
|
2332 | var idHandler = function(options) {
|
2333 | var idGenerator = options.idGenerator;
|
2334 | var getState = options.stateHandler.getState;
|
2335 |
|
2336 | |
2337 |
|
2338 |
|
2339 |
|
2340 |
|
2341 |
|
2342 | function getId(element) {
|
2343 | var state = getState(element);
|
2344 |
|
2345 | if (state && state.id !== undefined) {
|
2346 | return state.id;
|
2347 | }
|
2348 |
|
2349 | return null;
|
2350 | }
|
2351 |
|
2352 | |
2353 |
|
2354 |
|
2355 |
|
2356 |
|
2357 |
|
2358 | function setId(element) {
|
2359 | var state = getState(element);
|
2360 |
|
2361 | if (!state) {
|
2362 | throw new Error("setId required the element to have a resize detection state.");
|
2363 | }
|
2364 |
|
2365 | var id = idGenerator.generate();
|
2366 |
|
2367 | state.id = id;
|
2368 |
|
2369 | return id;
|
2370 | }
|
2371 |
|
2372 | return {
|
2373 | get: getId,
|
2374 | set: setId
|
2375 | };
|
2376 | };
|
2377 |
|
2378 | /* global console: false */
|
2379 |
|
2380 | /**
|
2381 | * Reporter that handles the reporting of logs, warnings and errors.
|
2382 | * @public
|
2383 | * @param {boolean} quiet Tells if the reporter should be quiet or not.
|
2384 | */
|
2385 | var reporter = function(quiet) {
|
2386 | function noop() {
|
2387 |
|
2388 | }
|
2389 |
|
2390 | var reporter = {
|
2391 | log: noop,
|
2392 | warn: noop,
|
2393 | error: noop
|
2394 | };
|
2395 |
|
2396 | if(!quiet && window.console) {
|
2397 | var attachFunction = function(reporter, name) {
|
2398 |
|
2399 |
|
2400 | reporter[name] = function reporterProxy() {
|
2401 | var f = console[name];
|
2402 | if (f.apply) {
|
2403 | f.apply(console, arguments);
|
2404 | } else {
|
2405 | for (var i = 0; i < arguments.length; i++) {
|
2406 | f(arguments[i]);
|
2407 | }
|
2408 | }
|
2409 | };
|
2410 | };
|
2411 |
|
2412 | attachFunction(reporter, "log");
|
2413 | attachFunction(reporter, "warn");
|
2414 | attachFunction(reporter, "error");
|
2415 | }
|
2416 |
|
2417 | return reporter;
|
2418 | };
|
2419 |
|
2420 | var browserDetector = createCommonjsModule(function (module) {
|
2421 |
|
2422 | var detector = module.exports = {};
|
2423 |
|
2424 | detector.isIE = function(version) {
|
2425 | function isAnyIeVersion() {
|
2426 | var agent = navigator.userAgent.toLowerCase();
|
2427 | return agent.indexOf("msie") !== -1 || agent.indexOf("trident") !== -1 || agent.indexOf(" edge/") !== -1;
|
2428 | }
|
2429 |
|
2430 | if(!isAnyIeVersion()) {
|
2431 | return false;
|
2432 | }
|
2433 |
|
2434 | if(!version) {
|
2435 | return true;
|
2436 | }
|
2437 |
|
2438 |
|
2439 | var ieVersion = (function(){
|
2440 | var undef,
|
2441 | v = 3,
|
2442 | div = document.createElement("div"),
|
2443 | all = div.getElementsByTagName("i");
|
2444 |
|
2445 | do {
|
2446 | div.innerHTML = "<!--[if gt IE " + (++v) + "]><i></i><![endif]-->";
|
2447 | }
|
2448 | while (all[0]);
|
2449 |
|
2450 | return v > 4 ? v : undef;
|
2451 | }());
|
2452 |
|
2453 | return version === ieVersion;
|
2454 | };
|
2455 |
|
2456 | detector.isLegacyOpera = function() {
|
2457 | return !!window.opera;
|
2458 | };
|
2459 | });
|
2460 |
|
2461 | var utils_1 = createCommonjsModule(function (module) {
|
2462 |
|
2463 | var utils = module.exports = {};
|
2464 |
|
2465 | utils.getOption = getOption;
|
2466 |
|
2467 | function getOption(options, name, defaultValue) {
|
2468 | var value = options[name];
|
2469 |
|
2470 | if((value === undefined || value === null) && defaultValue !== undefined) {
|
2471 | return defaultValue;
|
2472 | }
|
2473 |
|
2474 | return value;
|
2475 | }
|
2476 | });
|
2477 |
|
2478 | var batchProcessor = function batchProcessorMaker(options) {
|
2479 | options = options || {};
|
2480 | var reporter = options.reporter;
|
2481 | var asyncProcess = utils_1.getOption(options, "async", true);
|
2482 | var autoProcess = utils_1.getOption(options, "auto", true);
|
2483 |
|
2484 | if(autoProcess && !asyncProcess) {
|
2485 | reporter && reporter.warn("Invalid options combination. auto=true and async=false is invalid. Setting async=true.");
|
2486 | asyncProcess = true;
|
2487 | }
|
2488 |
|
2489 | var batch = Batch();
|
2490 | var asyncFrameHandler;
|
2491 | var isProcessing = false;
|
2492 |
|
2493 | function addFunction(level, fn) {
|
2494 | if(!isProcessing && autoProcess && asyncProcess && batch.size() === 0) {
|
2495 |
|
2496 |
|
2497 | processBatchAsync();
|
2498 | }
|
2499 |
|
2500 | batch.add(level, fn);
|
2501 | }
|
2502 |
|
2503 | function processBatch() {
|
2504 |
|
2505 |
|
2506 | isProcessing = true;
|
2507 | while (batch.size()) {
|
2508 | var processingBatch = batch;
|
2509 | batch = Batch();
|
2510 | processingBatch.process();
|
2511 | }
|
2512 | isProcessing = false;
|
2513 | }
|
2514 |
|
2515 | function forceProcessBatch(localAsyncProcess) {
|
2516 | if (isProcessing) {
|
2517 | return;
|
2518 | }
|
2519 |
|
2520 | if(localAsyncProcess === undefined) {
|
2521 | localAsyncProcess = asyncProcess;
|
2522 | }
|
2523 |
|
2524 | if(asyncFrameHandler) {
|
2525 | cancelFrame(asyncFrameHandler);
|
2526 | asyncFrameHandler = null;
|
2527 | }
|
2528 |
|
2529 | if(localAsyncProcess) {
|
2530 | processBatchAsync();
|
2531 | } else {
|
2532 | processBatch();
|
2533 | }
|
2534 | }
|
2535 |
|
2536 | function processBatchAsync() {
|
2537 | asyncFrameHandler = requestFrame(processBatch);
|
2538 | }
|
2539 |
|
2540 | function cancelFrame(listener) {
|
2541 |
|
2542 | var cancel = clearTimeout;
|
2543 | return cancel(listener);
|
2544 | }
|
2545 |
|
2546 | function requestFrame(callback) {
|
2547 |
|
2548 | var raf = function(fn) { return setTimeout(fn, 0); };
|
2549 | return raf(callback);
|
2550 | }
|
2551 |
|
2552 | return {
|
2553 | add: addFunction,
|
2554 | force: forceProcessBatch
|
2555 | };
|
2556 | };
|
2557 |
|
2558 | function Batch() {
|
2559 | var batch = {};
|
2560 | var size = 0;
|
2561 | var topLevel = 0;
|
2562 | var bottomLevel = 0;
|
2563 |
|
2564 | function add(level, fn) {
|
2565 | if(!fn) {
|
2566 | fn = level;
|
2567 | level = 0;
|
2568 | }
|
2569 |
|
2570 | if(level > topLevel) {
|
2571 | topLevel = level;
|
2572 | } else if(level < bottomLevel) {
|
2573 | bottomLevel = level;
|
2574 | }
|
2575 |
|
2576 | if(!batch[level]) {
|
2577 | batch[level] = [];
|
2578 | }
|
2579 |
|
2580 | batch[level].push(fn);
|
2581 | size++;
|
2582 | }
|
2583 |
|
2584 | function process() {
|
2585 | for(var level = bottomLevel; level <= topLevel; level++) {
|
2586 | var fns = batch[level];
|
2587 |
|
2588 | for(var i = 0; i < fns.length; i++) {
|
2589 | var fn = fns[i];
|
2590 | fn();
|
2591 | }
|
2592 | }
|
2593 | }
|
2594 |
|
2595 | function getSize() {
|
2596 | return size;
|
2597 | }
|
2598 |
|
2599 | return {
|
2600 | add: add,
|
2601 | process: process,
|
2602 | size: getSize
|
2603 | };
|
2604 | }
|
2605 |
|
2606 | var prop = "_erd";
|
2607 |
|
2608 | function initState(element) {
|
2609 | element[prop] = {};
|
2610 | return getState(element);
|
2611 | }
|
2612 |
|
2613 | function getState(element) {
|
2614 | return element[prop];
|
2615 | }
|
2616 |
|
2617 | function cleanState(element) {
|
2618 | delete element[prop];
|
2619 | }
|
2620 |
|
2621 | var stateHandler = {
|
2622 | initState: initState,
|
2623 | getState: getState,
|
2624 | cleanState: cleanState
|
2625 | };
|
2626 |
|
2627 | var object = function(options) {
|
2628 | options = options || {};
|
2629 | var reporter = options.reporter;
|
2630 | var batchProcessor = options.batchProcessor;
|
2631 | var getState = options.stateHandler.getState;
|
2632 |
|
2633 | if(!reporter) {
|
2634 | throw new Error("Missing required dependency: reporter.");
|
2635 | }
|
2636 |
|
2637 | |
2638 |
|
2639 |
|
2640 |
|
2641 |
|
2642 |
|
2643 | function addListener(element, listener) {
|
2644 | function listenerProxy() {
|
2645 | listener(element);
|
2646 | }
|
2647 |
|
2648 | if(browserDetector.isIE(8)) {
|
2649 |
|
2650 | getState(element).object = {
|
2651 | proxy: listenerProxy
|
2652 | };
|
2653 | element.attachEvent("onresize", listenerProxy);
|
2654 | } else {
|
2655 | var object = getObject(element);
|
2656 |
|
2657 | if(!object) {
|
2658 | throw new Error("Element is not detectable by this strategy.");
|
2659 | }
|
2660 |
|
2661 | object.contentDocument.defaultView.addEventListener("resize", listenerProxy);
|
2662 | }
|
2663 | }
|
2664 |
|
2665 | function buildCssTextString(rules) {
|
2666 | var seperator = options.important ? " !important; " : "; ";
|
2667 |
|
2668 | return (rules.join(seperator) + seperator).trim();
|
2669 | }
|
2670 |
|
2671 | |
2672 |
|
2673 |
|
2674 |
|
2675 |
|
2676 |
|
2677 |
|
2678 | function makeDetectable(options, element, callback) {
|
2679 | if (!callback) {
|
2680 | callback = element;
|
2681 | element = options;
|
2682 | options = null;
|
2683 | }
|
2684 |
|
2685 | options = options || {};
|
2686 | var debug = options.debug;
|
2687 |
|
2688 | function injectObject(element, callback) {
|
2689 | var OBJECT_STYLE = buildCssTextString(["display: block", "position: absolute", "top: 0", "left: 0", "width: 100%", "height: 100%", "border: none", "padding: 0", "margin: 0", "opacity: 0", "z-index: -1000", "pointer-events: none"]);
|
2690 |
|
2691 |
|
2692 |
|
2693 |
|
2694 | var positionCheckPerformed = false;
|
2695 |
|
2696 |
|
2697 |
|
2698 | var style = window.getComputedStyle(element);
|
2699 | var width = element.offsetWidth;
|
2700 | var height = element.offsetHeight;
|
2701 |
|
2702 | getState(element).startSize = {
|
2703 | width: width,
|
2704 | height: height
|
2705 | };
|
2706 |
|
2707 | function mutateDom() {
|
2708 | function alterPositionStyles() {
|
2709 | if(style.position === "static") {
|
2710 | element.style.setProperty("position", "relative", options.important ? "important" : "");
|
2711 |
|
2712 | var removeRelativeStyles = function(reporter, element, style, property) {
|
2713 | function getNumericalValue(value) {
|
2714 | return value.replace(/[^-\d\.]/g, "");
|
2715 | }
|
2716 |
|
2717 | var value = style[property];
|
2718 |
|
2719 | if(value !== "auto" && getNumericalValue(value) !== "0") {
|
2720 | reporter.warn("An element that is positioned static has style." + property + "=" + value + " which is ignored due to the static positioning. The element will need to be positioned relative, so the style." + property + " will be set to 0. Element: ", element);
|
2721 | element.style.setProperty(property, "0", options.important ? "important" : "");
|
2722 | }
|
2723 | };
|
2724 |
|
2725 |
|
2726 |
|
2727 | removeRelativeStyles(reporter, element, style, "top");
|
2728 | removeRelativeStyles(reporter, element, style, "right");
|
2729 | removeRelativeStyles(reporter, element, style, "bottom");
|
2730 | removeRelativeStyles(reporter, element, style, "left");
|
2731 | }
|
2732 | }
|
2733 |
|
2734 | function onObjectLoad() {
|
2735 |
|
2736 | if (!positionCheckPerformed) {
|
2737 | alterPositionStyles();
|
2738 | }
|
2739 |
|
2740 |
|
2741 |
|
2742 | function getDocument(element, callback) {
|
2743 |
|
2744 |
|
2745 |
|
2746 | if(!element.contentDocument) {
|
2747 | setTimeout(function checkForObjectDocument() {
|
2748 | getDocument(element, callback);
|
2749 | }, 100);
|
2750 |
|
2751 | return;
|
2752 | }
|
2753 |
|
2754 | callback(element.contentDocument);
|
2755 | }
|
2756 |
|
2757 |
|
2758 |
|
2759 | var objectElement = this;
|
2760 |
|
2761 |
|
2762 | getDocument(objectElement, function onObjectDocumentReady(objectDocument) {
|
2763 |
|
2764 | callback(element);
|
2765 | });
|
2766 | }
|
2767 |
|
2768 |
|
2769 |
|
2770 | if (style.position !== "") {
|
2771 | alterPositionStyles(style);
|
2772 | positionCheckPerformed = true;
|
2773 | }
|
2774 |
|
2775 |
|
2776 | var object = document.createElement("object");
|
2777 | object.style.cssText = OBJECT_STYLE;
|
2778 | object.tabIndex = -1;
|
2779 | object.type = "text/html";
|
2780 | object.onload = onObjectLoad;
|
2781 |
|
2782 |
|
2783 |
|
2784 | if(!browserDetector.isIE()) {
|
2785 | object.data = "about:blank";
|
2786 | }
|
2787 |
|
2788 | if (!getState(element)) {
|
2789 |
|
2790 | return;
|
2791 | }
|
2792 |
|
2793 | element.appendChild(object);
|
2794 | getState(element).object = object;
|
2795 |
|
2796 |
|
2797 | if(browserDetector.isIE()) {
|
2798 | object.data = "about:blank";
|
2799 | }
|
2800 | }
|
2801 |
|
2802 | if(batchProcessor) {
|
2803 | batchProcessor.add(mutateDom);
|
2804 | } else {
|
2805 | mutateDom();
|
2806 | }
|
2807 | }
|
2808 |
|
2809 | if(browserDetector.isIE(8)) {
|
2810 |
|
2811 |
|
2812 |
|
2813 | callback(element);
|
2814 | } else {
|
2815 | injectObject(element, callback);
|
2816 | }
|
2817 | }
|
2818 |
|
2819 | |
2820 |
|
2821 |
|
2822 |
|
2823 |
|
2824 |
|
2825 | function getObject(element) {
|
2826 | return getState(element).object;
|
2827 | }
|
2828 |
|
2829 | function uninstall(element) {
|
2830 | if (!getState(element)) {
|
2831 | return;
|
2832 | }
|
2833 |
|
2834 | var object = getObject(element);
|
2835 |
|
2836 | if (!object) {
|
2837 | return;
|
2838 | }
|
2839 |
|
2840 | if (browserDetector.isIE(8)) {
|
2841 | element.detachEvent("onresize", object.proxy);
|
2842 | } else {
|
2843 | element.removeChild(object);
|
2844 | }
|
2845 | delete getState(element).object;
|
2846 | }
|
2847 |
|
2848 | return {
|
2849 | makeDetectable: makeDetectable,
|
2850 | addListener: addListener,
|
2851 | uninstall: uninstall
|
2852 | };
|
2853 | };
|
2854 |
|
2855 | var forEach = collectionUtils.forEach;
|
2856 |
|
2857 | var scroll = function(options) {
|
2858 | options = options || {};
|
2859 | var reporter = options.reporter;
|
2860 | var batchProcessor = options.batchProcessor;
|
2861 | var getState = options.stateHandler.getState;
|
2862 | var hasState = options.stateHandler.hasState;
|
2863 | var idHandler = options.idHandler;
|
2864 |
|
2865 | if (!batchProcessor) {
|
2866 | throw new Error("Missing required dependency: batchProcessor");
|
2867 | }
|
2868 |
|
2869 | if (!reporter) {
|
2870 | throw new Error("Missing required dependency: reporter.");
|
2871 | }
|
2872 |
|
2873 |
|
2874 | var scrollbarSizes = getScrollbarSizes();
|
2875 |
|
2876 | var styleId = "erd_scroll_detection_scrollbar_style";
|
2877 | var detectionContainerClass = "erd_scroll_detection_container";
|
2878 |
|
2879 | function initDocument(targetDocument) {
|
2880 |
|
2881 |
|
2882 | injectScrollStyle(targetDocument, styleId, detectionContainerClass);
|
2883 | }
|
2884 |
|
2885 | initDocument(window.document);
|
2886 |
|
2887 | function buildCssTextString(rules) {
|
2888 | var seperator = options.important ? " !important; " : "; ";
|
2889 |
|
2890 | return (rules.join(seperator) + seperator).trim();
|
2891 | }
|
2892 |
|
2893 | function getScrollbarSizes() {
|
2894 | var width = 500;
|
2895 | var height = 500;
|
2896 |
|
2897 | var child = document.createElement("div");
|
2898 | child.style.cssText = buildCssTextString(["position: absolute", "width: " + width*2 + "px", "height: " + height*2 + "px", "visibility: hidden", "margin: 0", "padding: 0"]);
|
2899 |
|
2900 | var container = document.createElement("div");
|
2901 | container.style.cssText = buildCssTextString(["position: absolute", "width: " + width + "px", "height: " + height + "px", "overflow: scroll", "visibility: none", "top: " + -width*3 + "px", "left: " + -height*3 + "px", "visibility: hidden", "margin: 0", "padding: 0"]);
|
2902 |
|
2903 | container.appendChild(child);
|
2904 |
|
2905 | document.body.insertBefore(container, document.body.firstChild);
|
2906 |
|
2907 | var widthSize = width - container.clientWidth;
|
2908 | var heightSize = height - container.clientHeight;
|
2909 |
|
2910 | document.body.removeChild(container);
|
2911 |
|
2912 | return {
|
2913 | width: widthSize,
|
2914 | height: heightSize
|
2915 | };
|
2916 | }
|
2917 |
|
2918 | function injectScrollStyle(targetDocument, styleId, containerClass) {
|
2919 | function injectStyle(style, method) {
|
2920 | method = method || function (element) {
|
2921 | targetDocument.head.appendChild(element);
|
2922 | };
|
2923 |
|
2924 | var styleElement = targetDocument.createElement("style");
|
2925 | styleElement.innerHTML = style;
|
2926 | styleElement.id = styleId;
|
2927 | method(styleElement);
|
2928 | return styleElement;
|
2929 | }
|
2930 |
|
2931 | if (!targetDocument.getElementById(styleId)) {
|
2932 | var containerAnimationClass = containerClass + "_animation";
|
2933 | var containerAnimationActiveClass = containerClass + "_animation_active";
|
2934 | var style = "/* Created by the element-resize-detector library. */\n";
|
2935 | style += "." + containerClass + " > div::-webkit-scrollbar { " + buildCssTextString(["display: none"]) + " }\n\n";
|
2936 | style += "." + containerAnimationActiveClass + " { " + buildCssTextString(["-webkit-animation-duration: 0.1s", "animation-duration: 0.1s", "-webkit-animation-name: " + containerAnimationClass, "animation-name: " + containerAnimationClass]) + " }\n";
|
2937 | style += "@-webkit-keyframes " + containerAnimationClass + " { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }\n";
|
2938 | style += "@keyframes " + containerAnimationClass + " { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }";
|
2939 | injectStyle(style);
|
2940 | }
|
2941 | }
|
2942 |
|
2943 | function addAnimationClass(element) {
|
2944 | element.className += " " + detectionContainerClass + "_animation_active";
|
2945 | }
|
2946 |
|
2947 | function addEvent(el, name, cb) {
|
2948 | if (el.addEventListener) {
|
2949 | el.addEventListener(name, cb);
|
2950 | } else if(el.attachEvent) {
|
2951 | el.attachEvent("on" + name, cb);
|
2952 | } else {
|
2953 | return reporter.error("[scroll] Don't know how to add event listeners.");
|
2954 | }
|
2955 | }
|
2956 |
|
2957 | function removeEvent(el, name, cb) {
|
2958 | if (el.removeEventListener) {
|
2959 | el.removeEventListener(name, cb);
|
2960 | } else if(el.detachEvent) {
|
2961 | el.detachEvent("on" + name, cb);
|
2962 | } else {
|
2963 | return reporter.error("[scroll] Don't know how to remove event listeners.");
|
2964 | }
|
2965 | }
|
2966 |
|
2967 | function getExpandElement(element) {
|
2968 | return getState(element).container.childNodes[0].childNodes[0].childNodes[0];
|
2969 | }
|
2970 |
|
2971 | function getShrinkElement(element) {
|
2972 | return getState(element).container.childNodes[0].childNodes[0].childNodes[1];
|
2973 | }
|
2974 |
|
2975 | |
2976 |
|
2977 |
|
2978 |
|
2979 |
|
2980 |
|
2981 | function addListener(element, listener) {
|
2982 | var listeners = getState(element).listeners;
|
2983 |
|
2984 | if (!listeners.push) {
|
2985 | throw new Error("Cannot add listener to an element that is not detectable.");
|
2986 | }
|
2987 |
|
2988 | getState(element).listeners.push(listener);
|
2989 | }
|
2990 |
|
2991 | |
2992 |
|
2993 |
|
2994 |
|
2995 |
|
2996 |
|
2997 |
|
2998 | function makeDetectable(options, element, callback) {
|
2999 | if (!callback) {
|
3000 | callback = element;
|
3001 | element = options;
|
3002 | options = null;
|
3003 | }
|
3004 |
|
3005 | options = options || {};
|
3006 |
|
3007 | function debug() {
|
3008 | if (options.debug) {
|
3009 | var args = Array.prototype.slice.call(arguments);
|
3010 | args.unshift(idHandler.get(element), "Scroll: ");
|
3011 | if (reporter.log.apply) {
|
3012 | reporter.log.apply(null, args);
|
3013 | } else {
|
3014 | for (var i = 0; i < args.length; i++) {
|
3015 | reporter.log(args[i]);
|
3016 | }
|
3017 | }
|
3018 | }
|
3019 | }
|
3020 |
|
3021 | function isDetached(element) {
|
3022 | function isInDocument(element) {
|
3023 | return element === element.ownerDocument.body || element.ownerDocument.body.contains(element);
|
3024 | }
|
3025 |
|
3026 | if (!isInDocument(element)) {
|
3027 | return true;
|
3028 | }
|
3029 |
|
3030 |
|
3031 | if (window.getComputedStyle(element) === null) {
|
3032 | return true;
|
3033 | }
|
3034 |
|
3035 | return false;
|
3036 | }
|
3037 |
|
3038 | function isUnrendered(element) {
|
3039 |
|
3040 | var container = getState(element).container.childNodes[0];
|
3041 | var style = window.getComputedStyle(container);
|
3042 | return !style.width || style.width.indexOf("px") === -1;
|
3043 | }
|
3044 |
|
3045 | function getStyle() {
|
3046 |
|
3047 |
|
3048 | var elementStyle = window.getComputedStyle(element);
|
3049 | var style = {};
|
3050 | style.position = elementStyle.position;
|
3051 | style.width = element.offsetWidth;
|
3052 | style.height = element.offsetHeight;
|
3053 | style.top = elementStyle.top;
|
3054 | style.right = elementStyle.right;
|
3055 | style.bottom = elementStyle.bottom;
|
3056 | style.left = elementStyle.left;
|
3057 | style.widthCSS = elementStyle.width;
|
3058 | style.heightCSS = elementStyle.height;
|
3059 | return style;
|
3060 | }
|
3061 |
|
3062 | function storeStartSize() {
|
3063 | var style = getStyle();
|
3064 | getState(element).startSize = {
|
3065 | width: style.width,
|
3066 | height: style.height
|
3067 | };
|
3068 | debug("Element start size", getState(element).startSize);
|
3069 | }
|
3070 |
|
3071 | function initListeners() {
|
3072 | getState(element).listeners = [];
|
3073 | }
|
3074 |
|
3075 | function storeStyle() {
|
3076 | debug("storeStyle invoked.");
|
3077 | if (!getState(element)) {
|
3078 | debug("Aborting because element has been uninstalled");
|
3079 | return;
|
3080 | }
|
3081 |
|
3082 | var style = getStyle();
|
3083 | getState(element).style = style;
|
3084 | }
|
3085 |
|
3086 | function storeCurrentSize(element, width, height) {
|
3087 | getState(element).lastWidth = width;
|
3088 | getState(element).lastHeight = height;
|
3089 | }
|
3090 |
|
3091 | function getExpandChildElement(element) {
|
3092 | return getExpandElement(element).childNodes[0];
|
3093 | }
|
3094 |
|
3095 | function getWidthOffset() {
|
3096 | return 2 * scrollbarSizes.width + 1;
|
3097 | }
|
3098 |
|
3099 | function getHeightOffset() {
|
3100 | return 2 * scrollbarSizes.height + 1;
|
3101 | }
|
3102 |
|
3103 | function getExpandWidth(width) {
|
3104 | return width + 10 + getWidthOffset();
|
3105 | }
|
3106 |
|
3107 | function getExpandHeight(height) {
|
3108 | return height + 10 + getHeightOffset();
|
3109 | }
|
3110 |
|
3111 | function getShrinkWidth(width) {
|
3112 | return width * 2 + getWidthOffset();
|
3113 | }
|
3114 |
|
3115 | function getShrinkHeight(height) {
|
3116 | return height * 2 + getHeightOffset();
|
3117 | }
|
3118 |
|
3119 | function positionScrollbars(element, width, height) {
|
3120 | var expand = getExpandElement(element);
|
3121 | var shrink = getShrinkElement(element);
|
3122 | var expandWidth = getExpandWidth(width);
|
3123 | var expandHeight = getExpandHeight(height);
|
3124 | var shrinkWidth = getShrinkWidth(width);
|
3125 | var shrinkHeight = getShrinkHeight(height);
|
3126 | expand.scrollLeft = expandWidth;
|
3127 | expand.scrollTop = expandHeight;
|
3128 | shrink.scrollLeft = shrinkWidth;
|
3129 | shrink.scrollTop = shrinkHeight;
|
3130 | }
|
3131 |
|
3132 | function injectContainerElement() {
|
3133 | var container = getState(element).container;
|
3134 |
|
3135 | if (!container) {
|
3136 | container = document.createElement("div");
|
3137 | container.className = detectionContainerClass;
|
3138 | container.style.cssText = buildCssTextString(["visibility: hidden", "display: inline", "width: 0px", "height: 0px", "z-index: -1", "overflow: hidden", "margin: 0", "padding: 0"]);
|
3139 | getState(element).container = container;
|
3140 | addAnimationClass(container);
|
3141 | element.appendChild(container);
|
3142 |
|
3143 | var onAnimationStart = function () {
|
3144 | getState(element).onRendered && getState(element).onRendered();
|
3145 | };
|
3146 |
|
3147 | addEvent(container, "animationstart", onAnimationStart);
|
3148 |
|
3149 |
|
3150 |
|
3151 | getState(element).onAnimationStart = onAnimationStart;
|
3152 | }
|
3153 |
|
3154 | return container;
|
3155 | }
|
3156 |
|
3157 | function injectScrollElements() {
|
3158 | function alterPositionStyles() {
|
3159 | var style = getState(element).style;
|
3160 |
|
3161 | if(style.position === "static") {
|
3162 | element.style.setProperty("position", "relative",options.important ? "important" : "");
|
3163 |
|
3164 | var removeRelativeStyles = function(reporter, element, style, property) {
|
3165 | function getNumericalValue(value) {
|
3166 | return value.replace(/[^-\d\.]/g, "");
|
3167 | }
|
3168 |
|
3169 | var value = style[property];
|
3170 |
|
3171 | if(value !== "auto" && getNumericalValue(value) !== "0") {
|
3172 | reporter.warn("An element that is positioned static has style." + property + "=" + value + " which is ignored due to the static positioning. The element will need to be positioned relative, so the style." + property + " will be set to 0. Element: ", element);
|
3173 | element.style[property] = 0;
|
3174 | }
|
3175 | };
|
3176 |
|
3177 |
|
3178 |
|
3179 | removeRelativeStyles(reporter, element, style, "top");
|
3180 | removeRelativeStyles(reporter, element, style, "right");
|
3181 | removeRelativeStyles(reporter, element, style, "bottom");
|
3182 | removeRelativeStyles(reporter, element, style, "left");
|
3183 | }
|
3184 | }
|
3185 |
|
3186 | function getLeftTopBottomRightCssText(left, top, bottom, right) {
|
3187 | left = (!left ? "0" : (left + "px"));
|
3188 | top = (!top ? "0" : (top + "px"));
|
3189 | bottom = (!bottom ? "0" : (bottom + "px"));
|
3190 | right = (!right ? "0" : (right + "px"));
|
3191 |
|
3192 | return ["left: " + left, "top: " + top, "right: " + right, "bottom: " + bottom];
|
3193 | }
|
3194 |
|
3195 | debug("Injecting elements");
|
3196 |
|
3197 | if (!getState(element)) {
|
3198 | debug("Aborting because element has been uninstalled");
|
3199 | return;
|
3200 | }
|
3201 |
|
3202 | alterPositionStyles();
|
3203 |
|
3204 | var rootContainer = getState(element).container;
|
3205 |
|
3206 | if (!rootContainer) {
|
3207 | rootContainer = injectContainerElement();
|
3208 | }
|
3209 |
|
3210 |
|
3211 |
|
3212 |
|
3213 |
|
3214 |
|
3215 |
|
3216 |
|
3217 |
|
3218 | var scrollbarWidth = scrollbarSizes.width;
|
3219 | var scrollbarHeight = scrollbarSizes.height;
|
3220 | var containerContainerStyle = buildCssTextString(["position: absolute", "flex: none", "overflow: hidden", "z-index: -1", "visibility: hidden", "width: 100%", "height: 100%", "left: 0px", "top: 0px"]);
|
3221 | var containerStyle = buildCssTextString(["position: absolute", "flex: none", "overflow: hidden", "z-index: -1", "visibility: hidden"].concat(getLeftTopBottomRightCssText(-(1 + scrollbarWidth), -(1 + scrollbarHeight), -scrollbarHeight, -scrollbarWidth)));
|
3222 | var expandStyle = buildCssTextString(["position: absolute", "flex: none", "overflow: scroll", "z-index: -1", "visibility: hidden", "width: 100%", "height: 100%"]);
|
3223 | var shrinkStyle = buildCssTextString(["position: absolute", "flex: none", "overflow: scroll", "z-index: -1", "visibility: hidden", "width: 100%", "height: 100%"]);
|
3224 | var expandChildStyle = buildCssTextString(["position: absolute", "left: 0", "top: 0"]);
|
3225 | var shrinkChildStyle = buildCssTextString(["position: absolute", "width: 200%", "height: 200%"]);
|
3226 |
|
3227 | var containerContainer = document.createElement("div");
|
3228 | var container = document.createElement("div");
|
3229 | var expand = document.createElement("div");
|
3230 | var expandChild = document.createElement("div");
|
3231 | var shrink = document.createElement("div");
|
3232 | var shrinkChild = document.createElement("div");
|
3233 |
|
3234 |
|
3235 |
|
3236 | containerContainer.dir = "ltr";
|
3237 |
|
3238 | containerContainer.style.cssText = containerContainerStyle;
|
3239 | containerContainer.className = detectionContainerClass;
|
3240 | container.className = detectionContainerClass;
|
3241 | container.style.cssText = containerStyle;
|
3242 | expand.style.cssText = expandStyle;
|
3243 | expandChild.style.cssText = expandChildStyle;
|
3244 | shrink.style.cssText = shrinkStyle;
|
3245 | shrinkChild.style.cssText = shrinkChildStyle;
|
3246 |
|
3247 | expand.appendChild(expandChild);
|
3248 | shrink.appendChild(shrinkChild);
|
3249 | container.appendChild(expand);
|
3250 | container.appendChild(shrink);
|
3251 | containerContainer.appendChild(container);
|
3252 | rootContainer.appendChild(containerContainer);
|
3253 |
|
3254 | function onExpandScroll() {
|
3255 | getState(element).onExpand && getState(element).onExpand();
|
3256 | }
|
3257 |
|
3258 | function onShrinkScroll() {
|
3259 | getState(element).onShrink && getState(element).onShrink();
|
3260 | }
|
3261 |
|
3262 | addEvent(expand, "scroll", onExpandScroll);
|
3263 | addEvent(shrink, "scroll", onShrinkScroll);
|
3264 |
|
3265 |
|
3266 |
|
3267 | getState(element).onExpandScroll = onExpandScroll;
|
3268 | getState(element).onShrinkScroll = onShrinkScroll;
|
3269 | }
|
3270 |
|
3271 | function registerListenersAndPositionElements() {
|
3272 | function updateChildSizes(element, width, height) {
|
3273 | var expandChild = getExpandChildElement(element);
|
3274 | var expandWidth = getExpandWidth(width);
|
3275 | var expandHeight = getExpandHeight(height);
|
3276 | expandChild.style.setProperty("width", expandWidth + "px", options.important ? "important" : "");
|
3277 | expandChild.style.setProperty("height", expandHeight + "px", options.important ? "important" : "");
|
3278 | }
|
3279 |
|
3280 | function updateDetectorElements(done) {
|
3281 | var width = element.offsetWidth;
|
3282 | var height = element.offsetHeight;
|
3283 |
|
3284 |
|
3285 | var sizeChanged = width !== getState(element).lastWidth || height !== getState(element).lastHeight;
|
3286 |
|
3287 | debug("Storing current size", width, height);
|
3288 |
|
3289 |
|
3290 |
|
3291 | storeCurrentSize(element, width, height);
|
3292 |
|
3293 |
|
3294 |
|
3295 |
|
3296 | batchProcessor.add(0, function performUpdateChildSizes() {
|
3297 | if (!sizeChanged) {
|
3298 | return;
|
3299 | }
|
3300 |
|
3301 | if (!getState(element)) {
|
3302 | debug("Aborting because element has been uninstalled");
|
3303 | return;
|
3304 | }
|
3305 |
|
3306 | if (!areElementsInjected()) {
|
3307 | debug("Aborting because element container has not been initialized");
|
3308 | return;
|
3309 | }
|
3310 |
|
3311 | if (options.debug) {
|
3312 | var w = element.offsetWidth;
|
3313 | var h = element.offsetHeight;
|
3314 |
|
3315 | if (w !== width || h !== height) {
|
3316 | reporter.warn(idHandler.get(element), "Scroll: Size changed before updating detector elements.");
|
3317 | }
|
3318 | }
|
3319 |
|
3320 | updateChildSizes(element, width, height);
|
3321 | });
|
3322 |
|
3323 | batchProcessor.add(1, function updateScrollbars() {
|
3324 |
|
3325 |
|
3326 |
|
3327 | if (!getState(element)) {
|
3328 | debug("Aborting because element has been uninstalled");
|
3329 | return;
|
3330 | }
|
3331 |
|
3332 | if (!areElementsInjected()) {
|
3333 | debug("Aborting because element container has not been initialized");
|
3334 | return;
|
3335 | }
|
3336 |
|
3337 | positionScrollbars(element, width, height);
|
3338 | });
|
3339 |
|
3340 | if (sizeChanged && done) {
|
3341 | batchProcessor.add(2, function () {
|
3342 | if (!getState(element)) {
|
3343 | debug("Aborting because element has been uninstalled");
|
3344 | return;
|
3345 | }
|
3346 |
|
3347 | if (!areElementsInjected()) {
|
3348 | debug("Aborting because element container has not been initialized");
|
3349 | return;
|
3350 | }
|
3351 |
|
3352 | done();
|
3353 | });
|
3354 | }
|
3355 | }
|
3356 |
|
3357 | function areElementsInjected() {
|
3358 | return !!getState(element).container;
|
3359 | }
|
3360 |
|
3361 | function notifyListenersIfNeeded() {
|
3362 | function isFirstNotify() {
|
3363 | return getState(element).lastNotifiedWidth === undefined;
|
3364 | }
|
3365 |
|
3366 | debug("notifyListenersIfNeeded invoked");
|
3367 |
|
3368 | var state = getState(element);
|
3369 |
|
3370 |
|
3371 | if (isFirstNotify() && state.lastWidth === state.startSize.width && state.lastHeight === state.startSize.height) {
|
3372 | return debug("Not notifying: Size is the same as the start size, and there has been no notification yet.");
|
3373 | }
|
3374 |
|
3375 |
|
3376 | if (state.lastWidth === state.lastNotifiedWidth && state.lastHeight === state.lastNotifiedHeight) {
|
3377 | return debug("Not notifying: Size already notified");
|
3378 | }
|
3379 |
|
3380 |
|
3381 | debug("Current size not notified, notifying...");
|
3382 | state.lastNotifiedWidth = state.lastWidth;
|
3383 | state.lastNotifiedHeight = state.lastHeight;
|
3384 | forEach(getState(element).listeners, function (listener) {
|
3385 | listener(element);
|
3386 | });
|
3387 | }
|
3388 |
|
3389 | function handleRender() {
|
3390 | debug("startanimation triggered.");
|
3391 |
|
3392 | if (isUnrendered(element)) {
|
3393 | debug("Ignoring since element is still unrendered...");
|
3394 | return;
|
3395 | }
|
3396 |
|
3397 | debug("Element rendered.");
|
3398 | var expand = getExpandElement(element);
|
3399 | var shrink = getShrinkElement(element);
|
3400 | if (expand.scrollLeft === 0 || expand.scrollTop === 0 || shrink.scrollLeft === 0 || shrink.scrollTop === 0) {
|
3401 | debug("Scrollbars out of sync. Updating detector elements...");
|
3402 | updateDetectorElements(notifyListenersIfNeeded);
|
3403 | }
|
3404 | }
|
3405 |
|
3406 | function handleScroll() {
|
3407 | debug("Scroll detected.");
|
3408 |
|
3409 | if (isUnrendered(element)) {
|
3410 |
|
3411 | debug("Scroll event fired while unrendered. Ignoring...");
|
3412 | return;
|
3413 | }
|
3414 |
|
3415 | updateDetectorElements(notifyListenersIfNeeded);
|
3416 | }
|
3417 |
|
3418 | debug("registerListenersAndPositionElements invoked.");
|
3419 |
|
3420 | if (!getState(element)) {
|
3421 | debug("Aborting because element has been uninstalled");
|
3422 | return;
|
3423 | }
|
3424 |
|
3425 | getState(element).onRendered = handleRender;
|
3426 | getState(element).onExpand = handleScroll;
|
3427 | getState(element).onShrink = handleScroll;
|
3428 |
|
3429 | var style = getState(element).style;
|
3430 | updateChildSizes(element, style.width, style.height);
|
3431 | }
|
3432 |
|
3433 | function finalizeDomMutation() {
|
3434 | debug("finalizeDomMutation invoked.");
|
3435 |
|
3436 | if (!getState(element)) {
|
3437 | debug("Aborting because element has been uninstalled");
|
3438 | return;
|
3439 | }
|
3440 |
|
3441 | var style = getState(element).style;
|
3442 | storeCurrentSize(element, style.width, style.height);
|
3443 | positionScrollbars(element, style.width, style.height);
|
3444 | }
|
3445 |
|
3446 | function ready() {
|
3447 | callback(element);
|
3448 | }
|
3449 |
|
3450 | function install() {
|
3451 | debug("Installing...");
|
3452 | initListeners();
|
3453 | storeStartSize();
|
3454 |
|
3455 | batchProcessor.add(0, storeStyle);
|
3456 | batchProcessor.add(1, injectScrollElements);
|
3457 | batchProcessor.add(2, registerListenersAndPositionElements);
|
3458 | batchProcessor.add(3, finalizeDomMutation);
|
3459 | batchProcessor.add(4, ready);
|
3460 | }
|
3461 |
|
3462 | debug("Making detectable...");
|
3463 |
|
3464 | if (isDetached(element)) {
|
3465 | debug("Element is detached");
|
3466 |
|
3467 | injectContainerElement();
|
3468 |
|
3469 | debug("Waiting until element is attached...");
|
3470 |
|
3471 | getState(element).onRendered = function () {
|
3472 | debug("Element is now attached");
|
3473 | install();
|
3474 | };
|
3475 | } else {
|
3476 | install();
|
3477 | }
|
3478 | }
|
3479 |
|
3480 | function uninstall(element) {
|
3481 | var state = getState(element);
|
3482 |
|
3483 | if (!state) {
|
3484 |
|
3485 | return;
|
3486 | }
|
3487 |
|
3488 |
|
3489 |
|
3490 |
|
3491 |
|
3492 |
|
3493 |
|
3494 |
|
3495 | state.onExpandScroll && removeEvent(getExpandElement(element), "scroll", state.onExpandScroll);
|
3496 | state.onShrinkScroll && removeEvent(getShrinkElement(element), "scroll", state.onShrinkScroll);
|
3497 | state.onAnimationStart && removeEvent(state.container, "animationstart", state.onAnimationStart);
|
3498 |
|
3499 | state.container && element.removeChild(state.container);
|
3500 | }
|
3501 |
|
3502 | return {
|
3503 | makeDetectable: makeDetectable,
|
3504 | addListener: addListener,
|
3505 | uninstall: uninstall,
|
3506 | initDocument: initDocument
|
3507 | };
|
3508 | };
|
3509 |
|
3510 | var forEach$1 = collectionUtils.forEach;
|
3511 |
|
3512 |
|
3513 |
|
3514 |
|
3515 |
|
3516 |
|
3517 |
|
3518 |
|
3519 |
|
3520 |
|
3521 |
|
3522 |
|
3523 |
|
3524 | function isCollection(obj) {
|
3525 | return Array.isArray(obj) || obj.length !== undefined;
|
3526 | }
|
3527 |
|
3528 | function toArray(collection) {
|
3529 | if (!Array.isArray(collection)) {
|
3530 | var array = [];
|
3531 | forEach$1(collection, function (obj) {
|
3532 | array.push(obj);
|
3533 | });
|
3534 | return array;
|
3535 | } else {
|
3536 | return collection;
|
3537 | }
|
3538 | }
|
3539 |
|
3540 | function isElement(obj) {
|
3541 | return obj && obj.nodeType === 1;
|
3542 | }
|
3543 |
|
3544 | |
3545 |
|
3546 |
|
3547 |
|
3548 |
|
3549 |
|
3550 |
|
3551 | |
3552 |
|
3553 |
|
3554 |
|
3555 |
|
3556 |
|
3557 |
|
3558 |
|
3559 |
|
3560 |
|
3561 |
|
3562 |
|
3563 |
|
3564 |
|
3565 | |
3566 |
|
3567 |
|
3568 |
|
3569 |
|
3570 | var elementResizeDetector = function(options) {
|
3571 | options = options || {};
|
3572 |
|
3573 |
|
3574 | var idHandler$$1;
|
3575 |
|
3576 | if (options.idHandler) {
|
3577 |
|
3578 |
|
3579 | idHandler$$1 = {
|
3580 | get: function (element) { return options.idHandler.get(element, true); },
|
3581 | set: options.idHandler.set
|
3582 | };
|
3583 | } else {
|
3584 | var idGenerator$$1 = idGenerator();
|
3585 | var defaultIdHandler = idHandler({
|
3586 | idGenerator: idGenerator$$1,
|
3587 | stateHandler: stateHandler
|
3588 | });
|
3589 | idHandler$$1 = defaultIdHandler;
|
3590 | }
|
3591 |
|
3592 |
|
3593 | var reporter$$1 = options.reporter;
|
3594 |
|
3595 | if(!reporter$$1) {
|
3596 |
|
3597 | var quiet = reporter$$1 === false;
|
3598 | reporter$$1 = reporter(quiet);
|
3599 | }
|
3600 |
|
3601 |
|
3602 | var batchProcessor$$1 = getOption(options, "batchProcessor", batchProcessor({ reporter: reporter$$1 }));
|
3603 |
|
3604 |
|
3605 | var globalOptions = {};
|
3606 | globalOptions.callOnAdd = !!getOption(options, "callOnAdd", true);
|
3607 | globalOptions.debug = !!getOption(options, "debug", false);
|
3608 |
|
3609 | var eventListenerHandler = listenerHandler(idHandler$$1);
|
3610 | var elementUtils$$1 = elementUtils({
|
3611 | stateHandler: stateHandler
|
3612 | });
|
3613 |
|
3614 |
|
3615 | var detectionStrategy;
|
3616 | var desiredStrategy = getOption(options, "strategy", "object");
|
3617 | var importantCssRules = getOption(options, "important", false);
|
3618 | var strategyOptions = {
|
3619 | reporter: reporter$$1,
|
3620 | batchProcessor: batchProcessor$$1,
|
3621 | stateHandler: stateHandler,
|
3622 | idHandler: idHandler$$1,
|
3623 | important: importantCssRules
|
3624 | };
|
3625 |
|
3626 | if(desiredStrategy === "scroll") {
|
3627 | if (browserDetector.isLegacyOpera()) {
|
3628 | reporter$$1.warn("Scroll strategy is not supported on legacy Opera. Changing to object strategy.");
|
3629 | desiredStrategy = "object";
|
3630 | } else if (browserDetector.isIE(9)) {
|
3631 | reporter$$1.warn("Scroll strategy is not supported on IE9. Changing to object strategy.");
|
3632 | desiredStrategy = "object";
|
3633 | }
|
3634 | }
|
3635 |
|
3636 | if(desiredStrategy === "scroll") {
|
3637 | detectionStrategy = scroll(strategyOptions);
|
3638 | } else if(desiredStrategy === "object") {
|
3639 | detectionStrategy = object(strategyOptions);
|
3640 | } else {
|
3641 | throw new Error("Invalid strategy name: " + desiredStrategy);
|
3642 | }
|
3643 |
|
3644 |
|
3645 |
|
3646 |
|
3647 |
|
3648 |
|
3649 | var onReadyCallbacks = {};
|
3650 |
|
3651 | |
3652 |
|
3653 |
|
3654 |
|
3655 |
|
3656 |
|
3657 |
|
3658 | function listenTo(options, elements, listener) {
|
3659 | function onResizeCallback(element) {
|
3660 | var listeners = eventListenerHandler.get(element);
|
3661 | forEach$1(listeners, function callListenerProxy(listener) {
|
3662 | listener(element);
|
3663 | });
|
3664 | }
|
3665 |
|
3666 | function addListener(callOnAdd, element, listener) {
|
3667 | eventListenerHandler.add(element, listener);
|
3668 |
|
3669 | if(callOnAdd) {
|
3670 | listener(element);
|
3671 | }
|
3672 | }
|
3673 |
|
3674 |
|
3675 | if(!listener) {
|
3676 | listener = elements;
|
3677 | elements = options;
|
3678 | options = {};
|
3679 | }
|
3680 |
|
3681 | if(!elements) {
|
3682 | throw new Error("At least one element required.");
|
3683 | }
|
3684 |
|
3685 | if(!listener) {
|
3686 | throw new Error("Listener required.");
|
3687 | }
|
3688 |
|
3689 | if (isElement(elements)) {
|
3690 |
|
3691 | elements = [elements];
|
3692 | } else if (isCollection(elements)) {
|
3693 |
|
3694 |
|
3695 | elements = toArray(elements);
|
3696 | } else {
|
3697 | return reporter$$1.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");
|
3698 | }
|
3699 |
|
3700 | var elementsReady = 0;
|
3701 |
|
3702 | var callOnAdd = getOption(options, "callOnAdd", globalOptions.callOnAdd);
|
3703 | var onReadyCallback = getOption(options, "onReady", function noop() {});
|
3704 | var debug = getOption(options, "debug", globalOptions.debug);
|
3705 |
|
3706 | forEach$1(elements, function attachListenerToElement(element) {
|
3707 | if (!stateHandler.getState(element)) {
|
3708 | stateHandler.initState(element);
|
3709 | idHandler$$1.set(element);
|
3710 | }
|
3711 |
|
3712 | var id = idHandler$$1.get(element);
|
3713 |
|
3714 | debug && reporter$$1.log("Attaching listener to element", id, element);
|
3715 |
|
3716 | if(!elementUtils$$1.isDetectable(element)) {
|
3717 | debug && reporter$$1.log(id, "Not detectable.");
|
3718 | if(elementUtils$$1.isBusy(element)) {
|
3719 | debug && reporter$$1.log(id, "System busy making it detectable");
|
3720 |
|
3721 |
|
3722 |
|
3723 | addListener(callOnAdd, element, listener);
|
3724 | onReadyCallbacks[id] = onReadyCallbacks[id] || [];
|
3725 | onReadyCallbacks[id].push(function onReady() {
|
3726 | elementsReady++;
|
3727 |
|
3728 | if(elementsReady === elements.length) {
|
3729 | onReadyCallback();
|
3730 | }
|
3731 | });
|
3732 | return;
|
3733 | }
|
3734 |
|
3735 | debug && reporter$$1.log(id, "Making detectable...");
|
3736 |
|
3737 | elementUtils$$1.markBusy(element, true);
|
3738 | return detectionStrategy.makeDetectable({ debug: debug, important: importantCssRules }, element, function onElementDetectable(element) {
|
3739 | debug && reporter$$1.log(id, "onElementDetectable");
|
3740 |
|
3741 | if (stateHandler.getState(element)) {
|
3742 | elementUtils$$1.markAsDetectable(element);
|
3743 | elementUtils$$1.markBusy(element, false);
|
3744 | detectionStrategy.addListener(element, onResizeCallback);
|
3745 | addListener(callOnAdd, element, listener);
|
3746 |
|
3747 |
|
3748 |
|
3749 |
|
3750 |
|
3751 | var state = stateHandler.getState(element);
|
3752 | if (state && state.startSize) {
|
3753 | var width = element.offsetWidth;
|
3754 | var height = element.offsetHeight;
|
3755 | if (state.startSize.width !== width || state.startSize.height !== height) {
|
3756 | onResizeCallback(element);
|
3757 | }
|
3758 | }
|
3759 |
|
3760 | if(onReadyCallbacks[id]) {
|
3761 | forEach$1(onReadyCallbacks[id], function(callback) {
|
3762 | callback();
|
3763 | });
|
3764 | }
|
3765 | } else {
|
3766 |
|
3767 | debug && reporter$$1.log(id, "Element uninstalled before being detectable.");
|
3768 | }
|
3769 |
|
3770 | delete onReadyCallbacks[id];
|
3771 |
|
3772 | elementsReady++;
|
3773 | if(elementsReady === elements.length) {
|
3774 | onReadyCallback();
|
3775 | }
|
3776 | });
|
3777 | }
|
3778 |
|
3779 | debug && reporter$$1.log(id, "Already detecable, adding listener.");
|
3780 |
|
3781 |
|
3782 | addListener(callOnAdd, element, listener);
|
3783 | elementsReady++;
|
3784 | });
|
3785 |
|
3786 | if(elementsReady === elements.length) {
|
3787 | onReadyCallback();
|
3788 | }
|
3789 | }
|
3790 |
|
3791 | function uninstall(elements) {
|
3792 | if(!elements) {
|
3793 | return reporter$$1.error("At least one element is required.");
|
3794 | }
|
3795 |
|
3796 | if (isElement(elements)) {
|
3797 |
|
3798 | elements = [elements];
|
3799 | } else if (isCollection(elements)) {
|
3800 |
|
3801 |
|
3802 | elements = toArray(elements);
|
3803 | } else {
|
3804 | return reporter$$1.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");
|
3805 | }
|
3806 |
|
3807 | forEach$1(elements, function (element) {
|
3808 | eventListenerHandler.removeAllListeners(element);
|
3809 | detectionStrategy.uninstall(element);
|
3810 | stateHandler.cleanState(element);
|
3811 | });
|
3812 | }
|
3813 |
|
3814 | function initDocument(targetDocument) {
|
3815 | detectionStrategy.initDocument && detectionStrategy.initDocument(targetDocument);
|
3816 | }
|
3817 |
|
3818 | return {
|
3819 | listenTo: listenTo,
|
3820 | removeListener: eventListenerHandler.removeListener,
|
3821 | removeAllListeners: eventListenerHandler.removeAllListeners,
|
3822 | uninstall: uninstall,
|
3823 | initDocument: initDocument
|
3824 | };
|
3825 | };
|
3826 |
|
3827 | function getOption(options, name, defaultValue) {
|
3828 | var value = options[name];
|
3829 |
|
3830 | if((value === undefined || value === null) && defaultValue !== undefined) {
|
3831 | return defaultValue;
|
3832 | }
|
3833 |
|
3834 | return value;
|
3835 | }
|
3836 |
|
3837 | |
3838 |
|
3839 |
|
3840 |
|
3841 |
|
3842 |
|
3843 | var getOwnPropertySymbols = Object.getOwnPropertySymbols;
|
3844 | var hasOwnProperty = Object.prototype.hasOwnProperty;
|
3845 | var propIsEnumerable = Object.prototype.propertyIsEnumerable;
|
3846 |
|
3847 | function toObject(val) {
|
3848 | if (val === null || val === undefined) {
|
3849 | throw new TypeError('Object.assign cannot be called with null or undefined');
|
3850 | }
|
3851 |
|
3852 | return Object(val);
|
3853 | }
|
3854 |
|
3855 | function shouldUseNative() {
|
3856 | try {
|
3857 | if (!Object.assign) {
|
3858 | return false;
|
3859 | }
|
3860 |
|
3861 |
|
3862 |
|
3863 |
|
3864 | var test1 = new String('abc');
|
3865 | test1[5] = 'de';
|
3866 | if (Object.getOwnPropertyNames(test1)[0] === '5') {
|
3867 | return false;
|
3868 | }
|
3869 |
|
3870 |
|
3871 | var test2 = {};
|
3872 | for (var i = 0; i < 10; i++) {
|
3873 | test2['_' + String.fromCharCode(i)] = i;
|
3874 | }
|
3875 | var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
|
3876 | return test2[n];
|
3877 | });
|
3878 | if (order2.join('') !== '0123456789') {
|
3879 | return false;
|
3880 | }
|
3881 |
|
3882 |
|
3883 | var test3 = {};
|
3884 | 'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
|
3885 | test3[letter] = letter;
|
3886 | });
|
3887 | if (Object.keys(Object.assign({}, test3)).join('') !==
|
3888 | 'abcdefghijklmnopqrst') {
|
3889 | return false;
|
3890 | }
|
3891 |
|
3892 | return true;
|
3893 | } catch (err) {
|
3894 |
|
3895 | return false;
|
3896 | }
|
3897 | }
|
3898 |
|
3899 | var objectAssign = shouldUseNative() ? Object.assign : function (target, source) {
|
3900 | var from;
|
3901 | var to = toObject(target);
|
3902 | var symbols;
|
3903 |
|
3904 | for (var s = 1; s < arguments.length; s++) {
|
3905 | from = Object(arguments[s]);
|
3906 |
|
3907 | for (var key in from) {
|
3908 | if (hasOwnProperty.call(from, key)) {
|
3909 | to[key] = from[key];
|
3910 | }
|
3911 | }
|
3912 |
|
3913 | if (getOwnPropertySymbols) {
|
3914 | symbols = getOwnPropertySymbols(from);
|
3915 | for (var i = 0; i < symbols.length; i++) {
|
3916 | if (propIsEnumerable.call(from, symbols[i])) {
|
3917 | to[symbols[i]] = from[symbols[i]];
|
3918 | }
|
3919 | }
|
3920 | }
|
3921 | }
|
3922 |
|
3923 | return to;
|
3924 | };
|
3925 |
|
3926 | var scheduler_production_min = createCommonjsModule(function (module, exports) {
|
3927 | Object.defineProperty(exports,"__esModule",{value:!0});var c=null,f=!1,h=3,k=-1,l=-1,m=!1,n=!1;function p(){if(!m){var a=c.expirationTime;n?q():n=!0;r(t,a);}}
|
3928 | function u(){var a=c,b=c.next;if(c===b)c=null;else{var d=c.previous;c=d.next=b;b.previous=d;}a.next=a.previous=null;d=a.callback;b=a.expirationTime;a=a.priorityLevel;var e=h,Q=l;h=a;l=b;try{var g=d();}finally{h=e,l=Q;}if("function"===typeof g)if(g={callback:g,priorityLevel:a,expirationTime:b,next:null,previous:null},null===c)c=g.next=g.previous=g;else{d=null;a=c;do{if(a.expirationTime>=b){d=a;break}a=a.next;}while(a!==c);null===d?d=c:d===c&&(c=g,p());b=d.previous;b.next=d.previous=g;g.next=d;g.previous=
|
3929 | b;}}function v(){if(-1===k&&null!==c&&1===c.priorityLevel){m=!0;try{do u();while(null!==c&&1===c.priorityLevel)}finally{m=!1,null!==c?p():n=!1;}}}function t(a){m=!0;var b=f;f=a;try{if(a)for(;null!==c;){var d=exports.unstable_now();if(c.expirationTime<=d){do u();while(null!==c&&c.expirationTime<=d)}else break}else if(null!==c){do u();while(null!==c&&!w())}}finally{m=!1,f=b,null!==c?p():n=!1,v();}}
|
3930 | var x=Date,y="function"===typeof setTimeout?setTimeout:void 0,z="function"===typeof clearTimeout?clearTimeout:void 0,A="function"===typeof requestAnimationFrame?requestAnimationFrame:void 0,B="function"===typeof cancelAnimationFrame?cancelAnimationFrame:void 0,C,D;function E(a){C=A(function(b){z(D);a(b);});D=y(function(){B(C);a(exports.unstable_now());},100);}
|
3931 | if("object"===typeof performance&&"function"===typeof performance.now){var F=performance;exports.unstable_now=function(){return F.now()};}else exports.unstable_now=function(){return x.now()};var r,q,w,G=null;"undefined"!==typeof window?G=window:"undefined"!==typeof commonjsGlobal&&(G=commonjsGlobal);
|
3932 | if(G&&G._schedMock){var H=G._schedMock;r=H[0];q=H[1];w=H[2];exports.unstable_now=H[3];}else if("undefined"===typeof window||"function"!==typeof MessageChannel){var I=null,J=function(a){if(null!==I)try{I(a);}finally{I=null;}};r=function(a){null!==I?setTimeout(r,0,a):(I=a,setTimeout(J,0,!1));};q=function(){I=null;};w=function(){return !1};}else{"undefined"!==typeof console&&("function"!==typeof A&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"),
|
3933 | "function"!==typeof B&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"));var K=null,L=!1,M=-1,N=!1,O=!1,P=0,R=33,S=33;w=function(){return P<=exports.unstable_now()};var T=new MessageChannel,U=T.port2;T.port1.onmessage=function(){L=!1;var a=K,b=M;K=null;M=-1;var d=exports.unstable_now(),e=!1;if(0>=P-d)if(-1!==b&&b<=d)e=!0;else{N||(N=!0,E(V));K=a;M=b;return}if(null!==a){O=!0;try{a(e);}finally{O=!1;}}};
|
3934 | var V=function(a){if(null!==K){E(V);var b=a-P+S;b<S&&R<S?(8>b&&(b=8),S=b<R?R:b):R=b;P=a+S;L||(L=!0,U.postMessage(void 0));}else N=!1;};r=function(a,b){K=a;M=b;O||0>b?U.postMessage(void 0):N||(N=!0,E(V));};q=function(){K=null;L=!1;M=-1;};}exports.unstable_ImmediatePriority=1;exports.unstable_UserBlockingPriority=2;exports.unstable_NormalPriority=3;exports.unstable_IdlePriority=5;exports.unstable_LowPriority=4;
|
3935 | exports.unstable_runWithPriority=function(a,b){switch(a){case 1:case 2:case 3:case 4:case 5:break;default:a=3;}var d=h,e=k;h=a;k=exports.unstable_now();try{return b()}finally{h=d,k=e,v();}};
|
3936 | exports.unstable_scheduleCallback=function(a,b){var d=-1!==k?k:exports.unstable_now();if("object"===typeof b&&null!==b&&"number"===typeof b.timeout)b=d+b.timeout;else switch(h){case 1:b=d+-1;break;case 2:b=d+250;break;case 5:b=d+1073741823;break;case 4:b=d+1E4;break;default:b=d+5E3;}a={callback:a,priorityLevel:h,expirationTime:b,next:null,previous:null};if(null===c)c=a.next=a.previous=a,p();else{d=null;var e=c;do{if(e.expirationTime>b){d=e;break}e=e.next;}while(e!==c);null===d?d=c:d===c&&(c=a,p());
|
3937 | b=d.previous;b.next=d.previous=a;a.next=d;a.previous=b;}return a};exports.unstable_cancelCallback=function(a){var b=a.next;if(null!==b){if(b===a)c=null;else{a===c&&(c=b);var d=a.previous;d.next=b;b.previous=d;}a.next=a.previous=null;}};exports.unstable_wrapCallback=function(a){var b=h;return function(){var d=h,e=k;h=b;k=exports.unstable_now();try{return a.apply(this,arguments)}finally{h=d,k=e,v();}}};exports.unstable_getCurrentPriorityLevel=function(){return h};
|
3938 | exports.unstable_shouldYield=function(){return !f&&(null!==c&&c.expirationTime<l||w())};exports.unstable_continueExecution=function(){null!==c&&p();};exports.unstable_pauseExecution=function(){};exports.unstable_getFirstCallbackNode=function(){return c};
|
3939 | });
|
3940 |
|
3941 | unwrapExports(scheduler_production_min);
|
3942 | var scheduler_production_min_1 = scheduler_production_min.unstable_now;
|
3943 | var scheduler_production_min_2 = scheduler_production_min.unstable_ImmediatePriority;
|
3944 | var scheduler_production_min_3 = scheduler_production_min.unstable_UserBlockingPriority;
|
3945 | var scheduler_production_min_4 = scheduler_production_min.unstable_NormalPriority;
|
3946 | var scheduler_production_min_5 = scheduler_production_min.unstable_IdlePriority;
|
3947 | var scheduler_production_min_6 = scheduler_production_min.unstable_LowPriority;
|
3948 | var scheduler_production_min_7 = scheduler_production_min.unstable_runWithPriority;
|
3949 | var scheduler_production_min_8 = scheduler_production_min.unstable_scheduleCallback;
|
3950 | var scheduler_production_min_9 = scheduler_production_min.unstable_cancelCallback;
|
3951 | var scheduler_production_min_10 = scheduler_production_min.unstable_wrapCallback;
|
3952 | var scheduler_production_min_11 = scheduler_production_min.unstable_getCurrentPriorityLevel;
|
3953 | var scheduler_production_min_12 = scheduler_production_min.unstable_shouldYield;
|
3954 | var scheduler_production_min_13 = scheduler_production_min.unstable_continueExecution;
|
3955 | var scheduler_production_min_14 = scheduler_production_min.unstable_pauseExecution;
|
3956 | var scheduler_production_min_15 = scheduler_production_min.unstable_getFirstCallbackNode;
|
3957 |
|
3958 | var scheduler = createCommonjsModule(function (module) {
|
3959 |
|
3960 | {
|
3961 | module.exports = scheduler_production_min;
|
3962 | }
|
3963 | });
|
3964 |
|
3965 | function ca(a,b,c,d,e,f,g,h){if(!a){a=void 0;if(void 0===b)a=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var k=[c,d,e,f,g,h],l=0;a=Error(b.replace(/%s/g,function(){return k[l++]}));a.name="Invariant Violation";}a.framesToPop=1;throw a;}}
|
3966 | function t(a){for(var b=arguments.length-1,c="https://reactjs.org/docs/error-decoder.html?invariant="+a,d=0;d<b;d++)c+="&args[]="+encodeURIComponent(arguments[d+1]);ca(!1,"Minified React error #"+a+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",c);}React__default?void 0:t("227");function da(a,b,c,d,e,f,g,h,k){var l=Array.prototype.slice.call(arguments,3);try{b.apply(c,l);}catch(m){this.onError(m);}}
|
3967 | var ea=!1,fa=null,ha=!1,ia=null,ja={onError:function(a){ea=!0;fa=a;}};function ka(a,b,c,d,e,f,g,h,k){ea=!1;fa=null;da.apply(ja,arguments);}function la(a,b,c,d,e,f,g,h,k){ka.apply(this,arguments);if(ea){if(ea){var l=fa;ea=!1;fa=null;}else t("198"),l=void 0;ha||(ha=!0,ia=l);}}var ma=null,na={};
|
3968 | function oa(){if(ma)for(var a in na){var b=na[a],c=ma.indexOf(a);-1<c?void 0:t("96",a);if(!pa[c]){b.extractEvents?void 0:t("97",a);pa[c]=b;c=b.eventTypes;for(var d in c){var e=void 0;var f=c[d],g=b,h=d;qa.hasOwnProperty(h)?t("99",h):void 0;qa[h]=f;var k=f.phasedRegistrationNames;if(k){for(e in k)k.hasOwnProperty(e)&&ra(k[e],g,h);e=!0;}else f.registrationName?(ra(f.registrationName,g,h),e=!0):e=!1;e?void 0:t("98",d,a);}}}}
|
3969 | function ra(a,b,c){sa[a]?t("100",a):void 0;sa[a]=b;ta[a]=b.eventTypes[c].dependencies;}var pa=[],qa={},sa={},ta={},ua=null,va=null,wa=null;function xa(a,b,c){var d=a.type||"unknown-event";a.currentTarget=wa(c);la(d,b,void 0,a);a.currentTarget=null;}function ya(a,b){null==b?t("30"):void 0;if(null==a)return b;if(Array.isArray(a)){if(Array.isArray(b))return a.push.apply(a,b),a;a.push(b);return a}return Array.isArray(b)?[a].concat(b):[a,b]}
|
3970 | function za(a,b,c){Array.isArray(a)?a.forEach(b,c):a&&b.call(c,a);}var Aa=null;function Ba(a){if(a){var b=a._dispatchListeners,c=a._dispatchInstances;if(Array.isArray(b))for(var d=0;d<b.length&&!a.isPropagationStopped();d++)xa(a,b[d],c[d]);else b&&xa(a,b,c);a._dispatchListeners=null;a._dispatchInstances=null;a.isPersistent()||a.constructor.release(a);}}
|
3971 | var Ca={injectEventPluginOrder:function(a){ma?t("101"):void 0;ma=Array.prototype.slice.call(a);oa();},injectEventPluginsByName:function(a){var b=!1,c;for(c in a)if(a.hasOwnProperty(c)){var d=a[c];na.hasOwnProperty(c)&&na[c]===d||(na[c]?t("102",c):void 0,na[c]=d,b=!0);}b&&oa();}};
|
3972 | function Da(a,b){var c=a.stateNode;if(!c)return null;var d=ua(c);if(!d)return null;c=d[b];a:switch(b){case "onClick":case "onClickCapture":case "onDoubleClick":case "onDoubleClickCapture":case "onMouseDown":case "onMouseDownCapture":case "onMouseMove":case "onMouseMoveCapture":case "onMouseUp":case "onMouseUpCapture":(d=!d.disabled)||(a=a.type,d=!("button"===a||"input"===a||"select"===a||"textarea"===a));a=!d;break a;default:a=!1;}if(a)return null;c&&"function"!==typeof c?t("231",b,typeof c):void 0;
|
3973 | return c}function Ea(a){null!==a&&(Aa=ya(Aa,a));a=Aa;Aa=null;if(a&&(za(a,Ba),Aa?t("95"):void 0,ha))throw a=ia,ha=!1,ia=null,a;}var Fa=Math.random().toString(36).slice(2),Ga="__reactInternalInstance$"+Fa,Ha="__reactEventHandlers$"+Fa;function Ia(a){if(a[Ga])return a[Ga];for(;!a[Ga];)if(a.parentNode)a=a.parentNode;else return null;a=a[Ga];return 5===a.tag||6===a.tag?a:null}function Ja(a){a=a[Ga];return !a||5!==a.tag&&6!==a.tag?null:a}
|
3974 | function Ka(a){if(5===a.tag||6===a.tag)return a.stateNode;t("33");}function La(a){return a[Ha]||null}function Ma(a){do a=a.return;while(a&&5!==a.tag);return a?a:null}function Na(a,b,c){if(b=Da(a,c.dispatchConfig.phasedRegistrationNames[b]))c._dispatchListeners=ya(c._dispatchListeners,b),c._dispatchInstances=ya(c._dispatchInstances,a);}
|
3975 | function Oa(a){if(a&&a.dispatchConfig.phasedRegistrationNames){for(var b=a._targetInst,c=[];b;)c.push(b),b=Ma(b);for(b=c.length;0<b--;)Na(c[b],"captured",a);for(b=0;b<c.length;b++)Na(c[b],"bubbled",a);}}function Pa(a,b,c){a&&c&&c.dispatchConfig.registrationName&&(b=Da(a,c.dispatchConfig.registrationName))&&(c._dispatchListeners=ya(c._dispatchListeners,b),c._dispatchInstances=ya(c._dispatchInstances,a));}function Qa(a){a&&a.dispatchConfig.registrationName&&Pa(a._targetInst,null,a);}
|
3976 | function Ra(a){za(a,Oa);}var Sa=!("undefined"===typeof window||!window.document||!window.document.createElement);function Ta(a,b){var c={};c[a.toLowerCase()]=b.toLowerCase();c["Webkit"+a]="webkit"+b;c["Moz"+a]="moz"+b;return c}var Ua={animationend:Ta("Animation","AnimationEnd"),animationiteration:Ta("Animation","AnimationIteration"),animationstart:Ta("Animation","AnimationStart"),transitionend:Ta("Transition","TransitionEnd")},Va={},Wa={};
|
3977 | Sa&&(Wa=document.createElement("div").style,"AnimationEvent"in window||(delete Ua.animationend.animation,delete Ua.animationiteration.animation,delete Ua.animationstart.animation),"TransitionEvent"in window||delete Ua.transitionend.transition);function Xa(a){if(Va[a])return Va[a];if(!Ua[a])return a;var b=Ua[a],c;for(c in b)if(b.hasOwnProperty(c)&&c in Wa)return Va[a]=b[c];return a}
|
3978 | var Ya=Xa("animationend"),Za=Xa("animationiteration"),$a=Xa("animationstart"),ab=Xa("transitionend"),bb="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),cb=null,eb=null,fb=null;
|
3979 | function gb(){if(fb)return fb;var a,b=eb,c=b.length,d,e="value"in cb?cb.value:cb.textContent,f=e.length;for(a=0;a<c&&b[a]===e[a];a++);var g=c-a;for(d=1;d<=g&&b[c-d]===e[f-d];d++);return fb=e.slice(a,1<d?1-d:void 0)}function hb(){return !0}function ib(){return !1}
|
3980 | function z(a,b,c,d){this.dispatchConfig=a;this._targetInst=b;this.nativeEvent=c;a=this.constructor.Interface;for(var e in a)a.hasOwnProperty(e)&&((b=a[e])?this[e]=b(c):"target"===e?this.target=d:this[e]=c[e]);this.isDefaultPrevented=(null!=c.defaultPrevented?c.defaultPrevented:!1===c.returnValue)?hb:ib;this.isPropagationStopped=ib;return this}
|
3981 | objectAssign(z.prototype,{preventDefault:function(){this.defaultPrevented=!0;var a=this.nativeEvent;a&&(a.preventDefault?a.preventDefault():"unknown"!==typeof a.returnValue&&(a.returnValue=!1),this.isDefaultPrevented=hb);},stopPropagation:function(){var a=this.nativeEvent;a&&(a.stopPropagation?a.stopPropagation():"unknown"!==typeof a.cancelBubble&&(a.cancelBubble=!0),this.isPropagationStopped=hb);},persist:function(){this.isPersistent=hb;},isPersistent:ib,destructor:function(){var a=this.constructor.Interface,
|
3982 | b;for(b in a)this[b]=null;this.nativeEvent=this._targetInst=this.dispatchConfig=null;this.isPropagationStopped=this.isDefaultPrevented=ib;this._dispatchInstances=this._dispatchListeners=null;}});z.Interface={type:null,target:null,currentTarget:function(){return null},eventPhase:null,bubbles:null,cancelable:null,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:null,isTrusted:null};
|
3983 | z.extend=function(a){function b(){}function c(){return d.apply(this,arguments)}var d=this;b.prototype=d.prototype;var e=new b;objectAssign(e,c.prototype);c.prototype=e;c.prototype.constructor=c;c.Interface=objectAssign({},d.Interface,a);c.extend=d.extend;jb(c);return c};jb(z);function kb(a,b,c,d){if(this.eventPool.length){var e=this.eventPool.pop();this.call(e,a,b,c,d);return e}return new this(a,b,c,d)}function lb(a){a instanceof this?void 0:t("279");a.destructor();10>this.eventPool.length&&this.eventPool.push(a);}
|
3984 | function jb(a){a.eventPool=[];a.getPooled=kb;a.release=lb;}var mb=z.extend({data:null}),nb=z.extend({data:null}),ob=[9,13,27,32],pb=Sa&&"CompositionEvent"in window,qb=null;Sa&&"documentMode"in document&&(qb=document.documentMode);
|
3985 | var rb=Sa&&"TextEvent"in window&&!qb,sb=Sa&&(!pb||qb&&8<qb&&11>=qb),tb=String.fromCharCode(32),ub={beforeInput:{phasedRegistrationNames:{bubbled:"onBeforeInput",captured:"onBeforeInputCapture"},dependencies:["compositionend","keypress","textInput","paste"]},compositionEnd:{phasedRegistrationNames:{bubbled:"onCompositionEnd",captured:"onCompositionEndCapture"},dependencies:"blur compositionend keydown keypress keyup mousedown".split(" ")},compositionStart:{phasedRegistrationNames:{bubbled:"onCompositionStart",
|
3986 | captured:"onCompositionStartCapture"},dependencies:"blur compositionstart keydown keypress keyup mousedown".split(" ")},compositionUpdate:{phasedRegistrationNames:{bubbled:"onCompositionUpdate",captured:"onCompositionUpdateCapture"},dependencies:"blur compositionupdate keydown keypress keyup mousedown".split(" ")}},vb=!1;
|
3987 | function wb(a,b){switch(a){case "keyup":return -1!==ob.indexOf(b.keyCode);case "keydown":return 229!==b.keyCode;case "keypress":case "mousedown":case "blur":return !0;default:return !1}}function xb(a){a=a.detail;return "object"===typeof a&&"data"in a?a.data:null}var yb=!1;function zb(a,b){switch(a){case "compositionend":return xb(b);case "keypress":if(32!==b.which)return null;vb=!0;return tb;case "textInput":return a=b.data,a===tb&&vb?null:a;default:return null}}
|
3988 | function Ab(a,b){if(yb)return "compositionend"===a||!pb&&wb(a,b)?(a=gb(),fb=eb=cb=null,yb=!1,a):null;switch(a){case "paste":return null;case "keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1<b.char.length)return b.char;if(b.which)return String.fromCharCode(b.which)}return null;case "compositionend":return sb&&"ko"!==b.locale?null:b.data;default:return null}}
|
3989 | var Bb={eventTypes:ub,extractEvents:function(a,b,c,d){var e=void 0;var f=void 0;if(pb)b:{switch(a){case "compositionstart":e=ub.compositionStart;break b;case "compositionend":e=ub.compositionEnd;break b;case "compositionupdate":e=ub.compositionUpdate;break b}e=void 0;}else yb?wb(a,c)&&(e=ub.compositionEnd):"keydown"===a&&229===c.keyCode&&(e=ub.compositionStart);e?(sb&&"ko"!==c.locale&&(yb||e!==ub.compositionStart?e===ub.compositionEnd&&yb&&(f=gb()):(cb=d,eb="value"in cb?cb.value:cb.textContent,yb=
|
3990 | !0)),e=mb.getPooled(e,b,c,d),f?e.data=f:(f=xb(c),null!==f&&(e.data=f)),Ra(e),f=e):f=null;(a=rb?zb(a,c):Ab(a,c))?(b=nb.getPooled(ub.beforeInput,b,c,d),b.data=a,Ra(b)):b=null;return null===f?b:null===b?f:[f,b]}},Cb=null,Db=null,Eb=null;function Hb(a){if(a=va(a)){"function"!==typeof Cb?t("280"):void 0;var b=ua(a.stateNode);Cb(a.stateNode,a.type,b);}}function Ib(a){Db?Eb?Eb.push(a):Eb=[a]:Db=a;}function Jb(){if(Db){var a=Db,b=Eb;Eb=Db=null;Hb(a);if(b)for(a=0;a<b.length;a++)Hb(b[a]);}}
|
3991 | function Kb(a,b){return a(b)}function Lb(a,b,c){return a(b,c)}function Mb(){}var Nb=!1;function Ob(a,b){if(Nb)return a(b);Nb=!0;try{return Kb(a,b)}finally{if(Nb=!1,null!==Db||null!==Eb)Mb(),Jb();}}var Pb={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Qb(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return "input"===b?!!Pb[a.type]:"textarea"===b?!0:!1}
|
3992 | function Rb(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}function Sb(a){if(!Sa)return !1;a="on"+a;var b=a in document;b||(b=document.createElement("div"),b.setAttribute(a,"return;"),b="function"===typeof b[a]);return b}function Tb(a){var b=a.type;return (a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===b)}
|
3993 | function Ub(a){var b=Tb(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&"undefined"!==typeof c&&"function"===typeof c.get&&"function"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(a){d=""+a;f.call(this,a);}});Object.defineProperty(a,b,{enumerable:c.enumerable});return {getValue:function(){return d},setValue:function(a){d=""+a;},stopTracking:function(){a._valueTracker=
|
3994 | null;delete a[b];}}}}function Vb(a){a._valueTracker||(a._valueTracker=Ub(a));}function Wb(a){if(!a)return !1;var b=a._valueTracker;if(!b)return !0;var c=b.getValue();var d="";a&&(d=Tb(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}
|
3995 | var Xb=React__default.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Yb=/^(.*)[\\\/]/,D="function"===typeof Symbol&&Symbol.for,Zb=D?Symbol.for("react.element"):60103,$b=D?Symbol.for("react.portal"):60106,ac=D?Symbol.for("react.fragment"):60107,bc=D?Symbol.for("react.strict_mode"):60108,cc=D?Symbol.for("react.profiler"):60114,dc=D?Symbol.for("react.provider"):60109,ec=D?Symbol.for("react.context"):60110,fc=D?Symbol.for("react.concurrent_mode"):60111,gc=D?Symbol.for("react.forward_ref"):60112,hc=D?Symbol.for("react.suspense"):
|
3996 | 60113,ic=D?Symbol.for("react.memo"):60115,jc=D?Symbol.for("react.lazy"):60116,kc="function"===typeof Symbol&&Symbol.iterator;function lc(a){if(null===a||"object"!==typeof a)return null;a=kc&&a[kc]||a["@@iterator"];return "function"===typeof a?a:null}
|
3997 | function mc(a){if(null==a)return null;if("function"===typeof a)return a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case fc:return "ConcurrentMode";case ac:return "Fragment";case $b:return "Portal";case cc:return "Profiler";case bc:return "StrictMode";case hc:return "Suspense"}if("object"===typeof a)switch(a.$$typeof){case ec:return "Context.Consumer";case dc:return "Context.Provider";case gc:var b=a.render;b=b.displayName||b.name||"";return a.displayName||(""!==b?"ForwardRef("+b+
|
3998 | ")":"ForwardRef");case ic:return mc(a.type);case jc:if(a=1===a._status?a._result:null)return mc(a)}return null}function nc(a){var b="";do{a:switch(a.tag){case 3:case 4:case 6:case 7:case 10:case 9:var c="";break a;default:var d=a._debugOwner,e=a._debugSource,f=mc(a.type);c=null;d&&(c=mc(d.type));d=f;f="";e?f=" (at "+e.fileName.replace(Yb,"")+":"+e.lineNumber+")":c&&(f=" (created by "+c+")");c="\n in "+(d||"Unknown")+f;}b+=c;a=a.return;}while(a);return b}
|
3999 | var oc=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,pc=Object.prototype.hasOwnProperty,qc={},rc={};
|
4000 | function sc(a){if(pc.call(rc,a))return !0;if(pc.call(qc,a))return !1;if(oc.test(a))return rc[a]=!0;qc[a]=!0;return !1}function tc(a,b,c,d){if(null!==c&&0===c.type)return !1;switch(typeof b){case "function":case "symbol":return !0;case "boolean":if(d)return !1;if(null!==c)return !c.acceptsBooleans;a=a.toLowerCase().slice(0,5);return "data-"!==a&&"aria-"!==a;default:return !1}}
|
4001 | function uc(a,b,c,d){if(null===b||"undefined"===typeof b||tc(a,b,c,d))return !0;if(d)return !1;if(null!==c)switch(c.type){case 3:return !b;case 4:return !1===b;case 5:return isNaN(b);case 6:return isNaN(b)||1>b}return !1}function E(a,b,c,d,e){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=d;this.attributeNamespace=e;this.mustUseProperty=c;this.propertyName=a;this.type=b;}var F={};
|
4002 | "children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(a){F[a]=new E(a,0,!1,a,null);});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){var b=a[0];F[b]=new E(b,1,!1,a[1],null);});["contentEditable","draggable","spellCheck","value"].forEach(function(a){F[a]=new E(a,2,!1,a.toLowerCase(),null);});
|
4003 | ["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){F[a]=new E(a,2,!1,a,null);});"allowFullScreen async autoFocus autoPlay controls default defer disabled formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(a){F[a]=new E(a,3,!1,a.toLowerCase(),null);});["checked","multiple","muted","selected"].forEach(function(a){F[a]=new E(a,3,!0,a,null);});
|
4004 | ["capture","download"].forEach(function(a){F[a]=new E(a,4,!1,a,null);});["cols","rows","size","span"].forEach(function(a){F[a]=new E(a,6,!1,a,null);});["rowSpan","start"].forEach(function(a){F[a]=new E(a,5,!1,a.toLowerCase(),null);});var vc=/[\-:]([a-z])/g;function wc(a){return a[1].toUpperCase()}
|
4005 | "accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(a){var b=a.replace(vc,
|
4006 | wc);F[b]=new E(b,1,!1,a,null);});"xlink:actuate xlink:arcrole xlink:href xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(a){var b=a.replace(vc,wc);F[b]=new E(b,1,!1,a,"http://www.w3.org/1999/xlink");});["xml:base","xml:lang","xml:space"].forEach(function(a){var b=a.replace(vc,wc);F[b]=new E(b,1,!1,a,"http://www.w3.org/XML/1998/namespace");});F.tabIndex=new E("tabIndex",1,!1,"tabindex",null);
|
4007 | function xc(a,b,c,d){var e=F.hasOwnProperty(b)?F[b]:null;var f=null!==e?0===e.type:d?!1:!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1]?!1:!0;f||(uc(b,c,e,d)&&(c=null),d||null===e?sc(b)&&(null===c?a.removeAttribute(b):a.setAttribute(b,""+c)):e.mustUseProperty?a[e.propertyName]=null===c?3===e.type?!1:"":c:(b=e.attributeName,d=e.attributeNamespace,null===c?a.removeAttribute(b):(e=e.type,c=3===e||4===e&&!0===c?"":""+c,d?a.setAttributeNS(d,b,c):a.setAttribute(b,c))));}
|
4008 | function yc(a){switch(typeof a){case "boolean":case "number":case "object":case "string":case "undefined":return a;default:return ""}}function zc(a,b){var c=b.checked;return objectAssign({},b,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=c?c:a._wrapperState.initialChecked})}
|
4009 | function Ac(a,b){var c=null==b.defaultValue?"":b.defaultValue,d=null!=b.checked?b.checked:b.defaultChecked;c=yc(null!=b.value?b.value:c);a._wrapperState={initialChecked:d,initialValue:c,controlled:"checkbox"===b.type||"radio"===b.type?null!=b.checked:null!=b.value};}function Bc(a,b){b=b.checked;null!=b&&xc(a,"checked",b,!1);}
|
4010 | function Cc(a,b){Bc(a,b);var c=yc(b.value),d=b.type;if(null!=c)if("number"===d){if(0===c&&""===a.value||a.value!=c)a.value=""+c;}else a.value!==""+c&&(a.value=""+c);else if("submit"===d||"reset"===d){a.removeAttribute("value");return}b.hasOwnProperty("value")?Dc(a,b.type,c):b.hasOwnProperty("defaultValue")&&Dc(a,b.type,yc(b.defaultValue));null==b.checked&&null!=b.defaultChecked&&(a.defaultChecked=!!b.defaultChecked);}
|
4011 | function Ec(a,b,c){if(b.hasOwnProperty("value")||b.hasOwnProperty("defaultValue")){var d=b.type;if(!("submit"!==d&&"reset"!==d||void 0!==b.value&&null!==b.value))return;b=""+a._wrapperState.initialValue;c||b===a.value||(a.value=b);a.defaultValue=b;}c=a.name;""!==c&&(a.name="");a.defaultChecked=!a.defaultChecked;a.defaultChecked=!!a._wrapperState.initialChecked;""!==c&&(a.name=c);}
|
4012 | function Dc(a,b,c){if("number"!==b||a.ownerDocument.activeElement!==a)null==c?a.defaultValue=""+a._wrapperState.initialValue:a.defaultValue!==""+c&&(a.defaultValue=""+c);}var Fc={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:"blur change click focus input keydown keyup selectionchange".split(" ")}};function Gc(a,b,c){a=z.getPooled(Fc.change,a,b,c);a.type="change";Ib(c);Ra(a);return a}var Jc=null,Kc=null;function Lc(a){Ea(a);}
|
4013 | function Mc(a){var b=Ka(a);if(Wb(b))return a}function Nc(a,b){if("change"===a)return b}var Oc=!1;Sa&&(Oc=Sb("input")&&(!document.documentMode||9<document.documentMode));function Pc(){Jc&&(Jc.detachEvent("onpropertychange",Qc),Kc=Jc=null);}function Qc(a){"value"===a.propertyName&&Mc(Kc)&&(a=Gc(Kc,a,Rb(a)),Ob(Lc,a));}function Rc(a,b,c){"focus"===a?(Pc(),Jc=b,Kc=c,Jc.attachEvent("onpropertychange",Qc)):"blur"===a&&Pc();}function Sc(a){if("selectionchange"===a||"keyup"===a||"keydown"===a)return Mc(Kc)}
|
4014 | function Tc(a,b){if("click"===a)return Mc(b)}function Uc(a,b){if("input"===a||"change"===a)return Mc(b)}
|
4015 | var Vc={eventTypes:Fc,_isInputEventSupported:Oc,extractEvents:function(a,b,c,d){var e=b?Ka(b):window,f=void 0,g=void 0,h=e.nodeName&&e.nodeName.toLowerCase();"select"===h||"input"===h&&"file"===e.type?f=Nc:Qb(e)?Oc?f=Uc:(f=Sc,g=Rc):(h=e.nodeName)&&"input"===h.toLowerCase()&&("checkbox"===e.type||"radio"===e.type)&&(f=Tc);if(f&&(f=f(a,b)))return Gc(f,c,d);g&&g(a,e,b);"blur"===a&&(a=e._wrapperState)&&a.controlled&&"number"===e.type&&Dc(e,"number",e.value);}},Wc=z.extend({view:null,detail:null}),Xc={Alt:"altKey",
|
4016 | Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Yc(a){var b=this.nativeEvent;return b.getModifierState?b.getModifierState(a):(a=Xc[a])?!!b[a]:!1}function Zc(){return Yc}
|
4017 | var $c=0,ad=0,bd=!1,cd=!1,dd=Wc.extend({screenX:null,screenY:null,clientX:null,clientY:null,pageX:null,pageY:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,getModifierState:Zc,button:null,buttons:null,relatedTarget:function(a){return a.relatedTarget||(a.fromElement===a.srcElement?a.toElement:a.fromElement)},movementX:function(a){if("movementX"in a)return a.movementX;var b=$c;$c=a.screenX;return bd?"mousemove"===a.type?a.screenX-b:0:(bd=!0,0)},movementY:function(a){if("movementY"in a)return a.movementY;
|
4018 | var b=ad;ad=a.screenY;return cd?"mousemove"===a.type?a.screenY-b:0:(cd=!0,0)}}),ed=dd.extend({pointerId:null,width:null,height:null,pressure:null,tangentialPressure:null,tiltX:null,tiltY:null,twist:null,pointerType:null,isPrimary:null}),fd={mouseEnter:{registrationName:"onMouseEnter",dependencies:["mouseout","mouseover"]},mouseLeave:{registrationName:"onMouseLeave",dependencies:["mouseout","mouseover"]},pointerEnter:{registrationName:"onPointerEnter",dependencies:["pointerout","pointerover"]},pointerLeave:{registrationName:"onPointerLeave",
|
4019 | dependencies:["pointerout","pointerover"]}},gd={eventTypes:fd,extractEvents:function(a,b,c,d){var e="mouseover"===a||"pointerover"===a,f="mouseout"===a||"pointerout"===a;if(e&&(c.relatedTarget||c.fromElement)||!f&&!e)return null;e=d.window===d?d:(e=d.ownerDocument)?e.defaultView||e.parentWindow:window;f?(f=b,b=(b=c.relatedTarget||c.toElement)?Ia(b):null):f=null;if(f===b)return null;var g=void 0,h=void 0,k=void 0,l=void 0;if("mouseout"===a||"mouseover"===a)g=dd,h=fd.mouseLeave,k=fd.mouseEnter,l="mouse";
|
4020 | else if("pointerout"===a||"pointerover"===a)g=ed,h=fd.pointerLeave,k=fd.pointerEnter,l="pointer";var m=null==f?e:Ka(f);e=null==b?e:Ka(b);a=g.getPooled(h,f,c,d);a.type=l+"leave";a.target=m;a.relatedTarget=e;c=g.getPooled(k,b,c,d);c.type=l+"enter";c.target=e;c.relatedTarget=m;d=b;if(f&&d)a:{b=f;e=d;l=0;for(g=b;g;g=Ma(g))l++;g=0;for(k=e;k;k=Ma(k))g++;for(;0<l-g;)b=Ma(b),l--;for(;0<g-l;)e=Ma(e),g--;for(;l--;){if(b===e||b===e.alternate)break a;b=Ma(b);e=Ma(e);}b=null;}else b=null;e=b;for(b=[];f&&f!==e;){l=
|
4021 | f.alternate;if(null!==l&&l===e)break;b.push(f);f=Ma(f);}for(f=[];d&&d!==e;){l=d.alternate;if(null!==l&&l===e)break;f.push(d);d=Ma(d);}for(d=0;d<b.length;d++)Pa(b[d],"bubbled",a);for(d=f.length;0<d--;)Pa(f[d],"captured",c);return [a,c]}},hd=Object.prototype.hasOwnProperty;function id(a,b){return a===b?0!==a||0!==b||1/a===1/b:a!==a&&b!==b}
|
4022 | function jd(a,b){if(id(a,b))return !0;if("object"!==typeof a||null===a||"object"!==typeof b||null===b)return !1;var c=Object.keys(a),d=Object.keys(b);if(c.length!==d.length)return !1;for(d=0;d<c.length;d++)if(!hd.call(b,c[d])||!id(a[c[d]],b[c[d]]))return !1;return !0}function kd(a){var b=a;if(a.alternate)for(;b.return;)b=b.return;else{if(0!==(b.effectTag&2))return 1;for(;b.return;)if(b=b.return,0!==(b.effectTag&2))return 1}return 3===b.tag?2:3}function ld(a){2!==kd(a)?t("188"):void 0;}
|
4023 | function md(a){var b=a.alternate;if(!b)return b=kd(a),3===b?t("188"):void 0,1===b?null:a;for(var c=a,d=b;;){var e=c.return,f=e?e.alternate:null;if(!e||!f)break;if(e.child===f.child){for(var g=e.child;g;){if(g===c)return ld(e),a;if(g===d)return ld(e),b;g=g.sibling;}t("188");}if(c.return!==d.return)c=e,d=f;else{g=!1;for(var h=e.child;h;){if(h===c){g=!0;c=e;d=f;break}if(h===d){g=!0;d=e;c=f;break}h=h.sibling;}if(!g){for(h=f.child;h;){if(h===c){g=!0;c=f;d=e;break}if(h===d){g=!0;d=f;c=e;break}h=h.sibling;}g?
|
4024 | void 0:t("189");}}c.alternate!==d?t("190"):void 0;}3!==c.tag?t("188"):void 0;return c.stateNode.current===c?a:b}function nd(a){a=md(a);if(!a)return null;for(var b=a;;){if(5===b.tag||6===b.tag)return b;if(b.child)b.child.return=b,b=b.child;else{if(b===a)break;for(;!b.sibling;){if(!b.return||b.return===a)return null;b=b.return;}b.sibling.return=b.return;b=b.sibling;}}return null}
|
4025 | var od=z.extend({animationName:null,elapsedTime:null,pseudoElement:null}),pd=z.extend({clipboardData:function(a){return "clipboardData"in a?a.clipboardData:window.clipboardData}}),qd=Wc.extend({relatedTarget:null});function rd(a){var b=a.keyCode;"charCode"in a?(a=a.charCode,0===a&&13===b&&(a=13)):a=b;10===a&&(a=13);return 32<=a||13===a?a:0}
|
4026 | var sd={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},td={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",
|
4027 | 116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},ud=Wc.extend({key:function(a){if(a.key){var b=sd[a.key]||a.key;if("Unidentified"!==b)return b}return "keypress"===a.type?(a=rd(a),13===a?"Enter":String.fromCharCode(a)):"keydown"===a.type||"keyup"===a.type?td[a.keyCode]||"Unidentified":""},location:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,repeat:null,locale:null,getModifierState:Zc,charCode:function(a){return "keypress"===
|
4028 | a.type?rd(a):0},keyCode:function(a){return "keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return "keypress"===a.type?rd(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),vd=dd.extend({dataTransfer:null}),wd=Wc.extend({touches:null,targetTouches:null,changedTouches:null,altKey:null,metaKey:null,ctrlKey:null,shiftKey:null,getModifierState:Zc}),xd=z.extend({propertyName:null,elapsedTime:null,pseudoElement:null}),yd=dd.extend({deltaX:function(a){return "deltaX"in a?a.deltaX:"wheelDeltaX"in
|
4029 | a?-a.wheelDeltaX:0},deltaY:function(a){return "deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:null,deltaMode:null}),zd=[["abort","abort"],[Ya,"animationEnd"],[Za,"animationIteration"],[$a,"animationStart"],["canplay","canPlay"],["canplaythrough","canPlayThrough"],["drag","drag"],["dragenter","dragEnter"],["dragexit","dragExit"],["dragleave","dragLeave"],["dragover","dragOver"],["durationchange","durationChange"],["emptied","emptied"],["encrypted","encrypted"],
|
4030 | ["ended","ended"],["error","error"],["gotpointercapture","gotPointerCapture"],["load","load"],["loadeddata","loadedData"],["loadedmetadata","loadedMetadata"],["loadstart","loadStart"],["lostpointercapture","lostPointerCapture"],["mousemove","mouseMove"],["mouseout","mouseOut"],["mouseover","mouseOver"],["playing","playing"],["pointermove","pointerMove"],["pointerout","pointerOut"],["pointerover","pointerOver"],["progress","progress"],["scroll","scroll"],["seeking","seeking"],["stalled","stalled"],
|
4031 | ["suspend","suspend"],["timeupdate","timeUpdate"],["toggle","toggle"],["touchmove","touchMove"],[ab,"transitionEnd"],["waiting","waiting"],["wheel","wheel"]],Ad={},Bd={};function Cd(a,b){var c=a[0];a=a[1];var d="on"+(a[0].toUpperCase()+a.slice(1));b={phasedRegistrationNames:{bubbled:d,captured:d+"Capture"},dependencies:[c],isInteractive:b};Ad[a]=b;Bd[c]=b;}
|
4032 | [["blur","blur"],["cancel","cancel"],["click","click"],["close","close"],["contextmenu","contextMenu"],["copy","copy"],["cut","cut"],["auxclick","auxClick"],["dblclick","doubleClick"],["dragend","dragEnd"],["dragstart","dragStart"],["drop","drop"],["focus","focus"],["input","input"],["invalid","invalid"],["keydown","keyDown"],["keypress","keyPress"],["keyup","keyUp"],["mousedown","mouseDown"],["mouseup","mouseUp"],["paste","paste"],["pause","pause"],["play","play"],["pointercancel","pointerCancel"],
|
4033 | ["pointerdown","pointerDown"],["pointerup","pointerUp"],["ratechange","rateChange"],["reset","reset"],["seeked","seeked"],["submit","submit"],["touchcancel","touchCancel"],["touchend","touchEnd"],["touchstart","touchStart"],["volumechange","volumeChange"]].forEach(function(a){Cd(a,!0);});zd.forEach(function(a){Cd(a,!1);});
|
4034 | var Dd={eventTypes:Ad,isInteractiveTopLevelEventType:function(a){a=Bd[a];return void 0!==a&&!0===a.isInteractive},extractEvents:function(a,b,c,d){var e=Bd[a];if(!e)return null;switch(a){case "keypress":if(0===rd(c))return null;case "keydown":case "keyup":a=ud;break;case "blur":case "focus":a=qd;break;case "click":if(2===c.button)return null;case "auxclick":case "dblclick":case "mousedown":case "mousemove":case "mouseup":case "mouseout":case "mouseover":case "contextmenu":a=dd;break;case "drag":case "dragend":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "dragstart":case "drop":a=
|
4035 | vd;break;case "touchcancel":case "touchend":case "touchmove":case "touchstart":a=wd;break;case Ya:case Za:case $a:a=od;break;case ab:a=xd;break;case "scroll":a=Wc;break;case "wheel":a=yd;break;case "copy":case "cut":case "paste":a=pd;break;case "gotpointercapture":case "lostpointercapture":case "pointercancel":case "pointerdown":case "pointermove":case "pointerout":case "pointerover":case "pointerup":a=ed;break;default:a=z;}b=a.getPooled(e,b,c,d);Ra(b);return b}},Ed=Dd.isInteractiveTopLevelEventType,
|
4036 | Fd=[];function Gd(a){var b=a.targetInst,c=b;do{if(!c){a.ancestors.push(c);break}var d;for(d=c;d.return;)d=d.return;d=3!==d.tag?null:d.stateNode.containerInfo;if(!d)break;a.ancestors.push(c);c=Ia(d);}while(c);for(c=0;c<a.ancestors.length;c++){b=a.ancestors[c];var e=Rb(a.nativeEvent);d=a.topLevelType;for(var f=a.nativeEvent,g=null,h=0;h<pa.length;h++){var k=pa[h];k&&(k=k.extractEvents(d,b,f,e))&&(g=ya(g,k));}Ea(g);}}var Hd=!0;
|
4037 | function H(a,b){if(!b)return null;var c=(Ed(a)?Id:Jd).bind(null,a);b.addEventListener(a,c,!1);}function Kd(a,b){if(!b)return null;var c=(Ed(a)?Id:Jd).bind(null,a);b.addEventListener(a,c,!0);}function Id(a,b){Lb(Jd,a,b);}
|
4038 | function Jd(a,b){if(Hd){var c=Rb(b);c=Ia(c);null===c||"number"!==typeof c.tag||2===kd(c)||(c=null);if(Fd.length){var d=Fd.pop();d.topLevelType=a;d.nativeEvent=b;d.targetInst=c;a=d;}else a={topLevelType:a,nativeEvent:b,targetInst:c,ancestors:[]};try{Ob(Gd,a);}finally{a.topLevelType=null,a.nativeEvent=null,a.targetInst=null,a.ancestors.length=0,10>Fd.length&&Fd.push(a);}}}var Ld={},Md=0,Nd="_reactListenersID"+(""+Math.random()).slice(2);
|
4039 | function Od(a){Object.prototype.hasOwnProperty.call(a,Nd)||(a[Nd]=Md++,Ld[a[Nd]]={});return Ld[a[Nd]]}function Pd(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}function Qd(a){for(;a&&a.firstChild;)a=a.firstChild;return a}
|
4040 | function Rd(a,b){var c=Qd(a);a=0;for(var d;c;){if(3===c.nodeType){d=a+c.textContent.length;if(a<=b&&d>=b)return {node:c,offset:b-a};a=d;}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode;}c=void 0;}c=Qd(c);}}function Sd(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?Sd(a,b.parentNode):"contains"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}
|
4041 | function Td(){for(var a=window,b=Pd();b instanceof a.HTMLIFrameElement;){try{a=b.contentDocument.defaultView;}catch(c){break}b=Pd(a.document);}return b}function Ud(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)}
|
4042 | var Vd=Sa&&"documentMode"in document&&11>=document.documentMode,Wd={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:"blur contextmenu dragend focus keydown keyup mousedown mouseup selectionchange".split(" ")}},Xd=null,Yd=null,Zd=null,$d=!1;
|
4043 | function ae(a,b){var c=b.window===b?b.document:9===b.nodeType?b:b.ownerDocument;if($d||null==Xd||Xd!==Pd(c))return null;c=Xd;"selectionStart"in c&&Ud(c)?c={start:c.selectionStart,end:c.selectionEnd}:(c=(c.ownerDocument&&c.ownerDocument.defaultView||window).getSelection(),c={anchorNode:c.anchorNode,anchorOffset:c.anchorOffset,focusNode:c.focusNode,focusOffset:c.focusOffset});return Zd&&jd(Zd,c)?null:(Zd=c,a=z.getPooled(Wd.select,Yd,a,b),a.type="select",a.target=Xd,Ra(a),a)}
|
4044 | var be={eventTypes:Wd,extractEvents:function(a,b,c,d){var e=d.window===d?d.document:9===d.nodeType?d:d.ownerDocument,f;if(!(f=!e)){a:{e=Od(e);f=ta.onSelect;for(var g=0;g<f.length;g++){var h=f[g];if(!e.hasOwnProperty(h)||!e[h]){e=!1;break a}}e=!0;}f=!e;}if(f)return null;e=b?Ka(b):window;switch(a){case "focus":if(Qb(e)||"true"===e.contentEditable)Xd=e,Yd=b,Zd=null;break;case "blur":Zd=Yd=Xd=null;break;case "mousedown":$d=!0;break;case "contextmenu":case "mouseup":case "dragend":return $d=!1,ae(c,d);case "selectionchange":if(Vd)break;
|
4045 | case "keydown":case "keyup":return ae(c,d)}return null}};Ca.injectEventPluginOrder("ResponderEventPlugin SimpleEventPlugin EnterLeaveEventPlugin ChangeEventPlugin SelectEventPlugin BeforeInputEventPlugin".split(" "));ua=La;va=Ja;wa=Ka;Ca.injectEventPluginsByName({SimpleEventPlugin:Dd,EnterLeaveEventPlugin:gd,ChangeEventPlugin:Vc,SelectEventPlugin:be,BeforeInputEventPlugin:Bb});function de(a){var b="";React__default.Children.forEach(a,function(a){null!=a&&(b+=a);});return b}
|
4046 | function ee(a,b){a=objectAssign({children:void 0},b);if(b=de(b.children))a.children=b;return a}function fe(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e<c.length;e++)b["$"+c[e]]=!0;for(c=0;c<a.length;c++)e=b.hasOwnProperty("$"+a[c].value),a[c].selected!==e&&(a[c].selected=e),e&&d&&(a[c].defaultSelected=!0);}else{c=""+yc(c);b=null;for(e=0;e<a.length;e++){if(a[e].value===c){a[e].selected=!0;d&&(a[e].defaultSelected=!0);return}null!==b||a[e].disabled||(b=a[e]);}null!==b&&(b.selected=!0);}}
|
4047 | function ge(a,b){null!=b.dangerouslySetInnerHTML?t("91"):void 0;return objectAssign({},b,{value:void 0,defaultValue:void 0,children:""+a._wrapperState.initialValue})}function he(a,b){var c=b.value;null==c&&(c=b.defaultValue,b=b.children,null!=b&&(null!=c?t("92"):void 0,Array.isArray(b)&&(1>=b.length?void 0:t("93"),b=b[0]),c=b),null==c&&(c=""));a._wrapperState={initialValue:yc(c)};}
|
4048 | function ie(a,b){var c=yc(b.value),d=yc(b.defaultValue);null!=c&&(c=""+c,c!==a.value&&(a.value=c),null==b.defaultValue&&a.defaultValue!==c&&(a.defaultValue=c));null!=d&&(a.defaultValue=""+d);}function je(a){var b=a.textContent;b===a._wrapperState.initialValue&&(a.value=b);}var ke={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};
|
4049 | function le(a){switch(a){case "svg":return "http://www.w3.org/2000/svg";case "math":return "http://www.w3.org/1998/Math/MathML";default:return "http://www.w3.org/1999/xhtml"}}function me(a,b){return null==a||"http://www.w3.org/1999/xhtml"===a?le(b):"http://www.w3.org/2000/svg"===a&&"foreignObject"===b?"http://www.w3.org/1999/xhtml":a}
|
4050 | var ne=void 0,oe=function(a){return "undefined"!==typeof MSApp&&MSApp.execUnsafeLocalFunction?function(b,c,d,e){MSApp.execUnsafeLocalFunction(function(){return a(b,c,d,e)});}:a}(function(a,b){if(a.namespaceURI!==ke.svg||"innerHTML"in a)a.innerHTML=b;else{ne=ne||document.createElement("div");ne.innerHTML="<svg>"+b+"</svg>";for(b=ne.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild);}});
|
4051 | function pe(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b;}
|
4052 | var qe={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,
|
4053 | floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},re=["Webkit","ms","Moz","O"];Object.keys(qe).forEach(function(a){re.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);qe[b]=qe[a];});});function se(a,b,c){return null==b||"boolean"===typeof b||""===b?"":c||"number"!==typeof b||0===b||qe.hasOwnProperty(a)&&qe[a]?(""+b).trim():b+"px"}
|
4054 | function te(a,b){a=a.style;for(var c in b)if(b.hasOwnProperty(c)){var d=0===c.indexOf("--"),e=se(c,b[c],d);"float"===c&&(c="cssFloat");d?a.setProperty(c,e):a[c]=e;}}var ue=objectAssign({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});
|
4055 | function ve(a,b){b&&(ue[a]&&(null!=b.children||null!=b.dangerouslySetInnerHTML?t("137",a,""):void 0),null!=b.dangerouslySetInnerHTML&&(null!=b.children?t("60"):void 0,"object"===typeof b.dangerouslySetInnerHTML&&"__html"in b.dangerouslySetInnerHTML?void 0:t("61")),null!=b.style&&"object"!==typeof b.style?t("62",""):void 0);}
|
4056 | function we(a,b){if(-1===a.indexOf("-"))return "string"===typeof b.is;switch(a){case "annotation-xml":case "color-profile":case "font-face":case "font-face-src":case "font-face-uri":case "font-face-format":case "font-face-name":case "missing-glyph":return !1;default:return !0}}
|
4057 | function xe(a,b){a=9===a.nodeType||11===a.nodeType?a:a.ownerDocument;var c=Od(a);b=ta[b];for(var d=0;d<b.length;d++){var e=b[d];if(!c.hasOwnProperty(e)||!c[e]){switch(e){case "scroll":Kd("scroll",a);break;case "focus":case "blur":Kd("focus",a);Kd("blur",a);c.blur=!0;c.focus=!0;break;case "cancel":case "close":Sb(e)&&Kd(e,a);break;case "invalid":case "submit":case "reset":break;default:-1===bb.indexOf(e)&&H(e,a);}c[e]=!0;}}}function ye(){}var ze=null,Ae=null;
|
4058 | function Be(a,b){switch(a){case "button":case "input":case "select":case "textarea":return !!b.autoFocus}return !1}function Ce(a,b){return "textarea"===a||"option"===a||"noscript"===a||"string"===typeof b.children||"number"===typeof b.children||"object"===typeof b.dangerouslySetInnerHTML&&null!==b.dangerouslySetInnerHTML&&null!=b.dangerouslySetInnerHTML.__html}var De="function"===typeof setTimeout?setTimeout:void 0,Ee="function"===typeof clearTimeout?clearTimeout:void 0;
|
4059 | function Fe(a,b,c,d,e){a[Ha]=e;"input"===c&&"radio"===e.type&&null!=e.name&&Bc(a,e);we(c,d);d=we(c,e);for(var f=0;f<b.length;f+=2){var g=b[f],h=b[f+1];"style"===g?te(a,h):"dangerouslySetInnerHTML"===g?oe(a,h):"children"===g?pe(a,h):xc(a,g,h,d);}switch(c){case "input":Cc(a,e);break;case "textarea":ie(a,e);break;case "select":b=a._wrapperState.wasMultiple,a._wrapperState.wasMultiple=!!e.multiple,c=e.value,null!=c?fe(a,!!e.multiple,c,!1):b!==!!e.multiple&&(null!=e.defaultValue?fe(a,!!e.multiple,e.defaultValue,
|
4060 | !0):fe(a,!!e.multiple,e.multiple?[]:"",!1));}}function Ge(a){for(a=a.nextSibling;a&&1!==a.nodeType&&3!==a.nodeType;)a=a.nextSibling;return a}function He(a){for(a=a.firstChild;a&&1!==a.nodeType&&3!==a.nodeType;)a=a.nextSibling;return a}var Ie=[],Je=-1;function I(a){0>Je||(a.current=Ie[Je],Ie[Je]=null,Je--);}function J(a,b){Je++;Ie[Je]=a.current;a.current=b;}var Ke={},K={current:Ke},L={current:!1},Le=Ke;
|
4061 | function Me(a,b){var c=a.type.contextTypes;if(!c)return Ke;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function M(a){a=a.childContextTypes;return null!==a&&void 0!==a}function Ne(a){I(L,a);I(K,a);}function Oe(a){I(L,a);I(K,a);}
|
4062 | function Pe(a,b,c){K.current!==Ke?t("168"):void 0;J(K,b,a);J(L,c,a);}function Qe(a,b,c){var d=a.stateNode;a=b.childContextTypes;if("function"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)e in a?void 0:t("108",mc(b)||"Unknown",e);return objectAssign({},c,d)}function Re(a){var b=a.stateNode;b=b&&b.__reactInternalMemoizedMergedChildContext||Ke;Le=K.current;J(K,b,a);J(L,L.current,a);return !0}
|
4063 | function Se(a,b,c){var d=a.stateNode;d?void 0:t("169");c?(b=Qe(a,b,Le),d.__reactInternalMemoizedMergedChildContext=b,I(L,a),I(K,a),J(K,b,a)):I(L,a);J(L,c,a);}var Te=null,Ue=null;function Ve(a){return function(b){try{return a(b)}catch(c){}}}
|
4064 | function We(a){if("undefined"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)return !1;var b=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(b.isDisabled||!b.supportsFiber)return !0;try{var c=b.inject(a);Te=Ve(function(a){return b.onCommitFiberRoot(c,a)});Ue=Ve(function(a){return b.onCommitFiberUnmount(c,a)});}catch(d){}return !0}
|
4065 | function Xe(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.ref=null;this.pendingProps=b;this.firstContextDependency=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.effectTag=0;this.lastEffect=this.firstEffect=this.nextEffect=null;this.childExpirationTime=this.expirationTime=0;this.alternate=null;}function N(a,b,c,d){return new Xe(a,b,c,d)}
|
4066 | function Ye(a){a=a.prototype;return !(!a||!a.isReactComponent)}function Ze(a){if("function"===typeof a)return Ye(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===gc)return 11;if(a===ic)return 14}return 2}
|
4067 | function $e(a,b){var c=a.alternate;null===c?(c=N(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.effectTag=0,c.nextEffect=null,c.firstEffect=null,c.lastEffect=null);c.childExpirationTime=a.childExpirationTime;c.expirationTime=a.expirationTime;c.child=a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;c.firstContextDependency=a.firstContextDependency;c.sibling=a.sibling;
|
4068 | c.index=a.index;c.ref=a.ref;return c}
|
4069 | function af(a,b,c,d,e,f){var g=2;d=a;if("function"===typeof a)Ye(a)&&(g=1);else if("string"===typeof a)g=5;else a:switch(a){case ac:return bf(c.children,e,f,b);case fc:return cf(c,e|3,f,b);case bc:return cf(c,e|2,f,b);case cc:return a=N(12,c,b,e|4),a.elementType=cc,a.type=cc,a.expirationTime=f,a;case hc:return a=N(13,c,b,e),a.elementType=hc,a.type=hc,a.expirationTime=f,a;default:if("object"===typeof a&&null!==a)switch(a.$$typeof){case dc:g=10;break a;case ec:g=9;break a;case gc:g=11;break a;case ic:g=
|
4070 | 14;break a;case jc:g=16;d=null;break a}t("130",null==a?a:typeof a,"");}b=N(g,c,b,e);b.elementType=a;b.type=d;b.expirationTime=f;return b}function bf(a,b,c,d){a=N(7,a,d,b);a.expirationTime=c;return a}function cf(a,b,c,d){a=N(8,a,d,b);b=0===(b&1)?bc:fc;a.elementType=b;a.type=b;a.expirationTime=c;return a}function df(a,b,c){a=N(6,a,null,b);a.expirationTime=c;return a}
|
4071 | function ef(a,b,c){b=N(4,null!==a.children?a.children:[],a.key,b);b.expirationTime=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}function ff(a,b){a.didError=!1;var c=a.earliestPendingTime;0===c?a.earliestPendingTime=a.latestPendingTime=b:c<b?a.earliestPendingTime=b:a.latestPendingTime>b&&(a.latestPendingTime=b);gf(b,a);}
|
4072 | function hf(a,b){a.didError=!1;a.latestPingedTime>=b&&(a.latestPingedTime=0);var c=a.earliestPendingTime,d=a.latestPendingTime;c===b?a.earliestPendingTime=d===b?a.latestPendingTime=0:d:d===b&&(a.latestPendingTime=c);c=a.earliestSuspendedTime;d=a.latestSuspendedTime;0===c?a.earliestSuspendedTime=a.latestSuspendedTime=b:c<b?a.earliestSuspendedTime=b:d>b&&(a.latestSuspendedTime=b);gf(b,a);}function jf(a,b){var c=a.earliestPendingTime;a=a.earliestSuspendedTime;c>b&&(b=c);a>b&&(b=a);return b}
|
4073 | function gf(a,b){var c=b.earliestSuspendedTime,d=b.latestSuspendedTime,e=b.earliestPendingTime,f=b.latestPingedTime;e=0!==e?e:f;0===e&&(0===a||d<a)&&(e=d);a=e;0!==a&&c>a&&(a=c);b.nextExpirationTimeToWorkOn=e;b.expirationTime=a;}var kf=!1;function lf(a){return {baseState:a,firstUpdate:null,lastUpdate:null,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}
|
4074 | function mf(a){return {baseState:a.baseState,firstUpdate:a.firstUpdate,lastUpdate:a.lastUpdate,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function nf(a){return {expirationTime:a,tag:0,payload:null,callback:null,next:null,nextEffect:null}}function of(a,b){null===a.lastUpdate?a.firstUpdate=a.lastUpdate=b:(a.lastUpdate.next=b,a.lastUpdate=b);}
|
4075 | function pf(a,b){var c=a.alternate;if(null===c){var d=a.updateQueue;var e=null;null===d&&(d=a.updateQueue=lf(a.memoizedState));}else d=a.updateQueue,e=c.updateQueue,null===d?null===e?(d=a.updateQueue=lf(a.memoizedState),e=c.updateQueue=lf(c.memoizedState)):d=a.updateQueue=mf(e):null===e&&(e=c.updateQueue=mf(d));null===e||d===e?of(d,b):null===d.lastUpdate||null===e.lastUpdate?(of(d,b),of(e,b)):(of(d,b),e.lastUpdate=b);}
|
4076 | function qf(a,b){var c=a.updateQueue;c=null===c?a.updateQueue=lf(a.memoizedState):rf(a,c);null===c.lastCapturedUpdate?c.firstCapturedUpdate=c.lastCapturedUpdate=b:(c.lastCapturedUpdate.next=b,c.lastCapturedUpdate=b);}function rf(a,b){var c=a.alternate;null!==c&&b===c.updateQueue&&(b=a.updateQueue=mf(b));return b}
|
4077 | function sf(a,b,c,d,e,f){switch(c.tag){case 1:return a=c.payload,"function"===typeof a?a.call(f,d,e):a;case 3:a.effectTag=a.effectTag&-2049|64;case 0:a=c.payload;e="function"===typeof a?a.call(f,d,e):a;if(null===e||void 0===e)break;return objectAssign({},d,e);case 2:kf=!0;}return d}
|
4078 | function tf(a,b,c,d,e){kf=!1;b=rf(a,b);for(var f=b.baseState,g=null,h=0,k=b.firstUpdate,l=f;null!==k;){var m=k.expirationTime;m<e?(null===g&&(g=k,f=l),h<m&&(h=m)):(l=sf(a,b,k,l,c,d),null!==k.callback&&(a.effectTag|=32,k.nextEffect=null,null===b.lastEffect?b.firstEffect=b.lastEffect=k:(b.lastEffect.nextEffect=k,b.lastEffect=k)));k=k.next;}m=null;for(k=b.firstCapturedUpdate;null!==k;){var r=k.expirationTime;r<e?(null===m&&(m=k,null===g&&(f=l)),h<r&&(h=r)):(l=sf(a,b,k,l,c,d),null!==k.callback&&(a.effectTag|=
|
4079 | 32,k.nextEffect=null,null===b.lastCapturedEffect?b.firstCapturedEffect=b.lastCapturedEffect=k:(b.lastCapturedEffect.nextEffect=k,b.lastCapturedEffect=k)));k=k.next;}null===g&&(b.lastUpdate=null);null===m?b.lastCapturedUpdate=null:a.effectTag|=32;null===g&&null===m&&(f=l);b.baseState=f;b.firstUpdate=g;b.firstCapturedUpdate=m;a.expirationTime=h;a.memoizedState=l;}
|
4080 | function uf(a,b,c){null!==b.firstCapturedUpdate&&(null!==b.lastUpdate&&(b.lastUpdate.next=b.firstCapturedUpdate,b.lastUpdate=b.lastCapturedUpdate),b.firstCapturedUpdate=b.lastCapturedUpdate=null);vf(b.firstEffect,c);b.firstEffect=b.lastEffect=null;vf(b.firstCapturedEffect,c);b.firstCapturedEffect=b.lastCapturedEffect=null;}function vf(a,b){for(;null!==a;){var c=a.callback;if(null!==c){a.callback=null;var d=b;"function"!==typeof c?t("191",c):void 0;c.call(d);}a=a.nextEffect;}}
|
4081 | function wf(a,b){return {value:a,source:b,stack:nc(b)}}var xf={current:null},yf=null,zf=null,Af=null;function Bf(a,b){var c=a.type._context;J(xf,c._currentValue,a);c._currentValue=b;}function Cf(a){var b=xf.current;I(xf,a);a.type._context._currentValue=b;}function Df(a){yf=a;Af=zf=null;a.firstContextDependency=null;}
|
4082 | function Ef(a,b){if(Af!==a&&!1!==b&&0!==b){if("number"!==typeof b||1073741823===b)Af=a,b=1073741823;b={context:a,observedBits:b,next:null};null===zf?(null===yf?t("293"):void 0,yf.firstContextDependency=zf=b):zf=zf.next=b;}return a._currentValue}var Ff={},O={current:Ff},Gf={current:Ff},Hf={current:Ff};function If(a){a===Ff?t("174"):void 0;return a}
|
4083 | function Jf(a,b){J(Hf,b,a);J(Gf,a,a);J(O,Ff,a);var c=b.nodeType;switch(c){case 9:case 11:b=(b=b.documentElement)?b.namespaceURI:me(null,"");break;default:c=8===c?b.parentNode:b,b=c.namespaceURI||null,c=c.tagName,b=me(b,c);}I(O,a);J(O,b,a);}function Kf(a){I(O,a);I(Gf,a);I(Hf,a);}function Lf(a){If(Hf.current);var b=If(O.current);var c=me(b,a.type);b!==c&&(J(Gf,a,a),J(O,c,a));}function Mf(a){Gf.current===a&&(I(O,a),I(Gf,a));}
|
4084 | function P(a,b){if(a&&a.defaultProps){b=objectAssign({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);}return b}function Nf(a){var b=a._result;switch(a._status){case 1:return b;case 2:throw b;case 0:throw b;default:throw a._status=0,b=a._ctor,b=b(),b.then(function(b){0===a._status&&(b=b.default,a._status=1,a._result=b);},function(b){0===a._status&&(a._status=2,a._result=b);}),a._result=b,b;}}var Of=Xb.ReactCurrentOwner,Pf=(new React__default.Component).refs;
|
4085 | function Qf(a,b,c,d){b=a.memoizedState;c=c(d,b);c=null===c||void 0===c?b:objectAssign({},b,c);a.memoizedState=c;d=a.updateQueue;null!==d&&0===a.expirationTime&&(d.baseState=c);}
|
4086 | var Vf={isMounted:function(a){return (a=a._reactInternalFiber)?2===kd(a):!1},enqueueSetState:function(a,b,c){a=a._reactInternalFiber;var d=Rf();d=Sf(d,a);var e=nf(d);e.payload=b;void 0!==c&&null!==c&&(e.callback=c);pf(a,e);Uf(a,d);},enqueueReplaceState:function(a,b,c){a=a._reactInternalFiber;var d=Rf();d=Sf(d,a);var e=nf(d);e.tag=1;e.payload=b;void 0!==c&&null!==c&&(e.callback=c);pf(a,e);Uf(a,d);},enqueueForceUpdate:function(a,b){a=a._reactInternalFiber;var c=Rf();c=Sf(c,a);var d=nf(c);d.tag=
|
4087 | 2;void 0!==b&&null!==b&&(d.callback=b);pf(a,d);Uf(a,c);}};function Wf(a,b,c,d,e,f,g){a=a.stateNode;return "function"===typeof a.shouldComponentUpdate?a.shouldComponentUpdate(d,f,g):b.prototype&&b.prototype.isPureReactComponent?!jd(c,d)||!jd(e,f):!0}
|
4088 | function Xf(a,b,c){var d=!1,e=Ke;var f=b.contextType;"object"===typeof f&&null!==f?f=Of.currentDispatcher.readContext(f):(e=M(b)?Le:K.current,d=b.contextTypes,f=(d=null!==d&&void 0!==d)?Me(a,e):Ke);b=new b(c,f);a.memoizedState=null!==b.state&&void 0!==b.state?b.state:null;b.updater=Vf;a.stateNode=b;b._reactInternalFiber=a;d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=e,a.__reactInternalMemoizedMaskedChildContext=f);return b}
|
4089 | function Zf(a,b,c,d){a=b.state;"function"===typeof b.componentWillReceiveProps&&b.componentWillReceiveProps(c,d);"function"===typeof b.UNSAFE_componentWillReceiveProps&&b.UNSAFE_componentWillReceiveProps(c,d);b.state!==a&&Vf.enqueueReplaceState(b,b.state,null);}
|
4090 | function $f(a,b,c,d){var e=a.stateNode;e.props=c;e.state=a.memoizedState;e.refs=Pf;var f=b.contextType;"object"===typeof f&&null!==f?e.context=Of.currentDispatcher.readContext(f):(f=M(b)?Le:K.current,e.context=Me(a,f));f=a.updateQueue;null!==f&&(tf(a,f,c,e,d),e.state=a.memoizedState);f=b.getDerivedStateFromProps;"function"===typeof f&&(Qf(a,b,f,c),e.state=a.memoizedState);"function"===typeof b.getDerivedStateFromProps||"function"===typeof e.getSnapshotBeforeUpdate||"function"!==typeof e.UNSAFE_componentWillMount&&
|
4091 | "function"!==typeof e.componentWillMount||(b=e.state,"function"===typeof e.componentWillMount&&e.componentWillMount(),"function"===typeof e.UNSAFE_componentWillMount&&e.UNSAFE_componentWillMount(),b!==e.state&&Vf.enqueueReplaceState(e,e.state,null),f=a.updateQueue,null!==f&&(tf(a,f,c,e,d),e.state=a.memoizedState));"function"===typeof e.componentDidMount&&(a.effectTag|=4);}var ag=Array.isArray;
|
4092 | function bg(a,b,c){a=c.ref;if(null!==a&&"function"!==typeof a&&"object"!==typeof a){if(c._owner){c=c._owner;var d=void 0;c&&(1!==c.tag?t("289"):void 0,d=c.stateNode);d?void 0:t("147",a);var e=""+a;if(null!==b&&null!==b.ref&&"function"===typeof b.ref&&b.ref._stringRef===e)return b.ref;b=function(a){var b=d.refs;b===Pf&&(b=d.refs={});null===a?delete b[e]:b[e]=a;};b._stringRef=e;return b}"string"!==typeof a?t("284"):void 0;c._owner?void 0:t("290",a);}return a}
|
4093 | function cg(a,b){"textarea"!==a.type&&t("31","[object Object]"===Object.prototype.toString.call(b)?"object with keys {"+Object.keys(b).join(", ")+"}":b,"");}
|
4094 | function dg(a){function b(b,c){if(a){var d=b.lastEffect;null!==d?(d.nextEffect=c,b.lastEffect=c):b.firstEffect=b.lastEffect=c;c.nextEffect=null;c.effectTag=8;}}function c(c,d){if(!a)return null;for(;null!==d;)b(c,d),d=d.sibling;return null}function d(a,b){for(a=new Map;null!==b;)null!==b.key?a.set(b.key,b):a.set(b.index,b),b=b.sibling;return a}function e(a,b,c){a=$e(a,b,c);a.index=0;a.sibling=null;return a}function f(b,c,d){b.index=d;if(!a)return c;d=b.alternate;if(null!==d)return d=d.index,d<c?(b.effectTag=
|
4095 | 2,c):d;b.effectTag=2;return c}function g(b){a&&null===b.alternate&&(b.effectTag=2);return b}function h(a,b,c,d){if(null===b||6!==b.tag)return b=df(c,a.mode,d),b.return=a,b;b=e(b,c,d);b.return=a;return b}function k(a,b,c,d){if(null!==b&&b.elementType===c.type)return d=e(b,c.props,d),d.ref=bg(a,b,c),d.return=a,d;d=af(c.type,c.key,c.props,null,a.mode,d);d.ref=bg(a,b,c);d.return=a;return d}function l(a,b,c,d){if(null===b||4!==b.tag||b.stateNode.containerInfo!==c.containerInfo||b.stateNode.implementation!==
|
4096 | c.implementation)return b=ef(c,a.mode,d),b.return=a,b;b=e(b,c.children||[],d);b.return=a;return b}function m(a,b,c,d,g){if(null===b||7!==b.tag)return b=bf(c,a.mode,d,g),b.return=a,b;b=e(b,c,d);b.return=a;return b}function r(a,b,c){if("string"===typeof b||"number"===typeof b)return b=df(""+b,a.mode,c),b.return=a,b;if("object"===typeof b&&null!==b){switch(b.$$typeof){case Zb:return c=af(b.type,b.key,b.props,null,a.mode,c),c.ref=bg(a,null,b),c.return=a,c;case $b:return b=ef(b,a.mode,c),b.return=a,b}if(ag(b)||
|
4097 | lc(b))return b=bf(b,a.mode,c,null),b.return=a,b;cg(a,b);}return null}function w(a,b,c,d){var e=null!==b?b.key:null;if("string"===typeof c||"number"===typeof c)return null!==e?null:h(a,b,""+c,d);if("object"===typeof c&&null!==c){switch(c.$$typeof){case Zb:return c.key===e?c.type===ac?m(a,b,c.props.children,d,e):k(a,b,c,d):null;case $b:return c.key===e?l(a,b,c,d):null}if(ag(c)||lc(c))return null!==e?null:m(a,b,c,d,null);cg(a,c);}return null}function y(a,b,c,d,e){if("string"===typeof d||"number"===typeof d)return a=
|
4098 | a.get(c)||null,h(b,a,""+d,e);if("object"===typeof d&&null!==d){switch(d.$$typeof){case Zb:return a=a.get(null===d.key?c:d.key)||null,d.type===ac?m(b,a,d.props.children,e,d.key):k(b,a,d,e);case $b:return a=a.get(null===d.key?c:d.key)||null,l(b,a,d,e)}if(ag(d)||lc(d))return a=a.get(c)||null,m(b,a,d,e,null);cg(b,d);}return null}function B(e,g,h,k){for(var l=null,q=null,m=g,u=g=0,p=null;null!==m&&u<h.length;u++){m.index>u?(p=m,m=null):p=m.sibling;var v=w(e,m,h[u],k);if(null===v){null===m&&(m=p);break}a&&
|
4099 | m&&null===v.alternate&&b(e,m);g=f(v,g,u);null===q?l=v:q.sibling=v;q=v;m=p;}if(u===h.length)return c(e,m),l;if(null===m){for(;u<h.length;u++)if(m=r(e,h[u],k))g=f(m,g,u),null===q?l=m:q.sibling=m,q=m;return l}for(m=d(e,m);u<h.length;u++)if(p=y(m,e,u,h[u],k))a&&null!==p.alternate&&m.delete(null===p.key?u:p.key),g=f(p,g,u),null===q?l=p:q.sibling=p,q=p;a&&m.forEach(function(a){return b(e,a)});return l}function R(e,g,h,k){var l=lc(h);"function"!==typeof l?t("150"):void 0;h=l.call(h);null==h?t("151"):void 0;
|
4100 | for(var m=l=null,q=g,u=g=0,p=null,v=h.next();null!==q&&!v.done;u++,v=h.next()){q.index>u?(p=q,q=null):p=q.sibling;var A=w(e,q,v.value,k);if(null===A){q||(q=p);break}a&&q&&null===A.alternate&&b(e,q);g=f(A,g,u);null===m?l=A:m.sibling=A;m=A;q=p;}if(v.done)return c(e,q),l;if(null===q){for(;!v.done;u++,v=h.next())v=r(e,v.value,k),null!==v&&(g=f(v,g,u),null===m?l=v:m.sibling=v,m=v);return l}for(q=d(e,q);!v.done;u++,v=h.next())v=y(q,e,u,v.value,k),null!==v&&(a&&null!==v.alternate&&q.delete(null===v.key?u:
|
4101 | v.key),g=f(v,g,u),null===m?l=v:m.sibling=v,m=v);a&&q.forEach(function(a){return b(e,a)});return l}return function(a,d,f,h){var k="object"===typeof f&&null!==f&&f.type===ac&&null===f.key;k&&(f=f.props.children);var l="object"===typeof f&&null!==f;if(l)switch(f.$$typeof){case Zb:a:{l=f.key;for(k=d;null!==k;){if(k.key===l)if(7===k.tag?f.type===ac:k.elementType===f.type){c(a,k.sibling);d=e(k,f.type===ac?f.props.children:f.props,h);d.ref=bg(a,k,f);d.return=a;a=d;break a}else{c(a,k);break}else b(a,k);k=
|
4102 | k.sibling;}f.type===ac?(d=bf(f.props.children,a.mode,h,f.key),d.return=a,a=d):(h=af(f.type,f.key,f.props,null,a.mode,h),h.ref=bg(a,d,f),h.return=a,a=h);}return g(a);case $b:a:{for(k=f.key;null!==d;){if(d.key===k)if(4===d.tag&&d.stateNode.containerInfo===f.containerInfo&&d.stateNode.implementation===f.implementation){c(a,d.sibling);d=e(d,f.children||[],h);d.return=a;a=d;break a}else{c(a,d);break}else b(a,d);d=d.sibling;}d=ef(f,a.mode,h);d.return=a;a=d;}return g(a)}if("string"===typeof f||"number"===typeof f)return f=
|
4103 | ""+f,null!==d&&6===d.tag?(c(a,d.sibling),d=e(d,f,h),d.return=a,a=d):(c(a,d),d=df(f,a.mode,h),d.return=a,a=d),g(a);if(ag(f))return B(a,d,f,h);if(lc(f))return R(a,d,f,h);l&&cg(a,f);if("undefined"===typeof f&&!k)switch(a.tag){case 1:case 0:h=a.type,t("152",h.displayName||h.name||"Component");}return c(a,d)}}var eg=dg(!0),fg=dg(!1),gg=null,hg=null,ig=!1;
|
4104 | function jg(a,b){var c=N(5,null,null,0);c.elementType="DELETED";c.type="DELETED";c.stateNode=b;c.return=a;c.effectTag=8;null!==a.lastEffect?(a.lastEffect.nextEffect=c,a.lastEffect=c):a.firstEffect=a.lastEffect=c;}function kg(a,b){switch(a.tag){case 5:var c=a.type;b=1!==b.nodeType||c.toLowerCase()!==b.nodeName.toLowerCase()?null:b;return null!==b?(a.stateNode=b,!0):!1;case 6:return b=""===a.pendingProps||3!==b.nodeType?null:b,null!==b?(a.stateNode=b,!0):!1;default:return !1}}
|
4105 | function lg(a){if(ig){var b=hg;if(b){var c=b;if(!kg(a,b)){b=Ge(c);if(!b||!kg(a,b)){a.effectTag|=2;ig=!1;gg=a;return}jg(gg,c);}gg=a;hg=He(b);}else a.effectTag|=2,ig=!1,gg=a;}}function mg(a){for(a=a.return;null!==a&&5!==a.tag&&3!==a.tag;)a=a.return;gg=a;}function ng(a){if(a!==gg)return !1;if(!ig)return mg(a),ig=!0,!1;var b=a.type;if(5!==a.tag||"head"!==b&&"body"!==b&&!Ce(b,a.memoizedProps))for(b=hg;b;)jg(a,b),b=Ge(b);mg(a);hg=gg?Ge(a.stateNode):null;return !0}function og(){hg=gg=null;ig=!1;}var pg=Xb.ReactCurrentOwner;
|
4106 | function Q(a,b,c,d){b.child=null===a?fg(b,null,c,d):eg(b,a.child,c,d);}function qg(a,b,c,d,e){c=c.render;var f=b.ref;Df(b,e);d=c(d,f);b.effectTag|=1;Q(a,b,d,e);return b.child}
|
4107 | function rg(a,b,c,d,e,f){if(null===a){var g=c.type;if("function"===typeof g&&!Ye(g)&&void 0===g.defaultProps&&null===c.compare&&void 0===c.defaultProps)return b.tag=15,b.type=g,sg(a,b,g,d,e,f);a=af(c.type,null,d,null,b.mode,f);a.ref=b.ref;a.return=b;return b.child=a}g=a.child;if(e<f&&(e=g.memoizedProps,c=c.compare,c=null!==c?c:jd,c(e,d)&&a.ref===b.ref))return tg(a,b,f);b.effectTag|=1;a=$e(g,d,f);a.ref=b.ref;a.return=b;return b.child=a}
|
4108 | function sg(a,b,c,d,e,f){return null!==a&&e<f&&jd(a.memoizedProps,d)&&a.ref===b.ref?tg(a,b,f):ug(a,b,c,d,f)}function vg(a,b){var c=b.ref;if(null===a&&null!==c||null!==a&&a.ref!==c)b.effectTag|=128;}function ug(a,b,c,d,e){var f=M(c)?Le:K.current;f=Me(b,f);Df(b,e);c=c(d,f);b.effectTag|=1;Q(a,b,c,e);return b.child}
|
4109 | function wg(a,b,c,d,e){if(M(c)){var f=!0;Re(b);}else f=!1;Df(b,e);if(null===b.stateNode)null!==a&&(a.alternate=null,b.alternate=null,b.effectTag|=2),Xf(b,c,d,e),$f(b,c,d,e),d=!0;else if(null===a){var g=b.stateNode,h=b.memoizedProps;g.props=h;var k=g.context,l=c.contextType;"object"===typeof l&&null!==l?l=Of.currentDispatcher.readContext(l):(l=M(c)?Le:K.current,l=Me(b,l));var m=c.getDerivedStateFromProps,r="function"===typeof m||"function"===typeof g.getSnapshotBeforeUpdate;r||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&
|
4110 | "function"!==typeof g.componentWillReceiveProps||(h!==d||k!==l)&&Zf(b,g,d,l);kf=!1;var w=b.memoizedState;k=g.state=w;var y=b.updateQueue;null!==y&&(tf(b,y,d,g,e),k=b.memoizedState);h!==d||w!==k||L.current||kf?("function"===typeof m&&(Qf(b,c,m,d),k=b.memoizedState),(h=kf||Wf(b,c,h,d,w,k,l))?(r||"function"!==typeof g.UNSAFE_componentWillMount&&"function"!==typeof g.componentWillMount||("function"===typeof g.componentWillMount&&g.componentWillMount(),"function"===typeof g.UNSAFE_componentWillMount&&
|
4111 | g.UNSAFE_componentWillMount()),"function"===typeof g.componentDidMount&&(b.effectTag|=4)):("function"===typeof g.componentDidMount&&(b.effectTag|=4),b.memoizedProps=d,b.memoizedState=k),g.props=d,g.state=k,g.context=l,d=h):("function"===typeof g.componentDidMount&&(b.effectTag|=4),d=!1);}else g=b.stateNode,h=b.memoizedProps,g.props=b.type===b.elementType?h:P(b.type,h),k=g.context,l=c.contextType,"object"===typeof l&&null!==l?l=Of.currentDispatcher.readContext(l):(l=M(c)?Le:K.current,l=Me(b,l)),m=c.getDerivedStateFromProps,
|
4112 | (r="function"===typeof m||"function"===typeof g.getSnapshotBeforeUpdate)||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==d||k!==l)&&Zf(b,g,d,l),kf=!1,k=b.memoizedState,w=g.state=k,y=b.updateQueue,null!==y&&(tf(b,y,d,g,e),w=b.memoizedState),h!==d||k!==w||L.current||kf?("function"===typeof m&&(Qf(b,c,m,d),w=b.memoizedState),(m=kf||Wf(b,c,h,d,k,w,l))?(r||"function"!==typeof g.UNSAFE_componentWillUpdate&&"function"!==typeof g.componentWillUpdate||
|
4113 | ("function"===typeof g.componentWillUpdate&&g.componentWillUpdate(d,w,l),"function"===typeof g.UNSAFE_componentWillUpdate&&g.UNSAFE_componentWillUpdate(d,w,l)),"function"===typeof g.componentDidUpdate&&(b.effectTag|=4),"function"===typeof g.getSnapshotBeforeUpdate&&(b.effectTag|=256)):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&k===a.memoizedState||(b.effectTag|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&k===a.memoizedState||(b.effectTag|=256),b.memoizedProps=
|
4114 | d,b.memoizedState=w),g.props=d,g.state=w,g.context=l,d=m):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&k===a.memoizedState||(b.effectTag|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&k===a.memoizedState||(b.effectTag|=256),d=!1);return xg(a,b,c,d,f,e)}
|
4115 | function xg(a,b,c,d,e,f){vg(a,b);var g=0!==(b.effectTag&64);if(!d&&!g)return e&&Se(b,c,!1),tg(a,b,f);d=b.stateNode;pg.current=b;var h=g&&"function"!==typeof c.getDerivedStateFromError?null:d.render();b.effectTag|=1;null!==a&&g?(b.child=eg(b,a.child,null,f),b.child=eg(b,null,h,f)):Q(a,b,h,f);b.memoizedState=d.state;e&&Se(b,c,!0);return b.child}function yg(a){var b=a.stateNode;b.pendingContext?Pe(a,b.pendingContext,b.pendingContext!==b.context):b.context&&Pe(a,b.context,!1);Jf(a,b.containerInfo);}
|
4116 | function zg(a,b,c){var d=b.mode,e=b.pendingProps,f=b.memoizedState;if(0===(b.effectTag&64)){f=null;var g=!1;}else f={timedOutAt:null!==f?f.timedOutAt:0},g=!0,b.effectTag&=-65;if(null===a)if(g){var h=e.fallback;a=bf(null,d,0,null);0===(b.mode&1)&&(a.child=null!==b.memoizedState?b.child.child:b.child);d=bf(h,d,c,null);a.sibling=d;c=a;c.return=d.return=b;}else c=d=fg(b,null,e.children,c);else null!==a.memoizedState?(d=a.child,h=d.sibling,g?(c=e.fallback,e=$e(d,d.pendingProps,0),0===(b.mode&1)&&(g=null!==
|
4117 | b.memoizedState?b.child.child:b.child,g!==d.child&&(e.child=g)),d=e.sibling=$e(h,c,h.expirationTime),c=e,e.childExpirationTime=0,c.return=d.return=b):c=d=eg(b,d.child,e.children,c)):(h=a.child,g?(g=e.fallback,e=bf(null,d,0,null),e.child=h,0===(b.mode&1)&&(e.child=null!==b.memoizedState?b.child.child:b.child),d=e.sibling=bf(g,d,c,null),d.effectTag|=2,c=e,e.childExpirationTime=0,c.return=d.return=b):d=c=eg(b,h,e.children,c)),b.stateNode=a.stateNode;b.memoizedState=f;b.child=c;return d}
|
4118 | function tg(a,b,c){null!==a&&(b.firstContextDependency=a.firstContextDependency);if(b.childExpirationTime<c)return null;null!==a&&b.child!==a.child?t("153"):void 0;if(null!==b.child){a=b.child;c=$e(a,a.pendingProps,a.expirationTime);b.child=c;for(c.return=b;null!==a.sibling;)a=a.sibling,c=c.sibling=$e(a,a.pendingProps,a.expirationTime),c.return=b;c.sibling=null;}return b.child}
|
4119 | function Ag(a,b,c){var d=b.expirationTime;if(null!==a&&a.memoizedProps===b.pendingProps&&!L.current&&d<c){switch(b.tag){case 3:yg(b);og();break;case 5:Lf(b);break;case 1:M(b.type)&&Re(b);break;case 4:Jf(b,b.stateNode.containerInfo);break;case 10:Bf(b,b.memoizedProps.value);break;case 13:if(null!==b.memoizedState){d=b.child.childExpirationTime;if(0!==d&&d>=c)return zg(a,b,c);b=tg(a,b,c);return null!==b?b.sibling:null}}return tg(a,b,c)}b.expirationTime=0;switch(b.tag){case 2:d=b.elementType;null!==
|
4120 | a&&(a.alternate=null,b.alternate=null,b.effectTag|=2);a=b.pendingProps;var e=Me(b,K.current);Df(b,c);e=d(a,e);b.effectTag|=1;if("object"===typeof e&&null!==e&&"function"===typeof e.render&&void 0===e.$$typeof){b.tag=1;if(M(d)){var f=!0;Re(b);}else f=!1;b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null;var g=d.getDerivedStateFromProps;"function"===typeof g&&Qf(b,d,g,a);e.updater=Vf;b.stateNode=e;e._reactInternalFiber=b;$f(b,d,a,c);b=xg(null,b,d,!0,f,c);}else b.tag=0,Q(null,b,e,c),b=b.child;
|
4121 | return b;case 16:e=b.elementType;null!==a&&(a.alternate=null,b.alternate=null,b.effectTag|=2);f=b.pendingProps;a=Nf(e);b.type=a;e=b.tag=Ze(a);f=P(a,f);g=void 0;switch(e){case 0:g=ug(null,b,a,f,c);break;case 1:g=wg(null,b,a,f,c);break;case 11:g=qg(null,b,a,f,c);break;case 14:g=rg(null,b,a,P(a.type,f),d,c);break;default:t("306",a,"");}return g;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:P(d,e),ug(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:P(d,e),wg(a,b,
|
4122 | d,e,c);case 3:yg(b);d=b.updateQueue;null===d?t("282"):void 0;e=b.memoizedState;e=null!==e?e.element:null;tf(b,d,b.pendingProps,null,c);d=b.memoizedState.element;if(d===e)og(),b=tg(a,b,c);else{e=b.stateNode;if(e=(null===a||null===a.child)&&e.hydrate)hg=He(b.stateNode.containerInfo),gg=b,e=ig=!0;e?(b.effectTag|=2,b.child=fg(b,null,d,c)):(Q(a,b,d,c),og());b=b.child;}return b;case 5:return Lf(b),null===a&&lg(b),d=b.type,e=b.pendingProps,f=null!==a?a.memoizedProps:null,g=e.children,Ce(d,e)?g=null:null!==
|
4123 | f&&Ce(d,f)&&(b.effectTag|=16),vg(a,b),1!==c&&b.mode&1&&e.hidden?(b.expirationTime=1,b=null):(Q(a,b,g,c),b=b.child),b;case 6:return null===a&&lg(b),null;case 13:return zg(a,b,c);case 4:return Jf(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=eg(b,null,d,c):Q(a,b,d,c),b.child;case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:P(d,e),qg(a,b,d,e,c);case 7:return Q(a,b,b.pendingProps,c),b.child;case 8:return Q(a,b,b.pendingProps.children,c),b.child;case 12:return Q(a,b,b.pendingProps.children,
|
4124 | c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;g=b.memoizedProps;f=e.value;Bf(b,f);if(null!==g){var h=g.value;f=h===f&&(0!==h||1/h===1/f)||h!==h&&f!==f?0:("function"===typeof d._calculateChangedBits?d._calculateChangedBits(h,f):1073741823)|0;if(0===f){if(g.children===e.children&&!L.current){b=tg(a,b,c);break a}}else for(g=b.child,null!==g&&(g.return=b);null!==g;){h=g.firstContextDependency;if(null!==h){do{if(h.context===d&&0!==(h.observedBits&f)){if(1===g.tag){var k=nf(c);k.tag=2;pf(g,k);}g.expirationTime<
|
4125 | c&&(g.expirationTime=c);k=g.alternate;null!==k&&k.expirationTime<c&&(k.expirationTime=c);for(var l=g.return;null!==l;){k=l.alternate;if(l.childExpirationTime<c)l.childExpirationTime=c,null!==k&&k.childExpirationTime<c&&(k.childExpirationTime=c);else if(null!==k&&k.childExpirationTime<c)k.childExpirationTime=c;else break;l=l.return;}}k=g.child;h=h.next;}while(null!==h)}else k=10===g.tag?g.type===b.type?null:g.child:g.child;if(null!==k)k.return=g;else for(k=g;null!==k;){if(k===b){k=null;break}g=k.sibling;
|
4126 | if(null!==g){g.return=k.return;k=g;break}k=k.return;}g=k;}}Q(a,b,e.children,c);b=b.child;}return b;case 9:return e=b.type,f=b.pendingProps,d=f.children,Df(b,c),e=Ef(e,f.unstable_observedBits),d=d(e),b.effectTag|=1,Q(a,b,d,c),b.child;case 14:return e=b.type,f=P(e,b.pendingProps),f=P(e.type,f),rg(a,b,e,f,d,c);case 15:return sg(a,b,b.type,b.pendingProps,d,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:P(d,e),null!==a&&(a.alternate=null,b.alternate=null,b.effectTag|=2),b.tag=1,M(d)?(a=
|
4127 | !0,Re(b)):a=!1,Df(b,c),Xf(b,d,e,c),$f(b,d,e,c),xg(null,b,d,!0,a,c);default:t("156");}}function Bg(a){a.effectTag|=4;}var Cg=void 0,Gg=void 0,Hg=void 0,Ig=void 0;Cg=function(a,b){for(var c=b.child;null!==c;){if(5===c.tag||6===c.tag)a.appendChild(c.stateNode);else if(4!==c.tag&&null!==c.child){c.child.return=c;c=c.child;continue}if(c===b)break;for(;null===c.sibling;){if(null===c.return||c.return===b)return;c=c.return;}c.sibling.return=c.return;c=c.sibling;}};Gg=function(){};
|
4128 | Hg=function(a,b,c,d,e){var f=a.memoizedProps;if(f!==d){var g=b.stateNode;If(O.current);a=null;switch(c){case "input":f=zc(g,f);d=zc(g,d);a=[];break;case "option":f=ee(g,f);d=ee(g,d);a=[];break;case "select":f=objectAssign({},f,{value:void 0});d=objectAssign({},d,{value:void 0});a=[];break;case "textarea":f=ge(g,f);d=ge(g,d);a=[];break;default:"function"!==typeof f.onClick&&"function"===typeof d.onClick&&(g.onclick=ye);}ve(c,d);g=c=void 0;var h=null;for(c in f)if(!d.hasOwnProperty(c)&&f.hasOwnProperty(c)&&null!=f[c])if("style"===
|
4129 | c){var k=f[c];for(g in k)k.hasOwnProperty(g)&&(h||(h={}),h[g]="");}else"dangerouslySetInnerHTML"!==c&&"children"!==c&&"suppressContentEditableWarning"!==c&&"suppressHydrationWarning"!==c&&"autoFocus"!==c&&(sa.hasOwnProperty(c)?a||(a=[]):(a=a||[]).push(c,null));for(c in d){var l=d[c];k=null!=f?f[c]:void 0;if(d.hasOwnProperty(c)&&l!==k&&(null!=l||null!=k))if("style"===c)if(k){for(g in k)!k.hasOwnProperty(g)||l&&l.hasOwnProperty(g)||(h||(h={}),h[g]="");for(g in l)l.hasOwnProperty(g)&&k[g]!==l[g]&&(h||
|
4130 | (h={}),h[g]=l[g]);}else h||(a||(a=[]),a.push(c,h)),h=l;else"dangerouslySetInnerHTML"===c?(l=l?l.__html:void 0,k=k?k.__html:void 0,null!=l&&k!==l&&(a=a||[]).push(c,""+l)):"children"===c?k===l||"string"!==typeof l&&"number"!==typeof l||(a=a||[]).push(c,""+l):"suppressContentEditableWarning"!==c&&"suppressHydrationWarning"!==c&&(sa.hasOwnProperty(c)?(null!=l&&xe(e,c),a||k===l||(a=[])):(a=a||[]).push(c,l));}h&&(a=a||[]).push("style",h);e=a;(b.updateQueue=e)&&Bg(b);}};Ig=function(a,b,c,d){c!==d&&Bg(b);};
|
4131 | var Jg="function"===typeof WeakSet?WeakSet:Set;function Kg(a,b){var c=b.source,d=b.stack;null===d&&null!==c&&(d=nc(c));null!==c&&mc(c.type);b=b.value;null!==a&&1===a.tag&&mc(a.type);try{console.error(b);}catch(e){setTimeout(function(){throw e;});}}function Lg(a){var b=a.ref;if(null!==b)if("function"===typeof b)try{b(null);}catch(c){Mg(a,c);}else b.current=null;}
|
4132 | function Ng(a,b){for(var c=a;;){if(5===c.tag){var d=c.stateNode;if(b)d.style.display="none";else{d=c.stateNode;var e=c.memoizedProps.style;e=void 0!==e&&null!==e&&e.hasOwnProperty("display")?e.display:null;d.style.display=se("display",e);}}else if(6===c.tag)c.stateNode.nodeValue=b?"":c.memoizedProps;else if(13===c.tag&&null!==c.memoizedState){d=c.child.sibling;d.return=c;c=d;continue}else if(null!==c.child){c.child.return=c;c=c.child;continue}if(c===a)break;for(;null===c.sibling;){if(null===c.return||
|
4133 | c.return===a)return;c=c.return;}c.sibling.return=c.return;c=c.sibling;}}
|
4134 | function Og(a){"function"===typeof Ue&&Ue(a);switch(a.tag){case 0:case 11:case 14:case 15:var b=a.updateQueue;if(null!==b&&(b=b.lastEffect,null!==b)){var c=b=b.next;do{var d=c.destroy;if(null!==d){var e=a;try{d();}catch(f){Mg(e,f);}}c=c.next;}while(c!==b)}break;case 1:Lg(a);b=a.stateNode;if("function"===typeof b.componentWillUnmount)try{b.props=a.memoizedProps,b.state=a.memoizedState,b.componentWillUnmount();}catch(f){Mg(a,f);}break;case 5:Lg(a);break;case 4:Pg(a);}}
|
4135 | function Qg(a){return 5===a.tag||3===a.tag||4===a.tag}
|
4136 | function Rg(a){a:{for(var b=a.return;null!==b;){if(Qg(b)){var c=b;break a}b=b.return;}t("160");c=void 0;}var d=b=void 0;switch(c.tag){case 5:b=c.stateNode;d=!1;break;case 3:b=c.stateNode.containerInfo;d=!0;break;case 4:b=c.stateNode.containerInfo;d=!0;break;default:t("161");}c.effectTag&16&&(pe(b,""),c.effectTag&=-17);a:b:for(c=a;;){for(;null===c.sibling;){if(null===c.return||Qg(c.return)){c=null;break a}c=c.return;}c.sibling.return=c.return;for(c=c.sibling;5!==c.tag&&6!==c.tag;){if(c.effectTag&2)continue b;
|
4137 | if(null===c.child||4===c.tag)continue b;else c.child.return=c,c=c.child;}if(!(c.effectTag&2)){c=c.stateNode;break a}}for(var e=a;;){if(5===e.tag||6===e.tag)if(c)if(d){var f=b,g=e.stateNode,h=c;8===f.nodeType?f.parentNode.insertBefore(g,h):f.insertBefore(g,h);}else b.insertBefore(e.stateNode,c);else d?(g=b,h=e.stateNode,8===g.nodeType?(f=g.parentNode,f.insertBefore(h,g)):(f=g,f.appendChild(h)),g=g._reactRootContainer,null!==g&&void 0!==g||null!==f.onclick||(f.onclick=ye)):b.appendChild(e.stateNode);
|
4138 | else if(4!==e.tag&&null!==e.child){e.child.return=e;e=e.child;continue}if(e===a)break;for(;null===e.sibling;){if(null===e.return||e.return===a)return;e=e.return;}e.sibling.return=e.return;e=e.sibling;}}
|
4139 | function Pg(a){for(var b=a,c=!1,d=void 0,e=void 0;;){if(!c){c=b.return;a:for(;;){null===c?t("160"):void 0;switch(c.tag){case 5:d=c.stateNode;e=!1;break a;case 3:d=c.stateNode.containerInfo;e=!0;break a;case 4:d=c.stateNode.containerInfo;e=!0;break a}c=c.return;}c=!0;}if(5===b.tag||6===b.tag){a:for(var f=b,g=f;;)if(Og(g),null!==g.child&&4!==g.tag)g.child.return=g,g=g.child;else{if(g===f)break;for(;null===g.sibling;){if(null===g.return||g.return===f)break a;g=g.return;}g.sibling.return=g.return;g=g.sibling;}e?
|
4140 | (f=d,g=b.stateNode,8===f.nodeType?f.parentNode.removeChild(g):f.removeChild(g)):d.removeChild(b.stateNode);}else if(4===b.tag?(d=b.stateNode.containerInfo,e=!0):Og(b),null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return;b=b.return;4===b.tag&&(c=!1);}b.sibling.return=b.return;b=b.sibling;}}
|
4141 | function Sg(a,b){switch(b.tag){case 0:case 11:case 14:case 15:break;case 1:break;case 5:var c=b.stateNode;if(null!=c){var d=b.memoizedProps;a=null!==a?a.memoizedProps:d;var e=b.type,f=b.updateQueue;b.updateQueue=null;null!==f&&Fe(c,f,e,a,d,b);}break;case 6:null===b.stateNode?t("162"):void 0;b.stateNode.nodeValue=b.memoizedProps;break;case 3:break;case 12:break;case 13:c=b.memoizedState;d=void 0;a=b;null===c?d=!1:(d=!0,a=b.child,0===c.timedOutAt&&(c.timedOutAt=Rf()));null!==a&&Ng(a,d);c=b.updateQueue;
|
4142 | if(null!==c){b.updateQueue=null;var g=b.stateNode;null===g&&(g=b.stateNode=new Jg);c.forEach(function(a){var c=Tg.bind(null,b,a);g.has(a)||(g.add(a),a.then(c,c));});}break;case 17:break;default:t("163");}}var Ug="function"===typeof WeakMap?WeakMap:Map;function Vg(a,b,c){c=nf(c);c.tag=3;c.payload={element:null};var d=b.value;c.callback=function(){Wg(d);Kg(a,b);};return c}
|
4143 | function Xg(a,b,c){c=nf(c);c.tag=3;var d=a.type.getDerivedStateFromError;if("function"===typeof d){var e=b.value;c.payload=function(){return d(e)};}var f=a.stateNode;null!==f&&"function"===typeof f.componentDidCatch&&(c.callback=function(){"function"!==typeof d&&(null===Yg?Yg=new Set([this]):Yg.add(this));var c=b.value,e=b.stack;Kg(a,b);this.componentDidCatch(c,{componentStack:null!==e?e:""});});return c}
|
4144 | function Zg(a){switch(a.tag){case 1:M(a.type)&&Ne(a);var b=a.effectTag;return b&2048?(a.effectTag=b&-2049|64,a):null;case 3:return Kf(a),Oe(a),b=a.effectTag,0!==(b&64)?t("285"):void 0,a.effectTag=b&-2049|64,a;case 5:return Mf(a),null;case 13:return b=a.effectTag,b&2048?(a.effectTag=b&-2049|64,a):null;case 4:return Kf(a),null;case 10:return Cf(a),null;default:return null}}
|
4145 | var $g={readContext:Ef},ah=Xb.ReactCurrentOwner,bh=1073741822,ch=0,dh=!1,S=null,T=null,U=0,eh=-1,fh=!1,V=null,gh=!1,Yg=null;function jh(){if(null!==S)for(var a=S.return;null!==a;){var b=a;switch(b.tag){case 1:var c=b.type.childContextTypes;null!==c&&void 0!==c&&Ne(b);break;case 3:Kf(b);Oe(b);break;case 5:Mf(b);break;case 4:Kf(b);break;case 10:Cf(b);}a=a.return;}T=null;U=0;eh=-1;fh=!1;S=null;}function kh(a){for(;;){var b=a.alternate,c=a.return,d=a.sibling;if(0===(a.effectTag&1024)){S=a;a:{var e=b;b=a;var f=U;var g=b.pendingProps;switch(b.tag){case 2:break;case 16:break;case 15:case 0:break;case 1:M(b.type)&&Ne(b);break;case 3:Kf(b);Oe(b);g=b.stateNode;g.pendingContext&&(g.context=g.pendingContext,g.pendingContext=null);if(null===e||null===e.child)ng(b),b.effectTag&=-3;Gg(b);break;case 5:Mf(b);var h=If(Hf.current);f=b.type;if(null!==e&&null!=b.stateNode)Hg(e,b,f,g,h),e.ref!==b.ref&&(b.effectTag|=
|
4146 | 128);else if(g){var k=If(O.current);if(ng(b)){g=b;e=g.stateNode;var l=g.type,m=g.memoizedProps,r=h;e[Ga]=g;e[Ha]=m;f=void 0;h=l;switch(h){case "iframe":case "object":H("load",e);break;case "video":case "audio":for(l=0;l<bb.length;l++)H(bb[l],e);break;case "source":H("error",e);break;case "img":case "image":case "link":H("error",e);H("load",e);break;case "form":H("reset",e);H("submit",e);break;case "details":H("toggle",e);break;case "input":Ac(e,m);H("invalid",e);xe(r,"onChange");break;case "select":e._wrapperState=
|
4147 | {wasMultiple:!!m.multiple};H("invalid",e);xe(r,"onChange");break;case "textarea":he(e,m),H("invalid",e),xe(r,"onChange");}ve(h,m);l=null;for(f in m)m.hasOwnProperty(f)&&(k=m[f],"children"===f?"string"===typeof k?e.textContent!==k&&(l=["children",k]):"number"===typeof k&&e.textContent!==""+k&&(l=["children",""+k]):sa.hasOwnProperty(f)&&null!=k&&xe(r,f));switch(h){case "input":Vb(e);Ec(e,m,!0);break;case "textarea":Vb(e);je(e,m);break;case "select":case "option":break;default:"function"===typeof m.onClick&&
|
4148 | (e.onclick=ye);}f=l;g.updateQueue=f;g=null!==f?!0:!1;g&&Bg(b);}else{m=b;e=f;r=g;l=9===h.nodeType?h:h.ownerDocument;k===ke.html&&(k=le(e));k===ke.html?"script"===e?(e=l.createElement("div"),e.innerHTML="<script>\x3c/script>",l=e.removeChild(e.firstChild)):"string"===typeof r.is?l=l.createElement(e,{is:r.is}):(l=l.createElement(e),"select"===e&&r.multiple&&(l.multiple=!0)):l=l.createElementNS(k,e);e=l;e[Ga]=m;e[Ha]=g;Cg(e,b,!1,!1);r=e;l=f;m=g;var w=h,y=we(l,m);switch(l){case "iframe":case "object":H("load",
|
4149 | r);h=m;break;case "video":case "audio":for(h=0;h<bb.length;h++)H(bb[h],r);h=m;break;case "source":H("error",r);h=m;break;case "img":case "image":case "link":H("error",r);H("load",r);h=m;break;case "form":H("reset",r);H("submit",r);h=m;break;case "details":H("toggle",r);h=m;break;case "input":Ac(r,m);h=zc(r,m);H("invalid",r);xe(w,"onChange");break;case "option":h=ee(r,m);break;case "select":r._wrapperState={wasMultiple:!!m.multiple};h=objectAssign({},m,{value:void 0});H("invalid",r);xe(w,"onChange");break;case "textarea":he(r,
|
4150 | m);h=ge(r,m);H("invalid",r);xe(w,"onChange");break;default:h=m;}ve(l,h);k=void 0;var B=l,R=r,v=h;for(k in v)if(v.hasOwnProperty(k)){var q=v[k];"style"===k?te(R,q):"dangerouslySetInnerHTML"===k?(q=q?q.__html:void 0,null!=q&&oe(R,q)):"children"===k?"string"===typeof q?("textarea"!==B||""!==q)&&pe(R,q):"number"===typeof q&&pe(R,""+q):"suppressContentEditableWarning"!==k&&"suppressHydrationWarning"!==k&&"autoFocus"!==k&&(sa.hasOwnProperty(k)?null!=q&&xe(w,k):null!=q&&xc(R,k,q,y));}switch(l){case "input":Vb(r);
|
4151 | Ec(r,m,!1);break;case "textarea":Vb(r);je(r,m);break;case "option":null!=m.value&&r.setAttribute("value",""+yc(m.value));break;case "select":h=r;h.multiple=!!m.multiple;r=m.value;null!=r?fe(h,!!m.multiple,r,!1):null!=m.defaultValue&&fe(h,!!m.multiple,m.defaultValue,!0);break;default:"function"===typeof h.onClick&&(r.onclick=ye);}(g=Be(f,g))&&Bg(b);b.stateNode=e;}null!==b.ref&&(b.effectTag|=128);}else null===b.stateNode?t("166"):void 0;break;case 6:e&&null!=b.stateNode?Ig(e,b,e.memoizedProps,g):("string"!==
|
4152 | typeof g&&(null===b.stateNode?t("166"):void 0),e=If(Hf.current),If(O.current),ng(b)?(g=b,f=g.stateNode,e=g.memoizedProps,f[Ga]=g,(g=f.nodeValue!==e)&&Bg(b)):(f=b,g=(9===e.nodeType?e:e.ownerDocument).createTextNode(g),g[Ga]=b,f.stateNode=g));break;case 11:break;case 13:g=b.memoizedState;if(0!==(b.effectTag&64)){b.expirationTime=f;S=b;break a}g=null!==g;f=null!==e&&null!==e.memoizedState;null!==e&&!g&&f&&(e=e.child.sibling,null!==e&&(h=b.firstEffect,null!==h?(b.firstEffect=e,e.nextEffect=h):(b.firstEffect=
|
4153 | b.lastEffect=e,e.nextEffect=null),e.effectTag=8));if(g!==f||0===(b.effectTag&1)&&g)b.effectTag|=4;break;case 7:break;case 8:break;case 12:break;case 4:Kf(b);Gg(b);break;case 10:Cf(b);break;case 9:break;case 14:break;case 17:M(b.type)&&Ne(b);break;default:t("156");}S=null;}b=a;if(1===U||1!==b.childExpirationTime){g=0;for(f=b.child;null!==f;)e=f.expirationTime,h=f.childExpirationTime,e>g&&(g=e),h>g&&(g=h),f=f.sibling;b.childExpirationTime=g;}if(null!==S)return S;null!==c&&0===(c.effectTag&1024)&&(null===
|
4154 | c.firstEffect&&(c.firstEffect=a.firstEffect),null!==a.lastEffect&&(null!==c.lastEffect&&(c.lastEffect.nextEffect=a.firstEffect),c.lastEffect=a.lastEffect),1<a.effectTag&&(null!==c.lastEffect?c.lastEffect.nextEffect=a:c.firstEffect=a,c.lastEffect=a));}else{a=Zg(a,U);if(null!==a)return a.effectTag&=1023,a;null!==c&&(c.firstEffect=c.lastEffect=null,c.effectTag|=1024);}if(null!==d)return d;if(null!==c)a=c;else break}return null}
|
4155 | function lh(a){var b=Ag(a.alternate,a,U);a.memoizedProps=a.pendingProps;null===b&&(b=kh(a));ah.current=null;return b}
|
4156 | function mh(a,b){dh?t("243"):void 0;dh=!0;ah.currentDispatcher=$g;var c=a.nextExpirationTimeToWorkOn;if(c!==U||a!==T||null===S)jh(),T=a,U=c,S=$e(T.current,null,U),a.pendingCommitExpirationTime=0;var d=!1;do{try{if(b)for(;null!==S&&!nh();)S=lh(S);else for(;null!==S;)S=lh(S);}catch(B){if(Af=zf=yf=null,null===S)d=!0,Wg(B);else{null===S?t("271"):void 0;var e=S,f=e.return;if(null===f)d=!0,Wg(B);else{a:{var g=a,h=f,k=e,l=B;f=U;k.effectTag|=1024;k.firstEffect=k.lastEffect=null;if(null!==l&&"object"===
|
4157 | typeof l&&"function"===typeof l.then){var m=l;l=h;var r=-1,w=-1;do{if(13===l.tag){var y=l.alternate;if(null!==y&&(y=y.memoizedState,null!==y)){w=10*(1073741822-y.timedOutAt);break}y=l.pendingProps.maxDuration;if("number"===typeof y)if(0>=y)r=0;else if(-1===r||y<r)r=y;}l=l.return;}while(null!==l);l=h;do{if(y=13===l.tag)y=void 0===l.memoizedProps.fallback?!1:null===l.memoizedState;if(y){h=l.updateQueue;null===h?l.updateQueue=new Set([m]):h.add(m);if(0===(l.mode&1)){l.effectTag|=64;k.effectTag&=-1957;
|
4158 | 1===k.tag&&(null===k.alternate?k.tag=17:(f=nf(1073741823),f.tag=2,pf(k,f)));k.expirationTime=1073741823;break a}k=g.pingCache;null===k?(k=g.pingCache=new Ug,h=new Set,k.set(m,h)):(h=k.get(m),void 0===h&&(h=new Set,k.set(m,h)));h.has(f)||(h.add(f),k=oh.bind(null,g,m,f),m.then(k,k));-1===r?g=1073741823:(-1===w&&(w=10*(1073741822-jf(g,f))-5E3),g=w+r);0<=g&&eh<g&&(eh=g);l.effectTag|=2048;l.expirationTime=f;break a}l=l.return;}while(null!==l);l=Error((mc(k.type)||"A React component")+" suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display."+
|
4159 | nc(k));}fh=!0;l=wf(l,k);g=h;do{switch(g.tag){case 3:g.effectTag|=2048;g.expirationTime=f;f=Vg(g,l,f);qf(g,f);break a;case 1:if(m=l,r=g.type,w=g.stateNode,0===(g.effectTag&64)&&("function"===typeof r.getDerivedStateFromError||null!==w&&"function"===typeof w.componentDidCatch&&(null===Yg||!Yg.has(w)))){g.effectTag|=2048;g.expirationTime=f;f=Xg(g,m,f);qf(g,f);break a}}g=g.return;}while(null!==g)}S=kh(e);continue}}}break}while(1);dh=!1;Af=zf=yf=ah.currentDispatcher=null;if(d)T=null,a.finishedWork=null;
|
4160 | else if(null!==S)a.finishedWork=null;else{d=a.current.alternate;null===d?t("281"):void 0;T=null;if(fh){e=a.latestPendingTime;f=a.latestSuspendedTime;g=a.latestPingedTime;if(0!==e&&e<c||0!==f&&f<c||0!==g&&g<c){hf(a,c);ph(a,d,c,a.expirationTime,-1);return}if(!a.didError&&b){a.didError=!0;c=a.nextExpirationTimeToWorkOn=c;b=a.expirationTime=1073741823;ph(a,d,c,b,-1);return}}b&&-1!==eh?(hf(a,c),b=10*(1073741822-jf(a,c)),b<eh&&(eh=b),b=10*(1073741822-Rf()),b=eh-b,ph(a,d,c,a.expirationTime,0>b?0:b)):(a.pendingCommitExpirationTime=
|
4161 | c,a.finishedWork=d);}}function Mg(a,b){for(var c=a.return;null!==c;){switch(c.tag){case 1:var d=c.stateNode;if("function"===typeof c.type.getDerivedStateFromError||"function"===typeof d.componentDidCatch&&(null===Yg||!Yg.has(d))){a=wf(b,a);a=Xg(c,a,1073741823);pf(c,a);Uf(c,1073741823);return}break;case 3:a=wf(b,a);a=Vg(c,a,1073741823);pf(c,a);Uf(c,1073741823);return}c=c.return;}3===a.tag&&(c=wf(b,a),c=Vg(a,c,1073741823),pf(a,c),Uf(a,1073741823));}
|
4162 | function Sf(a,b){0!==ch?a=ch:dh?a=gh?1073741823:U:b.mode&1?(a=qh?1073741822-10*(((1073741822-a+15)/10|0)+1):1073741822-25*(((1073741822-a+500)/25|0)+1),null!==T&&a===U&&--a):a=1073741823;qh&&(0===rh||a<rh)&&(rh=a);return a}function oh(a,b,c){var d=a.pingCache;null!==d&&d.delete(b);if(null!==T&&U===c)T=null;else if(b=a.earliestSuspendedTime,d=a.latestSuspendedTime,0!==b&&c<=b&&c>=d){a.didError=!1;b=a.latestPingedTime;if(0===b||b>c)a.latestPingedTime=c;gf(c,a);c=a.expirationTime;0!==c&&sh(a,c);}}
|
4163 | function Tg(a,b){var c=a.stateNode;null!==c&&c.delete(b);b=Rf();b=Sf(b,a);a=th(a,b);null!==a&&(ff(a,b),b=a.expirationTime,0!==b&&sh(a,b));}
|
4164 | function th(a,b){a.expirationTime<b&&(a.expirationTime=b);var c=a.alternate;null!==c&&c.expirationTime<b&&(c.expirationTime=b);var d=a.return,e=null;if(null===d&&3===a.tag)e=a.stateNode;else for(;null!==d;){c=d.alternate;d.childExpirationTime<b&&(d.childExpirationTime=b);null!==c&&c.childExpirationTime<b&&(c.childExpirationTime=b);if(null===d.return&&3===d.tag){e=d.stateNode;break}d=d.return;}return e}
|
4165 | function Uf(a,b){a=th(a,b);null!==a&&(!dh&&0!==U&&b>U&&jh(),ff(a,b),dh&&!gh&&T===a||sh(a,a.expirationTime),uh>vh&&(uh=0,t("185")));}function wh(a,b,c,d,e){var f=ch;ch=1073741823;try{return a(b,c,d,e)}finally{ch=f;}}var xh=null,W=null,yh=0,zh=void 0,X=!1,Ah=null,Y=0,rh=0,Bh=!1,Ch=null,Z=!1,Dh=!1,qh=!1,Eh=null,Fh=scheduler.unstable_now(),Gh=1073741822-(Fh/10|0),Hh=Gh,vh=50,uh=0,Ih=null;function Jh(){Gh=1073741822-((scheduler.unstable_now()-Fh)/10|0);}
|
4166 | function Kh(a,b){if(0!==yh){if(b<yh)return;null!==zh&&scheduler.unstable_cancelCallback(zh);}yh=b;a=scheduler.unstable_now()-Fh;zh=scheduler.unstable_scheduleCallback(Lh,{timeout:10*(1073741822-b)-a});}function ph(a,b,c,d,e){a.expirationTime=d;0!==e||nh()?0<e&&(a.timeoutHandle=De(Mh.bind(null,a,b,c),e)):(a.pendingCommitExpirationTime=c,a.finishedWork=b);}function Mh(a,b,c){a.pendingCommitExpirationTime=c;a.finishedWork=b;Jh();Hh=Gh;Nh(a,c);}function Rf(){if(X)return Hh;Oh();if(0===Y||1===Y)Jh(),Hh=Gh;return Hh}
|
4167 | function sh(a,b){null===a.nextScheduledRoot?(a.expirationTime=b,null===W?(xh=W=a,a.nextScheduledRoot=a):(W=W.nextScheduledRoot=a,W.nextScheduledRoot=xh)):b>a.expirationTime&&(a.expirationTime=b);X||(Z?Dh&&(Ah=a,Y=1073741823,Ph(a,1073741823,!1)):1073741823===b?Qh(1073741823,!1):Kh(a,b));}
|
4168 | function Oh(){var a=0,b=null;if(null!==W)for(var c=W,d=xh;null!==d;){var e=d.expirationTime;if(0===e){null===c||null===W?t("244"):void 0;if(d===d.nextScheduledRoot){xh=W=d.nextScheduledRoot=null;break}else if(d===xh)xh=e=d.nextScheduledRoot,W.nextScheduledRoot=e,d.nextScheduledRoot=null;else if(d===W){W=c;W.nextScheduledRoot=xh;d.nextScheduledRoot=null;break}else c.nextScheduledRoot=d.nextScheduledRoot,d.nextScheduledRoot=null;d=c.nextScheduledRoot;}else{e>a&&(a=e,b=d);if(d===W)break;if(1073741823===
|
4169 | a)break;c=d;d=d.nextScheduledRoot;}}Ah=b;Y=a;}var Rh=!1;function nh(){return Rh?!0:scheduler.unstable_shouldYield()?Rh=!0:!1}function Lh(){try{if(!nh()&&null!==xh){Jh();var a=xh;do{var b=a.expirationTime;0!==b&&Gh<=b&&(a.nextExpirationTimeToWorkOn=Gh);a=a.nextScheduledRoot;}while(a!==xh)}Qh(0,!0);}finally{Rh=!1;}}
|
4170 | function Qh(a,b){Oh();if(b)for(Jh(),Hh=Gh;null!==Ah&&0!==Y&&a<=Y&&!(Rh&&Gh>Y);)Ph(Ah,Y,Gh>Y),Oh(),Jh(),Hh=Gh;else for(;null!==Ah&&0!==Y&&a<=Y;)Ph(Ah,Y,!1),Oh();b&&(yh=0,zh=null);0!==Y&&Kh(Ah,Y);uh=0;Ih=null;if(null!==Eh)for(a=Eh,Eh=null,b=0;b<a.length;b++){var c=a[b];try{c._onComplete();}catch(d){Bh||(Bh=!0,Ch=d);}}if(Bh)throw a=Ch,Ch=null,Bh=!1,a;}function Nh(a,b){X?t("253"):void 0;Ah=a;Y=b;Ph(a,b,!1);Qh(1073741823,!1);}
|
4171 | function Ph(a,b,c){X?t("245"):void 0;X=!0;if(c){var d=a.finishedWork;null!==d?Sh(a,d,b):(a.finishedWork=null,d=a.timeoutHandle,-1!==d&&(a.timeoutHandle=-1,Ee(d)),mh(a,c),d=a.finishedWork,null!==d&&(nh()?a.finishedWork=d:Sh(a,d,b)));}else d=a.finishedWork,null!==d?Sh(a,d,b):(a.finishedWork=null,d=a.timeoutHandle,-1!==d&&(a.timeoutHandle=-1,Ee(d)),mh(a,c),d=a.finishedWork,null!==d&&Sh(a,d,b));X=!1;}
|
4172 | function Sh(a,b,c){var d=a.firstBatch;if(null!==d&&d._expirationTime>=c&&(null===Eh?Eh=[d]:Eh.push(d),d._defer)){a.finishedWork=b;a.expirationTime=0;return}a.finishedWork=null;a===Ih?uh++:(Ih=a,uh=0);gh=dh=!0;a.current===b?t("177"):void 0;c=a.pendingCommitExpirationTime;0===c?t("261"):void 0;a.pendingCommitExpirationTime=0;d=b.expirationTime;var e=b.childExpirationTime;d=e>d?e:d;a.didError=!1;0===d?(a.earliestPendingTime=0,a.latestPendingTime=0,a.earliestSuspendedTime=0,a.latestSuspendedTime=0,a.latestPingedTime=
|
4173 | 0):(d<a.latestPingedTime&&(a.latestPingedTime=0),e=a.latestPendingTime,0!==e&&(e>d?a.earliestPendingTime=a.latestPendingTime=0:a.earliestPendingTime>d&&(a.earliestPendingTime=a.latestPendingTime)),e=a.earliestSuspendedTime,0===e?ff(a,d):d<a.latestSuspendedTime?(a.earliestSuspendedTime=0,a.latestSuspendedTime=0,a.latestPingedTime=0,ff(a,d)):d>e&&ff(a,d));gf(0,a);ah.current=null;1<b.effectTag?null!==b.lastEffect?(b.lastEffect.nextEffect=b,d=b.firstEffect):d=b:d=b.firstEffect;ze=Hd;e=Td();if(Ud(e)){if("selectionStart"in
|
4174 | e)var f={start:e.selectionStart,end:e.selectionEnd};else a:{f=(f=e.ownerDocument)&&f.defaultView||window;var g=f.getSelection&&f.getSelection();if(g&&0!==g.rangeCount){f=g.anchorNode;var h=g.anchorOffset,k=g.focusNode;g=g.focusOffset;try{f.nodeType,k.nodeType;}catch(db){f=null;break a}var l=0,m=-1,r=-1,w=0,y=0,B=e,R=null;b:for(;;){for(var v;;){B!==f||0!==h&&3!==B.nodeType||(m=l+h);B!==k||0!==g&&3!==B.nodeType||(r=l+g);3===B.nodeType&&(l+=B.nodeValue.length);if(null===(v=B.firstChild))break;R=B;B=v;}for(;;){if(B===
|
4175 | e)break b;R===f&&++w===h&&(m=l);R===k&&++y===g&&(r=l);if(null!==(v=B.nextSibling))break;B=R;R=B.parentNode;}B=v;}f=-1===m||-1===r?null:{start:m,end:r};}else f=null;}f=f||{start:0,end:0};}else f=null;Ae={focusedElem:e,selectionRange:f};Hd=!1;for(V=d;null!==V;){e=!1;f=void 0;try{for(;null!==V;){if(V.effectTag&256)a:{var q=V.alternate;h=V;switch(h.tag){case 0:case 11:case 15:break a;case 1:if(h.effectTag&256&&null!==q){var u=q.memoizedProps,A=q.memoizedState,Yf=h.stateNode,Vh=Yf.getSnapshotBeforeUpdate(h.elementType===
|
4176 | h.type?u:P(h.type,u),A);Yf.__reactInternalSnapshotBeforeUpdate=Vh;}break a;case 3:case 5:case 6:case 4:case 17:break a;default:t("163");}}V=V.nextEffect;}}catch(db){e=!0,f=db;}e&&(null===V?t("178"):void 0,Mg(V,f),null!==V&&(V=V.nextEffect));}for(V=d;null!==V;){q=!1;u=void 0;try{for(;null!==V;){var x=V.effectTag;x&16&&pe(V.stateNode,"");if(x&128){var C=V.alternate;if(null!==C){var p=C.ref;null!==p&&("function"===typeof p?p(null):p.current=null);}}switch(x&14){case 2:Rg(V);V.effectTag&=-3;break;case 6:Rg(V);
|
4177 | V.effectTag&=-3;Sg(V.alternate,V);break;case 4:Sg(V.alternate,V);break;case 8:A=V;Pg(A);A.return=null;A.child=null;A.memoizedState=null;A.updateQueue=null;var G=A.alternate;null!==G&&(G.return=null,G.child=null,G.memoizedState=null,G.updateQueue=null);}V=V.nextEffect;}}catch(db){q=!0,u=db;}q&&(null===V?t("178"):void 0,Mg(V,u),null!==V&&(V=V.nextEffect));}p=Ae;C=Td();x=p.focusedElem;q=p.selectionRange;if(C!==x&&x&&x.ownerDocument&&Sd(x.ownerDocument.documentElement,x)){null!==q&&Ud(x)&&(C=q.start,p=q.end,
|
4178 | void 0===p&&(p=C),"selectionStart"in x?(x.selectionStart=C,x.selectionEnd=Math.min(p,x.value.length)):(p=(C=x.ownerDocument||document)&&C.defaultView||window,p.getSelection&&(p=p.getSelection(),u=x.textContent.length,G=Math.min(q.start,u),q=void 0===q.end?G:Math.min(q.end,u),!p.extend&&G>q&&(u=q,q=G,G=u),u=Rd(x,G),A=Rd(x,q),u&&A&&(1!==p.rangeCount||p.anchorNode!==u.node||p.anchorOffset!==u.offset||p.focusNode!==A.node||p.focusOffset!==A.offset)&&(C=C.createRange(),C.setStart(u.node,u.offset),p.removeAllRanges(),
|
4179 | G>q?(p.addRange(C),p.extend(A.node,A.offset)):(C.setEnd(A.node,A.offset),p.addRange(C))))));C=[];for(p=x;p=p.parentNode;)1===p.nodeType&&C.push({element:p,left:p.scrollLeft,top:p.scrollTop});"function"===typeof x.focus&&x.focus();for(x=0;x<C.length;x++)p=C[x],p.element.scrollLeft=p.left,p.element.scrollTop=p.top;}Ae=null;Hd=!!ze;ze=null;a.current=b;for(V=d;null!==V;){d=!1;x=void 0;try{for(C=c;null!==V;){var Fb=V.effectTag;if(Fb&36){var Gb=V.alternate;p=V;G=C;switch(p.tag){case 0:case 11:case 15:break;
|
4180 | case 1:var Hc=p.stateNode;if(p.effectTag&4)if(null===Gb)Hc.componentDidMount();else{var ii=p.elementType===p.type?Gb.memoizedProps:P(p.type,Gb.memoizedProps);Hc.componentDidUpdate(ii,Gb.memoizedState,Hc.__reactInternalSnapshotBeforeUpdate);}var Dg=p.updateQueue;null!==Dg&&uf(p,Dg,Hc,G);break;case 3:var Eg=p.updateQueue;if(null!==Eg){q=null;if(null!==p.child)switch(p.child.tag){case 5:q=p.child.stateNode;break;case 1:q=p.child.stateNode;}uf(p,Eg,q,G);}break;case 5:var ji=p.stateNode;null===Gb&&p.effectTag&
|
4181 | 4&&Be(p.type,p.memoizedProps)&&ji.focus();break;case 6:break;case 4:break;case 12:break;case 13:break;case 17:break;default:t("163");}}if(Fb&128){var Ic=V.ref;if(null!==Ic){var Fg=V.stateNode;switch(V.tag){case 5:var ce=Fg;break;default:ce=Fg;}"function"===typeof Ic?Ic(ce):Ic.current=ce;}}V=V.nextEffect;}}catch(db){d=!0,x=db;}d&&(null===V?t("178"):void 0,Mg(V,x),null!==V&&(V=V.nextEffect));}dh=gh=!1;"function"===typeof Te&&Te(b.stateNode);Fb=b.expirationTime;b=b.childExpirationTime;b=b>Fb?b:Fb;0===b&&(Yg=
|
4182 | null);a.expirationTime=b;a.finishedWork=null;}function Wg(a){null===Ah?t("246"):void 0;Ah.expirationTime=0;Bh||(Bh=!0,Ch=a);}function Th(a,b){var c=Z;Z=!0;try{return a(b)}finally{(Z=c)||X||Qh(1073741823,!1);}}function Uh(a,b){if(Z&&!Dh){Dh=!0;try{return a(b)}finally{Dh=!1;}}return a(b)}function Wh(a,b,c){if(qh)return a(b,c);Z||X||0===rh||(Qh(rh,!1),rh=0);var d=qh,e=Z;Z=qh=!0;try{return a(b,c)}finally{qh=d,(Z=e)||X||Qh(1073741823,!1);}}
|
4183 | function Xh(a,b,c,d,e){var f=b.current;a:if(c){c=c._reactInternalFiber;b:{2===kd(c)&&1===c.tag?void 0:t("170");var g=c;do{switch(g.tag){case 3:g=g.stateNode.context;break b;case 1:if(M(g.type)){g=g.stateNode.__reactInternalMemoizedMergedChildContext;break b}}g=g.return;}while(null!==g);t("171");g=void 0;}if(1===c.tag){var h=c.type;if(M(h)){c=Qe(c,h,g);break a}}c=g;}else c=Ke;null===b.context?b.context=c:b.pendingContext=c;b=e;e=nf(d);e.payload={element:a};b=void 0===b?null:b;null!==b&&(e.callback=b);
|
4184 | pf(f,e);Uf(f,d);return d}function Yh(a,b,c,d){var e=b.current,f=Rf();e=Sf(f,e);return Xh(a,b,c,e,d)}function Zh(a){a=a.current;if(!a.child)return null;switch(a.child.tag){case 5:return a.child.stateNode;default:return a.child.stateNode}}function $h(a,b,c){var d=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return {$$typeof:$b,key:null==d?null:""+d,children:a,containerInfo:b,implementation:c}}
|
4185 | Cb=function(a,b,c){switch(b){case "input":Cc(a,c);b=c.name;if("radio"===c.type&&null!=b){for(c=a;c.parentNode;)c=c.parentNode;c=c.querySelectorAll("input[name="+JSON.stringify(""+b)+'][type="radio"]');for(b=0;b<c.length;b++){var d=c[b];if(d!==a&&d.form===a.form){var e=La(d);e?void 0:t("90");Wb(d);Cc(d,e);}}}break;case "textarea":ie(a,c);break;case "select":b=c.value,null!=b&&fe(a,!!c.multiple,b,!1);}};
|
4186 | function ai(a){var b=1073741822-25*(((1073741822-Rf()+500)/25|0)+1);b>=bh&&(b=bh-1);this._expirationTime=bh=b;this._root=a;this._callbacks=this._next=null;this._hasChildren=this._didComplete=!1;this._children=null;this._defer=!0;}ai.prototype.render=function(a){this._defer?void 0:t("250");this._hasChildren=!0;this._children=a;var b=this._root._internalRoot,c=this._expirationTime,d=new bi;Xh(a,b,null,c,d._onCommit);return d};
|
4187 | ai.prototype.then=function(a){if(this._didComplete)a();else{var b=this._callbacks;null===b&&(b=this._callbacks=[]);b.push(a);}};
|
4188 | ai.prototype.commit=function(){var a=this._root._internalRoot,b=a.firstBatch;this._defer&&null!==b?void 0:t("251");if(this._hasChildren){var c=this._expirationTime;if(b!==this){this._hasChildren&&(c=this._expirationTime=b._expirationTime,this.render(this._children));for(var d=null,e=b;e!==this;)d=e,e=e._next;null===d?t("251"):void 0;d._next=e._next;this._next=b;a.firstBatch=this;}this._defer=!1;Nh(a,c);b=this._next;this._next=null;b=a.firstBatch=b;null!==b&&b._hasChildren&&b.render(b._children);}else this._next=
|
4189 | null,this._defer=!1;};ai.prototype._onComplete=function(){if(!this._didComplete){this._didComplete=!0;var a=this._callbacks;if(null!==a)for(var b=0;b<a.length;b++)(0, a[b])();}};function bi(){this._callbacks=null;this._didCommit=!1;this._onCommit=this._onCommit.bind(this);}bi.prototype.then=function(a){if(this._didCommit)a();else{var b=this._callbacks;null===b&&(b=this._callbacks=[]);b.push(a);}};
|
4190 | bi.prototype._onCommit=function(){if(!this._didCommit){this._didCommit=!0;var a=this._callbacks;if(null!==a)for(var b=0;b<a.length;b++){var c=a[b];"function"!==typeof c?t("191",c):void 0;c();}}};
|
4191 | function ci(a,b,c){b=N(3,null,null,b?3:0);a={current:b,containerInfo:a,pendingChildren:null,pingCache:null,earliestPendingTime:0,latestPendingTime:0,earliestSuspendedTime:0,latestSuspendedTime:0,latestPingedTime:0,didError:!1,pendingCommitExpirationTime:0,finishedWork:null,timeoutHandle:-1,context:null,pendingContext:null,hydrate:c,nextExpirationTimeToWorkOn:0,expirationTime:0,firstBatch:null,nextScheduledRoot:null};this._internalRoot=b.stateNode=a;}
|
4192 | ci.prototype.render=function(a,b){var c=this._internalRoot,d=new bi;b=void 0===b?null:b;null!==b&&d.then(b);Yh(a,c,null,d._onCommit);return d};ci.prototype.unmount=function(a){var b=this._internalRoot,c=new bi;a=void 0===a?null:a;null!==a&&c.then(a);Yh(null,b,null,c._onCommit);return c};ci.prototype.legacy_renderSubtreeIntoContainer=function(a,b,c){var d=this._internalRoot,e=new bi;c=void 0===c?null:c;null!==c&&e.then(c);Yh(b,d,a,e._onCommit);return e};
|
4193 | ci.prototype.createBatch=function(){var a=new ai(this),b=a._expirationTime,c=this._internalRoot,d=c.firstBatch;if(null===d)c.firstBatch=a,a._next=null;else{for(c=null;null!==d&&d._expirationTime>=b;)c=d,d=d._next;a._next=d;null!==c&&(c._next=a);}return a};function di(a){return !(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType&&(8!==a.nodeType||" react-mount-point-unstable "!==a.nodeValue))}Kb=Th;Lb=Wh;Mb=function(){X||0===rh||(Qh(rh,!1),rh=0);};
|
4194 | function ei(a,b){b||(b=a?9===a.nodeType?a.documentElement:a.firstChild:null,b=!(!b||1!==b.nodeType||!b.hasAttribute("data-reactroot")));if(!b)for(var c;c=a.lastChild;)a.removeChild(c);return new ci(a,!1,b)}
|
4195 | function fi(a,b,c,d,e){di(c)?void 0:t("200");var f=c._reactRootContainer;if(f){if("function"===typeof e){var g=e;e=function(){var a=Zh(f._internalRoot);g.call(a);};}null!=a?f.legacy_renderSubtreeIntoContainer(a,b,e):f.render(b,e);}else{f=c._reactRootContainer=ei(c,d);if("function"===typeof e){var h=e;e=function(){var a=Zh(f._internalRoot);h.call(a);};}Uh(function(){null!=a?f.legacy_renderSubtreeIntoContainer(a,b,e):f.render(b,e);});}return Zh(f._internalRoot)}
|
4196 | function gi(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;di(b)?void 0:t("200");return $h(a,b,null,c)}
|
4197 | var ki={createPortal:gi,findDOMNode:function(a){if(null==a)return null;if(1===a.nodeType)return a;var b=a._reactInternalFiber;void 0===b&&("function"===typeof a.render?t("188"):t("268",Object.keys(a)));a=nd(b);a=null===a?null:a.stateNode;return a},hydrate:function(a,b,c){return fi(null,a,b,!0,c)},render:function(a,b,c){return fi(null,a,b,!1,c)},unstable_renderSubtreeIntoContainer:function(a,b,c,d){null==a||void 0===a._reactInternalFiber?t("38"):void 0;return fi(a,b,c,!1,d)},unmountComponentAtNode:function(a){di(a)?
|
4198 | void 0:t("40");return a._reactRootContainer?(Uh(function(){fi(null,null,a,!1,function(){a._reactRootContainer=null;});}),!0):!1},unstable_createPortal:function(){return gi.apply(void 0,arguments)},unstable_batchedUpdates:Th,unstable_interactiveUpdates:Wh,flushSync:function(a,b){X?t("187"):void 0;var c=Z;Z=!0;try{return wh(a,b)}finally{Z=c,Qh(1073741823,!1);}},unstable_createRoot:hi,unstable_flushControlled:function(a){var b=Z;Z=!0;try{wh(a);}finally{(Z=b)||X||Qh(1073741823,!1);}},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{Events:[Ja,
|
4199 | Ka,La,Ca.injectEventPluginsByName,qa,Ra,function(a){za(a,Qa);},Ib,Jb,Jd,Ea]}};function hi(a,b){di(a)?void 0:t("299","unstable_createRoot");return new ci(a,!0,null!=b&&!0===b.hydrate)}(function(a){var b=a.findFiberByHostInstance;return We(objectAssign({},a,{overrideProps:null,findHostInstanceByFiber:function(a){a=nd(a);return null===a?null:a.stateNode},findFiberByHostInstance:function(a){return b?b(a):null}}))})({findFiberByHostInstance:Ia,bundleType:0,version:"16.7.0",rendererPackageName:"react-dom"});
|
4200 | var li={default:ki},mi=li&&ki||li;var reactDom_production_min=mi.default||mi;
|
4201 |
|
4202 | var reactDom = createCommonjsModule(function (module) {
|
4203 |
|
4204 | function checkDCE() {
|
4205 |
|
4206 | if (
|
4207 | typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined' ||
|
4208 | typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== 'function'
|
4209 | ) {
|
4210 | return;
|
4211 | }
|
4212 | try {
|
4213 |
|
4214 | __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);
|
4215 | } catch (err) {
|
4216 |
|
4217 |
|
4218 | console.error(err);
|
4219 | }
|
4220 | }
|
4221 |
|
4222 | {
|
4223 |
|
4224 |
|
4225 | checkDCE();
|
4226 | module.exports = reactDom_production_min;
|
4227 | }
|
4228 | });
|
4229 |
|
4230 | |
4231 |
|
4232 |
|
4233 |
|
4234 |
|
4235 |
|
4236 |
|
4237 | var invariant = function(condition, format, a, b, c, d, e, f) {
|
4238 |
|
4239 | if (!condition) {
|
4240 | var error;
|
4241 | if (format === undefined) {
|
4242 | error = new Error(
|
4243 | 'Minified exception occurred; use the non-minified dev environment ' +
|
4244 | 'for the full error message and additional helpful warnings.'
|
4245 | );
|
4246 | } else {
|
4247 | var args = [a, b, c, d, e, f];
|
4248 | var argIndex = 0;
|
4249 | error = new Error(
|
4250 | format.replace(/%s/g, function() { return args[argIndex++]; })
|
4251 | );
|
4252 | error.name = 'Invariant Violation';
|
4253 | }
|
4254 |
|
4255 | error.framesToPop = 1;
|
4256 | throw error;
|
4257 | }
|
4258 | };
|
4259 |
|
4260 | var invariant_1 = invariant;
|
4261 |
|
4262 | |
4263 |
|
4264 |
|
4265 |
|
4266 |
|
4267 |
|
4268 |
|
4269 |
|
4270 |
|
4271 |
|
4272 | var FUNC_ERROR_TEXT = 'Expected a function';
|
4273 |
|
4274 |
|
4275 | var NAN = 0 / 0;
|
4276 |
|
4277 |
|
4278 | var symbolTag = '[object Symbol]';
|
4279 |
|
4280 |
|
4281 | var reTrim = /^\s+|\s+$/g;
|
4282 |
|
4283 |
|
4284 | var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
|
4285 |
|
4286 |
|
4287 | var reIsBinary = /^0b[01]+$/i;
|
4288 |
|
4289 |
|
4290 | var reIsOctal = /^0o[0-7]+$/i;
|
4291 |
|
4292 |
|
4293 | var freeParseInt = parseInt;
|
4294 |
|
4295 |
|
4296 | var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
|
4297 |
|
4298 |
|
4299 | var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
|
4300 |
|
4301 |
|
4302 | var root = freeGlobal || freeSelf || Function('return this')();
|
4303 |
|
4304 |
|
4305 | var objectProto = Object.prototype;
|
4306 |
|
4307 | |
4308 |
|
4309 |
|
4310 |
|
4311 |
|
4312 | var objectToString = objectProto.toString;
|
4313 |
|
4314 |
|
4315 | var nativeMax = Math.max,
|
4316 | nativeMin = Math.min;
|
4317 |
|
4318 | |
4319 |
|
4320 |
|
4321 |
|
4322 |
|
4323 |
|
4324 |
|
4325 |
|
4326 |
|
4327 |
|
4328 |
|
4329 |
|
4330 |
|
4331 |
|
4332 |
|
4333 |
|
4334 | var now = function() {
|
4335 | return root.Date.now();
|
4336 | };
|
4337 |
|
4338 | |
4339 |
|
4340 |
|
4341 |
|
4342 |
|
4343 |
|
4344 |
|
4345 |
|
4346 |
|
4347 |
|
4348 |
|
4349 |
|
4350 |
|
4351 |
|
4352 |
|
4353 |
|
4354 |
|
4355 |
|
4356 |
|
4357 |
|
4358 |
|
4359 |
|
4360 |
|
4361 |
|
4362 |
|
4363 |
|
4364 |
|
4365 |
|
4366 |
|
4367 |
|
4368 |
|
4369 |
|
4370 |
|
4371 |
|
4372 |
|
4373 |
|
4374 |
|
4375 |
|
4376 |
|
4377 |
|
4378 |
|
4379 |
|
4380 |
|
4381 |
|
4382 |
|
4383 |
|
4384 |
|
4385 |
|
4386 |
|
4387 |
|
4388 |
|
4389 |
|
4390 |
|
4391 |
|
4392 | function debounce(func, wait, options) {
|
4393 | var lastArgs,
|
4394 | lastThis,
|
4395 | maxWait,
|
4396 | result,
|
4397 | timerId,
|
4398 | lastCallTime,
|
4399 | lastInvokeTime = 0,
|
4400 | leading = false,
|
4401 | maxing = false,
|
4402 | trailing = true;
|
4403 |
|
4404 | if (typeof func != 'function') {
|
4405 | throw new TypeError(FUNC_ERROR_TEXT);
|
4406 | }
|
4407 | wait = toNumber(wait) || 0;
|
4408 | if (isObject(options)) {
|
4409 | leading = !!options.leading;
|
4410 | maxing = 'maxWait' in options;
|
4411 | maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
|
4412 | trailing = 'trailing' in options ? !!options.trailing : trailing;
|
4413 | }
|
4414 |
|
4415 | function invokeFunc(time) {
|
4416 | var args = lastArgs,
|
4417 | thisArg = lastThis;
|
4418 |
|
4419 | lastArgs = lastThis = undefined;
|
4420 | lastInvokeTime = time;
|
4421 | result = func.apply(thisArg, args);
|
4422 | return result;
|
4423 | }
|
4424 |
|
4425 | function leadingEdge(time) {
|
4426 |
|
4427 | lastInvokeTime = time;
|
4428 |
|
4429 | timerId = setTimeout(timerExpired, wait);
|
4430 |
|
4431 | return leading ? invokeFunc(time) : result;
|
4432 | }
|
4433 |
|
4434 | function remainingWait(time) {
|
4435 | var timeSinceLastCall = time - lastCallTime,
|
4436 | timeSinceLastInvoke = time - lastInvokeTime,
|
4437 | result = wait - timeSinceLastCall;
|
4438 |
|
4439 | return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;
|
4440 | }
|
4441 |
|
4442 | function shouldInvoke(time) {
|
4443 | var timeSinceLastCall = time - lastCallTime,
|
4444 | timeSinceLastInvoke = time - lastInvokeTime;
|
4445 |
|
4446 |
|
4447 |
|
4448 |
|
4449 | return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
|
4450 | (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
|
4451 | }
|
4452 |
|
4453 | function timerExpired() {
|
4454 | var time = now();
|
4455 | if (shouldInvoke(time)) {
|
4456 | return trailingEdge(time);
|
4457 | }
|
4458 |
|
4459 | timerId = setTimeout(timerExpired, remainingWait(time));
|
4460 | }
|
4461 |
|
4462 | function trailingEdge(time) {
|
4463 | timerId = undefined;
|
4464 |
|
4465 |
|
4466 |
|
4467 | if (trailing && lastArgs) {
|
4468 | return invokeFunc(time);
|
4469 | }
|
4470 | lastArgs = lastThis = undefined;
|
4471 | return result;
|
4472 | }
|
4473 |
|
4474 | function cancel() {
|
4475 | if (timerId !== undefined) {
|
4476 | clearTimeout(timerId);
|
4477 | }
|
4478 | lastInvokeTime = 0;
|
4479 | lastArgs = lastCallTime = lastThis = timerId = undefined;
|
4480 | }
|
4481 |
|
4482 | function flush() {
|
4483 | return timerId === undefined ? result : trailingEdge(now());
|
4484 | }
|
4485 |
|
4486 | function debounced() {
|
4487 | var time = now(),
|
4488 | isInvoking = shouldInvoke(time);
|
4489 |
|
4490 | lastArgs = arguments;
|
4491 | lastThis = this;
|
4492 | lastCallTime = time;
|
4493 |
|
4494 | if (isInvoking) {
|
4495 | if (timerId === undefined) {
|
4496 | return leadingEdge(lastCallTime);
|
4497 | }
|
4498 | if (maxing) {
|
4499 |
|
4500 | timerId = setTimeout(timerExpired, wait);
|
4501 | return invokeFunc(lastCallTime);
|
4502 | }
|
4503 | }
|
4504 | if (timerId === undefined) {
|
4505 | timerId = setTimeout(timerExpired, wait);
|
4506 | }
|
4507 | return result;
|
4508 | }
|
4509 | debounced.cancel = cancel;
|
4510 | debounced.flush = flush;
|
4511 | return debounced;
|
4512 | }
|
4513 |
|
4514 | |
4515 |
|
4516 |
|
4517 |
|
4518 |
|
4519 |
|
4520 |
|
4521 |
|
4522 |
|
4523 |
|
4524 |
|
4525 |
|
4526 |
|
4527 |
|
4528 |
|
4529 |
|
4530 |
|
4531 |
|
4532 |
|
4533 |
|
4534 |
|
4535 |
|
4536 |
|
4537 |
|
4538 |
|
4539 |
|
4540 |
|
4541 |
|
4542 |
|
4543 |
|
4544 |
|
4545 |
|
4546 |
|
4547 |
|
4548 |
|
4549 |
|
4550 |
|
4551 |
|
4552 |
|
4553 |
|
4554 |
|
4555 |
|
4556 |
|
4557 |
|
4558 | function throttle(func, wait, options) {
|
4559 | var leading = true,
|
4560 | trailing = true;
|
4561 |
|
4562 | if (typeof func != 'function') {
|
4563 | throw new TypeError(FUNC_ERROR_TEXT);
|
4564 | }
|
4565 | if (isObject(options)) {
|
4566 | leading = 'leading' in options ? !!options.leading : leading;
|
4567 | trailing = 'trailing' in options ? !!options.trailing : trailing;
|
4568 | }
|
4569 | return debounce(func, wait, {
|
4570 | 'leading': leading,
|
4571 | 'maxWait': wait,
|
4572 | 'trailing': trailing
|
4573 | });
|
4574 | }
|
4575 |
|
4576 | |
4577 |
|
4578 |
|
4579 |
|
4580 |
|
4581 |
|
4582 |
|
4583 |
|
4584 |
|
4585 |
|
4586 |
|
4587 |
|
4588 |
|
4589 |
|
4590 |
|
4591 |
|
4592 |
|
4593 |
|
4594 |
|
4595 |
|
4596 |
|
4597 |
|
4598 |
|
4599 |
|
4600 |
|
4601 | function isObject(value) {
|
4602 | var type = typeof value;
|
4603 | return !!value && (type == 'object' || type == 'function');
|
4604 | }
|
4605 |
|
4606 | |
4607 |
|
4608 |
|
4609 |
|
4610 |
|
4611 |
|
4612 |
|
4613 |
|
4614 |
|
4615 |
|
4616 |
|
4617 |
|
4618 |
|
4619 |
|
4620 |
|
4621 |
|
4622 |
|
4623 |
|
4624 |
|
4625 |
|
4626 |
|
4627 |
|
4628 |
|
4629 |
|
4630 | function isObjectLike(value) {
|
4631 | return !!value && typeof value == 'object';
|
4632 | }
|
4633 |
|
4634 | |
4635 |
|
4636 |
|
4637 |
|
4638 |
|
4639 |
|
4640 |
|
4641 |
|
4642 |
|
4643 |
|
4644 |
|
4645 |
|
4646 |
|
4647 |
|
4648 |
|
4649 |
|
4650 |
|
4651 | function isSymbol(value) {
|
4652 | return typeof value == 'symbol' ||
|
4653 | (isObjectLike(value) && objectToString.call(value) == symbolTag);
|
4654 | }
|
4655 |
|
4656 | |
4657 |
|
4658 |
|
4659 |
|
4660 |
|
4661 |
|
4662 |
|
4663 |
|
4664 |
|
4665 |
|
4666 |
|
4667 |
|
4668 |
|
4669 |
|
4670 |
|
4671 |
|
4672 |
|
4673 |
|
4674 |
|
4675 |
|
4676 |
|
4677 |
|
4678 |
|
4679 | function toNumber(value) {
|
4680 | if (typeof value == 'number') {
|
4681 | return value;
|
4682 | }
|
4683 | if (isSymbol(value)) {
|
4684 | return NAN;
|
4685 | }
|
4686 | if (isObject(value)) {
|
4687 | var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
|
4688 | value = isObject(other) ? (other + '') : other;
|
4689 | }
|
4690 | if (typeof value != 'string') {
|
4691 | return value === 0 ? value : +value;
|
4692 | }
|
4693 | value = value.replace(reTrim, '');
|
4694 | var isBinary = reIsBinary.test(value);
|
4695 | return (isBinary || reIsOctal.test(value))
|
4696 | ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
|
4697 | : (reIsBadHex.test(value) ? NAN : +value);
|
4698 | }
|
4699 |
|
4700 | var lodash_throttle = throttle;
|
4701 |
|
4702 | |
4703 |
|
4704 |
|
4705 |
|
4706 |
|
4707 |
|
4708 |
|
4709 |
|
4710 |
|
4711 |
|
4712 | var FUNC_ERROR_TEXT$1 = 'Expected a function';
|
4713 |
|
4714 |
|
4715 | var NAN$1 = 0 / 0;
|
4716 |
|
4717 |
|
4718 | var symbolTag$1 = '[object Symbol]';
|
4719 |
|
4720 |
|
4721 | var reTrim$1 = /^\s+|\s+$/g;
|
4722 |
|
4723 |
|
4724 | var reIsBadHex$1 = /^[-+]0x[0-9a-f]+$/i;
|
4725 |
|
4726 |
|
4727 | var reIsBinary$1 = /^0b[01]+$/i;
|
4728 |
|
4729 |
|
4730 | var reIsOctal$1 = /^0o[0-7]+$/i;
|
4731 |
|
4732 |
|
4733 | var freeParseInt$1 = parseInt;
|
4734 |
|
4735 |
|
4736 | var freeGlobal$1 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
|
4737 |
|
4738 |
|
4739 | var freeSelf$1 = typeof self == 'object' && self && self.Object === Object && self;
|
4740 |
|
4741 |
|
4742 | var root$1 = freeGlobal$1 || freeSelf$1 || Function('return this')();
|
4743 |
|
4744 |
|
4745 | var objectProto$1 = Object.prototype;
|
4746 |
|
4747 | |
4748 |
|
4749 |
|
4750 |
|
4751 |
|
4752 | var objectToString$1 = objectProto$1.toString;
|
4753 |
|
4754 |
|
4755 | var nativeMax$1 = Math.max,
|
4756 | nativeMin$1 = Math.min;
|
4757 |
|
4758 | |
4759 |
|
4760 |
|
4761 |
|
4762 |
|
4763 |
|
4764 |
|
4765 |
|
4766 |
|
4767 |
|
4768 |
|
4769 |
|
4770 |
|
4771 |
|
4772 |
|
4773 |
|
4774 | var now$1 = function() {
|
4775 | return root$1.Date.now();
|
4776 | };
|
4777 |
|
4778 | |
4779 |
|
4780 |
|
4781 |
|
4782 |
|
4783 |
|
4784 |
|
4785 |
|
4786 |
|
4787 |
|
4788 |
|
4789 |
|
4790 |
|
4791 |
|
4792 |
|
4793 |
|
4794 |
|
4795 |
|
4796 |
|
4797 |
|
4798 |
|
4799 |
|
4800 |
|
4801 |
|
4802 |
|
4803 |
|
4804 |
|
4805 |
|
4806 |
|
4807 |
|
4808 |
|
4809 |
|
4810 |
|
4811 |
|
4812 |
|
4813 |
|
4814 |
|
4815 |
|
4816 |
|
4817 |
|
4818 |
|
4819 |
|
4820 |
|
4821 |
|
4822 |
|
4823 |
|
4824 |
|
4825 |
|
4826 |
|
4827 |
|
4828 |
|
4829 |
|
4830 |
|
4831 |
|
4832 | function debounce$1(func, wait, options) {
|
4833 | var lastArgs,
|
4834 | lastThis,
|
4835 | maxWait,
|
4836 | result,
|
4837 | timerId,
|
4838 | lastCallTime,
|
4839 | lastInvokeTime = 0,
|
4840 | leading = false,
|
4841 | maxing = false,
|
4842 | trailing = true;
|
4843 |
|
4844 | if (typeof func != 'function') {
|
4845 | throw new TypeError(FUNC_ERROR_TEXT$1);
|
4846 | }
|
4847 | wait = toNumber$1(wait) || 0;
|
4848 | if (isObject$1(options)) {
|
4849 | leading = !!options.leading;
|
4850 | maxing = 'maxWait' in options;
|
4851 | maxWait = maxing ? nativeMax$1(toNumber$1(options.maxWait) || 0, wait) : maxWait;
|
4852 | trailing = 'trailing' in options ? !!options.trailing : trailing;
|
4853 | }
|
4854 |
|
4855 | function invokeFunc(time) {
|
4856 | var args = lastArgs,
|
4857 | thisArg = lastThis;
|
4858 |
|
4859 | lastArgs = lastThis = undefined;
|
4860 | lastInvokeTime = time;
|
4861 | result = func.apply(thisArg, args);
|
4862 | return result;
|
4863 | }
|
4864 |
|
4865 | function leadingEdge(time) {
|
4866 |
|
4867 | lastInvokeTime = time;
|
4868 |
|
4869 | timerId = setTimeout(timerExpired, wait);
|
4870 |
|
4871 | return leading ? invokeFunc(time) : result;
|
4872 | }
|
4873 |
|
4874 | function remainingWait(time) {
|
4875 | var timeSinceLastCall = time - lastCallTime,
|
4876 | timeSinceLastInvoke = time - lastInvokeTime,
|
4877 | result = wait - timeSinceLastCall;
|
4878 |
|
4879 | return maxing ? nativeMin$1(result, maxWait - timeSinceLastInvoke) : result;
|
4880 | }
|
4881 |
|
4882 | function shouldInvoke(time) {
|
4883 | var timeSinceLastCall = time - lastCallTime,
|
4884 | timeSinceLastInvoke = time - lastInvokeTime;
|
4885 |
|
4886 |
|
4887 |
|
4888 |
|
4889 | return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
|
4890 | (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
|
4891 | }
|
4892 |
|
4893 | function timerExpired() {
|
4894 | var time = now$1();
|
4895 | if (shouldInvoke(time)) {
|
4896 | return trailingEdge(time);
|
4897 | }
|
4898 |
|
4899 | timerId = setTimeout(timerExpired, remainingWait(time));
|
4900 | }
|
4901 |
|
4902 | function trailingEdge(time) {
|
4903 | timerId = undefined;
|
4904 |
|
4905 |
|
4906 |
|
4907 | if (trailing && lastArgs) {
|
4908 | return invokeFunc(time);
|
4909 | }
|
4910 | lastArgs = lastThis = undefined;
|
4911 | return result;
|
4912 | }
|
4913 |
|
4914 | function cancel() {
|
4915 | if (timerId !== undefined) {
|
4916 | clearTimeout(timerId);
|
4917 | }
|
4918 | lastInvokeTime = 0;
|
4919 | lastArgs = lastCallTime = lastThis = timerId = undefined;
|
4920 | }
|
4921 |
|
4922 | function flush() {
|
4923 | return timerId === undefined ? result : trailingEdge(now$1());
|
4924 | }
|
4925 |
|
4926 | function debounced() {
|
4927 | var time = now$1(),
|
4928 | isInvoking = shouldInvoke(time);
|
4929 |
|
4930 | lastArgs = arguments;
|
4931 | lastThis = this;
|
4932 | lastCallTime = time;
|
4933 |
|
4934 | if (isInvoking) {
|
4935 | if (timerId === undefined) {
|
4936 | return leadingEdge(lastCallTime);
|
4937 | }
|
4938 | if (maxing) {
|
4939 |
|
4940 | timerId = setTimeout(timerExpired, wait);
|
4941 | return invokeFunc(lastCallTime);
|
4942 | }
|
4943 | }
|
4944 | if (timerId === undefined) {
|
4945 | timerId = setTimeout(timerExpired, wait);
|
4946 | }
|
4947 | return result;
|
4948 | }
|
4949 | debounced.cancel = cancel;
|
4950 | debounced.flush = flush;
|
4951 | return debounced;
|
4952 | }
|
4953 |
|
4954 | |
4955 |
|
4956 |
|
4957 |
|
4958 |
|
4959 |
|
4960 |
|
4961 |
|
4962 |
|
4963 |
|
4964 |
|
4965 |
|
4966 |
|
4967 |
|
4968 |
|
4969 |
|
4970 |
|
4971 |
|
4972 |
|
4973 |
|
4974 |
|
4975 |
|
4976 |
|
4977 |
|
4978 |
|
4979 | function isObject$1(value) {
|
4980 | var type = typeof value;
|
4981 | return !!value && (type == 'object' || type == 'function');
|
4982 | }
|
4983 |
|
4984 | |
4985 |
|
4986 |
|
4987 |
|
4988 |
|
4989 |
|
4990 |
|
4991 |
|
4992 |
|
4993 |
|
4994 |
|
4995 |
|
4996 |
|
4997 |
|
4998 |
|
4999 |
|
5000 |
|
5001 |
|
5002 |
|
5003 |
|
5004 |
|
5005 |
|
5006 |
|
5007 |
|
5008 | function isObjectLike$1(value) {
|
5009 | return !!value && typeof value == 'object';
|
5010 | }
|
5011 |
|
5012 | |
5013 |
|
5014 |
|
5015 |
|
5016 |
|
5017 |
|
5018 |
|
5019 |
|
5020 |
|
5021 |
|
5022 |
|
5023 |
|
5024 |
|
5025 |
|
5026 |
|
5027 |
|
5028 |
|
5029 | function isSymbol$1(value) {
|
5030 | return typeof value == 'symbol' ||
|
5031 | (isObjectLike$1(value) && objectToString$1.call(value) == symbolTag$1);
|
5032 | }
|
5033 |
|
5034 | |
5035 |
|
5036 |
|
5037 |
|
5038 |
|
5039 |
|
5040 |
|
5041 |
|
5042 |
|
5043 |
|
5044 |
|
5045 |
|
5046 |
|
5047 |
|
5048 |
|
5049 |
|
5050 |
|
5051 |
|
5052 |
|
5053 |
|
5054 |
|
5055 |
|
5056 |
|
5057 | function toNumber$1(value) {
|
5058 | if (typeof value == 'number') {
|
5059 | return value;
|
5060 | }
|
5061 | if (isSymbol$1(value)) {
|
5062 | return NAN$1;
|
5063 | }
|
5064 | if (isObject$1(value)) {
|
5065 | var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
|
5066 | value = isObject$1(other) ? (other + '') : other;
|
5067 | }
|
5068 | if (typeof value != 'string') {
|
5069 | return value === 0 ? value : +value;
|
5070 | }
|
5071 | value = value.replace(reTrim$1, '');
|
5072 | var isBinary = reIsBinary$1.test(value);
|
5073 | return (isBinary || reIsOctal$1.test(value))
|
5074 | ? freeParseInt$1(value.slice(2), isBinary ? 2 : 8)
|
5075 | : (reIsBadHex$1.test(value) ? NAN$1 : +value);
|
5076 | }
|
5077 |
|
5078 | var lodash_debounce = debounce$1;
|
5079 |
|
5080 |
|
5081 |
|
5082 | var shallowequal = function shallowEqual(objA, objB, compare, compareContext) {
|
5083 | var ret = compare ? compare.call(compareContext, objA, objB) : void 0;
|
5084 |
|
5085 | if (ret !== void 0) {
|
5086 | return !!ret;
|
5087 | }
|
5088 |
|
5089 | if (objA === objB) {
|
5090 | return true;
|
5091 | }
|
5092 |
|
5093 | if (typeof objA !== "object" || !objA || typeof objB !== "object" || !objB) {
|
5094 | return false;
|
5095 | }
|
5096 |
|
5097 | var keysA = Object.keys(objA);
|
5098 | var keysB = Object.keys(objB);
|
5099 |
|
5100 | if (keysA.length !== keysB.length) {
|
5101 | return false;
|
5102 | }
|
5103 |
|
5104 | var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);
|
5105 |
|
5106 |
|
5107 | for (var idx = 0; idx < keysA.length; idx++) {
|
5108 | var key = keysA[idx];
|
5109 |
|
5110 | if (!bHasOwnProperty(key)) {
|
5111 | return false;
|
5112 | }
|
5113 |
|
5114 | var valueA = objA[key];
|
5115 | var valueB = objB[key];
|
5116 |
|
5117 | ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;
|
5118 |
|
5119 | if (ret === false || (ret === void 0 && valueA !== valueB)) {
|
5120 | return false;
|
5121 | }
|
5122 | }
|
5123 |
|
5124 | return true;
|
5125 | };
|
5126 |
|
5127 | function _interopDefault$1 (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
5128 |
|
5129 | var createResizeDetector = _interopDefault$1(elementResizeDetector);
|
5130 |
|
5131 | var React__default$$1 = _interopDefault$1(React__default);
|
5132 | var PropTypes$1 = _interopDefault$1(PropTypes);
|
5133 | var ReactDOM = _interopDefault$1(reactDom);
|
5134 | var invariant$1 = _interopDefault$1(invariant_1);
|
5135 | var throttle$1 = _interopDefault$1(lodash_throttle);
|
5136 | var debounce$2 = _interopDefault$1(lodash_debounce);
|
5137 | var isShallowEqual = _interopDefault$1(shallowequal);
|
5138 |
|
5139 | var instances = {};
|
5140 |
|
5141 |
|
5142 |
|
5143 | function resizeDetector() {
|
5144 | var strategy = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'scroll';
|
5145 |
|
5146 | if (!instances[strategy]) {
|
5147 | instances[strategy] = createResizeDetector({
|
5148 | strategy: strategy
|
5149 | });
|
5150 | }
|
5151 |
|
5152 | return instances[strategy];
|
5153 | }
|
5154 |
|
5155 | var classCallCheck = function (instance, Constructor) {
|
5156 | if (!(instance instanceof Constructor)) {
|
5157 | throw new TypeError("Cannot call a class as a function");
|
5158 | }
|
5159 | };
|
5160 |
|
5161 | var createClass = function () {
|
5162 | function defineProperties(target, props) {
|
5163 | for (var i = 0; i < props.length; i++) {
|
5164 | var descriptor = props[i];
|
5165 | descriptor.enumerable = descriptor.enumerable || false;
|
5166 | descriptor.configurable = true;
|
5167 | if ("value" in descriptor) descriptor.writable = true;
|
5168 | Object.defineProperty(target, descriptor.key, descriptor);
|
5169 | }
|
5170 | }
|
5171 |
|
5172 | return function (Constructor, protoProps, staticProps) {
|
5173 | if (protoProps) defineProperties(Constructor.prototype, protoProps);
|
5174 | if (staticProps) defineProperties(Constructor, staticProps);
|
5175 | return Constructor;
|
5176 | };
|
5177 | }();
|
5178 |
|
5179 | var _extends = Object.assign || function (target) {
|
5180 | for (var i = 1; i < arguments.length; i++) {
|
5181 | var source = arguments[i];
|
5182 |
|
5183 | for (var key in source) {
|
5184 | if (Object.prototype.hasOwnProperty.call(source, key)) {
|
5185 | target[key] = source[key];
|
5186 | }
|
5187 | }
|
5188 | }
|
5189 |
|
5190 | return target;
|
5191 | };
|
5192 |
|
5193 | var inherits = function (subClass, superClass) {
|
5194 | if (typeof superClass !== "function" && superClass !== null) {
|
5195 | throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
|
5196 | }
|
5197 |
|
5198 | subClass.prototype = Object.create(superClass && superClass.prototype, {
|
5199 | constructor: {
|
5200 | value: subClass,
|
5201 | enumerable: false,
|
5202 | writable: true,
|
5203 | configurable: true
|
5204 | }
|
5205 | });
|
5206 | if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
|
5207 | };
|
5208 |
|
5209 | var objectWithoutProperties = function (obj, keys) {
|
5210 | var target = {};
|
5211 |
|
5212 | for (var i in obj) {
|
5213 | if (keys.indexOf(i) >= 0) continue;
|
5214 | if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
|
5215 | target[i] = obj[i];
|
5216 | }
|
5217 |
|
5218 | return target;
|
5219 | };
|
5220 |
|
5221 | var possibleConstructorReturn = function (self, call) {
|
5222 | if (!self) {
|
5223 | throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
5224 | }
|
5225 |
|
5226 | return call && (typeof call === "object" || typeof call === "function") ? call : self;
|
5227 | };
|
5228 |
|
5229 |
|
5230 |
|
5231 | var defaultConfig = {
|
5232 | monitorWidth: true,
|
5233 | monitorHeight: false,
|
5234 | monitorPosition: false,
|
5235 | refreshRate: 16,
|
5236 | refreshMode: 'throttle',
|
5237 | noPlaceholder: false,
|
5238 | resizeDetectorStrategy: 'scroll'
|
5239 | };
|
5240 |
|
5241 | function getDisplayName(WrappedComponent) {
|
5242 | return WrappedComponent.displayName || WrappedComponent.name || 'Component';
|
5243 | }
|
5244 |
|
5245 | |
5246 |
|
5247 |
|
5248 |
|
5249 |
|
5250 |
|
5251 | var ReferenceWrapper = function (_Component) {
|
5252 | inherits(ReferenceWrapper, _Component);
|
5253 |
|
5254 | function ReferenceWrapper() {
|
5255 | classCallCheck(this, ReferenceWrapper);
|
5256 | return possibleConstructorReturn(this, (ReferenceWrapper.__proto__ || Object.getPrototypeOf(ReferenceWrapper)).apply(this, arguments));
|
5257 | }
|
5258 |
|
5259 | createClass(ReferenceWrapper, [{
|
5260 | key: 'render',
|
5261 | value: function render() {
|
5262 | return React__default.Children.only(this.props.children);
|
5263 | }
|
5264 | }]);
|
5265 | return ReferenceWrapper;
|
5266 | }(React__default.Component);
|
5267 |
|
5268 | ReferenceWrapper.displayName = 'SizeMeReferenceWrapper';
|
5269 |
|
5270 | ReferenceWrapper.propTypes = { children: PropTypes$1.element.isRequired };
|
5271 |
|
5272 | function Placeholder(_ref) {
|
5273 | var className = _ref.className,
|
5274 | style = _ref.style;
|
5275 |
|
5276 |
|
5277 | var phProps = {};
|
5278 |
|
5279 |
|
5280 |
|
5281 | if (!className && !style) {
|
5282 | phProps.style = { width: '100%', height: '100%' };
|
5283 | } else {
|
5284 | if (className) {
|
5285 | phProps.className = className;
|
5286 | }
|
5287 | if (style) {
|
5288 | phProps.style = style;
|
5289 | }
|
5290 | }
|
5291 |
|
5292 | return React__default$$1.createElement('div', phProps);
|
5293 | }
|
5294 | Placeholder.displayName = 'SizeMePlaceholder';
|
5295 | Placeholder.propTypes = {
|
5296 | className: PropTypes$1.string,
|
5297 | style: PropTypes$1.object
|
5298 |
|
5299 | |
5300 |
|
5301 |
|
5302 |
|
5303 |
|
5304 |
|
5305 |
|
5306 | };var renderWrapper = function renderWrapper(WrappedComponent) {
|
5307 | function SizeMeRenderer(props) {
|
5308 | var explicitRef = props.explicitRef,
|
5309 | className = props.className,
|
5310 | style = props.style,
|
5311 | size = props.size,
|
5312 | disablePlaceholder = props.disablePlaceholder,
|
5313 | onSize = props.onSize,
|
5314 | restProps = objectWithoutProperties(props, ['explicitRef', 'className', 'style', 'size', 'disablePlaceholder', 'onSize']);
|
5315 |
|
5316 |
|
5317 | var noSizeData = size == null || size.width == null && size.height == null && size.position == null;
|
5318 |
|
5319 | var renderPlaceholder = noSizeData && !disablePlaceholder;
|
5320 |
|
5321 | var renderProps = {
|
5322 | className: className,
|
5323 | style: style
|
5324 | };
|
5325 |
|
5326 | if (size != null) {
|
5327 | renderProps.size = size;
|
5328 | }
|
5329 |
|
5330 | var toRender = renderPlaceholder ? React__default$$1.createElement(Placeholder, { className: className, style: style }) : React__default$$1.createElement(WrappedComponent, _extends({}, renderProps, restProps));
|
5331 |
|
5332 | return React__default$$1.createElement(
|
5333 | ReferenceWrapper,
|
5334 | { ref: explicitRef },
|
5335 | toRender
|
5336 | );
|
5337 | }
|
5338 |
|
5339 | SizeMeRenderer.displayName = 'SizeMeRenderer(' + getDisplayName(WrappedComponent) + ')';
|
5340 |
|
5341 | SizeMeRenderer.propTypes = {
|
5342 | explicitRef: PropTypes$1.func.isRequired,
|
5343 | className: PropTypes$1.string,
|
5344 | style: PropTypes$1.object,
|
5345 | size: PropTypes$1.shape({
|
5346 | width: PropTypes$1.number,
|
5347 | height: PropTypes$1.number
|
5348 | }),
|
5349 | disablePlaceholder: PropTypes$1.bool,
|
5350 | onSize: PropTypes$1.func
|
5351 | };
|
5352 |
|
5353 | return SizeMeRenderer;
|
5354 | };
|
5355 |
|
5356 | |
5357 |
|
5358 |
|
5359 |
|
5360 |
|
5361 |
|
5362 |
|
5363 |
|
5364 |
|
5365 |
|
5366 |
|
5367 |
|
5368 |
|
5369 |
|
5370 |
|
5371 | function withSize() {
|
5372 | var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultConfig;
|
5373 | var _config$monitorWidth = config.monitorWidth,
|
5374 | monitorWidth = _config$monitorWidth === undefined ? defaultConfig.monitorWidth : _config$monitorWidth,
|
5375 | _config$monitorHeight = config.monitorHeight,
|
5376 | monitorHeight = _config$monitorHeight === undefined ? defaultConfig.monitorHeight : _config$monitorHeight,
|
5377 | _config$monitorPositi = config.monitorPosition,
|
5378 | monitorPosition = _config$monitorPositi === undefined ? defaultConfig.monitorPosition : _config$monitorPositi,
|
5379 | _config$refreshRate = config.refreshRate,
|
5380 | refreshRate = _config$refreshRate === undefined ? defaultConfig.refreshRate : _config$refreshRate,
|
5381 | _config$refreshMode = config.refreshMode,
|
5382 | refreshMode = _config$refreshMode === undefined ? defaultConfig.refreshMode : _config$refreshMode,
|
5383 | _config$noPlaceholder = config.noPlaceholder,
|
5384 | noPlaceholder = _config$noPlaceholder === undefined ? defaultConfig.noPlaceholder : _config$noPlaceholder,
|
5385 | _config$resizeDetecto = config.resizeDetectorStrategy,
|
5386 | resizeDetectorStrategy = _config$resizeDetecto === undefined ? defaultConfig.resizeDetectorStrategy : _config$resizeDetecto;
|
5387 |
|
5388 |
|
5389 | invariant$1(monitorWidth || monitorHeight || monitorPosition, 'You have to monitor at least one of the width, height, or position when using "sizeMe"');
|
5390 |
|
5391 | invariant$1(refreshRate >= 16, "It is highly recommended that you don't put your refreshRate lower than " + '16 as this may cause layout thrashing.');
|
5392 |
|
5393 | invariant$1(refreshMode === 'throttle' || refreshMode === 'debounce', 'The refreshMode should have a value of "throttle" or "debounce"');
|
5394 |
|
5395 | var refreshDelayStrategy = refreshMode === 'throttle' ? throttle$1 : debounce$2;
|
5396 |
|
5397 | return function WrapComponent(WrappedComponent) {
|
5398 | var SizeMeRenderWrapper = renderWrapper(WrappedComponent);
|
5399 |
|
5400 | var SizeAwareComponent = function (_React$Component) {
|
5401 | inherits(SizeAwareComponent, _React$Component);
|
5402 |
|
5403 | function SizeAwareComponent() {
|
5404 | var _ref2;
|
5405 |
|
5406 | var _temp, _this2, _ret;
|
5407 |
|
5408 | classCallCheck(this, SizeAwareComponent);
|
5409 |
|
5410 | for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
5411 | args[_key] = arguments[_key];
|
5412 | }
|
5413 |
|
5414 | return _ret = (_temp = (_this2 = possibleConstructorReturn(this, (_ref2 = SizeAwareComponent.__proto__ || Object.getPrototypeOf(SizeAwareComponent)).call.apply(_ref2, [this].concat(args))), _this2), _this2.state = {
|
5415 | width: undefined,
|
5416 | height: undefined,
|
5417 | position: undefined
|
5418 | }, _this2.determineStrategy = function (props) {
|
5419 | if (props.onSize) {
|
5420 | if (!_this2.callbackState) {
|
5421 | _this2.callbackState = _extends({}, _this2.state);
|
5422 | }
|
5423 | _this2.strategy = 'callback';
|
5424 | } else {
|
5425 | _this2.strategy = 'render';
|
5426 | }
|
5427 | }, _this2.strategisedSetState = function (state) {
|
5428 | if (_this2.strategy === 'callback') {
|
5429 | _this2.callbackState = state;
|
5430 | _this2.props.onSize(state);
|
5431 | }
|
5432 | _this2.setState(state);
|
5433 | }, _this2.strategisedGetState = function () {
|
5434 | return _this2.strategy === 'callback' ? _this2.callbackState : _this2.state;
|
5435 | }, _this2.refCallback = function (element) {
|
5436 | _this2.element = element;
|
5437 | }, _this2.hasSizeChanged = function (current, next) {
|
5438 | var c = current;
|
5439 | var n = next;
|
5440 | var cp = c.position || {};
|
5441 | var np = n.position || {};
|
5442 |
|
5443 | return monitorHeight && c.height !== n.height || monitorPosition && (cp.top !== np.top || cp.left !== np.left || cp.bottom !== np.bottom || cp.right !== np.right) || monitorWidth && c.width !== n.width;
|
5444 | }, _this2.checkIfSizeChanged = refreshDelayStrategy(function (el) {
|
5445 | var _el$getBoundingClient = el.getBoundingClientRect(),
|
5446 | width = _el$getBoundingClient.width,
|
5447 | height = _el$getBoundingClient.height,
|
5448 | right = _el$getBoundingClient.right,
|
5449 | left = _el$getBoundingClient.left,
|
5450 | top = _el$getBoundingClient.top,
|
5451 | bottom = _el$getBoundingClient.bottom;
|
5452 |
|
5453 | var next = {
|
5454 | width: monitorWidth ? width : null,
|
5455 | height: monitorHeight ? height : null,
|
5456 | position: monitorPosition ? { right: right, left: left, top: top, bottom: bottom } : null
|
5457 | };
|
5458 |
|
5459 | if (_this2.hasSizeChanged(_this2.strategisedGetState(), next)) {
|
5460 | _this2.strategisedSetState(next);
|
5461 | }
|
5462 | }, refreshRate), _temp), possibleConstructorReturn(_this2, _ret);
|
5463 | }
|
5464 |
|
5465 | createClass(SizeAwareComponent, [{
|
5466 | key: 'componentDidMount',
|
5467 | value: function componentDidMount() {
|
5468 | this.detector = resizeDetector(resizeDetectorStrategy);
|
5469 | this.determineStrategy(this.props);
|
5470 | this.handleDOMNode(true);
|
5471 | }
|
5472 | }, {
|
5473 | key: 'componentWillReceiveProps',
|
5474 | value: function componentWillReceiveProps(nextProps) {
|
5475 | this.determineStrategy(nextProps);
|
5476 | }
|
5477 | }, {
|
5478 | key: 'componentDidUpdate',
|
5479 | value: function componentDidUpdate() {
|
5480 | this.handleDOMNode();
|
5481 | }
|
5482 | }, {
|
5483 | key: 'componentWillUnmount',
|
5484 | value: function componentWillUnmount() {
|
5485 |
|
5486 |
|
5487 | this.hasSizeChanged = function () {
|
5488 | return undefined;
|
5489 | };
|
5490 | this.checkIfSizeChanged = function () {
|
5491 | return undefined;
|
5492 | };
|
5493 |
|
5494 | if (this.domEl) {
|
5495 | this.detector.uninstall(this.domEl);
|
5496 | this.domEl = null;
|
5497 | }
|
5498 | }
|
5499 | }, {
|
5500 | key: 'handleDOMNode',
|
5501 | value: function handleDOMNode(first) {
|
5502 | var found = this.element && ReactDOM.findDOMNode(this.element);
|
5503 |
|
5504 | if (!found) {
|
5505 |
|
5506 |
|
5507 | if (!first && this.domEl) {
|
5508 | this.detector.removeAllListeners(this.domEl);
|
5509 | this.domEl = null;
|
5510 | }
|
5511 | return;
|
5512 | }
|
5513 |
|
5514 | if (!first && this.domEl) {
|
5515 | this.detector.removeAllListeners(this.domEl);
|
5516 | }
|
5517 |
|
5518 | this.domEl = found;
|
5519 | this.detector.listenTo(this.domEl, this.checkIfSizeChanged);
|
5520 | }
|
5521 | }, {
|
5522 | key: 'render',
|
5523 | value: function render() {
|
5524 | var disablePlaceholder = withSize.enableSSRBehaviour || withSize.noPlaceholders || noPlaceholder || this.strategy === 'callback';
|
5525 |
|
5526 | var size = _extends({}, this.state);
|
5527 |
|
5528 | return React__default$$1.createElement(SizeMeRenderWrapper, _extends({
|
5529 | explicitRef: this.refCallback,
|
5530 | size: this.strategy === 'callback' ? null : size,
|
5531 | disablePlaceholder: disablePlaceholder
|
5532 | }, this.props));
|
5533 | }
|
5534 | }]);
|
5535 | return SizeAwareComponent;
|
5536 | }(React__default$$1.Component);
|
5537 |
|
5538 | SizeAwareComponent.displayName = 'SizeMe(' + getDisplayName(WrappedComponent) + ')';
|
5539 | SizeAwareComponent.propTypes = {
|
5540 | onSize: PropTypes$1.func
|
5541 | };
|
5542 |
|
5543 |
|
5544 | SizeAwareComponent.WrappedComponent = WrappedComponent;
|
5545 |
|
5546 | return SizeAwareComponent;
|
5547 | };
|
5548 | }
|
5549 |
|
5550 | |
5551 |
|
5552 |
|
5553 |
|
5554 |
|
5555 |
|
5556 |
|
5557 |
|
5558 |
|
5559 |
|
5560 | withSize.enableSSRBehaviour = false;
|
5561 |
|
5562 | |
5563 |
|
5564 |
|
5565 |
|
5566 | withSize.noPlaceholders = false;
|
5567 |
|
5568 | var SizeMe = function (_Component) {
|
5569 | inherits(SizeMe, _Component);
|
5570 |
|
5571 | function SizeMe(props) {
|
5572 | classCallCheck(this, SizeMe);
|
5573 |
|
5574 | var _this = possibleConstructorReturn(this, (SizeMe.__proto__ || Object.getPrototypeOf(SizeMe)).call(this, props));
|
5575 |
|
5576 | _initialiseProps.call(_this);
|
5577 |
|
5578 | var children = props.children,
|
5579 | render = props.render,
|
5580 | sizeMeConfig = objectWithoutProperties(props, ['children', 'render']);
|
5581 |
|
5582 | _this.createComponent(sizeMeConfig);
|
5583 | _this.state = {
|
5584 | size: {
|
5585 | width: undefined,
|
5586 | height: undefined
|
5587 | }
|
5588 | };
|
5589 | return _this;
|
5590 | }
|
5591 |
|
5592 | createClass(SizeMe, [{
|
5593 | key: 'componentWillReceiveProps',
|
5594 | value: function componentWillReceiveProps(nextProps) {
|
5595 | var _props = this.props,
|
5596 | prevChildren = _props.children,
|
5597 | prevRender = _props.render,
|
5598 | prevSizeMeConfig = objectWithoutProperties(_props, ['children', 'render']);
|
5599 | var nextChildren = nextProps.children,
|
5600 | nextRender = nextProps.render,
|
5601 | nextSizeMeConfig = objectWithoutProperties(nextProps, ['children', 'render']);
|
5602 |
|
5603 | if (!isShallowEqual(prevSizeMeConfig, nextSizeMeConfig)) {
|
5604 | this.createComponent(nextSizeMeConfig);
|
5605 | }
|
5606 | }
|
5607 | }, {
|
5608 | key: 'render',
|
5609 | value: function render() {
|
5610 | var SizeAware = this.SizeAware;
|
5611 |
|
5612 | var render = this.props.children || this.props.render;
|
5613 | return React__default$$1.createElement(
|
5614 | SizeAware,
|
5615 | { onSize: this.onSize },
|
5616 | render({ size: this.state.size })
|
5617 | );
|
5618 | }
|
5619 | }]);
|
5620 | return SizeMe;
|
5621 | }(React__default.Component);
|
5622 |
|
5623 | SizeMe.propTypes = {
|
5624 | children: PropTypes$1.func,
|
5625 | render: PropTypes$1.func
|
5626 | };
|
5627 | SizeMe.defaultProps = {
|
5628 | children: undefined,
|
5629 | render: undefined
|
5630 | };
|
5631 |
|
5632 | var _initialiseProps = function _initialiseProps() {
|
5633 | var _this2 = this;
|
5634 |
|
5635 | this.createComponent = function (config) {
|
5636 | _this2.SizeAware = withSize(config)(function (_ref) {
|
5637 | var children = _ref.children;
|
5638 | return children;
|
5639 | });
|
5640 | };
|
5641 |
|
5642 | this.onSize = function (size) {
|
5643 | return _this2.setState({ size: size });
|
5644 | };
|
5645 | };
|
5646 |
|
5647 | withSize.SizeMe = SizeMe;
|
5648 | withSize.withSize = withSize;
|
5649 |
|
5650 | var reactSizeme = withSize;
|
5651 | var reactSizeme_1 = reactSizeme.withSize;
|
5652 |
|
5653 | var _jsxFileName$o = '/Users/mealeyst/projects/professional/mirage/src/core/image/backgroundImage.js';
|
5654 |
|
5655 | var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
5656 |
|
5657 | var _templateObject$A = _taggedTemplateLiteral$A(['\n position: relative;\n background-image: url(', ');\n background-size: contain;\n background-repeat: no-repeat;\n width: 100%;\n padding-top: ', '%;\n > div {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n'], ['\n position: relative;\n background-image: url(', ');\n background-size: contain;\n background-repeat: no-repeat;\n width: 100%;\n padding-top: ', '%;\n > div {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n']);
|
5658 |
|
5659 | function _objectWithoutProperties$1(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
|
5660 |
|
5661 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
5662 |
|
5663 | function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
5664 |
|
5665 | function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
5666 |
|
5667 | function _taggedTemplateLiteral$A(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5668 |
|
5669 | var StyledBackgroundImage = styled__default.section(_templateObject$A, function (props) {
|
5670 | return props.src;
|
5671 | }, function (props) {
|
5672 | return props.defaultPaddingTop;
|
5673 | });
|
5674 |
|
5675 | var BackgroundImage = function (_React$Component) {
|
5676 | _inherits(BackgroundImage, _React$Component);
|
5677 |
|
5678 | function BackgroundImage(props) {
|
5679 | _classCallCheck(this, BackgroundImage);
|
5680 |
|
5681 | var _this = _possibleConstructorReturn(this, (BackgroundImage.__proto__ || Object.getPrototypeOf(BackgroundImage)).call(this, props));
|
5682 |
|
5683 | _this.setResponsiveBackground = function () {
|
5684 | var _this$props = _this.props,
|
5685 | width = _this$props.size.width,
|
5686 | sources = _this$props.sources;
|
5687 | var currentSrc = _this.state.currentSrc;
|
5688 |
|
5689 | if (sources) {
|
5690 | var newSrc = sources[Object.keys(sources).sort(function (keyA, keyB) {
|
5691 | return keyA - keyB;
|
5692 | }).reverse().find(function (key) {
|
5693 | return key < width;
|
5694 | })];
|
5695 | if (currentSrc !== newSrc) {
|
5696 | var image = new Image();
|
5697 | image.src = newSrc;
|
5698 | image.onload = function () {
|
5699 | var defaultPaddingTop = image.height !== 0 && image.width !== 0 ? image.height / image.width * 100 : 0;
|
5700 | console.log(image.src, image.height, image.width, defaultPaddingTop);
|
5701 | _this.setState({
|
5702 | currentSrc: newSrc,
|
5703 | defaultPaddingTop: defaultPaddingTop
|
5704 | });
|
5705 | };
|
5706 | }
|
5707 | }
|
5708 | };
|
5709 |
|
5710 | _this.state = {
|
5711 | currentSrc: props.src,
|
5712 | defaultPaddingTop: 0
|
5713 | };
|
5714 | return _this;
|
5715 | }
|
5716 |
|
5717 | _createClass(BackgroundImage, [{
|
5718 | key: 'componentDidMount',
|
5719 | value: function componentDidMount() {
|
5720 | this.setResponsiveBackground();
|
5721 | }
|
5722 | }, {
|
5723 | key: 'componentDidUpdate',
|
5724 | value: function componentDidUpdate() {
|
5725 | this.setResponsiveBackground();
|
5726 | }
|
5727 | }, {
|
5728 | key: 'render',
|
5729 | value: function render() {
|
5730 | var _props = this.props,
|
5731 | children = _props.children,
|
5732 | props = _objectWithoutProperties$1(_props, ['children']);
|
5733 |
|
5734 | var _state = this.state,
|
5735 | currentSrc = _state.currentSrc,
|
5736 | defaultPaddingTop = _state.defaultPaddingTop;
|
5737 |
|
5738 | console.log('currentSrc', currentSrc);
|
5739 | return React__default.createElement(
|
5740 | StyledBackgroundImage,
|
5741 | Object.assign({}, this.props, { src: currentSrc, defaultPaddingTop: defaultPaddingTop, __source: {
|
5742 | fileName: _jsxFileName$o,
|
5743 | lineNumber: 71
|
5744 | },
|
5745 | __self: this
|
5746 | }),
|
5747 | React__default.createElement(
|
5748 | 'div',
|
5749 | {
|
5750 | __source: {
|
5751 | fileName: _jsxFileName$o,
|
5752 | lineNumber: 72
|
5753 | },
|
5754 | __self: this
|
5755 | },
|
5756 | children
|
5757 | )
|
5758 | );
|
5759 | }
|
5760 | }]);
|
5761 |
|
5762 | return BackgroundImage;
|
5763 | }(React__default.Component);
|
5764 |
|
5765 | BackgroundImage.propTypes = {
|
5766 | src: PropTypes.string,
|
5767 | sizes: PropTypes.object,
|
5768 | srcSet: PropTypes.oneOfType([function (props, propName, componentName) {
|
5769 | if (props[propName] && !props['sizes']) {
|
5770 | console.warn('You have provided ' + propName + ', but not defined the sizes prop, this will cause your InlineImages for be sized to 100vw if a `width` css property is not set.');
|
5771 | }
|
5772 | }, PropTypes.object])
|
5773 |
|
5774 |
|
5775 | };var backgroundImage = reactSizeme_1()(BackgroundImage);
|
5776 |
|
5777 | function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
5778 |
|
5779 | var Sizes = function Sizes(inSizes) {
|
5780 | var _this = this;
|
5781 |
|
5782 | _classCallCheck$1(this, Sizes);
|
5783 |
|
5784 | this.toString = function () {
|
5785 | var output = '';
|
5786 | for (var breakpoint in _this.sizes) {
|
5787 | var width = _this.sizes[breakpoint];
|
5788 | if (breakpoint !== 'default') {
|
5789 | output = '' + output + breakpoint + ' ' + width + ',\n';
|
5790 | } else {
|
5791 | output = output + ' ' + width;
|
5792 | }
|
5793 | }
|
5794 | if (Object.keys(_this.sizes).includes('default')) {
|
5795 | return output;
|
5796 | } else {
|
5797 | return output.slice(0, -2);
|
5798 | }
|
5799 | };
|
5800 |
|
5801 | this.sizes = inSizes;
|
5802 | };
|
5803 |
|
5804 | function _classCallCheck$2(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
5805 |
|
5806 | var SourceSet = function SourceSet(sources) {
|
5807 | var _this = this;
|
5808 |
|
5809 | _classCallCheck$2(this, SourceSet);
|
5810 |
|
5811 | this.toString = function () {
|
5812 | var output = "";
|
5813 | for (var width in _this.sources) {
|
5814 | output = "" + output + _this.sources[width] + " " + width + ",\n";
|
5815 | }
|
5816 | return output.slice(0, -2);
|
5817 | };
|
5818 |
|
5819 | this.sources = sources;
|
5820 | };
|
5821 |
|
5822 | var _jsxFileName$p = '/Users/mealeyst/projects/professional/mirage/src/core/image/inlineImage.js',
|
5823 | _this$o = undefined;
|
5824 |
|
5825 | function _objectWithoutProperties$2(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
|
5826 |
|
5827 | var InlineImage = function InlineImage(_ref) {
|
5828 | var alt = _ref.alt,
|
5829 | src = _ref.src,
|
5830 | inSizes = _ref.sizes,
|
5831 | inSources = _ref.srcSet,
|
5832 | props = _objectWithoutProperties$2(_ref, ['alt', 'src', 'sizes', 'srcSet']);
|
5833 |
|
5834 | var srcSet = undefined;
|
5835 | if (inSources) {
|
5836 | srcSet = new SourceSet(inSources).toString();
|
5837 | }
|
5838 | var sizesStr = undefined;
|
5839 | if (inSizes) {
|
5840 | sizesStr = new Sizes(inSizes).toString();
|
5841 | }
|
5842 | return React__default.createElement('img', Object.assign({
|
5843 | alt: alt,
|
5844 | src: src,
|
5845 | srcSet: srcSet,
|
5846 | sizes: sizesStr
|
5847 | }, props, {
|
5848 | __source: {
|
5849 | fileName: _jsxFileName$p,
|
5850 | lineNumber: 17
|
5851 | },
|
5852 | __self: _this$o
|
5853 | }));
|
5854 | };
|
5855 |
|
5856 | InlineImage.defaultProps = {
|
5857 | alt: ''
|
5858 | };
|
5859 |
|
5860 | InlineImage.propTypes = {
|
5861 | alt: PropTypes.string.isRequired,
|
5862 | src: PropTypes.string.isRequired,
|
5863 | sizes: PropTypes.object,
|
5864 | srcSet: PropTypes.oneOfType([function (props, propName, componentName) {
|
5865 | if (props[propName] && !props['sizes']) {
|
5866 | console.warn('You have provided ' + propName + ', but not defined the sizes prop, this will cause your InlineImages for be sized to 100vw if a `width` css property is not set.');
|
5867 | }
|
5868 | }, PropTypes.object])
|
5869 |
|
5870 |
|
5871 | };
|
5872 |
|
5873 | var _templateObject$B = _taggedTemplateLiteral$B(['\n margin: 0;\n\n ', '\n letter-spacing: 1.29;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-style: italic;\n font-weight: 500;\n line-height: 1.29;\n'], ['\n margin: 0;\n\n ', '\n letter-spacing: 1.29;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-style: italic;\n font-weight: 500;\n line-height: 1.29;\n']);
|
5874 |
|
5875 | function _taggedTemplateLiteral$B(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5876 |
|
5877 | var Caption = styled__default.span(_templateObject$B, function (props) {
|
5878 | return props.center ? 'text-align: center;' : '';
|
5879 | }, function (props) {
|
5880 | return props.uppercase ? 'uppercase' : 'inherit';
|
5881 | }, function (props) {
|
5882 | return props.theme.colors.navy;
|
5883 | }, function (props) {
|
5884 | return props.theme.fonts.primaryFont;
|
5885 | }, function (props) {
|
5886 | return props.fontSize;
|
5887 | });
|
5888 |
|
5889 | Caption.propTypes = {
|
5890 | theme: PropTypes.shape({
|
5891 | fonts: PropTypes.shape({
|
5892 | primaryFont: PropTypes.string
|
5893 | }),
|
5894 | colors: PropTypes.shape({
|
5895 | navy: PropTypes.string
|
5896 | })
|
5897 | })
|
5898 | };
|
5899 |
|
5900 | Caption.defaultProps = {
|
5901 | fontSize: '1.4rem'
|
5902 |
|
5903 |
|
5904 | };
|
5905 |
|
5906 | var _templateObject$C = _taggedTemplateLiteral$C(['\n margin: 0;\n\n ', '\n letter-spacing: .1rem;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n line-height:1.0476190476190477;\n'], ['\n margin: 0;\n\n ', '\n letter-spacing: .1rem;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n line-height:1.0476190476190477;\n']);
|
5907 |
|
5908 | function _taggedTemplateLiteral$C(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5909 |
|
5910 | |
5911 |
|
5912 |
|
5913 | var H1 = styled__default.h1(_templateObject$C, function (props) {
|
5914 | return props.center ? 'text-align: center;' : '';
|
5915 | }, function (props) {
|
5916 | return props.lowercase ? 'inherit' : 'uppercase';
|
5917 | }, function (props) {
|
5918 | return props.theme.colors.navy;
|
5919 | }, function (props) {
|
5920 | return props.theme.fonts.headerFont;
|
5921 | }, function (props) {
|
5922 | return props.fontSize;
|
5923 | });
|
5924 |
|
5925 | H1.propTypes = {
|
5926 | children: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object]),
|
5927 | theme: PropTypes.shape({
|
5928 | fonts: PropTypes.shape({
|
5929 | headerFont: PropTypes.string
|
5930 | }),
|
5931 | colors: PropTypes.shape({
|
5932 | navy: PropTypes.string
|
5933 | })
|
5934 | }),
|
5935 | lowercase: PropTypes.bool
|
5936 | };
|
5937 |
|
5938 | H1.defaultProps = {
|
5939 | fontSize: '4.2rem'
|
5940 |
|
5941 |
|
5942 | };
|
5943 |
|
5944 | var _templateObject$D = _taggedTemplateLiteral$D(['\n margin: 0;\n\n ', '\n letter-spacing: .05rem;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n line-height: 1.0625;\n'], ['\n margin: 0;\n\n ', '\n letter-spacing: .05rem;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n line-height: 1.0625;\n']);
|
5945 |
|
5946 | function _taggedTemplateLiteral$D(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5947 |
|
5948 |
|
5949 | var H2 = styled__default.h2(_templateObject$D, function (props) {
|
5950 | return props.center ? 'text-align: center;' : '';
|
5951 | }, function (props) {
|
5952 | return props.lowercase ? 'inherit' : 'uppercase';
|
5953 | }, function (props) {
|
5954 | return props.theme.colors.navy;
|
5955 | }, function (props) {
|
5956 | return props.theme.fonts.headerFont;
|
5957 | }, function (props) {
|
5958 | return props.fontSize;
|
5959 | });
|
5960 | H2.propTypes = {
|
5961 | center: PropTypes.bool,
|
5962 | children: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object]),
|
5963 | theme: PropTypes.shape({
|
5964 | fonts: PropTypes.shape({
|
5965 | headerFont: PropTypes.string
|
5966 | }),
|
5967 | colors: PropTypes.shape({
|
5968 | navy: PropTypes.string
|
5969 | })
|
5970 | }),
|
5971 | lowercase: PropTypes.bool
|
5972 | };
|
5973 |
|
5974 | H2.defaultProps = {
|
5975 | fontSize: '3.2rem'
|
5976 |
|
5977 |
|
5978 | };
|
5979 |
|
5980 | var _templateObject$E = _taggedTemplateLiteral$E(['\n letter-spacing: .05rem;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n line-height: 1.0833333333333333;\n'], ['\n letter-spacing: .05rem;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n line-height: 1.0833333333333333;\n']);
|
5981 |
|
5982 | function _taggedTemplateLiteral$E(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5983 |
|
5984 | var H3 = styled__default.h3(_templateObject$E, function (props) {
|
5985 | return props.lowercase ? 'inherit' : 'uppercase';
|
5986 | }, function (props) {
|
5987 | return props.theme.colors.navy;
|
5988 | }, function (props) {
|
5989 | return props.theme.fonts.headerFont;
|
5990 | }, function (props) {
|
5991 | return props.fontSize;
|
5992 | });
|
5993 |
|
5994 | H3.propTypes = {
|
5995 | children: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object]),
|
5996 | theme: PropTypes.shape({
|
5997 | fonts: PropTypes.shape({
|
5998 | headerFont: PropTypes.string
|
5999 | }),
|
6000 | colors: PropTypes.shape({
|
6001 | navy: PropTypes.string
|
6002 | })
|
6003 | }),
|
6004 | lowercase: PropTypes.bool
|
6005 | };
|
6006 |
|
6007 | H3.defaultProps = {
|
6008 | fontSize: '2.4rem'
|
6009 |
|
6010 |
|
6011 | };
|
6012 |
|
6013 | var _templateObject$F = _taggedTemplateLiteral$F(['\n letter-spacing: 0.5px;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n font-style: italic;\n line-height: 1;\n'], ['\n letter-spacing: 0.5px;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n font-style: italic;\n line-height: 1;\n']);
|
6014 |
|
6015 | function _taggedTemplateLiteral$F(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6016 |
|
6017 | var H4 = styled__default.h4(_templateObject$F, function (props) {
|
6018 | return props.theme.colors.navy;
|
6019 | }, function (props) {
|
6020 | return props.theme.fonts.primaryFont;
|
6021 | }, function (props) {
|
6022 | return props.fontSize;
|
6023 | });
|
6024 |
|
6025 | H4.propTypes = {
|
6026 | children: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object]),
|
6027 | theme: PropTypes.shape({
|
6028 | fonts: PropTypes.shape({
|
6029 | primaryFont: PropTypes.string
|
6030 | }),
|
6031 | colors: PropTypes.shape({
|
6032 | navy: PropTypes.string
|
6033 | })
|
6034 | })
|
6035 | };
|
6036 |
|
6037 | H4.defaultProps = {
|
6038 | fontSize: '1.8rem'
|
6039 |
|
6040 |
|
6041 | };
|
6042 |
|
6043 | var _templateObject$G = _taggedTemplateLiteral$G(['\n letter-spacing: 0.5px;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n font-style: italic;\n line-height: 1;\n letter-spacing: .075rem;\n'], ['\n letter-spacing: 0.5px;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n font-style: italic;\n line-height: 1;\n letter-spacing: .075rem;\n']);
|
6044 |
|
6045 | function _taggedTemplateLiteral$G(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6046 |
|
6047 | var H5 = styled__default.h5(_templateObject$G, function (props) {
|
6048 | return props.theme.colors.navy;
|
6049 | }, function (props) {
|
6050 | return props.theme.fonts.primaryFont;
|
6051 | }, function (props) {
|
6052 | return props.fontSize;
|
6053 | });
|
6054 |
|
6055 | H5.propTypes = {
|
6056 | children: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object]),
|
6057 | theme: PropTypes.shape({
|
6058 | fonts: PropTypes.shape({
|
6059 | primaryFont: PropTypes.string
|
6060 | }),
|
6061 | colors: PropTypes.shape({
|
6062 | navy: PropTypes.string
|
6063 | })
|
6064 | })
|
6065 | };
|
6066 |
|
6067 | H5.defaultProps = {
|
6068 | fontSize: '1.6rem'
|
6069 |
|
6070 |
|
6071 | };
|
6072 |
|
6073 | var _templateObject$H = _taggedTemplateLiteral$H(['\n letter-spacing: .075rem;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n font-style: italic;\n line-height: 1;\n'], ['\n letter-spacing: .075rem;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n font-style: italic;\n line-height: 1;\n']);
|
6074 |
|
6075 | function _taggedTemplateLiteral$H(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6076 |
|
6077 | var H6 = styled__default.h6(_templateObject$H, function (props) {
|
6078 | return props.theme.colors.navy;
|
6079 | }, function (props) {
|
6080 | return props.theme.fonts.primaryFont;
|
6081 | }, function (props) {
|
6082 | return props.fontSize;
|
6083 | });
|
6084 |
|
6085 | H6.propTypes = {
|
6086 | children: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object]),
|
6087 | theme: PropTypes.shape({
|
6088 | fonts: PropTypes.shape({
|
6089 | primaryFont: PropTypes.string
|
6090 | }),
|
6091 | colors: PropTypes.shape({
|
6092 | navy: PropTypes.string
|
6093 | })
|
6094 | })
|
6095 | };
|
6096 |
|
6097 | H6.defaultProps = {
|
6098 | fontSize: '1.4rem'
|
6099 |
|
6100 |
|
6101 | };
|
6102 |
|
6103 | var _jsxFileName$q = '/Users/mealeyst/projects/professional/mirage/src/core/typography/Label.js',
|
6104 | _this$p = undefined;
|
6105 |
|
6106 | var _templateObject$I = _taggedTemplateLiteral$I(['\n text-align: ', ';\n margin-bottom: 0;\n letter-spacing: ', ';\n text-transform: ', ';\n\n\n font-family: ', ';\n font-size: ', ';\n font-weight: ', ';\n'], ['\n text-align: ', ';\n margin-bottom: 0;\n letter-spacing: ', ';\n text-transform: ', ';\n\n\n font-family: ', ';\n font-size: ', ';\n font-weight: ', ';\n']),
|
6107 | _templateObject2$9 = _taggedTemplateLiteral$I(['\n ', '\n\n color: ', '\n'], ['\n ', '\n\n color: ', '\n']);
|
6108 |
|
6109 | function _taggedTemplateLiteral$I(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6110 |
|
6111 | var styles = styled.css(_templateObject$I, function (props) {
|
6112 | return props.alignRight ? 'right' : 'left';
|
6113 | }, function (props) {
|
6114 | return props.letterSpacing;
|
6115 | }, function (props) {
|
6116 | return props.lowercase ? 'inherit' : 'uppercase';
|
6117 | }, function (props) {
|
6118 | return props.theme.fonts.primaryFont;
|
6119 | }, function (props) {
|
6120 | return props.fontSize;
|
6121 | }, function (props) {
|
6122 | return props.fontWeight;
|
6123 | });
|
6124 |
|
6125 | var Label = styled__default.label(_templateObject2$9, styles, function (props) {
|
6126 | return props.theme.colors.navy;
|
6127 | });
|
6128 |
|
6129 | var LowercaseLabel = function LowercaseLabel(_ref) {
|
6130 | var className = _ref.className,
|
6131 | children = _ref.children;
|
6132 |
|
6133 | return React__default.createElement(
|
6134 | Label,
|
6135 | {
|
6136 | className: className,
|
6137 | fontSize: '2rem',
|
6138 | letterSpacing: 'normal',
|
6139 | fontWeight: 'normal',
|
6140 | lowercase: true, __source: {
|
6141 | fileName: _jsxFileName$q,
|
6142 | lineNumber: 26
|
6143 | },
|
6144 | __self: _this$p
|
6145 | },
|
6146 | children
|
6147 | );
|
6148 | };
|
6149 |
|
6150 | Label.propTypes = {
|
6151 | children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),
|
6152 | theme: PropTypes.shape({
|
6153 | fonts: PropTypes.shape({
|
6154 | primaryFont: PropTypes.string
|
6155 | }),
|
6156 | colors: PropTypes.shape({
|
6157 | navy: PropTypes.string
|
6158 | })
|
6159 | }),
|
6160 | lowercase: PropTypes.bool
|
6161 | };
|
6162 |
|
6163 | Label.defaultProps = {
|
6164 | letterSpacing: '.1rem',
|
6165 | fontSize: '1.4rem',
|
6166 | fontWeight: '500'
|
6167 |
|
6168 |
|
6169 | };
|
6170 |
|
6171 | var _templateObject$J = _taggedTemplateLiteral$J(['\n ', '\n ', '\n ', '\n white-space: pre;\n'], ['\n ', '\n ', '\n ', '\n white-space: pre;\n']);
|
6172 |
|
6173 | function _taggedTemplateLiteral$J(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6174 |
|
6175 | var MarkedText = styled__default.span(_templateObject$J, function (props) {
|
6176 | return props.underline && 'text-decoration: underline;';
|
6177 | }, function (props) {
|
6178 | return props.bold && 'font-weight: bold;';
|
6179 | }, function (props) {
|
6180 | return props.italic && 'font-style: italic;';
|
6181 | });
|
6182 |
|
6183 | MarkedText.propTypes = {
|
6184 | bold: PropTypes.bool,
|
6185 | italic: PropTypes.bool,
|
6186 | underline: PropTypes.bool
|
6187 |
|
6188 |
|
6189 | };
|
6190 |
|
6191 | var _templateObject$K = _taggedTemplateLiteral$K(['\n text-align: left;\n letter-spacing: normal;\n margin: 0;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n line-height: normal;\n'], ['\n text-align: left;\n letter-spacing: normal;\n margin: 0;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n line-height: normal;\n']);
|
6192 |
|
6193 | function _taggedTemplateLiteral$K(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6194 |
|
6195 | var P$1 = styled__default.p(_templateObject$K, function (props) {
|
6196 | return props.theme.colors.navy;
|
6197 | }, function (props) {
|
6198 | return props.theme.fonts.primaryFont;
|
6199 | }, function (props) {
|
6200 | return props.fontSize;
|
6201 | });
|
6202 |
|
6203 | P$1.propTypes = {
|
6204 | children: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
|
6205 | theme: PropTypes.shape({
|
6206 | fonts: PropTypes.shape({
|
6207 | primaryFont: PropTypes.string
|
6208 | }),
|
6209 | colors: PropTypes.shape({
|
6210 | navy: PropTypes.string
|
6211 | })
|
6212 | })
|
6213 | };
|
6214 |
|
6215 | P$1.defaultProps = {
|
6216 | fontSize: '1.6rem'
|
6217 |
|
6218 |
|
6219 | };
|
6220 |
|
6221 | var _templateObject$L = _taggedTemplateLiteral$L(['\n text-align: left;\n letter-spacing: normal;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n line-height: 1.2083333333333333;\n'], ['\n text-align: left;\n letter-spacing: normal;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n line-height: 1.2083333333333333;\n']);
|
6222 |
|
6223 | function _taggedTemplateLiteral$L(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6224 |
|
6225 | var Serif = styled__default.span(_templateObject$L, function (props) {
|
6226 | return props.theme.colors.navy;
|
6227 | }, function (props) {
|
6228 | return props.theme.fonts.secondaryFont;
|
6229 | }, function (props) {
|
6230 | return props.fontSize;
|
6231 | });
|
6232 |
|
6233 | Serif.propTypes = {
|
6234 | children: PropTypes.string,
|
6235 | theme: PropTypes.shape({
|
6236 | fonts: PropTypes.shape({
|
6237 | secondaryFont: PropTypes.string
|
6238 | }),
|
6239 | colors: PropTypes.shape({
|
6240 | navy: PropTypes.string
|
6241 | })
|
6242 | })
|
6243 | };
|
6244 |
|
6245 | Serif.defaultProps = {
|
6246 | fontSize: '2.4rem'
|
6247 |
|
6248 |
|
6249 | };
|
6250 |
|
6251 | var _jsxFileName$r = '/Users/mealeyst/projects/professional/mirage/src/core/typography/Hr.base.js',
|
6252 | _this$q = undefined;
|
6253 |
|
6254 | var _templateObject$M = _taggedTemplateLiteral$M(['\n height: .1rem;\n width: ', ';\n border: none;\n margin: 1rem 0;\n'], ['\n height: .1rem;\n width: ', ';\n border: none;\n margin: 1rem 0;\n']);
|
6255 |
|
6256 | function _taggedTemplateLiteral$M(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6257 |
|
6258 | var UnstyledHr = function UnstyledHr(_ref) {
|
6259 | var className = _ref.className;
|
6260 |
|
6261 | return React__default.createElement('hr', { className: className, __source: {
|
6262 | fileName: _jsxFileName$r,
|
6263 | lineNumber: 7
|
6264 | },
|
6265 | __self: _this$q
|
6266 | });
|
6267 | };
|
6268 |
|
6269 | var BaseHr = styled__default(UnstyledHr)(_templateObject$M, function (props) {
|
6270 | return props.width;
|
6271 | });
|
6272 |
|
6273 | BaseHr.propTypes = {
|
6274 | width: PropTypes.string.isRequired
|
6275 | };
|
6276 |
|
6277 | BaseHr.defaultProps = {
|
6278 | width: '100%'
|
6279 |
|
6280 |
|
6281 | };
|
6282 |
|
6283 | var _templateObject$N = _taggedTemplateLiteral$N(['\n background-color: ', ';\n'], ['\n background-color: ', ';\n']);
|
6284 |
|
6285 | function _taggedTemplateLiteral$N(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6286 |
|
6287 | var BlueHr = styled__default(BaseHr)(_templateObject$N, function (props) {
|
6288 | return props.theme.colors.rocketBlue;
|
6289 | });
|
6290 |
|
6291 | BlueHr.propTypes = {
|
6292 | theme: PropTypes.shape({
|
6293 | colors: PropTypes.shape({
|
6294 | rocketBlue: PropTypes.string
|
6295 | })
|
6296 | })
|
6297 |
|
6298 |
|
6299 | };
|
6300 |
|
6301 | var _templateObject$O = _taggedTemplateLiteral$O(['\n background-color: ', ';\n'], ['\n background-color: ', ';\n']);
|
6302 |
|
6303 | function _taggedTemplateLiteral$O(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6304 |
|
6305 | var Hr = styled__default(BaseHr)(_templateObject$O, function (props) {
|
6306 | return props.theme.colors.gray[4];
|
6307 | });
|
6308 |
|
6309 | Hr.propTypes = {
|
6310 | theme: PropTypes.shape({
|
6311 | colors: PropTypes.shape({
|
6312 | gray: PropTypes.array
|
6313 | })
|
6314 | })
|
6315 |
|
6316 |
|
6317 | };
|
6318 |
|
6319 | var _templateObject$P = _taggedTemplateLiteral$P(['\n background-color: ', ';\n'], ['\n background-color: ', ';\n']);
|
6320 |
|
6321 | function _taggedTemplateLiteral$P(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6322 |
|
6323 | var NavyHr = styled__default(BaseHr)(_templateObject$P, function (props) {
|
6324 | return props.theme.colors.navy;
|
6325 | });
|
6326 |
|
6327 | NavyHr.propTypes = {
|
6328 | theme: PropTypes.shape({
|
6329 | colors: PropTypes.shape({
|
6330 | navy: PropTypes.string
|
6331 | })
|
6332 | })
|
6333 |
|
6334 |
|
6335 | };
|
6336 |
|
6337 | var _templateObject$Q = _taggedTemplateLiteral$Q(['\n background-color: ', ';\n'], ['\n background-color: ', ';\n']);
|
6338 |
|
6339 | function _taggedTemplateLiteral$Q(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6340 |
|
6341 | var WhiteHr = styled__default(BaseHr)(_templateObject$Q, function (props) {
|
6342 | return props.theme.colors.white;
|
6343 | });
|
6344 |
|
6345 | WhiteHr.propTypes = {
|
6346 | theme: PropTypes.shape({
|
6347 | colors: PropTypes.shape({
|
6348 | white: PropTypes.string
|
6349 | })
|
6350 | })
|
6351 |
|
6352 |
|
6353 | };
|
6354 |
|
6355 | var _templateObject$R = _taggedTemplateLiteral$R(['\n width: 180px;\n height: 180px;\n border-radius: 10px;\n background-color: ', ';\n border: 1px solid #333;\n'], ['\n width: 180px;\n height: 180px;\n border-radius: 10px;\n background-color: ', ';\n border: 1px solid #333;\n']);
|
6356 |
|
6357 | function _taggedTemplateLiteral$R(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6358 |
|
6359 |
|
6360 | styled__default.div(_templateObject$R, function (props) {
|
6361 | return colors$1[props.color];
|
6362 | });
|
6363 |
|
6364 | var brandColors = {
|
6365 | rocketBlue: '#0073D1',
|
6366 | rocketBlueHover: '#0073EB',
|
6367 | navy: '#00003C',
|
6368 | yellow: '#F0FF02',
|
6369 | yellowHover: '#D8E320',
|
6370 | lightBlue0: '#EEFCFF',
|
6371 | lightBlue1: '#BCE1F7',
|
6372 | lightBlue2: '#76C2F3',
|
6373 | lightBlue: ['#EEFCFF', '#BCE1F7', '#76C2F3'],
|
6374 | electricBlue: '#080CF1',
|
6375 | lightPink: '#FBDDE4',
|
6376 | pink: '#FEACBE',
|
6377 | white: '#FFFFFF'
|
6378 | };
|
6379 |
|
6380 | var supportingColors = {
|
6381 | black: '#000000',
|
6382 | gray0: '#F3F3F3',
|
6383 | gray1: '#F5F5F5',
|
6384 | gray2: '#F8F8F8',
|
6385 | gray3: '#E6E6E6',
|
6386 | gray4: '#D5D5D5',
|
6387 | gray5: '#CFCFCF',
|
6388 | gray: ['#F3F3F3', '#F5F5F5', '#F8F8F8', '#E6E6E6', '#D5D5D5', '#CFCFCF'],
|
6389 | red: '#FF511C',
|
6390 | loading: '#BFBFBF'
|
6391 | };
|
6392 |
|
6393 | var colors$1 = Object.assign({}, brandColors, supportingColors);
|
6394 |
|
6395 | var _templateObject$S = _taggedTemplateLiteral$S(['\n @media (min-width: ', 'em) {\n ', '\n }\n '], ['\n @media (min-width: ', 'em) {\n ', '\n }\n ']);
|
6396 |
|
6397 | function _taggedTemplateLiteral$S(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6398 |
|
6399 | var sizes = {
|
6400 | phone: 320,
|
6401 | phoneMax: 414,
|
6402 | tablet: 768,
|
6403 | tabletMax: 960,
|
6404 | laptop: 1280,
|
6405 | desktop: 1440
|
6406 | };
|
6407 |
|
6408 | var breakpoints = {
|
6409 | landscape: '(orientation: landscape)',
|
6410 | portrait: '(orientation: portrait)'
|
6411 | };
|
6412 |
|
6413 | Object.keys(sizes).forEach(function (label) {
|
6414 | breakpoints['below' + label.charAt(0).toUpperCase() + label.substr(1)] = '(max-device-width: ' + sizes[label] + 'px)';
|
6415 | breakpoints['above' + label.charAt(0).toUpperCase() + label.substr(1)] = '(min-device-width: ' + sizes[label] + 'px)';
|
6416 | });
|
6417 |
|
6418 | var media = Object.keys(sizes).reduce(function (accumulator, label) {
|
6419 |
|
6420 |
|
6421 | var remSize = sizes[label] / 10;
|
6422 | accumulator[label] = function () {
|
6423 | return styled.css(_templateObject$S, remSize, styled.css.apply(undefined, arguments));
|
6424 | };
|
6425 | return accumulator;
|
6426 | }, {});
|
6427 |
|
6428 | var _templateObject$T = _taggedTemplateLiteral$T(['\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 400;\n\n src: url(\'https://res.cloudinary.com/roa-canon/raw/upload/v1481915056/web/fonts/DINOT.otf\');\n}\n\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 400;\n font-style: italic;\n\n src: url(\'https://res.cloudinary.com/roa-canon/raw/upload/v1481915056/web/fonts/DINOT-Italic.otf\');\n}\n\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 500;\n\n src: url(\'https://res.cloudinary.com/roa-canon/raw/upload/v1481917384/web/fonts/DINOT-Medium.otf\');\n}\n\n\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 500;\n font-style: italic;\n\n src: url(\'https://res.cloudinary.com/roa-canon/raw/upload/v1481917385/web/fonts/DINOT-MediumItalic.otf\');\n}\n\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 800;\n\n src: url(\'https://res.cloudinary.com/roa-canon/raw/upload/v1481915056/web/fonts/DINOT-Bold.otf\');\n}\n\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 800;\n font-style: italic;\n\n src: url(\'https://res.cloudinary.com/roa-canon/raw/upload/v1481915056/web/fonts/DINOT-BoldItalic.otf\');\n}\n\n@font-face {\n font-family: \'din-cond\';\n font-weight: 400;\n\n src: url(\'https://res.cloudinary.com/roa-canon/raw/upload/v1481917384/web/fonts/DINOT-CondMedium.otf\');\n}\n'], ['\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 400;\n\n src: url(\'https://res.cloudinary.com/roa-canon/raw/upload/v1481915056/web/fonts/DINOT.otf\');\n}\n\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 400;\n font-style: italic;\n\n src: url(\'https://res.cloudinary.com/roa-canon/raw/upload/v1481915056/web/fonts/DINOT-Italic.otf\');\n}\n\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 500;\n\n src: url(\'https://res.cloudinary.com/roa-canon/raw/upload/v1481917384/web/fonts/DINOT-Medium.otf\');\n}\n\n\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 500;\n font-style: italic;\n\n src: url(\'https://res.cloudinary.com/roa-canon/raw/upload/v1481917385/web/fonts/DINOT-MediumItalic.otf\');\n}\n\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 800;\n\n src: url(\'https://res.cloudinary.com/roa-canon/raw/upload/v1481915056/web/fonts/DINOT-Bold.otf\');\n}\n\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 800;\n font-style: italic;\n\n src: url(\'https://res.cloudinary.com/roa-canon/raw/upload/v1481915056/web/fonts/DINOT-BoldItalic.otf\');\n}\n\n@font-face {\n font-family: \'din-cond\';\n font-weight: 400;\n\n src: url(\'https://res.cloudinary.com/roa-canon/raw/upload/v1481917384/web/fonts/DINOT-CondMedium.otf\');\n}\n']);
|
6429 |
|
6430 | function _taggedTemplateLiteral$T(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6431 |
|
6432 | |
6433 |
|
6434 |
|
6435 | styled.injectGlobal(_templateObject$T);
|
6436 |
|
6437 | var fontFamilies = {
|
6438 | dinCondensed: '"din-cond", "din-condensed-web", Arial, sans-serif',
|
6439 | dinRegular: '"ff-din-web", Helvetica, Arial, sans-serif',
|
6440 | caslon: '"adobe-caslon-pro", Helvetica, Arial, serif'
|
6441 | };
|
6442 |
|
6443 | var fontFamilies$1 = {
|
6444 | headerFont: fontFamilies.dinCondensed,
|
6445 | primaryFont: fontFamilies.dinRegular,
|
6446 | secondaryFont: fontFamilies.caslon
|
6447 | };
|
6448 |
|
6449 | var gridSettings = {
|
6450 | columns: {
|
6451 | mobile: 4,
|
6452 | tablet: 12,
|
6453 | desktop: 12
|
6454 | },
|
6455 | margins: {
|
6456 | mobile: '3%',
|
6457 | tablet: '7%',
|
6458 | desktop: '7%'
|
6459 | },
|
6460 | gutter: 2
|
6461 | };
|
6462 |
|
6463 | var _templateObject$U = _taggedTemplateLiteral$U(['\n html {\n font-size: 10px;\n }\n'], ['\n html {\n font-size: 10px;\n }\n']);
|
6464 |
|
6465 | function _taggedTemplateLiteral$U(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6466 |
|
6467 | var base = styled.injectGlobal(_templateObject$U);
|
6468 |
|
6469 | var theme = {
|
6470 | breakpoints: breakpoints,
|
6471 | colors: colors$1,
|
6472 | fonts: fontFamilies$1,
|
6473 | grid: gridSettings,
|
6474 | fixedPosition: 'relative',
|
6475 | media: media,
|
6476 | base: base
|
6477 | };
|
6478 |
|
6479 | var _jsxFileName$s = '/Users/mealeyst/projects/professional/mirage/src/core/theme/index.js';
|
6480 |
|
6481 | var _createClass$1 = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
6482 |
|
6483 | function _classCallCheck$3(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
6484 |
|
6485 | function _possibleConstructorReturn$1(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
6486 |
|
6487 | function _inherits$1(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
6488 |
|
6489 | var ROATheme = function (_Component) {
|
6490 | _inherits$1(ROATheme, _Component);
|
6491 |
|
6492 | function ROATheme() {
|
6493 | _classCallCheck$3(this, ROATheme);
|
6494 |
|
6495 | return _possibleConstructorReturn$1(this, (ROATheme.__proto__ || Object.getPrototypeOf(ROATheme)).apply(this, arguments));
|
6496 | }
|
6497 |
|
6498 | _createClass$1(ROATheme, [{
|
6499 | key: 'render',
|
6500 | value: function render() {
|
6501 | return React__default.createElement(
|
6502 | styled.ThemeProvider,
|
6503 | Object.assign({ theme: theme }, this.props, {
|
6504 | __source: {
|
6505 | fileName: _jsxFileName$s,
|
6506 | lineNumber: 9
|
6507 | },
|
6508 | __self: this
|
6509 | }),
|
6510 | this.props.children
|
6511 | );
|
6512 | }
|
6513 | }]);
|
6514 |
|
6515 | return ROATheme;
|
6516 | }(React.Component);
|
6517 |
|
6518 |
|
6519 | ROATheme.propTypes = {
|
6520 | children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]).isRequired
|
6521 | };
|
6522 |
|
6523 | var _jsxFileName$t = '/Users/mealeyst/projects/professional/mirage/src/core/video/sources.base.js';
|
6524 |
|
6525 | function _classCallCheck$4(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
6526 |
|
6527 | var Sources = function Sources(inSources) {
|
6528 | var _this = this;
|
6529 |
|
6530 | _classCallCheck$4(this, Sources);
|
6531 |
|
6532 | this.createSourceElement = function (source) {
|
6533 | var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
6534 |
|
6535 | if (typeof source === 'string') {
|
6536 | var acceptedFormats = ['webm', 'ogv', 'mp4', 'flv'];
|
6537 | var test = /\.([0-9a-z]{1,5})$/;
|
6538 | var result = test.exec(source);
|
6539 | var format = result[1];
|
6540 | if (!acceptedFormats.includes(format)) {
|
6541 | console.warn('An invalid file extension was provided for ' + source);
|
6542 | }
|
6543 | if (format === 'ogv') {
|
6544 | format = 'ogg';
|
6545 | }
|
6546 | return React__default.createElement('source', { src: source, type: 'video/' + format, key: key, __source: {
|
6547 | fileName: _jsxFileName$t,
|
6548 | lineNumber: 20
|
6549 | },
|
6550 | __self: _this
|
6551 | });
|
6552 | } else {
|
6553 | console.warn('A string was not provided as a source for ' + source);
|
6554 | }
|
6555 | };
|
6556 |
|
6557 | this.render = function () {
|
6558 | var output = [];
|
6559 | if (Array.isArray(_this.sources)) {
|
6560 | output = _this.sources.map(function (source, index) {
|
6561 | return _this.createSourceElement(source, index);
|
6562 | });
|
6563 | } else {
|
6564 | output = [_this.createSourceElement(_this.sources)];
|
6565 | }
|
6566 | return output;
|
6567 | };
|
6568 |
|
6569 | this.sources = inSources;
|
6570 | };
|
6571 |
|
6572 | var _jsxFileName$u = '/Users/mealeyst/projects/professional/mirage/src/core/video/video.js',
|
6573 | _this$r = undefined;
|
6574 |
|
6575 | function _objectWithoutProperties$3(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
|
6576 |
|
6577 | var Video = function Video(_ref) {
|
6578 | var children = _ref.children,
|
6579 | inSources = _ref.sources,
|
6580 | props = _objectWithoutProperties$3(_ref, ['children', 'sources']);
|
6581 |
|
6582 | var sources = [];
|
6583 | if (inSources) {
|
6584 | sources = new Sources(inSources).render();
|
6585 | }
|
6586 | return React__default.createElement(
|
6587 | 'video',
|
6588 | Object.assign({}, props, {
|
6589 | __source: {
|
6590 | fileName: _jsxFileName$u,
|
6591 | lineNumber: 11
|
6592 | },
|
6593 | __self: _this$r
|
6594 | }),
|
6595 | sources.map(function (source, key) {
|
6596 | return source;
|
6597 | }),
|
6598 | children && children
|
6599 | );
|
6600 | };
|
6601 |
|
6602 | Video.propTypes = {
|
6603 | sources: PropTypes.oneOfType([PropTypes.string, PropTypes.array])
|
6604 | };
|
6605 |
|
6606 | Video.defaultProps = {
|
6607 | autoPlay: true,
|
6608 | loop: true,
|
6609 | muted: true
|
6610 |
|
6611 |
|
6612 | };
|
6613 |
|
6614 | var _jsxFileName$v = '/Users/mealeyst/projects/professional/mirage/src/components/address/DefaultAddress.js',
|
6615 | _this$s = undefined;
|
6616 |
|
6617 | var _templateObject$V = _taggedTemplateLiteral$V(['\n ', ' {\n display: inline-block;\n width: 100%;\n box-sizing: border-box;\n &:first-of-type {\n padding-right: 7rem;\n ', '\n }\n }\n'], ['\n ', ' {\n display: inline-block;\n width: 100%;\n box-sizing: border-box;\n &:first-of-type {\n padding-right: 7rem;\n ', '\n }\n }\n']),
|
6618 | _templateObject2$a = _taggedTemplateLiteral$V(['\n padding-right: 5rem;\n '], ['\n padding-right: 5rem;\n ']);
|
6619 |
|
6620 | function _taggedTemplateLiteral$V(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6621 |
|
6622 | var BaseDefaultAddress = function BaseDefaultAddress(_ref) {
|
6623 | var _ref$address = _ref.address,
|
6624 | first_name = _ref$address.first_name,
|
6625 | last_name = _ref$address.last_name,
|
6626 | address1 = _ref$address.address1,
|
6627 | address2 = _ref$address.address2,
|
6628 | city = _ref$address.city,
|
6629 | state = _ref$address.state,
|
6630 | zipcode = _ref$address.zipcode,
|
6631 | className = _ref.className;
|
6632 |
|
6633 | return React__default.createElement(
|
6634 | 'section',
|
6635 | { className: className, __source: {
|
6636 | fileName: _jsxFileName$v,
|
6637 | lineNumber: 20
|
6638 | },
|
6639 | __self: _this$s
|
6640 | },
|
6641 | React__default.createElement(
|
6642 | LowercaseLabel,
|
6643 | {
|
6644 | __source: {
|
6645 | fileName: _jsxFileName$v,
|
6646 | lineNumber: 21
|
6647 | },
|
6648 | __self: _this$s
|
6649 | },
|
6650 | first_name,
|
6651 | ' ',
|
6652 | last_name
|
6653 | ),
|
6654 | React__default.createElement(
|
6655 | LowercaseLabel,
|
6656 | {
|
6657 | __source: {
|
6658 | fileName: _jsxFileName$v,
|
6659 | lineNumber: 22
|
6660 | },
|
6661 | __self: _this$s
|
6662 | },
|
6663 | address1
|
6664 | ),
|
6665 | address2 && React__default.createElement(
|
6666 | LowercaseLabel,
|
6667 | {
|
6668 | __source: {
|
6669 | fileName: _jsxFileName$v,
|
6670 | lineNumber: 23
|
6671 | },
|
6672 | __self: _this$s
|
6673 | },
|
6674 | address2
|
6675 | ),
|
6676 | React__default.createElement(
|
6677 | LowercaseLabel,
|
6678 | {
|
6679 | __source: {
|
6680 | fileName: _jsxFileName$v,
|
6681 | lineNumber: 24
|
6682 | },
|
6683 | __self: _this$s
|
6684 | },
|
6685 | city,
|
6686 | ', ',
|
6687 | state,
|
6688 | ' ',
|
6689 | zipcode
|
6690 | )
|
6691 | );
|
6692 | };
|
6693 |
|
6694 | var DefaultAddress = styled__default(BaseDefaultAddress)(_templateObject$V, Label, function (props) {
|
6695 | return props.theme.media.tablet(_templateObject2$a);
|
6696 | });
|
6697 | DefaultAddress.propTypes = {
|
6698 | address: PropTypes.shape({
|
6699 | first_name: PropTypes.string.isRequired,
|
6700 | last_name: PropTypes.string.isRequired,
|
6701 | address1: PropTypes.string.isRequired,
|
6702 | address2: PropTypes.string,
|
6703 | city: PropTypes.string.isRequired,
|
6704 | state: PropTypes.string.isRequired,
|
6705 | zipcode: PropTypes.string.isRequired
|
6706 | })
|
6707 |
|
6708 |
|
6709 | };
|
6710 |
|
6711 | var _jsxFileName$w = '/Users/mealeyst/projects/professional/mirage/src/components/inputs/Buttons/Button/Button.base.js',
|
6712 | _this$t = undefined;
|
6713 |
|
6714 | var _templateObject$W = _taggedTemplateLiteral$W(['\n width: ', ';\n'], ['\n width: ', ';\n']),
|
6715 | _templateObject2$b = _taggedTemplateLiteral$W(['\n cursor: pointer;\n > * {\n cursor: pointer;\n }\n'], ['\n cursor: pointer;\n > * {\n cursor: pointer;\n }\n']),
|
6716 | _templateObject3$7 = _taggedTemplateLiteral$W(['\n cursor: wait;\n > * {\n cursor: wait;\n }\n'], ['\n cursor: wait;\n > * {\n cursor: wait;\n }\n']),
|
6717 | _templateObject4$2 = _taggedTemplateLiteral$W(['\n cursor: not-allowed;\n > * {\n cursor: not-allowed;\n }\n'], ['\n cursor: not-allowed;\n > * {\n cursor: not-allowed;\n }\n']),
|
6718 | _templateObject5$1 = _taggedTemplateLiteral$W(['\n ', '\n ', '\n ', '\n'], ['\n ', '\n ', '\n ', '\n']),
|
6719 | _templateObject6$1 = _taggedTemplateLiteral$W(['\n box-sizing: border-box;\n height: 50px;\n ', '\n padding: 0 01.5rem;\n\n text-align: center;\n\n letter-spacing: 1px;\n ', '\n\n border-radius: .2rem;\n\n font-family: ', ';\n font-size: 1.4rem;\n font-weight: 500;\n\n transition:\n background-color 0.25s ease-in,\n border-color 0.25s ease-in,\n color 0.25s ease-in;\n\n ', ' {\n display: inline-block;\n }\n\n :hover {\n ', '\n }\n\n :focus {\n outline: 0;\n },\n\n :active {\n border-style: solid;\n transform: translateX(.2rem);\n }\n > span {\n display: flex;\n justify-content: center;\n align-items: center;\n > * {\n vertical-align: middle;\n }\n }\n'], ['\n box-sizing: border-box;\n height: 50px;\n ', '\n padding: 0 01.5rem;\n\n text-align: center;\n\n letter-spacing: 1px;\n ', '\n\n border-radius: .2rem;\n\n font-family: ', ';\n font-size: 1.4rem;\n font-weight: 500;\n\n transition:\n background-color 0.25s ease-in,\n border-color 0.25s ease-in,\n color 0.25s ease-in;\n\n ', ' {\n display: inline-block;\n }\n\n :hover {\n ', '\n }\n\n :focus {\n outline: 0;\n },\n\n :active {\n border-style: solid;\n transform: translateX(.2rem);\n }\n > span {\n display: flex;\n justify-content: center;\n align-items: center;\n > * {\n vertical-align: middle;\n }\n }\n']);
|
6720 |
|
6721 | function _taggedTemplateLiteral$W(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6722 |
|
6723 | function _objectWithoutProperties$4(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
|
6724 |
|
6725 | var CustomButton = function CustomButton(_ref) {
|
6726 | var Checkmark = _ref.checkmark,
|
6727 | children = _ref.children,
|
6728 | loading = _ref.loading,
|
6729 | selected = _ref.selected,
|
6730 | showCheckmark = _ref.showCheckmark,
|
6731 | Spinner = _ref.spinner,
|
6732 | props = _objectWithoutProperties$4(_ref, ['checkmark', 'children', 'loading', 'selected', 'showCheckmark', 'spinner']);
|
6733 |
|
6734 | delete props.width;
|
6735 | delete props.sentanceCase;
|
6736 | return React__default.createElement(
|
6737 | 'button',
|
6738 | Object.assign({}, props, {
|
6739 | __source: {
|
6740 | fileName: _jsxFileName$w,
|
6741 | lineNumber: 17
|
6742 | },
|
6743 | __self: _this$t
|
6744 | }),
|
6745 | React__default.createElement(
|
6746 | 'span',
|
6747 | {
|
6748 | __source: {
|
6749 | fileName: _jsxFileName$w,
|
6750 | lineNumber: 18
|
6751 | },
|
6752 | __self: _this$t
|
6753 | },
|
6754 | selected && showCheckmark && Checkmark && React__default.createElement(Checkmark, {
|
6755 | __source: {
|
6756 | fileName: _jsxFileName$w,
|
6757 | lineNumber: 19
|
6758 | },
|
6759 | __self: _this$t
|
6760 | }),
|
6761 | !loading && children,
|
6762 | loading && React__default.createElement(Spinner, { size: '4rem', __source: {
|
6763 | fileName: _jsxFileName$w,
|
6764 | lineNumber: 21
|
6765 | },
|
6766 | __self: _this$t
|
6767 | })
|
6768 | )
|
6769 | );
|
6770 | };
|
6771 |
|
6772 | var setWidth = styled.css(_templateObject$W, function (props) {
|
6773 | return props.width;
|
6774 | });
|
6775 |
|
6776 | var pointerCursor = styled.css(_templateObject2$b);
|
6777 |
|
6778 | var waitCursor = styled.css(_templateObject3$7);
|
6779 |
|
6780 | var notAllowedCursor = styled.css(_templateObject4$2);
|
6781 |
|
6782 | var setCursor = styled.css(_templateObject5$1, function (props) {
|
6783 | return !props.loading && !props.disabled && pointerCursor;
|
6784 | }, function (props) {
|
6785 | return props.loading && waitCursor;
|
6786 | }, function (props) {
|
6787 | return props.disabled && notAllowedCursor;
|
6788 | });
|
6789 |
|
6790 | var BaseButton = styled__default(CustomButton)(_templateObject6$1, function (props) {
|
6791 | return props.width && setWidth;
|
6792 | }, function (props) {
|
6793 | return props.sentanceCase ? 'text-transform: inherit;' : 'text-transform: uppercase;';
|
6794 | }, function (props) {
|
6795 | return props.theme.fonts.primaryFont;
|
6796 | }, function (props) {
|
6797 | return props.spinner;
|
6798 | }, function (props) {
|
6799 | return setCursor;
|
6800 | });
|
6801 |
|
6802 | var buttonPropCheck = function buttonPropCheck(props, propName, componentName) {
|
6803 | if (props.disabled && props.loading) {
|
6804 | return new Error('You have both the disabled and loading props set in ' + componentName + ', please only set one or neither of these props at a time.');
|
6805 | }
|
6806 | return null;
|
6807 | };
|
6808 |
|
6809 | BaseButton.propTypes = {
|
6810 | buttonPropCheck: buttonPropCheck,
|
6811 | checkmark: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
|
6812 | sentanceCase: PropTypes.bool,
|
6813 | spinner: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
|
6814 | width: PropTypes.string
|
6815 | };
|
6816 |
|
6817 | var _templateObject$X = _taggedTemplateLiteral$X(['\n color: ', ';\n border-color: ', ';\n &:hover {\n color: ', ';\n border-color: ', ';\n }\n'], ['\n color: ', ';\n border-color: ', ';\n &:hover {\n color: ', ';\n border-color: ', ';\n }\n']),
|
6818 | _templateObject2$c = _taggedTemplateLiteral$X(['\n color: ', ';\n border-color: ', ';\n'], ['\n color: ', ';\n border-color: ', ';\n']),
|
6819 | _templateObject3$8 = _taggedTemplateLiteral$X(['\n ', '\n ', '\n ', '\n ', '\n'], ['\n ', '\n ', '\n ', '\n ', '\n']),
|
6820 | _templateObject4$3 = _taggedTemplateLiteral$X(['\n background-color: rgba(255, 255, 255, 0);\n ', '\n'], ['\n background-color: rgba(255, 255, 255, 0);\n ', '\n']);
|
6821 |
|
6822 | function _taggedTemplateLiteral$X(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6823 |
|
6824 | var defaultStyle = styled.css(_templateObject$X, function (props) {
|
6825 | return props.theme.colors.rocketBlue;
|
6826 | }, function (props) {
|
6827 | return props.theme.colors.rocketBlue;
|
6828 | }, function (props) {
|
6829 | return props.theme.colors.rocketBlueHover;
|
6830 | }, function (props) {
|
6831 | return props.theme.colors.rocketBlueHover;
|
6832 | });
|
6833 | var disabledOrLoading = styled.css(_templateObject2$c, function (props) {
|
6834 | return props.theme.colors.loading;
|
6835 | }, function (props) {
|
6836 | return props.theme.colors.loading;
|
6837 | });
|
6838 | var selected = styled.css(_templateObject2$c, function (props) {
|
6839 | return props.theme.colors.navy;
|
6840 | }, function (props) {
|
6841 | return props.theme.colors.navy;
|
6842 | });
|
6843 |
|
6844 | var colorButton = styled.css(_templateObject3$8, function (props) {
|
6845 | return !props.selected && !props.disabled && !props.loading && defaultStyle;
|
6846 | }, function (props) {
|
6847 | return props.selected && selected;
|
6848 | }, function (props) {
|
6849 | return props.disabled && disabledOrLoading;
|
6850 | }, function (props) {
|
6851 | return props.loading && disabledOrLoading;
|
6852 | });
|
6853 |
|
6854 | var BlueBorderButton = styled__default(BaseButton)(_templateObject4$3, function (props) {
|
6855 | return colorButton;
|
6856 | });
|
6857 |
|
6858 | BlueBorderButton.propTypes = {
|
6859 | checkmark: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
|
6860 | spinner: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
|
6861 | theme: PropTypes.shape({
|
6862 | colors: PropTypes.shape({
|
6863 | white: PropTypes.string
|
6864 | })
|
6865 | })
|
6866 | };
|
6867 |
|
6868 | BlueBorderButton.defaultProps = {
|
6869 | checkmark: NavyCheckmark,
|
6870 | spinner: GraySpinner
|
6871 |
|
6872 |
|
6873 | };
|
6874 |
|
6875 | var _templateObject$Y = _taggedTemplateLiteral$Y(['\n background-color: ', ';\n &:hover {\n background-color: ', ';\n }\n'], ['\n background-color: ', ';\n &:hover {\n background-color: ', ';\n }\n']),
|
6876 | _templateObject2$d = _taggedTemplateLiteral$Y(['\n background-color: ', ';\n'], ['\n background-color: ', ';\n']),
|
6877 | _templateObject3$9 = _taggedTemplateLiteral$Y(['\n background-color: ', '\n'], ['\n background-color: ', '\n']),
|
6878 | _templateObject4$4 = _taggedTemplateLiteral$Y(['\n ', '\n ', '\n ', '\n ', '\n'], ['\n ', '\n ', '\n ', '\n ', '\n']),
|
6879 | _templateObject5$2 = _taggedTemplateLiteral$Y(['\n color: ', ';\n border-color: transparent;\n\n ', '\n'], ['\n color: ', ';\n border-color: transparent;\n\n ', '\n']);
|
6880 |
|
6881 | function _taggedTemplateLiteral$Y(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6882 |
|
6883 | var defaultStyle$1 = styled.css(_templateObject$Y, function (props) {
|
6884 | return props.theme.colors.rocketBlue;
|
6885 | }, function (props) {
|
6886 | return props.theme.colors.rocketBlueHover;
|
6887 | });
|
6888 | var disabledOrLoading$1 = styled.css(_templateObject2$d, function (props) {
|
6889 | return props.theme.colors.loading;
|
6890 | });
|
6891 | var selected$1 = styled.css(_templateObject3$9, function (props) {
|
6892 | return props.theme.colors.navy;
|
6893 | });
|
6894 |
|
6895 | var backgroundColor = styled.css(_templateObject4$4, function (props) {
|
6896 | return !props.selected && !props.disabled && !props.loading && defaultStyle$1;
|
6897 | }, function (props) {
|
6898 | return props.selected && selected$1;
|
6899 | }, function (props) {
|
6900 | return props.disabled && disabledOrLoading$1;
|
6901 | }, function (props) {
|
6902 | return props.loading && disabledOrLoading$1;
|
6903 | });
|
6904 |
|
6905 | var Button = styled__default(BaseButton)(_templateObject5$2, function (props) {
|
6906 | return props.theme.colors.white;
|
6907 | }, function (props) {
|
6908 | return backgroundColor;
|
6909 | });
|
6910 |
|
6911 | Button.propTypes = {
|
6912 | checkmark: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
|
6913 | spinner: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
|
6914 | theme: PropTypes.shape({
|
6915 | colors: PropTypes.shape({
|
6916 | rocketBlue: PropTypes.string,
|
6917 | white: PropTypes.string
|
6918 | })
|
6919 | })
|
6920 | };
|
6921 |
|
6922 | Button.defaultProps = {
|
6923 | checkmark: WhiteCheckmark,
|
6924 | spinner: WhiteSpinner
|
6925 |
|
6926 |
|
6927 | };
|
6928 |
|
6929 | var _templateObject$Z = _taggedTemplateLiteral$Z(['\n color: ', ';\n border-color: ', ';\n &:hover {\n background-color: rgba(255, 255, 255, 0.1);\n }\n'], ['\n color: ', ';\n border-color: ', ';\n &:hover {\n background-color: rgba(255, 255, 255, 0.1);\n }\n']),
|
6930 | _templateObject2$e = _taggedTemplateLiteral$Z(['\n color: ', ';\n border-color: ', ';\n'], ['\n color: ', ';\n border-color: ', ';\n']),
|
6931 | _templateObject3$a = _taggedTemplateLiteral$Z(['\n ', '\n ', '\n ', '\n ', '\n'], ['\n ', '\n ', '\n ', '\n ', '\n']),
|
6932 | _templateObject4$5 = _taggedTemplateLiteral$Z(['\n background-color: rgba(255, 255, 255, 0);\n ', '\n'], ['\n background-color: rgba(255, 255, 255, 0);\n ', '\n']);
|
6933 |
|
6934 | function _taggedTemplateLiteral$Z(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6935 |
|
6936 | var defaultStyle$2 = styled.css(_templateObject$Z, function (props) {
|
6937 | return props.theme.colors.white;
|
6938 | }, function (props) {
|
6939 | return props.theme.colors.white;
|
6940 | });
|
6941 |
|
6942 | var disabledOrLoading$2 = styled.css(_templateObject2$e, function (props) {
|
6943 | return props.theme.colors.loading;
|
6944 | }, function (props) {
|
6945 | return props.theme.colors.loading;
|
6946 | });
|
6947 |
|
6948 | var selected$2 = styled.css(_templateObject2$e, function (props) {
|
6949 | return props.theme.colors.navy;
|
6950 | }, function (props) {
|
6951 | return props.theme.colors.navy;
|
6952 | });
|
6953 |
|
6954 | var colorButton$1 = styled.css(_templateObject3$a, function (props) {
|
6955 | return !props.selected && !props.disabled && !props.loading && defaultStyle$2;
|
6956 | }, function (props) {
|
6957 | return props.selected && selected$2;
|
6958 | }, function (props) {
|
6959 | return props.disabled && disabledOrLoading$2;
|
6960 | }, function (props) {
|
6961 | return props.loading && disabledOrLoading$2;
|
6962 | });
|
6963 |
|
6964 | var WhiteBorderButton = styled__default(BaseButton)(_templateObject4$5, function (props) {
|
6965 | return colorButton$1;
|
6966 | });
|
6967 |
|
6968 | WhiteBorderButton.propTypes = {
|
6969 | checkmark: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
|
6970 | spinner: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
|
6971 | theme: PropTypes.shape({
|
6972 | colors: PropTypes.shape({
|
6973 | white: PropTypes.string
|
6974 | })
|
6975 | })
|
6976 | };
|
6977 |
|
6978 | WhiteBorderButton.defaultProps = {
|
6979 | checkmark: NavyCheckmark,
|
6980 | spinner: GraySpinner
|
6981 |
|
6982 |
|
6983 | };
|
6984 |
|
6985 | var _templateObject$_ = _taggedTemplateLiteral$_(['\n color: ', ';\n border-color: transparent;\n background-color: ', ';\n &:hover {\n background-color: ', ';\n }\n'], ['\n color: ', ';\n border-color: transparent;\n background-color: ', ';\n &:hover {\n background-color: ', ';\n }\n']);
|
6986 |
|
6987 | function _taggedTemplateLiteral$_(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6988 |
|
6989 | var YellowButton = styled__default(BaseButton)(_templateObject$_, function (props) {
|
6990 | return props.theme.colors.navy;
|
6991 | }, function (props) {
|
6992 | return props.theme.colors.yellow;
|
6993 | }, function (props) {
|
6994 | return props.theme.colors.yellowHover;
|
6995 | });
|
6996 |
|
6997 | YellowButton.propTypes = {
|
6998 | checkmark: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
|
6999 | spinner: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
|
7000 | theme: PropTypes.shape({
|
7001 | colors: PropTypes.shape({
|
7002 | navy: PropTypes.string,
|
7003 | yellow: PropTypes.string
|
7004 | })
|
7005 | })
|
7006 | };
|
7007 |
|
7008 | YellowButton.defaultProps = {
|
7009 | checkmark: NavyCheckmark,
|
7010 | spinner: NavySpinner
|
7011 |
|
7012 |
|
7013 | };
|
7014 |
|
7015 | var _jsxFileName$x = '/Users/mealeyst/projects/professional/mirage/src/components/inputs/Buttons/ImageButton/ImageButton.base.js',
|
7016 | _this$u = undefined;
|
7017 |
|
7018 | var _templateObject$10 = _taggedTemplateLiteral$10(['\n ', ';\n'], ['\n ', ';\n']),
|
7019 | _templateObject2$f = _taggedTemplateLiteral$10(['\n position: relative;\n display: flex;\n ', '\n overflow: hidden;\n\n > button {\n display: flex;\n align-items: center;\n justify-content: center;\n\n box-sizing: border-box;\n height: 30px;\n ', '\n padding: 0 1.5rem;\n\n text-align: center;\n\n letter-spacing: .1rem;\n ', '\n\n font-family: ', ';\n font-size: 1.4rem;\n font-weight: 500;\n border: none;\n\n .arrow {\n margin-left: 1.2rem;\n }\n }\n\n > .borderBottom {\n display: block;\n height: .2rem;\n width: 100%;\n transform: translateX(-100%);\n transition transform 0.25s ease-in-out;\n position: absolute;\n left: 0;\n bottom: 0;\n z-index: 1;\n }\n\n :hover {\n > button {\n cursor: pointer;\n }\n > .borderBottom {\n transform: translateX(0);\n cursor: pointer;\n }\n }\n'], ['\n position: relative;\n display: flex;\n ', '\n overflow: hidden;\n\n > button {\n display: flex;\n align-items: center;\n justify-content: center;\n\n box-sizing: border-box;\n height: 30px;\n ', '\n padding: 0 1.5rem;\n\n text-align: center;\n\n letter-spacing: .1rem;\n ', '\n\n font-family: ', ';\n font-size: 1.4rem;\n font-weight: 500;\n border: none;\n\n .arrow {\n margin-left: 1.2rem;\n }\n }\n\n > .borderBottom {\n display: block;\n height: .2rem;\n width: 100%;\n transform: translateX(-100%);\n transition transform 0.25s ease-in-out;\n position: absolute;\n left: 0;\n bottom: 0;\n z-index: 1;\n }\n\n :hover {\n > button {\n cursor: pointer;\n }\n > .borderBottom {\n transform: translateX(0);\n cursor: pointer;\n }\n }\n']);
|
7020 |
|
7021 | function _taggedTemplateLiteral$10(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7022 |
|
7023 | function _objectWithoutProperties$5(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
|
7024 |
|
7025 | var CustomButton$1 = function CustomButton(_ref) {
|
7026 | var arrow = _ref.arrow,
|
7027 | className = _ref.className,
|
7028 | children = _ref.children,
|
7029 | props = _objectWithoutProperties$5(_ref, ['arrow', 'className', 'children']);
|
7030 |
|
7031 | return React__default.createElement(
|
7032 | 'div',
|
7033 | { className: className, __source: {
|
7034 | fileName: _jsxFileName$x,
|
7035 | lineNumber: 7
|
7036 | },
|
7037 | __self: _this$u
|
7038 | },
|
7039 | React__default.createElement(
|
7040 | 'button',
|
7041 | Object.assign({}, props, {
|
7042 | __source: {
|
7043 | fileName: _jsxFileName$x,
|
7044 | lineNumber: 8
|
7045 | },
|
7046 | __self: _this$u
|
7047 | }),
|
7048 | children,
|
7049 | arrow && React__default.createElement(
|
7050 | 'span',
|
7051 | { className: 'arrow', __source: {
|
7052 | fileName: _jsxFileName$x,
|
7053 | lineNumber: 10
|
7054 | },
|
7055 | __self: _this$u
|
7056 | },
|
7057 | '\u2192'
|
7058 | )
|
7059 | ),
|
7060 | React__default.createElement('span', { className: 'borderBottom', __source: {
|
7061 | fileName: _jsxFileName$x,
|
7062 | lineNumber: 12
|
7063 | },
|
7064 | __self: _this$u
|
7065 | })
|
7066 | );
|
7067 | };
|
7068 |
|
7069 | var setWidth$1 = styled.css(_templateObject$10, function (props) {
|
7070 | return 'width: ' + props.width;
|
7071 | });
|
7072 |
|
7073 | var BaseImageButton = styled__default(CustomButton$1)(_templateObject2$f, function (props) {
|
7074 | return setWidth$1;
|
7075 | }, function (props) {
|
7076 | return setWidth$1;
|
7077 | }, function (props) {
|
7078 | return props.sentanceCase ? 'text-transform: inherit;' : 'text-transform: uppercase;';
|
7079 | }, function (props) {
|
7080 | return props.theme.fonts.primaryFont;
|
7081 | });
|
7082 |
|
7083 | BaseImageButton.propTypes = {
|
7084 | arrow: PropTypes.bool,
|
7085 | sentanceCase: PropTypes.bool,
|
7086 | width: PropTypes.string
|
7087 | };
|
7088 |
|
7089 | BaseImageButton.defaultProps = {
|
7090 | width: '35rem'
|
7091 |
|
7092 |
|
7093 | };
|
7094 |
|
7095 | var _templateObject$11 = _taggedTemplateLiteral$11(['\n > button {\n background-color: ', ';\n color: ', ';\n }\n > .borderBottom {\n background-color: ', ';\n }\n'], ['\n > button {\n background-color: ', ';\n color: ', ';\n }\n > .borderBottom {\n background-color: ', ';\n }\n']);
|
7096 |
|
7097 | function _taggedTemplateLiteral$11(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7098 |
|
7099 | var ImageButtonWhite = styled__default(BaseImageButton)(_templateObject$11, function (props) {
|
7100 | return props.theme.colors.white;
|
7101 | }, function (props) {
|
7102 | return props.theme.colors.rocketBlue;
|
7103 | }, function (props) {
|
7104 | return props.theme.colors.rocketBlue;
|
7105 | });
|
7106 |
|
7107 | ImageButtonWhite.propTypes = {
|
7108 | theme: PropTypes.shape({
|
7109 | colors: PropTypes.shape({
|
7110 | rocketBlue: PropTypes.string,
|
7111 | white: PropTypes.string
|
7112 | })
|
7113 | })
|
7114 |
|
7115 |
|
7116 | };
|
7117 |
|
7118 | var _templateObject$12 = _taggedTemplateLiteral$12(['\n > button {\n background-color: ', ';\n color: ', ';\n }\n > .borderBottom {\n background-color: ', ';\n }\n'], ['\n > button {\n background-color: ', ';\n color: ', ';\n }\n > .borderBottom {\n background-color: ', ';\n }\n']);
|
7119 |
|
7120 | function _taggedTemplateLiteral$12(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7121 |
|
7122 | var ImageButtonBlue = styled__default(BaseImageButton)(_templateObject$12, function (props) {
|
7123 | return props.theme.colors.rocketBlue;
|
7124 | }, function (props) {
|
7125 | return props.theme.colors.white;
|
7126 | }, function (props) {
|
7127 | return props.theme.colors.white;
|
7128 | });
|
7129 |
|
7130 | ImageButtonBlue.propTypes = {
|
7131 | theme: PropTypes.shape({
|
7132 | colors: PropTypes.shape({
|
7133 | rocketBlue: PropTypes.string,
|
7134 | white: PropTypes.string
|
7135 | })
|
7136 | })
|
7137 |
|
7138 |
|
7139 | };
|
7140 |
|
7141 | var _templateObject$13 = _taggedTemplateLiteral$13(['\n > button {\n background-color: ', ';\n color: ', ';\n }\n > .borderBottom {\n background-color: ', ';\n }\n'], ['\n > button {\n background-color: ', ';\n color: ', ';\n }\n > .borderBottom {\n background-color: ', ';\n }\n']);
|
7142 |
|
7143 | function _taggedTemplateLiteral$13(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7144 |
|
7145 | var ImageButtonBlack = styled__default(BaseImageButton)(_templateObject$13, function (props) {
|
7146 | return props.theme.colors.black;
|
7147 | }, function (props) {
|
7148 | return props.theme.colors.white;
|
7149 | }, function (props) {
|
7150 | return props.theme.colors.yellow;
|
7151 | });
|
7152 |
|
7153 | ImageButtonBlack.propTypes = {
|
7154 | theme: PropTypes.shape({
|
7155 | colors: PropTypes.shape({
|
7156 | black: PropTypes.string,
|
7157 | yellow: PropTypes.string,
|
7158 | white: PropTypes.string
|
7159 | })
|
7160 | })
|
7161 |
|
7162 |
|
7163 | };
|
7164 |
|
7165 | var _jsxFileName$y = '/Users/mealeyst/projects/professional/mirage/src/components/inputs/Checkbox/Check.base.js',
|
7166 | _this$v = undefined;
|
7167 |
|
7168 | var _templateObject$14 = _taggedTemplateLiteral$14(['\n from {\n stroke-dashoffset: 200;\n }\n to {\n stroke-dashoffset: 0;\n }\n'], ['\n from {\n stroke-dashoffset: 200;\n }\n to {\n stroke-dashoffset: 0;\n }\n']),
|
7169 | _templateObject2$g = _taggedTemplateLiteral$14(['\n animation: ', ' 0.25s linear forwards;\n\n stroke: ', ';\n stroke-dasharray: 200;\n stroke-dashoffset: 0;\n'], ['\n animation: ', ' 0.25s linear forwards;\n\n stroke: ', ';\n stroke-dasharray: 200;\n stroke-dashoffset: 0;\n']),
|
7170 | _templateObject3$b = _taggedTemplateLiteral$14(['\n ', '\n fill: none;\n stroke-width: 20;\n stroke-linecap: round;\n stroke: ', ';\n'], ['\n ', '\n fill: none;\n stroke-width: 20;\n stroke-linecap: round;\n stroke: ', ';\n']);
|
7171 |
|
7172 | function _taggedTemplateLiteral$14(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7173 |
|
7174 | var BaseCheck = function BaseCheck(_ref) {
|
7175 | var className = _ref.className;
|
7176 |
|
7177 | return React__default.createElement('polyline', { className: className, points: '38.75 98.75 77.75 134.75 151.25 55.25', __source: {
|
7178 | fileName: _jsxFileName$y,
|
7179 | lineNumber: 7
|
7180 | },
|
7181 | __self: _this$v
|
7182 | });
|
7183 | };
|
7184 |
|
7185 | var dash = styled.keyframes(_templateObject$14);
|
7186 |
|
7187 | var checked = styled.css(_templateObject2$g, dash, function (props) {
|
7188 | return props.theme.colors.white;
|
7189 | });
|
7190 |
|
7191 | var Check = styled__default(BaseCheck)(_templateObject3$b, function (props) {
|
7192 | return props.checked && checked;
|
7193 | }, function (props) {
|
7194 | return props.theme.colors.white;
|
7195 | });
|
7196 |
|
7197 | Check.propTypes = {
|
7198 | theme: PropTypes.shape({
|
7199 | colors: PropTypes.shape({
|
7200 | white: PropTypes.string
|
7201 | })
|
7202 | })
|
7203 | };
|
7204 |
|
7205 | var _jsxFileName$z = '/Users/mealeyst/projects/professional/mirage/src/components/inputs/Checkbox/Rect.base.js',
|
7206 | _this$w = undefined;
|
7207 |
|
7208 | var _templateObject$15 = _taggedTemplateLiteral$15(['\n from {\n fill: rgba(0,115,209, 1.0);\n }\n to {\n fill: rgba(255, 255, 255, 0);\n }\n'], ['\n from {\n fill: rgba(0,115,209, 1.0);\n }\n to {\n fill: rgba(255, 255, 255, 0);\n }\n']),
|
7209 | _templateObject2$h = _taggedTemplateLiteral$15(['\n from {\n fill: rgba(255, 255, 255, 0);\n }\n to {\n fill: rgba(0,115,209, 1.0);\n }\n'], ['\n from {\n fill: rgba(255, 255, 255, 0);\n }\n to {\n fill: rgba(0,115,209, 1.0);\n }\n']),
|
7210 | _templateObject3$c = _taggedTemplateLiteral$15(['\n animation: ', ' 0.25s linear forwards;\n\n fill: stroke: ', ';\n'], ['\n animation: ', ' 0.25s linear forwards;\n\n fill: stroke: ', ';\n']),
|
7211 | _templateObject4$6 = _taggedTemplateLiteral$15(['\n animation: ', ' 0.25s linear forwards;\n\n stroke: transparent;\n stroke-width: 10;\n stroke-linecap: round;\n stroke-dashoffset: 200;\n fill: none;\n'], ['\n animation: ', ' 0.25s linear forwards;\n\n stroke: transparent;\n stroke-width: 10;\n stroke-linecap: round;\n stroke-dashoffset: 200;\n fill: none;\n']),
|
7212 | _templateObject5$3 = _taggedTemplateLiteral$15(['\n ', '\n\n stroke: ', ';\n stroke-width: 20;\n stroke-linecap: round;\n'], ['\n ', '\n\n stroke: ', ';\n stroke-width: 20;\n stroke-linecap: round;\n']);
|
7213 |
|
7214 | function _taggedTemplateLiteral$15(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7215 |
|
7216 | var fillOut = styled.keyframes(_templateObject$15);
|
7217 |
|
7218 | var fillIn = styled.keyframes(_templateObject2$h);
|
7219 |
|
7220 | var checked$1 = styled.css(_templateObject3$c, fillIn, function (props) {
|
7221 | return props.theme.colors.rocketBlue;
|
7222 | });
|
7223 |
|
7224 | var unchecked = styled.css(_templateObject4$6, fillOut);
|
7225 |
|
7226 | var Rect = function Rect(_ref) {
|
7227 | var className = _ref.className;
|
7228 |
|
7229 | return React__default.createElement('rect', { className: className, x: '2.5', y: '2.5', width: '185', height: '185', rx: '10', ry: '10', __source: {
|
7230 | fileName: _jsxFileName$z,
|
7231 | lineNumber: 41
|
7232 | },
|
7233 | __self: _this$w
|
7234 | });
|
7235 | };
|
7236 |
|
7237 | var StyledRect = styled__default(Rect)(_templateObject5$3, function (props) {
|
7238 | return props.checked ? checked$1 : unchecked;
|
7239 | }, function (props) {
|
7240 | return props.theme.colors.rocketBlue;
|
7241 | });
|
7242 |
|
7243 | StyledRect.propTypes = {
|
7244 | checked: PropTypes.bool,
|
7245 | theme: PropTypes.shape({
|
7246 | colors: PropTypes.shape({
|
7247 | rocketBlue: PropTypes.string
|
7248 | })
|
7249 | })
|
7250 | };
|
7251 |
|
7252 | var _jsxFileName$A = '/Users/mealeyst/projects/professional/mirage/src/components/inputs/Checkbox/CheckboxSVG.base.js',
|
7253 | _this$x = undefined;
|
7254 |
|
7255 | var _templateObject$16 = _taggedTemplateLiteral$16(['\n width: 2.5rem;\n height: 2.5rem;\n margin-right: .9rem;\n'], ['\n width: 2.5rem;\n height: 2.5rem;\n margin-right: .9rem;\n']);
|
7256 |
|
7257 | function _taggedTemplateLiteral$16(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7258 |
|
7259 | function _objectWithoutProperties$6(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
|
7260 |
|
7261 | var CheckboxSVG = function CheckboxSVG(_ref) {
|
7262 | var className = _ref.className,
|
7263 | props = _objectWithoutProperties$6(_ref, ['className']);
|
7264 |
|
7265 | return React__default.createElement(
|
7266 | 'svg',
|
7267 | { className: className, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 190 190', __source: {
|
7268 | fileName: _jsxFileName$A,
|
7269 | lineNumber: 10
|
7270 | },
|
7271 | __self: _this$x
|
7272 | },
|
7273 | React__default.createElement(StyledRect, Object.assign({}, props, {
|
7274 | __source: {
|
7275 | fileName: _jsxFileName$A,
|
7276 | lineNumber: 11
|
7277 | },
|
7278 | __self: _this$x
|
7279 | })),
|
7280 | React__default.createElement(Check, Object.assign({}, props, {
|
7281 | __source: {
|
7282 | fileName: _jsxFileName$A,
|
7283 | lineNumber: 12
|
7284 | },
|
7285 | __self: _this$x
|
7286 | }))
|
7287 | );
|
7288 | };
|
7289 |
|
7290 | var StyledCheckboxSVG = styled__default(CheckboxSVG)(_templateObject$16);
|
7291 |
|
7292 | StyledCheckboxSVG.propTypes = {
|
7293 | checked: PropTypes.bool
|
7294 | };
|
7295 |
|
7296 | StyledCheckboxSVG.defaultProps = {
|
7297 | checked: false
|
7298 | };
|
7299 |
|
7300 | var _jsxFileName$B = '/Users/mealeyst/projects/professional/mirage/src/components/inputs/Checkbox/Checkbox.js';
|
7301 |
|
7302 | var _createClass$2 = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
7303 |
|
7304 | var _templateObject$17 = _taggedTemplateLiteral$17(['\n display: flex;\n align-items: center;\n font-size: 1.6rem;\n font-weight: 400;\n\n input {\n width: 0;\n height: 0;\n\n opacity: 0;\n }\n\n input:focused + ', ' {\n stroke-width: 40;\n }\n'], ['\n display: flex;\n align-items: center;\n font-size: 1.6rem;\n font-weight: 400;\n\n input {\n width: 0;\n height: 0;\n\n opacity: 0;\n }\n\n input:focused + ', ' {\n stroke-width: 40;\n }\n']);
|
7305 |
|
7306 | function _taggedTemplateLiteral$17(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7307 |
|
7308 | function _objectWithoutProperties$7(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
|
7309 |
|
7310 | function _classCallCheck$5(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
7311 |
|
7312 | function _possibleConstructorReturn$2(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
7313 |
|
7314 | function _inherits$2(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
7315 |
|
7316 | var CheckboxBase = function (_React$Component) {
|
7317 | _inherits$2(CheckboxBase, _React$Component);
|
7318 |
|
7319 | function CheckboxBase() {
|
7320 | _classCallCheck$5(this, CheckboxBase);
|
7321 |
|
7322 | return _possibleConstructorReturn$2(this, (CheckboxBase.__proto__ || Object.getPrototypeOf(CheckboxBase)).apply(this, arguments));
|
7323 | }
|
7324 |
|
7325 | _createClass$2(CheckboxBase, [{
|
7326 | key: 'render',
|
7327 | value: function render() {
|
7328 | var _props = this.props,
|
7329 | className = _props.className,
|
7330 | input = _props.input,
|
7331 | label = _props.label,
|
7332 | props = _objectWithoutProperties$7(_props, ['className', 'input', 'label']);
|
7333 |
|
7334 | var checked = input.value;
|
7335 | return React__default.createElement(
|
7336 | Label,
|
7337 | Object.assign({}, props, { lowercase: true, className: className, __source: {
|
7338 | fileName: _jsxFileName$B,
|
7339 | lineNumber: 14
|
7340 | },
|
7341 | __self: this
|
7342 | }),
|
7343 | React__default.createElement('input', Object.assign({
|
7344 | type: 'checkbox'
|
7345 | }, input, {
|
7346 | checked: checked,
|
7347 | __source: {
|
7348 | fileName: _jsxFileName$B,
|
7349 | lineNumber: 15
|
7350 | },
|
7351 | __self: this
|
7352 | })),
|
7353 | React__default.createElement(StyledCheckboxSVG, Object.assign({}, props, { checked: checked, __source: {
|
7354 | fileName: _jsxFileName$B,
|
7355 | lineNumber: 20
|
7356 | },
|
7357 | __self: this
|
7358 | })),
|
7359 | label
|
7360 | );
|
7361 | }
|
7362 | }]);
|
7363 |
|
7364 | return CheckboxBase;
|
7365 | }(React__default.Component);
|
7366 |
|
7367 | CheckboxBase.propTypes = {
|
7368 | className: PropTypes.string,
|
7369 | input: PropTypes.shape({
|
7370 | value: PropTypes.bool
|
7371 | }).isRequired,
|
7372 | label: PropTypes.string
|
7373 | };
|
7374 |
|
7375 | CheckboxBase.defaultProps = {
|
7376 | input: {
|
7377 | value: false
|
7378 | }
|
7379 | };
|
7380 |
|
7381 | var Checkbox = styled__default(CheckboxBase)(_templateObject$17, StyledRect);
|
7382 |
|
7383 | Checkbox.propTypes = {
|
7384 | className: PropTypes.string,
|
7385 | input: PropTypes.object.isRequired,
|
7386 | label: PropTypes.string,
|
7387 | theme: PropTypes.shape({
|
7388 | colors: PropTypes.shape({
|
7389 | rocketBlue: PropTypes.string,
|
7390 | white: PropTypes.string
|
7391 | })
|
7392 | })
|
7393 |
|
7394 |
|
7395 | };
|
7396 |
|
7397 | var _jsxFileName$C = '/Users/mealeyst/projects/professional/mirage/src/components/inputs/SizeRadio.js',
|
7398 | _this$y = undefined;
|
7399 |
|
7400 | var _templateObject$18 = _taggedTemplateLiteral$18(['\n color: ', ';\n border: 1px solid ', ';\n background-color: ', ';\n'], ['\n color: ', ';\n border: 1px solid ', ';\n background-color: ', ';\n']),
|
7401 | _templateObject2$i = _taggedTemplateLiteral$18(['\n position: relative;\n > input {\n position: absolute;\n\n width: 0;\n height: 0;\n\n opacity: 0;\n }\n > label {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 64px;\n height: 64px;\n\n cursor: pointer;\n transition-timing-function: ease-in-out;\n transition-duration: 0.25s;\n transition-property: background-color, border-color, color;\n text-align: center;\n letter-spacing: normal;\n\n color: ', ';\n border: 1px solid ', ';\n border-radius: 50%;\n background-color: ', ';\n\n font-family: ', ';\n font-size: 16px;\n font-weight: 500;\n font-style: normal;\n font-stretch: normal;\n line-height: normal;\n }\n\n > input:checked + label {\n ', '\n }\n'], ['\n position: relative;\n > input {\n position: absolute;\n\n width: 0;\n height: 0;\n\n opacity: 0;\n }\n > label {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 64px;\n height: 64px;\n\n cursor: pointer;\n transition-timing-function: ease-in-out;\n transition-duration: 0.25s;\n transition-property: background-color, border-color, color;\n text-align: center;\n letter-spacing: normal;\n\n color: ', ';\n border: 1px solid ', ';\n border-radius: 50%;\n background-color: ', ';\n\n font-family: ', ';\n font-size: 16px;\n font-weight: 500;\n font-style: normal;\n font-stretch: normal;\n line-height: normal;\n }\n\n > input:checked + label {\n ', '\n }\n']);
|
7402 |
|
7403 | function _taggedTemplateLiteral$18(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7404 |
|
7405 | function _objectWithoutProperties$8(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
|
7406 |
|
7407 | var BaseSizeRadio = function BaseSizeRadio(_ref) {
|
7408 | var children = _ref.children,
|
7409 | className = _ref.className,
|
7410 | input = _ref.input,
|
7411 | props = _objectWithoutProperties$8(_ref, ['children', 'className', 'input']);
|
7412 |
|
7413 | return React__default.createElement(
|
7414 | 'div',
|
7415 | { className: className, __source: {
|
7416 | fileName: _jsxFileName$C,
|
7417 | lineNumber: 7
|
7418 | },
|
7419 | __self: _this$y
|
7420 | },
|
7421 | React__default.createElement('input', Object.assign({ id: input.value, type: 'radio' }, input, {
|
7422 | __source: {
|
7423 | fileName: _jsxFileName$C,
|
7424 | lineNumber: 8
|
7425 | },
|
7426 | __self: _this$y
|
7427 | })),
|
7428 | React__default.createElement(
|
7429 | 'label',
|
7430 | { htmlFor: input.value, __source: {
|
7431 | fileName: _jsxFileName$C,
|
7432 | lineNumber: 9
|
7433 | },
|
7434 | __self: _this$y
|
7435 | },
|
7436 | children
|
7437 | )
|
7438 | );
|
7439 | };
|
7440 |
|
7441 | var checked$2 = styled.css(_templateObject$18, function (props) {
|
7442 | return props.theme.colors.white;
|
7443 | }, function (props) {
|
7444 | return props.theme.colors.rocketBlue;
|
7445 | }, function (props) {
|
7446 | return props.theme.colors.rocketBlue;
|
7447 | });
|
7448 |
|
7449 | var SizeRadio = styled__default(BaseSizeRadio)(_templateObject2$i, function (props) {
|
7450 | return props.theme.colors.navy;
|
7451 | }, function (props) {
|
7452 | return props.theme.colors.gray[5];
|
7453 | }, function (props) {
|
7454 | return props.theme.colors.gray[0];
|
7455 | }, function (props) {
|
7456 | return props.theme.fonts.primaryFont;
|
7457 | }, function (props) {
|
7458 | return checked$2;
|
7459 | });
|
7460 |
|
7461 | SizeRadio.propTypes = {
|
7462 | children: PropTypes.string,
|
7463 | input: PropTypes.object,
|
7464 | theme: PropTypes.shape({
|
7465 | fonts: PropTypes.shape({
|
7466 | primaryFont: PropTypes.string.isRequired
|
7467 | }),
|
7468 | colors: PropTypes.shape({
|
7469 | navy: PropTypes.string.isRequired,
|
7470 | rocketBlue: PropTypes.string.isRequired,
|
7471 | white: PropTypes.string.isRequired,
|
7472 | gray: PropTypes.array.isRequired
|
7473 | })
|
7474 | })
|
7475 |
|
7476 |
|
7477 | };
|
7478 |
|
7479 | var _templateObject$19 = _taggedTemplateLiteral$19(['\ntransition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;\n\ntext-decoration: none;\ntext-transform: ', ';\n\nborder-bottom: 0.2rem solid;\nborder-bottom-color: transparent;\n\nfont-family: ', ';\nfont-size: 1.4rem;\nfont-weight: 500;\n&:hover {\n text-decoration: none;\n\n pointer: cursor;\n}\n'], ['\ntransition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;\n\ntext-decoration: none;\ntext-transform: ', ';\n\nborder-bottom: 0.2rem solid;\nborder-bottom-color: transparent;\n\nfont-family: ', ';\nfont-size: 1.4rem;\nfont-weight: 500;\n&:hover {\n text-decoration: none;\n\n pointer: cursor;\n}\n']),
|
7480 | _templateObject2$j = _taggedTemplateLiteral$19(['\n ', '\n'], ['\n ', '\n']);
|
7481 |
|
7482 | function _taggedTemplateLiteral$19(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7483 |
|
7484 | var baseLinkStyles = styled.css(_templateObject$19, function (props) {
|
7485 | return props.uppercase ? 'uppercase' : 'initial';
|
7486 | }, function (props) {
|
7487 | return props.theme.fonts.primaryFont;
|
7488 | });
|
7489 |
|
7490 | var BaseLink = styled__default.a(_templateObject2$j, function (props) {
|
7491 | return baseLinkStyles;
|
7492 | });
|
7493 |
|
7494 | BaseLink.propTypes = {
|
7495 | theme: PropTypes.shape({
|
7496 | fonts: PropTypes.shape({
|
7497 | primaryFont: PropTypes.string
|
7498 | })
|
7499 | }),
|
7500 | uppercase: PropTypes.bool.isRequired
|
7501 | };
|
7502 |
|
7503 | BaseLink.defaultProps = {
|
7504 | uppercase: false
|
7505 |
|
7506 |
|
7507 | };
|
7508 |
|
7509 | var _templateObject$1a = _taggedTemplateLiteral$1a(['\n color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n ', '\n }\n'], ['\n color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n ', '\n }\n']);
|
7510 |
|
7511 | function _taggedTemplateLiteral$1a(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7512 |
|
7513 | var Link = styled__default(BaseLink)(_templateObject$1a, function (props) {
|
7514 | return props.theme.colors.rocketBlue;
|
7515 | }, function (props) {
|
7516 | return props.theme.colors.navy;
|
7517 | }, function (props) {
|
7518 | return props.underline ? 'border-bottom-color: ' + props.theme.colors.navy + ';' : '';
|
7519 | });
|
7520 |
|
7521 | Link.propTypes = {
|
7522 | theme: PropTypes.shape({
|
7523 | colors: PropTypes.shape({
|
7524 | rocketBlue: PropTypes.string
|
7525 | })
|
7526 | }),
|
7527 | underline: PropTypes.bool.isRequired
|
7528 | };
|
7529 |
|
7530 | Link.defaultProps = {
|
7531 | underline: true
|
7532 |
|
7533 | };
|
7534 |
|
7535 | var _templateObject$1b = _taggedTemplateLiteral$1b(['\n color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n ', '\n }\n'], ['\n color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n ', '\n }\n']);
|
7536 |
|
7537 | function _taggedTemplateLiteral$1b(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7538 |
|
7539 | var NavyLink = styled__default(BaseLink)(_templateObject$1b, function (props) {
|
7540 | return props.theme.colors.navy;
|
7541 | }, function (props) {
|
7542 | return props.theme.colors.navy;
|
7543 | }, function (props) {
|
7544 | return props.underline ? 'border-bottom-color: ' + props.theme.colors.navy + ';' : '';
|
7545 | });
|
7546 |
|
7547 | NavyLink.propTypes = {
|
7548 | theme: PropTypes.shape({
|
7549 | colors: PropTypes.shape({
|
7550 | navy: PropTypes.string
|
7551 | })
|
7552 | }),
|
7553 | underline: PropTypes.bool.isRequired
|
7554 | };
|
7555 |
|
7556 | NavyLink.defaultProps = {
|
7557 | underline: true
|
7558 |
|
7559 |
|
7560 | };
|
7561 |
|
7562 | var _templateObject$1c = _taggedTemplateLiteral$1c(['\n color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n ', '\n }\n'], ['\n color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n ', '\n }\n']);
|
7563 |
|
7564 | function _taggedTemplateLiteral$1c(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7565 |
|
7566 | var WhiteLink = styled__default(BaseLink)(_templateObject$1c, function (props) {
|
7567 | return props.theme.colors.white;
|
7568 | }, function (props) {
|
7569 | return props.theme.colors.white;
|
7570 | }, function (props) {
|
7571 | return props.underline ? 'border-bottom-color: ' + props.theme.colors.white + ';' : '';
|
7572 | });
|
7573 |
|
7574 | WhiteLink.propTypes = {
|
7575 | theme: PropTypes.shape({
|
7576 | colors: PropTypes.shape({
|
7577 | white: PropTypes.string
|
7578 | })
|
7579 | }),
|
7580 | underline: PropTypes.bool.isRequired
|
7581 | };
|
7582 |
|
7583 | WhiteLink.defaultProps = {
|
7584 | underline: true
|
7585 |
|
7586 |
|
7587 | };
|
7588 |
|
7589 | var _jsxFileName$D = '/Users/mealeyst/projects/professional/mirage/src/components/payment/DefaultPayment.js',
|
7590 | _this$z = undefined;
|
7591 |
|
7592 | var _templateObject$1d = _taggedTemplateLiteral$1d(['\n display: flex;\n align-items: flex-start;\n ', ' {\n display: inline-block;\n width: 2.5rem;\n margin-top: .6rem;\n margin-right: 1rem;\n flex: 0 0 auto;\n }\n > aside {\n display: inline-block;\n }\n ', ' {\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n &:first-of-type {\n padding-right: 7rem;\n ', '\n }\n }\n'], ['\n display: flex;\n align-items: flex-start;\n ', ' {\n display: inline-block;\n width: 2.5rem;\n margin-top: .6rem;\n margin-right: 1rem;\n flex: 0 0 auto;\n }\n > aside {\n display: inline-block;\n }\n ', ' {\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n &:first-of-type {\n padding-right: 7rem;\n ', '\n }\n }\n']),
|
7593 | _templateObject2$k = _taggedTemplateLiteral$1d(['\n padding-right: 5rem;\n '], ['\n padding-right: 5rem;\n ']);
|
7594 |
|
7595 | function _taggedTemplateLiteral$1d(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7596 |
|
7597 | var prettyBrand = function prettyBrand(brand) {
|
7598 | return '' + brand.charAt(0).toUpperCase() + brand.slice(1);
|
7599 | };
|
7600 | var cardData = function cardData(brand, last_4_digits) {
|
7601 | return prettyBrand(brand) + ' ending in ****' + last_4_digits;
|
7602 | };
|
7603 |
|
7604 | var BaseDefaultPayment = function BaseDefaultPayment(_ref) {
|
7605 | var _ref$card = _ref.card,
|
7606 | brand = _ref$card.brand,
|
7607 | exp_month = _ref$card.exp_month,
|
7608 | exp_year = _ref$card.exp_year,
|
7609 | last_4_digits = _ref$card.last_4_digits,
|
7610 | className = _ref.className;
|
7611 |
|
7612 | return React__default.createElement(
|
7613 | 'section',
|
7614 | { className: className, __source: {
|
7615 | fileName: _jsxFileName$D,
|
7616 | lineNumber: 23
|
7617 | },
|
7618 | __self: _this$z
|
7619 | },
|
7620 | React__default.createElement(CardIcon, { brand: brand, __source: {
|
7621 | fileName: _jsxFileName$D,
|
7622 | lineNumber: 24
|
7623 | },
|
7624 | __self: _this$z
|
7625 | }),
|
7626 | React__default.createElement(
|
7627 | 'aside',
|
7628 | {
|
7629 | __source: {
|
7630 | fileName: _jsxFileName$D,
|
7631 | lineNumber: 25
|
7632 | },
|
7633 | __self: _this$z
|
7634 | },
|
7635 | React__default.createElement(
|
7636 | LowercaseLabel,
|
7637 | {
|
7638 | __source: {
|
7639 | fileName: _jsxFileName$D,
|
7640 | lineNumber: 26
|
7641 | },
|
7642 | __self: _this$z
|
7643 | },
|
7644 | cardData(brand, last_4_digits)
|
7645 | ),
|
7646 | React__default.createElement(
|
7647 | LowercaseLabel,
|
7648 | {
|
7649 | __source: {
|
7650 | fileName: _jsxFileName$D,
|
7651 | lineNumber: 27
|
7652 | },
|
7653 | __self: _this$z
|
7654 | },
|
7655 | 'expires ',
|
7656 | exp_month,
|
7657 | '/',
|
7658 | exp_year
|
7659 | )
|
7660 | )
|
7661 | );
|
7662 | };
|
7663 |
|
7664 | var DefaultPayment = styled__default(BaseDefaultPayment)(_templateObject$1d, CardIcon, Label, function (props) {
|
7665 | return props.theme.media.tablet(_templateObject2$k);
|
7666 | });
|
7667 |
|
7668 | DefaultPayment.propTypes = {
|
7669 | card: PropTypes.shape({
|
7670 | brand: PropTypes.string,
|
7671 | exp_month: PropTypes.string,
|
7672 | exp_year: PropTypes.string,
|
7673 | last_4_digits: PropTypes.string
|
7674 | }).isRequired
|
7675 |
|
7676 |
|
7677 | };
|
7678 |
|
7679 | var _templateObject$1e = _taggedTemplateLiteral$1e(['\n padding: 2.0rem 1.5rem;\n background-color: ', ';\n'], ['\n padding: 2.0rem 1.5rem;\n background-color: ', ';\n']);
|
7680 |
|
7681 | function _taggedTemplateLiteral$1e(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7682 |
|
7683 | var InformationalSection = styled__default.section(_templateObject$1e, function (props) {
|
7684 | return props.theme.colors.lightBlue[0];
|
7685 | });
|
7686 |
|
7687 | InformationalSection.propTypes = {
|
7688 | theme: PropTypes.shape({
|
7689 | colors: PropTypes.shape({
|
7690 | lightBlue: PropTypes.array
|
7691 | })
|
7692 | })
|
7693 |
|
7694 |
|
7695 | };
|
7696 |
|
7697 | var _jsxFileName$E = '/Users/mealeyst/projects/professional/mirage/src/components/video/backgroundVideo.js',
|
7698 | _this$A = undefined;
|
7699 |
|
7700 | var _templateObject$1f = _taggedTemplateLiteral$1f(['\n position: relative;\n > video {\n width: 100%;\n }\n > article {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n'], ['\n position: relative;\n > video {\n width: 100%;\n }\n > article {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n']);
|
7701 |
|
7702 | function _taggedTemplateLiteral$1f(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7703 |
|
7704 | function _objectWithoutProperties$9(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
|
7705 |
|
7706 | var BaseBackgroundVideo = function BaseBackgroundVideo(_ref) {
|
7707 | var className = _ref.className,
|
7708 | children = _ref.children,
|
7709 | sources = _ref.sources,
|
7710 | props = _objectWithoutProperties$9(_ref, ['className', 'children', 'sources']);
|
7711 |
|
7712 | return React__default.createElement(
|
7713 | 'section',
|
7714 | { className: className, __source: {
|
7715 | fileName: _jsxFileName$E,
|
7716 | lineNumber: 8
|
7717 | },
|
7718 | __self: _this$A
|
7719 | },
|
7720 | React__default.createElement(Video, { sources: sources, __source: {
|
7721 | fileName: _jsxFileName$E,
|
7722 | lineNumber: 9
|
7723 | },
|
7724 | __self: _this$A
|
7725 | }),
|
7726 | React__default.createElement(
|
7727 | 'article',
|
7728 | {
|
7729 | __source: {
|
7730 | fileName: _jsxFileName$E,
|
7731 | lineNumber: 10
|
7732 | },
|
7733 | __self: _this$A
|
7734 | },
|
7735 | children
|
7736 | )
|
7737 | );
|
7738 | };
|
7739 |
|
7740 | var BackgroundVideo = styled__default(BaseBackgroundVideo)(_templateObject$1f);
|
7741 |
|
7742 | BackgroundVideo.propTypes = {
|
7743 | sources: PropTypes.oneOfType([PropTypes.array, PropTypes.string])
|
7744 |
|
7745 |
|
7746 | };
|
7747 |
|
7748 | var _jsxFileName$F = '/Users/mealeyst/projects/professional/mirage/src/modules/complete-account/guarantee.js',
|
7749 | _this$B = undefined;
|
7750 |
|
7751 | var _templateObject$1g = _taggedTemplateLiteral$1g(['\n header {\n display: flex;\n align-items: center;\n }\n ', ' {\n margin-right: 10px;\n }\n section > *{\n margin-top: 10px;\n margin-bottom: 0;\n }\n'], ['\n header {\n display: flex;\n align-items: center;\n }\n ', ' {\n margin-right: 10px;\n }\n section > *{\n margin-top: 10px;\n margin-bottom: 0;\n }\n']);
|
7752 |
|
7753 | function _taggedTemplateLiteral$1g(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7754 |
|
7755 | var UnstyledGuarantee = function UnstyledGuarantee(_ref) {
|
7756 | var className = _ref.className,
|
7757 | children = _ref.children;
|
7758 |
|
7759 | return React__default.createElement(
|
7760 | InformationalSection,
|
7761 | { className: className, __source: {
|
7762 | fileName: _jsxFileName$F,
|
7763 | lineNumber: 11
|
7764 | },
|
7765 | __self: _this$B
|
7766 | },
|
7767 | React__default.createElement(
|
7768 | 'header',
|
7769 | {
|
7770 | __source: {
|
7771 | fileName: _jsxFileName$F,
|
7772 | lineNumber: 12
|
7773 | },
|
7774 | __self: _this$B
|
7775 | },
|
7776 | React__default.createElement(GuaranteeIcon, { animated: true, __source: {
|
7777 | fileName: _jsxFileName$F,
|
7778 | lineNumber: 13
|
7779 | },
|
7780 | __self: _this$B
|
7781 | }),
|
7782 | React__default.createElement(
|
7783 | Label,
|
7784 | {
|
7785 | __source: {
|
7786 | fileName: _jsxFileName$F,
|
7787 | lineNumber: 14
|
7788 | },
|
7789 | __self: _this$B
|
7790 | },
|
7791 | 'FIRST BOX GUARANTEE'
|
7792 | )
|
7793 | ),
|
7794 | React__default.createElement(
|
7795 | 'section',
|
7796 | {
|
7797 | __source: {
|
7798 | fileName: _jsxFileName$F,
|
7799 | lineNumber: 16
|
7800 | },
|
7801 | __self: _this$B
|
7802 | },
|
7803 | children
|
7804 | )
|
7805 | );
|
7806 | };
|
7807 |
|
7808 | var Guarantee = styled__default(UnstyledGuarantee)(_templateObject$1g, GuaranteeIcon);
|
7809 |
|
7810 | Guarantee.propTypes = {
|
7811 | children: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object])
|
7812 |
|
7813 |
|
7814 | };
|
7815 |
|
7816 | var _jsxFileName$G = '/Users/mealeyst/projects/professional/mirage/src/modules/contentful/fields/richText/RichText.js',
|
7817 | _this$C = undefined;
|
7818 |
|
7819 | var _templateObject$1h = _taggedTemplateLiteral$1h([''], ['']);
|
7820 |
|
7821 | function _taggedTemplateLiteral$1h(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7822 |
|
7823 | var COMPONENT_RENDER_MAP = {
|
7824 | text: function text(_ref) {
|
7825 | var marks = _ref.marks,
|
7826 | value = _ref.value;
|
7827 |
|
7828 | if (marks.length) {
|
7829 | var props = {};
|
7830 | marks.forEach(function (mark) {
|
7831 | props[mark] = true;
|
7832 | });
|
7833 | return React__default.createElement(
|
7834 | MarkedText,
|
7835 | Object.assign({}, props, {
|
7836 | __source: {
|
7837 | fileName: _jsxFileName$G,
|
7838 | lineNumber: 14
|
7839 | },
|
7840 | __self: _this$C
|
7841 | }),
|
7842 | value
|
7843 | );
|
7844 | } else {
|
7845 | return value;
|
7846 | }
|
7847 | },
|
7848 | 'asset-hyperlink': function assetHyperlink() {
|
7849 | return null;
|
7850 | },
|
7851 | blockquote: function blockquote() {
|
7852 | return null;
|
7853 | },
|
7854 | document: function document(item) {
|
7855 | return React__default.createElement(
|
7856 | 'article',
|
7857 | {
|
7858 | __source: {
|
7859 | fileName: _jsxFileName$G,
|
7860 | lineNumber: 22
|
7861 | },
|
7862 | __self: _this$C
|
7863 | },
|
7864 | item.content.map(function (item) {
|
7865 | return RichText({ item: item });
|
7866 | })
|
7867 | );
|
7868 | },
|
7869 | 'embedded-asset-block': function embeddedAssetBlock() {
|
7870 | return null;
|
7871 | },
|
7872 | 'embedded-entry-block': function embeddedEntryBlock() {
|
7873 | return null;
|
7874 | },
|
7875 | 'embedded-entry-inline': function embeddedEntryInline() {
|
7876 | return null;
|
7877 | },
|
7878 | 'entry-hyperlink': function entryHyperlink() {
|
7879 | return null;
|
7880 | },
|
7881 | 'heading-1': function heading1(item) {
|
7882 | return React__default.createElement(
|
7883 | H1,
|
7884 | {
|
7885 | __source: {
|
7886 | fileName: _jsxFileName$G,
|
7887 | lineNumber: 28
|
7888 | },
|
7889 | __self: _this$C
|
7890 | },
|
7891 | item.content.map(function (item) {
|
7892 | return RichText({ item: item });
|
7893 | })
|
7894 | );
|
7895 | },
|
7896 | 'heading-2': function heading2(item) {
|
7897 | return React__default.createElement(
|
7898 | H2,
|
7899 | {
|
7900 | __source: {
|
7901 | fileName: _jsxFileName$G,
|
7902 | lineNumber: 29
|
7903 | },
|
7904 | __self: _this$C
|
7905 | },
|
7906 | item.content.map(function (item) {
|
7907 | return RichText({ item: item });
|
7908 | })
|
7909 | );
|
7910 | },
|
7911 | 'heading-3': function heading3(item) {
|
7912 | return React__default.createElement(
|
7913 | H3,
|
7914 | {
|
7915 | __source: {
|
7916 | fileName: _jsxFileName$G,
|
7917 | lineNumber: 30
|
7918 | },
|
7919 | __self: _this$C
|
7920 | },
|
7921 | item.content.map(function (item) {
|
7922 | return RichText({ item: item });
|
7923 | })
|
7924 | );
|
7925 | },
|
7926 | 'heading-4': function heading4(item) {
|
7927 | return React__default.createElement(
|
7928 | H4,
|
7929 | {
|
7930 | __source: {
|
7931 | fileName: _jsxFileName$G,
|
7932 | lineNumber: 31
|
7933 | },
|
7934 | __self: _this$C
|
7935 | },
|
7936 | item.content.map(function (item) {
|
7937 | return RichText({ item: item });
|
7938 | })
|
7939 | );
|
7940 | },
|
7941 | 'heading-5': function heading5(item) {
|
7942 | return React__default.createElement(
|
7943 | H5,
|
7944 | {
|
7945 | __source: {
|
7946 | fileName: _jsxFileName$G,
|
7947 | lineNumber: 32
|
7948 | },
|
7949 | __self: _this$C
|
7950 | },
|
7951 | item.content.map(function (item) {
|
7952 | return RichText({ item: item });
|
7953 | })
|
7954 | );
|
7955 | },
|
7956 | 'heading-6': function heading6(item) {
|
7957 | return React__default.createElement(
|
7958 | H6,
|
7959 | {
|
7960 | __source: {
|
7961 | fileName: _jsxFileName$G,
|
7962 | lineNumber: 33
|
7963 | },
|
7964 | __self: _this$C
|
7965 | },
|
7966 | item.content.map(function (item) {
|
7967 | return RichText({ item: item });
|
7968 | })
|
7969 | );
|
7970 | },
|
7971 | hr: function hr() {
|
7972 | return React__default.createElement(Hr, {
|
7973 | __source: {
|
7974 | fileName: _jsxFileName$G,
|
7975 | lineNumber: 34
|
7976 | },
|
7977 | __self: _this$C
|
7978 | });
|
7979 | },
|
7980 | hyperlink: function hyperlink() {
|
7981 | return null;
|
7982 | },
|
7983 | 'list-item': function listItem() {
|
7984 | return null;
|
7985 | },
|
7986 | 'ordered-list': function orderedList() {
|
7987 | return null;
|
7988 | },
|
7989 | paragraph: function paragraph(item) {
|
7990 | return React__default.createElement(
|
7991 | P$1,
|
7992 | {
|
7993 | __source: {
|
7994 | fileName: _jsxFileName$G,
|
7995 | lineNumber: 38
|
7996 | },
|
7997 | __self: _this$C
|
7998 | },
|
7999 | item.content.map(function (item) {
|
8000 | return RichText({ item: item });
|
8001 | })
|
8002 | );
|
8003 | },
|
8004 | 'unordered-list': function unorderedList() {
|
8005 | return null;
|
8006 | }
|
8007 | };
|
8008 |
|
8009 | var RichText = function RichText(_ref2) {
|
8010 | var className = _ref2.className,
|
8011 | item = _ref2.item;
|
8012 |
|
8013 | return COMPONENT_RENDER_MAP[item.nodeType](item);
|
8014 | };
|
8015 |
|
8016 | RichText.propTypes = {
|
8017 | className: PropTypes.string,
|
8018 | content: PropTypes.oneOfType([PropTypes.array, PropTypes.string])
|
8019 | };
|
8020 |
|
8021 | var RichText$1 = styled__default(RichText)(_templateObject$1h);
|
8022 |
|
8023 | var _jsxFileName$H = '/Users/mealeyst/projects/professional/mirage/src/modules/complete-account/subscriptionShipping.js',
|
8024 | _this$D = undefined;
|
8025 |
|
8026 | var _templateObject$1i = _taggedTemplateLiteral$1i(['\n display: flex;\n align-items: center;\n padding: 1rem;\n margin-bottom: 3rem;\n ', '\n min-height: 8rem;\n ', ' {\n margin-right: 1.5rem;\n flex: 0 0 5rem;\n ', '\n }\n aside {\n ', ':first-of-type {\n font-weight: 500;\n }\n }\n'], ['\n display: flex;\n align-items: center;\n padding: 1rem;\n margin-bottom: 3rem;\n ', '\n min-height: 8rem;\n ', ' {\n margin-right: 1.5rem;\n flex: 0 0 5rem;\n ', '\n }\n aside {\n ', ':first-of-type {\n font-weight: 500;\n }\n }\n']),
|
8027 | _templateObject2$l = _taggedTemplateLiteral$1i(['\n padding: 0;\n min-height: 8rem;\n '], ['\n padding: 0;\n min-height: 8rem;\n ']),
|
8028 | _templateObject3$d = _taggedTemplateLiteral$1i(['\n flex: 0 0 7rem;\n align-self: flex-end;\n '], ['\n flex: 0 0 7rem;\n align-self: flex-end;\n ']);
|
8029 |
|
8030 | function _taggedTemplateLiteral$1i(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8031 |
|
8032 | var UnstyledSubscriptionShipping = function UnstyledSubscriptionShipping(_ref) {
|
8033 | var className = _ref.className;
|
8034 |
|
8035 | return React__default.createElement(
|
8036 | InformationalSection,
|
8037 | { className: className, __source: {
|
8038 | fileName: _jsxFileName$H,
|
8039 | lineNumber: 11
|
8040 | },
|
8041 | __self: _this$D
|
8042 | },
|
8043 | React__default.createElement(MailboxIcon, { animate: true, __source: {
|
8044 | fileName: _jsxFileName$H,
|
8045 | lineNumber: 12
|
8046 | },
|
8047 | __self: _this$D
|
8048 | }),
|
8049 | React__default.createElement(
|
8050 | 'aside',
|
8051 | {
|
8052 | __source: {
|
8053 | fileName: _jsxFileName$H,
|
8054 | lineNumber: 13
|
8055 | },
|
8056 | __self: _this$D
|
8057 | },
|
8058 | React__default.createElement(
|
8059 | P$1,
|
8060 | {
|
8061 | __source: {
|
8062 | fileName: _jsxFileName$H,
|
8063 | lineNumber: 14
|
8064 | },
|
8065 | __self: _this$D
|
8066 | },
|
8067 | 'Seasonal Shipments'
|
8068 | ),
|
8069 | React__default.createElement(
|
8070 | P$1,
|
8071 | {
|
8072 | __source: {
|
8073 | fileName: _jsxFileName$H,
|
8074 | lineNumber: 15
|
8075 | },
|
8076 | __self: _this$D
|
8077 | },
|
8078 | 'A box every 3 months. So easy. Simple to cancel anytime.'
|
8079 | )
|
8080 | )
|
8081 | );
|
8082 | };
|
8083 |
|
8084 | var SubscriptionShipping = styled__default(UnstyledSubscriptionShipping)(_templateObject$1i, function (props) {
|
8085 | return props.theme.media.tablet(_templateObject2$l);
|
8086 | }, MailboxIcon, function (props) {
|
8087 | return props.theme.media.tablet(_templateObject3$d);
|
8088 | }, P$1);
|
8089 |
|
8090 | SubscriptionShipping.propTypes = {
|
8091 | theme: PropTypes.shape({
|
8092 | media: PropTypes.shape({
|
8093 | tablet: PropTypes.func
|
8094 | })
|
8095 | })
|
8096 |
|
8097 |
|
8098 | };
|
8099 |
|
8100 | var _jsxFileName$I = '/Users/mealeyst/projects/professional/mirage/src/modules/page.js',
|
8101 | _this$E = undefined;
|
8102 |
|
8103 | var Page = function Page(_ref) {
|
8104 | var children = _ref.children,
|
8105 | url = _ref.url;
|
8106 |
|
8107 | return React__default.createElement(
|
8108 | 'main',
|
8109 | { 'data-cms-url': url, __source: {
|
8110 | fileName: _jsxFileName$I,
|
8111 | lineNumber: 6
|
8112 | },
|
8113 | __self: _this$E
|
8114 | },
|
8115 | children
|
8116 | );
|
8117 | };
|
8118 |
|
8119 | Page.propTypes = {
|
8120 | children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])
|
8121 | };
|
8122 |
|
8123 | var _templateObject$1j = _taggedTemplateLiteral$1j(['\n border-radius: 0.3rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n padding-left: 2rem;\n padding-right: 2rem;\n ', '\n background-color: ', ';\n position: relative;\n box-sizing: border-box;\n\n > ', ' {\n ', '\n position: absolute;\n top: 1rem;\n line-height: 2rem;\n vertical-align: text-bottom;\n ', '\n right: 2rem;\n }\n\n main {\n margin-top: 4rem;\n }\n\n ', ', ', ' {\n ', '\n }\n'], ['\n border-radius: 0.3rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n padding-left: 2rem;\n padding-right: 2rem;\n ', '\n background-color: ', ';\n position: relative;\n box-sizing: border-box;\n\n > ', ' {\n ', '\n position: absolute;\n top: 1rem;\n line-height: 2rem;\n vertical-align: text-bottom;\n ', '\n right: 2rem;\n }\n\n main {\n margin-top: 4rem;\n }\n\n ', ', ', ' {\n ', '\n }\n']),
|
8124 | _templateObject2$m = _taggedTemplateLiteral$1j(['\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n '], ['\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n ']),
|
8125 | _templateObject3$e = _taggedTemplateLiteral$1j(['\n top: 1.5rem;\n '], ['\n top: 1.5rem;\n ']),
|
8126 | _templateObject4$7 = _taggedTemplateLiteral$1j(['\n margin: 0 2rem;\n '], ['\n margin: 0 2rem;\n ']);
|
8127 |
|
8128 | function _taggedTemplateLiteral$1j(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8129 |
|
8130 | var DefaultSection = styled__default.section(_templateObject$1j, function (props) {
|
8131 | return props.theme.media.tablet(_templateObject2$m);
|
8132 | }, function (props) {
|
8133 | return props.theme.colors.gray[2];
|
8134 | }, Link, styles, function (props) {
|
8135 | return props.theme.media.tablet(_templateObject3$e);
|
8136 | }, DefaultAddress, DefaultPayment, function (props) {
|
8137 | return props.theme.media.tablet(_templateObject4$7);
|
8138 | });
|
8139 |
|
8140 | DefaultSection.propTypes = {
|
8141 | theme: PropTypes.shape({
|
8142 | colors: PropTypes.shape({
|
8143 | gray: PropTypes.array
|
8144 | })
|
8145 | })
|
8146 |
|
8147 |
|
8148 | };
|
8149 |
|
8150 |
|
8151 |
|
8152 | |
8153 |
|
8154 |
|
8155 | |
8156 |
|
8157 |
|
8158 |
|
8159 | |
8160 |
|
8161 |
|
8162 |
|
8163 | exports.Grid = Grid;
|
8164 | exports.Sizer = Sizer;
|
8165 | exports.BagIcon = BagIcon;
|
8166 | exports.CardIcon = CardIcon;
|
8167 | exports.Chevron = Chevron;
|
8168 | exports.GuaranteeIcon = GuaranteeIcon;
|
8169 | exports.MailboxIcon = MailboxIcon;
|
8170 | exports.Ruler = Ruler;
|
8171 | exports.XIcon = XIcon;
|
8172 | exports.AIcon = AIcon$1;
|
8173 | exports.GrayAIcon = GrayAIcon;
|
8174 | exports.NavyAIcon = NavyAIcon;
|
8175 | exports.WhiteAIcon = WhiteAIcon;
|
8176 | exports.BlueCheckmark = BlueCheckmark;
|
8177 | exports.GrayCheckmark = GrayCheckmark;
|
8178 | exports.NavyCheckmark = NavyCheckmark;
|
8179 | exports.WhiteCheckmark = WhiteCheckmark;
|
8180 | exports.BlueHamburger = BlueHamburger;
|
8181 | exports.GrayHamburger = GrayHamburger;
|
8182 | exports.Hamburger = Hamburger;
|
8183 | exports.NavyHamburger = NavyHamburger;
|
8184 | exports.GrayLogo = GrayLogo;
|
8185 | exports.Logo = Logo;
|
8186 | exports.NavyLogo = NavyLogo;
|
8187 | exports.WhiteLogo = WhiteLogo;
|
8188 | exports.BlueSpinner = BlueSpinner;
|
8189 | exports.GraySpinner = GraySpinner;
|
8190 | exports.NavySpinner = NavySpinner;
|
8191 | exports.WhiteSpinner = WhiteSpinner;
|
8192 | exports.BackgroundImage = backgroundImage;
|
8193 | exports.InlineImage = InlineImage;
|
8194 | exports.Caption = Caption;
|
8195 | exports.H1 = H1;
|
8196 | exports.H2 = H2;
|
8197 | exports.H3 = H3;
|
8198 | exports.H4 = H4;
|
8199 | exports.H5 = H5;
|
8200 | exports.H6 = H6;
|
8201 | exports.Label = Label;
|
8202 | exports.MarkedText = MarkedText;
|
8203 | exports.P = P$1;
|
8204 | exports.Serif = Serif;
|
8205 | exports.BlueHr = BlueHr;
|
8206 | exports.Hr = Hr;
|
8207 | exports.NavyHr = NavyHr;
|
8208 | exports.WhiteHr = WhiteHr;
|
8209 | exports.theme = theme;
|
8210 | exports.ROATheme = ROATheme;
|
8211 | exports.Video = Video;
|
8212 | exports.DefaultAddress = DefaultAddress;
|
8213 | exports.DefaultPayment = DefaultPayment;
|
8214 | exports.Checkbox = Checkbox;
|
8215 | exports.SizeRadio = SizeRadio;
|
8216 | exports.BlueBorderButton = BlueBorderButton;
|
8217 | exports.Button = Button;
|
8218 | exports.WhiteBorderButton = WhiteBorderButton;
|
8219 | exports.YellowButton = YellowButton;
|
8220 | exports.ImageButtonWhite = ImageButtonWhite;
|
8221 | exports.ImageButtonBlue = ImageButtonBlue;
|
8222 | exports.ImageButtonBlack = ImageButtonBlack;
|
8223 | exports.Link = Link;
|
8224 | exports.NavyLink = NavyLink;
|
8225 | exports.WhiteLink = WhiteLink;
|
8226 | exports.InformationalSection = InformationalSection;
|
8227 | exports.BackgroundVideo = BackgroundVideo;
|
8228 | exports.Guarantee = Guarantee;
|
8229 | exports.SubscriptionShipping = SubscriptionShipping;
|
8230 | exports.Page = Page;
|
8231 | exports.DefaultSection = DefaultSection;
|
8232 | exports.RichText = RichText$1;
|
8233 |
|
8234 | Object.defineProperty(exports, '__esModule', { value: true });
|
8235 |
|
8236 | })));
|