1342 lines
46 KiB
JavaScript
1342 lines
46 KiB
JavaScript
|
exports.id = 553;
|
||
|
|
exports.ids = [553];
|
||
|
|
exports.modules = {
|
||
|
|
|
||
|
|
/***/ 6156:
|
||
|
|
/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||
|
|
/* harmony export */ "Z": function() { return /* binding */ _defineProperty; }
|
||
|
|
/* harmony export */ });
|
||
|
|
function _defineProperty(obj, key, value) {
|
||
|
|
if (key in obj) {
|
||
|
|
Object.defineProperty(obj, key, {
|
||
|
|
value: value,
|
||
|
|
enumerable: true,
|
||
|
|
configurable: true,
|
||
|
|
writable: true
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
obj[key] = value;
|
||
|
|
}
|
||
|
|
|
||
|
|
return obj;
|
||
|
|
}
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 2122:
|
||
|
|
/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||
|
|
/* harmony export */ "Z": function() { return /* binding */ _extends; }
|
||
|
|
/* harmony export */ });
|
||
|
|
function _extends() {
|
||
|
|
_extends = Object.assign || function (target) {
|
||
|
|
for (var i = 1; i < arguments.length; i++) {
|
||
|
|
var source = arguments[i];
|
||
|
|
|
||
|
|
for (var key in source) {
|
||
|
|
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
||
|
|
target[key] = source[key];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return target;
|
||
|
|
};
|
||
|
|
|
||
|
|
return _extends.apply(this, arguments);
|
||
|
|
}
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 7375:
|
||
|
|
/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
// EXPORTS
|
||
|
|
__webpack_require__.d(__webpack_exports__, {
|
||
|
|
"Z": function() { return /* binding */ _objectWithoutProperties; }
|
||
|
|
});
|
||
|
|
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
|
||
|
|
function _objectWithoutPropertiesLoose(source, excluded) {
|
||
|
|
if (source == null) return {};
|
||
|
|
var target = {};
|
||
|
|
var sourceKeys = Object.keys(source);
|
||
|
|
var key, i;
|
||
|
|
|
||
|
|
for (i = 0; i < sourceKeys.length; i++) {
|
||
|
|
key = sourceKeys[i];
|
||
|
|
if (excluded.indexOf(key) >= 0) continue;
|
||
|
|
target[key] = source[key];
|
||
|
|
}
|
||
|
|
|
||
|
|
return target;
|
||
|
|
}
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
|
||
|
|
|
||
|
|
function _objectWithoutProperties(source, excluded) {
|
||
|
|
if (source == null) return {};
|
||
|
|
var target = _objectWithoutPropertiesLoose(source, excluded);
|
||
|
|
var key, i;
|
||
|
|
|
||
|
|
if (Object.getOwnPropertySymbols) {
|
||
|
|
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
||
|
|
|
||
|
|
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
||
|
|
key = sourceSymbolKeys[i];
|
||
|
|
if (excluded.indexOf(key) >= 0) continue;
|
||
|
|
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
||
|
|
target[key] = source[key];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return target;
|
||
|
|
}
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 9895:
|
||
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
/* unused harmony export styles */
|
||
|
|
/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7375);
|
||
|
|
/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(2122);
|
||
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9297);
|
||
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
|
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4229);
|
||
|
|
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
||
|
|
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3536);
|
||
|
|
/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(clsx__WEBPACK_IMPORTED_MODULE_2__);
|
||
|
|
/* harmony import */ var _material_ui_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2958);
|
||
|
|
/* harmony import */ var _material_ui_utils__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_material_ui_utils__WEBPACK_IMPORTED_MODULE_3__);
|
||
|
|
/* harmony import */ var _styles_withStyles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2543);
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
var styles = function styles(theme) {
|
||
|
|
var elevations = {};
|
||
|
|
theme.shadows.forEach(function (shadow, index) {
|
||
|
|
elevations["elevation".concat(index)] = {
|
||
|
|
boxShadow: shadow
|
||
|
|
};
|
||
|
|
});
|
||
|
|
return (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_4__/* .default */ .Z)({
|
||
|
|
/* Styles applied to the root element. */
|
||
|
|
root: {
|
||
|
|
backgroundColor: theme.palette.background.paper,
|
||
|
|
color: theme.palette.text.primary,
|
||
|
|
transition: theme.transitions.create('box-shadow')
|
||
|
|
},
|
||
|
|
|
||
|
|
/* Styles applied to the root element if `square={false}`. */
|
||
|
|
rounded: {
|
||
|
|
borderRadius: theme.shape.borderRadius
|
||
|
|
},
|
||
|
|
|
||
|
|
/* Styles applied to the root element if `variant="outlined"`. */
|
||
|
|
outlined: {
|
||
|
|
border: "1px solid ".concat(theme.palette.divider)
|
||
|
|
}
|
||
|
|
}, elevations);
|
||
|
|
};
|
||
|
|
var Paper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function Paper(props, ref) {
|
||
|
|
var classes = props.classes,
|
||
|
|
className = props.className,
|
||
|
|
_props$component = props.component,
|
||
|
|
Component = _props$component === void 0 ? 'div' : _props$component,
|
||
|
|
_props$square = props.square,
|
||
|
|
square = _props$square === void 0 ? false : _props$square,
|
||
|
|
_props$elevation = props.elevation,
|
||
|
|
elevation = _props$elevation === void 0 ? 1 : _props$elevation,
|
||
|
|
_props$variant = props.variant,
|
||
|
|
variant = _props$variant === void 0 ? 'elevation' : _props$variant,
|
||
|
|
other = (0,_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_5__/* .default */ .Z)(props, ["classes", "className", "component", "square", "elevation", "variant"]);
|
||
|
|
|
||
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_4__/* .default */ .Z)({
|
||
|
|
className: clsx__WEBPACK_IMPORTED_MODULE_2___default()(classes.root, className, variant === 'outlined' ? classes.outlined : classes["elevation".concat(elevation)], !square && classes.rounded),
|
||
|
|
ref: ref
|
||
|
|
}, other));
|
||
|
|
});
|
||
|
|
false ? 0 : void 0;
|
||
|
|
/* harmony default export */ __webpack_exports__["Z"] = ((0,_styles_withStyles__WEBPACK_IMPORTED_MODULE_6__/* .default */ .Z)(styles, {
|
||
|
|
name: 'MuiPaper'
|
||
|
|
})(Paper));
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 9693:
|
||
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||
|
|
/* harmony export */ "mi": function() { return /* binding */ getContrastRatio; },
|
||
|
|
/* harmony export */ "U1": function() { return /* binding */ fade; },
|
||
|
|
/* harmony export */ "_j": function() { return /* binding */ darken; },
|
||
|
|
/* harmony export */ "$n": function() { return /* binding */ lighten; }
|
||
|
|
/* harmony export */ });
|
||
|
|
/* unused harmony exports hexToRgb, rgbToHex, hslToRgb, decomposeColor, recomposeColor, getLuminance, emphasize */
|
||
|
|
/* harmony import */ var _material_ui_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2958);
|
||
|
|
/* harmony import */ var _material_ui_utils__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_material_ui_utils__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
|
|
||
|
|
|
||
|
|
/* eslint-disable no-use-before-define */
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Returns a number whose value is limited to the given range.
|
||
|
|
*
|
||
|
|
* @param {number} value The value to be clamped
|
||
|
|
* @param {number} min The lower boundary of the output range
|
||
|
|
* @param {number} max The upper boundary of the output range
|
||
|
|
* @returns {number} A number in the range [min, max]
|
||
|
|
*/
|
||
|
|
function clamp(value) {
|
||
|
|
var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
||
|
|
var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
||
|
|
|
||
|
|
if (false) {}
|
||
|
|
|
||
|
|
return Math.min(Math.max(min, value), max);
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Converts a color from CSS hex format to CSS rgb format.
|
||
|
|
*
|
||
|
|
* @param {string} color - Hex color, i.e. #nnn or #nnnnnn
|
||
|
|
* @returns {string} A CSS rgb color string
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
function hexToRgb(color) {
|
||
|
|
color = color.substr(1);
|
||
|
|
var re = new RegExp(".{1,".concat(color.length >= 6 ? 2 : 1, "}"), 'g');
|
||
|
|
var colors = color.match(re);
|
||
|
|
|
||
|
|
if (colors && colors[0].length === 1) {
|
||
|
|
colors = colors.map(function (n) {
|
||
|
|
return n + n;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
return colors ? "rgb".concat(colors.length === 4 ? 'a' : '', "(").concat(colors.map(function (n, index) {
|
||
|
|
return index < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1000) / 1000;
|
||
|
|
}).join(', '), ")") : '';
|
||
|
|
}
|
||
|
|
|
||
|
|
function intToHex(int) {
|
||
|
|
var hex = int.toString(16);
|
||
|
|
return hex.length === 1 ? "0".concat(hex) : hex;
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Converts a color from CSS rgb format to CSS hex format.
|
||
|
|
*
|
||
|
|
* @param {string} color - RGB color, i.e. rgb(n, n, n)
|
||
|
|
* @returns {string} A CSS rgb color string, i.e. #nnnnnn
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
function rgbToHex(color) {
|
||
|
|
// Idempotent
|
||
|
|
if (color.indexOf('#') === 0) {
|
||
|
|
return color;
|
||
|
|
}
|
||
|
|
|
||
|
|
var _decomposeColor = decomposeColor(color),
|
||
|
|
values = _decomposeColor.values;
|
||
|
|
|
||
|
|
return "#".concat(values.map(function (n) {
|
||
|
|
return intToHex(n);
|
||
|
|
}).join(''));
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Converts a color from hsl format to rgb format.
|
||
|
|
*
|
||
|
|
* @param {string} color - HSL color values
|
||
|
|
* @returns {string} rgb color values
|
||
|
|
*/
|
||
|
|
|
||
|
|
function hslToRgb(color) {
|
||
|
|
color = decomposeColor(color);
|
||
|
|
var _color = color,
|
||
|
|
values = _color.values;
|
||
|
|
var h = values[0];
|
||
|
|
var s = values[1] / 100;
|
||
|
|
var l = values[2] / 100;
|
||
|
|
var a = s * Math.min(l, 1 - l);
|
||
|
|
|
||
|
|
var f = function f(n) {
|
||
|
|
var k = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (n + h / 30) % 12;
|
||
|
|
return l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
|
||
|
|
};
|
||
|
|
|
||
|
|
var type = 'rgb';
|
||
|
|
var rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];
|
||
|
|
|
||
|
|
if (color.type === 'hsla') {
|
||
|
|
type += 'a';
|
||
|
|
rgb.push(values[3]);
|
||
|
|
}
|
||
|
|
|
||
|
|
return recomposeColor({
|
||
|
|
type: type,
|
||
|
|
values: rgb
|
||
|
|
});
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Returns an object with the type and values of a color.
|
||
|
|
*
|
||
|
|
* Note: Does not support rgb % values.
|
||
|
|
*
|
||
|
|
* @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
|
||
|
|
* @returns {object} - A MUI color object: {type: string, values: number[]}
|
||
|
|
*/
|
||
|
|
|
||
|
|
function decomposeColor(color) {
|
||
|
|
// Idempotent
|
||
|
|
if (color.type) {
|
||
|
|
return color;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (color.charAt(0) === '#') {
|
||
|
|
return decomposeColor(hexToRgb(color));
|
||
|
|
}
|
||
|
|
|
||
|
|
var marker = color.indexOf('(');
|
||
|
|
var type = color.substring(0, marker);
|
||
|
|
|
||
|
|
if (['rgb', 'rgba', 'hsl', 'hsla'].indexOf(type) === -1) {
|
||
|
|
throw new Error( false ? 0 : (0,_material_ui_utils__WEBPACK_IMPORTED_MODULE_0__.formatMuiErrorMessage)(3, color));
|
||
|
|
}
|
||
|
|
|
||
|
|
var values = color.substring(marker + 1, color.length - 1).split(',');
|
||
|
|
values = values.map(function (value) {
|
||
|
|
return parseFloat(value);
|
||
|
|
});
|
||
|
|
return {
|
||
|
|
type: type,
|
||
|
|
values: values
|
||
|
|
};
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Converts a color object with type and values to a string.
|
||
|
|
*
|
||
|
|
* @param {object} color - Decomposed color
|
||
|
|
* @param {string} color.type - One of: 'rgb', 'rgba', 'hsl', 'hsla'
|
||
|
|
* @param {array} color.values - [n,n,n] or [n,n,n,n]
|
||
|
|
* @returns {string} A CSS color string
|
||
|
|
*/
|
||
|
|
|
||
|
|
function recomposeColor(color) {
|
||
|
|
var type = color.type;
|
||
|
|
var values = color.values;
|
||
|
|
|
||
|
|
if (type.indexOf('rgb') !== -1) {
|
||
|
|
// Only convert the first 3 values to int (i.e. not alpha)
|
||
|
|
values = values.map(function (n, i) {
|
||
|
|
return i < 3 ? parseInt(n, 10) : n;
|
||
|
|
});
|
||
|
|
} else if (type.indexOf('hsl') !== -1) {
|
||
|
|
values[1] = "".concat(values[1], "%");
|
||
|
|
values[2] = "".concat(values[2], "%");
|
||
|
|
}
|
||
|
|
|
||
|
|
return "".concat(type, "(").concat(values.join(', '), ")");
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Calculates the contrast ratio between two colors.
|
||
|
|
*
|
||
|
|
* Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
|
||
|
|
*
|
||
|
|
* @param {string} foreground - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
|
||
|
|
* @param {string} background - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
|
||
|
|
* @returns {number} A contrast ratio value in the range 0 - 21.
|
||
|
|
*/
|
||
|
|
|
||
|
|
function getContrastRatio(foreground, background) {
|
||
|
|
var lumA = getLuminance(foreground);
|
||
|
|
var lumB = getLuminance(background);
|
||
|
|
return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* The relative brightness of any point in a color space,
|
||
|
|
* normalized to 0 for darkest black and 1 for lightest white.
|
||
|
|
*
|
||
|
|
* Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
|
||
|
|
*
|
||
|
|
* @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
|
||
|
|
* @returns {number} The relative brightness of the color in the range 0 - 1
|
||
|
|
*/
|
||
|
|
|
||
|
|
function getLuminance(color) {
|
||
|
|
color = decomposeColor(color);
|
||
|
|
var rgb = color.type === 'hsl' ? decomposeColor(hslToRgb(color)).values : color.values;
|
||
|
|
rgb = rgb.map(function (val) {
|
||
|
|
val /= 255; // normalized
|
||
|
|
|
||
|
|
return val <= 0.03928 ? val / 12.92 : Math.pow((val + 0.055) / 1.055, 2.4);
|
||
|
|
}); // Truncate at 3 digits
|
||
|
|
|
||
|
|
return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Darken or lighten a color, depending on its luminance.
|
||
|
|
* Light colors are darkened, dark colors are lightened.
|
||
|
|
*
|
||
|
|
* @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
|
||
|
|
* @param {number} coefficient=0.15 - multiplier in the range 0 - 1
|
||
|
|
* @returns {string} A CSS color string. Hex input values are returned as rgb
|
||
|
|
*/
|
||
|
|
|
||
|
|
function emphasize(color) {
|
||
|
|
var coefficient = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.15;
|
||
|
|
return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Set the absolute transparency of a color.
|
||
|
|
* Any existing alpha values are overwritten.
|
||
|
|
*
|
||
|
|
* @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
|
||
|
|
* @param {number} value - value to set the alpha channel to in the range 0 -1
|
||
|
|
* @returns {string} A CSS color string. Hex input values are returned as rgb
|
||
|
|
*/
|
||
|
|
|
||
|
|
function fade(color, value) {
|
||
|
|
color = decomposeColor(color);
|
||
|
|
value = clamp(value);
|
||
|
|
|
||
|
|
if (color.type === 'rgb' || color.type === 'hsl') {
|
||
|
|
color.type += 'a';
|
||
|
|
}
|
||
|
|
|
||
|
|
color.values[3] = value;
|
||
|
|
return recomposeColor(color);
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Darkens a color.
|
||
|
|
*
|
||
|
|
* @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
|
||
|
|
* @param {number} coefficient - multiplier in the range 0 - 1
|
||
|
|
* @returns {string} A CSS color string. Hex input values are returned as rgb
|
||
|
|
*/
|
||
|
|
|
||
|
|
function darken(color, coefficient) {
|
||
|
|
color = decomposeColor(color);
|
||
|
|
coefficient = clamp(coefficient);
|
||
|
|
|
||
|
|
if (color.type.indexOf('hsl') !== -1) {
|
||
|
|
color.values[2] *= 1 - coefficient;
|
||
|
|
} else if (color.type.indexOf('rgb') !== -1) {
|
||
|
|
for (var i = 0; i < 3; i += 1) {
|
||
|
|
color.values[i] *= 1 - coefficient;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return recomposeColor(color);
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Lightens a color.
|
||
|
|
*
|
||
|
|
* @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
|
||
|
|
* @param {number} coefficient - multiplier in the range 0 - 1
|
||
|
|
* @returns {string} A CSS color string. Hex input values are returned as rgb
|
||
|
|
*/
|
||
|
|
|
||
|
|
function lighten(color, coefficient) {
|
||
|
|
color = decomposeColor(color);
|
||
|
|
coefficient = clamp(coefficient);
|
||
|
|
|
||
|
|
if (color.type.indexOf('hsl') !== -1) {
|
||
|
|
color.values[2] += (100 - color.values[2]) * coefficient;
|
||
|
|
} else if (color.type.indexOf('rgb') !== -1) {
|
||
|
|
for (var i = 0; i < 3; i += 1) {
|
||
|
|
color.values[i] += (255 - color.values[i]) * coefficient;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return recomposeColor(color);
|
||
|
|
}
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 7921:
|
||
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
// EXPORTS
|
||
|
|
__webpack_require__.d(__webpack_exports__, {
|
||
|
|
"Z": function() { return /* binding */ styles_defaultTheme; }
|
||
|
|
});
|
||
|
|
|
||
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js + 1 modules
|
||
|
|
var objectWithoutProperties = __webpack_require__(7375);
|
||
|
|
// EXTERNAL MODULE: external "@material-ui/utils"
|
||
|
|
var utils_ = __webpack_require__(2958);
|
||
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
||
|
|
var esm_extends = __webpack_require__(2122);
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/styles/createBreakpoints.js
|
||
|
|
|
||
|
|
|
||
|
|
// Sorted ASC by size. That's important.
|
||
|
|
// It can't be configured as it's used statically for propTypes.
|
||
|
|
var keys = ['xs', 'sm', 'md', 'lg', 'xl']; // Keep in mind that @media is inclusive by the CSS specification.
|
||
|
|
|
||
|
|
function createBreakpoints(breakpoints) {
|
||
|
|
var _breakpoints$values = breakpoints.values,
|
||
|
|
values = _breakpoints$values === void 0 ? {
|
||
|
|
xs: 0,
|
||
|
|
sm: 600,
|
||
|
|
md: 960,
|
||
|
|
lg: 1280,
|
||
|
|
xl: 1920
|
||
|
|
} : _breakpoints$values,
|
||
|
|
_breakpoints$unit = breakpoints.unit,
|
||
|
|
unit = _breakpoints$unit === void 0 ? 'px' : _breakpoints$unit,
|
||
|
|
_breakpoints$step = breakpoints.step,
|
||
|
|
step = _breakpoints$step === void 0 ? 5 : _breakpoints$step,
|
||
|
|
other = (0,objectWithoutProperties/* default */.Z)(breakpoints, ["values", "unit", "step"]);
|
||
|
|
|
||
|
|
function up(key) {
|
||
|
|
var value = typeof values[key] === 'number' ? values[key] : key;
|
||
|
|
return "@media (min-width:".concat(value).concat(unit, ")");
|
||
|
|
}
|
||
|
|
|
||
|
|
function down(key) {
|
||
|
|
var endIndex = keys.indexOf(key) + 1;
|
||
|
|
var upperbound = values[keys[endIndex]];
|
||
|
|
|
||
|
|
if (endIndex === keys.length) {
|
||
|
|
// xl down applies to all sizes
|
||
|
|
return up('xs');
|
||
|
|
}
|
||
|
|
|
||
|
|
var value = typeof upperbound === 'number' && endIndex > 0 ? upperbound : key;
|
||
|
|
return "@media (max-width:".concat(value - step / 100).concat(unit, ")");
|
||
|
|
}
|
||
|
|
|
||
|
|
function between(start, end) {
|
||
|
|
var endIndex = keys.indexOf(end);
|
||
|
|
|
||
|
|
if (endIndex === keys.length - 1) {
|
||
|
|
return up(start);
|
||
|
|
}
|
||
|
|
|
||
|
|
return "@media (min-width:".concat(typeof values[start] === 'number' ? values[start] : start).concat(unit, ") and ") + "(max-width:".concat((endIndex !== -1 && typeof values[keys[endIndex + 1]] === 'number' ? values[keys[endIndex + 1]] : end) - step / 100).concat(unit, ")");
|
||
|
|
}
|
||
|
|
|
||
|
|
function only(key) {
|
||
|
|
return between(key, key);
|
||
|
|
}
|
||
|
|
|
||
|
|
function width(key) {
|
||
|
|
return values[key];
|
||
|
|
}
|
||
|
|
|
||
|
|
return (0,esm_extends/* default */.Z)({
|
||
|
|
keys: keys,
|
||
|
|
values: values,
|
||
|
|
up: up,
|
||
|
|
down: down,
|
||
|
|
between: between,
|
||
|
|
only: only,
|
||
|
|
width: width
|
||
|
|
}, other);
|
||
|
|
}
|
||
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
||
|
|
var defineProperty = __webpack_require__(6156);
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/styles/createMixins.js
|
||
|
|
|
||
|
|
|
||
|
|
function createMixins(breakpoints, spacing, mixins) {
|
||
|
|
var _toolbar;
|
||
|
|
|
||
|
|
return (0,esm_extends/* default */.Z)({
|
||
|
|
gutters: function gutters() {
|
||
|
|
var styles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
||
|
|
// To deprecate in v4.1
|
||
|
|
// warning(
|
||
|
|
// false,
|
||
|
|
// [
|
||
|
|
// 'Material-UI: Theme.mixins.gutters() is deprecated.',
|
||
|
|
// 'You can use the source of the mixin directly:',
|
||
|
|
// `
|
||
|
|
// paddingLeft: theme.spacing(2),
|
||
|
|
// paddingRight: theme.spacing(2),
|
||
|
|
// [theme.breakpoints.up('sm')]: {
|
||
|
|
// paddingLeft: theme.spacing(3),
|
||
|
|
// paddingRight: theme.spacing(3),
|
||
|
|
// },
|
||
|
|
// `,
|
||
|
|
// ].join('\n'),
|
||
|
|
// );
|
||
|
|
return (0,esm_extends/* default */.Z)({
|
||
|
|
paddingLeft: spacing(2),
|
||
|
|
paddingRight: spacing(2)
|
||
|
|
}, styles, (0,defineProperty/* default */.Z)({}, breakpoints.up('sm'), (0,esm_extends/* default */.Z)({
|
||
|
|
paddingLeft: spacing(3),
|
||
|
|
paddingRight: spacing(3)
|
||
|
|
}, styles[breakpoints.up('sm')])));
|
||
|
|
},
|
||
|
|
toolbar: (_toolbar = {
|
||
|
|
minHeight: 56
|
||
|
|
}, (0,defineProperty/* default */.Z)(_toolbar, "".concat(breakpoints.up('xs'), " and (orientation: landscape)"), {
|
||
|
|
minHeight: 48
|
||
|
|
}), (0,defineProperty/* default */.Z)(_toolbar, breakpoints.up('sm'), {
|
||
|
|
minHeight: 64
|
||
|
|
}), _toolbar)
|
||
|
|
}, mixins);
|
||
|
|
}
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/colors/common.js
|
||
|
|
var common = {
|
||
|
|
black: '#000',
|
||
|
|
white: '#fff'
|
||
|
|
};
|
||
|
|
/* harmony default export */ var colors_common = (common);
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/colors/grey.js
|
||
|
|
var grey = {
|
||
|
|
50: '#fafafa',
|
||
|
|
100: '#f5f5f5',
|
||
|
|
200: '#eeeeee',
|
||
|
|
300: '#e0e0e0',
|
||
|
|
400: '#bdbdbd',
|
||
|
|
500: '#9e9e9e',
|
||
|
|
600: '#757575',
|
||
|
|
700: '#616161',
|
||
|
|
800: '#424242',
|
||
|
|
900: '#212121',
|
||
|
|
A100: '#d5d5d5',
|
||
|
|
A200: '#aaaaaa',
|
||
|
|
A400: '#303030',
|
||
|
|
A700: '#616161'
|
||
|
|
};
|
||
|
|
/* harmony default export */ var colors_grey = (grey);
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/colors/indigo.js
|
||
|
|
var indigo = {
|
||
|
|
50: '#e8eaf6',
|
||
|
|
100: '#c5cae9',
|
||
|
|
200: '#9fa8da',
|
||
|
|
300: '#7986cb',
|
||
|
|
400: '#5c6bc0',
|
||
|
|
500: '#3f51b5',
|
||
|
|
600: '#3949ab',
|
||
|
|
700: '#303f9f',
|
||
|
|
800: '#283593',
|
||
|
|
900: '#1a237e',
|
||
|
|
A100: '#8c9eff',
|
||
|
|
A200: '#536dfe',
|
||
|
|
A400: '#3d5afe',
|
||
|
|
A700: '#304ffe'
|
||
|
|
};
|
||
|
|
/* harmony default export */ var colors_indigo = (indigo);
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/colors/pink.js
|
||
|
|
var pink = {
|
||
|
|
50: '#fce4ec',
|
||
|
|
100: '#f8bbd0',
|
||
|
|
200: '#f48fb1',
|
||
|
|
300: '#f06292',
|
||
|
|
400: '#ec407a',
|
||
|
|
500: '#e91e63',
|
||
|
|
600: '#d81b60',
|
||
|
|
700: '#c2185b',
|
||
|
|
800: '#ad1457',
|
||
|
|
900: '#880e4f',
|
||
|
|
A100: '#ff80ab',
|
||
|
|
A200: '#ff4081',
|
||
|
|
A400: '#f50057',
|
||
|
|
A700: '#c51162'
|
||
|
|
};
|
||
|
|
/* harmony default export */ var colors_pink = (pink);
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/colors/red.js
|
||
|
|
var red = {
|
||
|
|
50: '#ffebee',
|
||
|
|
100: '#ffcdd2',
|
||
|
|
200: '#ef9a9a',
|
||
|
|
300: '#e57373',
|
||
|
|
400: '#ef5350',
|
||
|
|
500: '#f44336',
|
||
|
|
600: '#e53935',
|
||
|
|
700: '#d32f2f',
|
||
|
|
800: '#c62828',
|
||
|
|
900: '#b71c1c',
|
||
|
|
A100: '#ff8a80',
|
||
|
|
A200: '#ff5252',
|
||
|
|
A400: '#ff1744',
|
||
|
|
A700: '#d50000'
|
||
|
|
};
|
||
|
|
/* harmony default export */ var colors_red = (red);
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/colors/orange.js
|
||
|
|
var orange = {
|
||
|
|
50: '#fff3e0',
|
||
|
|
100: '#ffe0b2',
|
||
|
|
200: '#ffcc80',
|
||
|
|
300: '#ffb74d',
|
||
|
|
400: '#ffa726',
|
||
|
|
500: '#ff9800',
|
||
|
|
600: '#fb8c00',
|
||
|
|
700: '#f57c00',
|
||
|
|
800: '#ef6c00',
|
||
|
|
900: '#e65100',
|
||
|
|
A100: '#ffd180',
|
||
|
|
A200: '#ffab40',
|
||
|
|
A400: '#ff9100',
|
||
|
|
A700: '#ff6d00'
|
||
|
|
};
|
||
|
|
/* harmony default export */ var colors_orange = (orange);
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/colors/blue.js
|
||
|
|
var blue = {
|
||
|
|
50: '#e3f2fd',
|
||
|
|
100: '#bbdefb',
|
||
|
|
200: '#90caf9',
|
||
|
|
300: '#64b5f6',
|
||
|
|
400: '#42a5f5',
|
||
|
|
500: '#2196f3',
|
||
|
|
600: '#1e88e5',
|
||
|
|
700: '#1976d2',
|
||
|
|
800: '#1565c0',
|
||
|
|
900: '#0d47a1',
|
||
|
|
A100: '#82b1ff',
|
||
|
|
A200: '#448aff',
|
||
|
|
A400: '#2979ff',
|
||
|
|
A700: '#2962ff'
|
||
|
|
};
|
||
|
|
/* harmony default export */ var colors_blue = (blue);
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/colors/green.js
|
||
|
|
var green = {
|
||
|
|
50: '#e8f5e9',
|
||
|
|
100: '#c8e6c9',
|
||
|
|
200: '#a5d6a7',
|
||
|
|
300: '#81c784',
|
||
|
|
400: '#66bb6a',
|
||
|
|
500: '#4caf50',
|
||
|
|
600: '#43a047',
|
||
|
|
700: '#388e3c',
|
||
|
|
800: '#2e7d32',
|
||
|
|
900: '#1b5e20',
|
||
|
|
A100: '#b9f6ca',
|
||
|
|
A200: '#69f0ae',
|
||
|
|
A400: '#00e676',
|
||
|
|
A700: '#00c853'
|
||
|
|
};
|
||
|
|
/* harmony default export */ var colors_green = (green);
|
||
|
|
// EXTERNAL MODULE: ./node_modules/@material-ui/core/esm/styles/colorManipulator.js
|
||
|
|
var colorManipulator = __webpack_require__(9693);
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/styles/createPalette.js
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
var light = {
|
||
|
|
// The colors used to style the text.
|
||
|
|
text: {
|
||
|
|
// The most important text.
|
||
|
|
primary: 'rgba(0, 0, 0, 0.87)',
|
||
|
|
// Secondary text.
|
||
|
|
secondary: 'rgba(0, 0, 0, 0.54)',
|
||
|
|
// Disabled text have even lower visual prominence.
|
||
|
|
disabled: 'rgba(0, 0, 0, 0.38)',
|
||
|
|
// Text hints.
|
||
|
|
hint: 'rgba(0, 0, 0, 0.38)'
|
||
|
|
},
|
||
|
|
// The color used to divide different elements.
|
||
|
|
divider: 'rgba(0, 0, 0, 0.12)',
|
||
|
|
// The background colors used to style the surfaces.
|
||
|
|
// Consistency between these values is important.
|
||
|
|
background: {
|
||
|
|
paper: colors_common.white,
|
||
|
|
default: colors_grey[50]
|
||
|
|
},
|
||
|
|
// The colors used to style the action elements.
|
||
|
|
action: {
|
||
|
|
// The color of an active action like an icon button.
|
||
|
|
active: 'rgba(0, 0, 0, 0.54)',
|
||
|
|
// The color of an hovered action.
|
||
|
|
hover: 'rgba(0, 0, 0, 0.04)',
|
||
|
|
hoverOpacity: 0.04,
|
||
|
|
// The color of a selected action.
|
||
|
|
selected: 'rgba(0, 0, 0, 0.08)',
|
||
|
|
selectedOpacity: 0.08,
|
||
|
|
// The color of a disabled action.
|
||
|
|
disabled: 'rgba(0, 0, 0, 0.26)',
|
||
|
|
// The background color of a disabled action.
|
||
|
|
disabledBackground: 'rgba(0, 0, 0, 0.12)',
|
||
|
|
disabledOpacity: 0.38,
|
||
|
|
focus: 'rgba(0, 0, 0, 0.12)',
|
||
|
|
focusOpacity: 0.12,
|
||
|
|
activatedOpacity: 0.12
|
||
|
|
}
|
||
|
|
};
|
||
|
|
var dark = {
|
||
|
|
text: {
|
||
|
|
primary: colors_common.white,
|
||
|
|
secondary: 'rgba(255, 255, 255, 0.7)',
|
||
|
|
disabled: 'rgba(255, 255, 255, 0.5)',
|
||
|
|
hint: 'rgba(255, 255, 255, 0.5)',
|
||
|
|
icon: 'rgba(255, 255, 255, 0.5)'
|
||
|
|
},
|
||
|
|
divider: 'rgba(255, 255, 255, 0.12)',
|
||
|
|
background: {
|
||
|
|
paper: colors_grey[800],
|
||
|
|
default: '#303030'
|
||
|
|
},
|
||
|
|
action: {
|
||
|
|
active: colors_common.white,
|
||
|
|
hover: 'rgba(255, 255, 255, 0.08)',
|
||
|
|
hoverOpacity: 0.08,
|
||
|
|
selected: 'rgba(255, 255, 255, 0.16)',
|
||
|
|
selectedOpacity: 0.16,
|
||
|
|
disabled: 'rgba(255, 255, 255, 0.3)',
|
||
|
|
disabledBackground: 'rgba(255, 255, 255, 0.12)',
|
||
|
|
disabledOpacity: 0.38,
|
||
|
|
focus: 'rgba(255, 255, 255, 0.12)',
|
||
|
|
focusOpacity: 0.12,
|
||
|
|
activatedOpacity: 0.24
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
function addLightOrDark(intent, direction, shade, tonalOffset) {
|
||
|
|
var tonalOffsetLight = tonalOffset.light || tonalOffset;
|
||
|
|
var tonalOffsetDark = tonalOffset.dark || tonalOffset * 1.5;
|
||
|
|
|
||
|
|
if (!intent[direction]) {
|
||
|
|
if (intent.hasOwnProperty(shade)) {
|
||
|
|
intent[direction] = intent[shade];
|
||
|
|
} else if (direction === 'light') {
|
||
|
|
intent.light = (0,colorManipulator/* lighten */.$n)(intent.main, tonalOffsetLight);
|
||
|
|
} else if (direction === 'dark') {
|
||
|
|
intent.dark = (0,colorManipulator/* darken */._j)(intent.main, tonalOffsetDark);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function createPalette(palette) {
|
||
|
|
var _palette$primary = palette.primary,
|
||
|
|
primary = _palette$primary === void 0 ? {
|
||
|
|
light: colors_indigo[300],
|
||
|
|
main: colors_indigo[500],
|
||
|
|
dark: colors_indigo[700]
|
||
|
|
} : _palette$primary,
|
||
|
|
_palette$secondary = palette.secondary,
|
||
|
|
secondary = _palette$secondary === void 0 ? {
|
||
|
|
light: colors_pink.A200,
|
||
|
|
main: colors_pink.A400,
|
||
|
|
dark: colors_pink.A700
|
||
|
|
} : _palette$secondary,
|
||
|
|
_palette$error = palette.error,
|
||
|
|
error = _palette$error === void 0 ? {
|
||
|
|
light: colors_red[300],
|
||
|
|
main: colors_red[500],
|
||
|
|
dark: colors_red[700]
|
||
|
|
} : _palette$error,
|
||
|
|
_palette$warning = palette.warning,
|
||
|
|
warning = _palette$warning === void 0 ? {
|
||
|
|
light: colors_orange[300],
|
||
|
|
main: colors_orange[500],
|
||
|
|
dark: colors_orange[700]
|
||
|
|
} : _palette$warning,
|
||
|
|
_palette$info = palette.info,
|
||
|
|
info = _palette$info === void 0 ? {
|
||
|
|
light: colors_blue[300],
|
||
|
|
main: colors_blue[500],
|
||
|
|
dark: colors_blue[700]
|
||
|
|
} : _palette$info,
|
||
|
|
_palette$success = palette.success,
|
||
|
|
success = _palette$success === void 0 ? {
|
||
|
|
light: colors_green[300],
|
||
|
|
main: colors_green[500],
|
||
|
|
dark: colors_green[700]
|
||
|
|
} : _palette$success,
|
||
|
|
_palette$type = palette.type,
|
||
|
|
type = _palette$type === void 0 ? 'light' : _palette$type,
|
||
|
|
_palette$contrastThre = palette.contrastThreshold,
|
||
|
|
contrastThreshold = _palette$contrastThre === void 0 ? 3 : _palette$contrastThre,
|
||
|
|
_palette$tonalOffset = palette.tonalOffset,
|
||
|
|
tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset,
|
||
|
|
other = (0,objectWithoutProperties/* default */.Z)(palette, ["primary", "secondary", "error", "warning", "info", "success", "type", "contrastThreshold", "tonalOffset"]); // Use the same logic as
|
||
|
|
// Bootstrap: https://github.com/twbs/bootstrap/blob/1d6e3710dd447de1a200f29e8fa521f8a0908f70/scss/_functions.scss#L59
|
||
|
|
// and material-components-web https://github.com/material-components/material-components-web/blob/ac46b8863c4dab9fc22c4c662dc6bd1b65dd652f/packages/mdc-theme/_functions.scss#L54
|
||
|
|
|
||
|
|
|
||
|
|
function getContrastText(background) {
|
||
|
|
var contrastText = (0,colorManipulator/* getContrastRatio */.mi)(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
|
||
|
|
|
||
|
|
if (false) { var contrast; }
|
||
|
|
|
||
|
|
return contrastText;
|
||
|
|
}
|
||
|
|
|
||
|
|
var augmentColor = function augmentColor(color) {
|
||
|
|
var mainShade = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
|
||
|
|
var lightShade = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 300;
|
||
|
|
var darkShade = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 700;
|
||
|
|
color = (0,esm_extends/* default */.Z)({}, color);
|
||
|
|
|
||
|
|
if (!color.main && color[mainShade]) {
|
||
|
|
color.main = color[mainShade];
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!color.main) {
|
||
|
|
throw new Error( false ? 0 : (0,utils_.formatMuiErrorMessage)(4, mainShade));
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof color.main !== 'string') {
|
||
|
|
throw new Error( false ? 0 : (0,utils_.formatMuiErrorMessage)(5, JSON.stringify(color.main)));
|
||
|
|
}
|
||
|
|
|
||
|
|
addLightOrDark(color, 'light', lightShade, tonalOffset);
|
||
|
|
addLightOrDark(color, 'dark', darkShade, tonalOffset);
|
||
|
|
|
||
|
|
if (!color.contrastText) {
|
||
|
|
color.contrastText = getContrastText(color.main);
|
||
|
|
}
|
||
|
|
|
||
|
|
return color;
|
||
|
|
};
|
||
|
|
|
||
|
|
var types = {
|
||
|
|
dark: dark,
|
||
|
|
light: light
|
||
|
|
};
|
||
|
|
|
||
|
|
if (false) {}
|
||
|
|
|
||
|
|
var paletteOutput = (0,utils_.deepmerge)((0,esm_extends/* default */.Z)({
|
||
|
|
// A collection of common colors.
|
||
|
|
common: colors_common,
|
||
|
|
// The palette type, can be light or dark.
|
||
|
|
type: type,
|
||
|
|
// The colors used to represent primary interface elements for a user.
|
||
|
|
primary: augmentColor(primary),
|
||
|
|
// The colors used to represent secondary interface elements for a user.
|
||
|
|
secondary: augmentColor(secondary, 'A400', 'A200', 'A700'),
|
||
|
|
// The colors used to represent interface elements that the user should be made aware of.
|
||
|
|
error: augmentColor(error),
|
||
|
|
// The colors used to represent potentially dangerous actions or important messages.
|
||
|
|
warning: augmentColor(warning),
|
||
|
|
// The colors used to present information to the user that is neutral and not necessarily important.
|
||
|
|
info: augmentColor(info),
|
||
|
|
// The colors used to indicate the successful completion of an action that user triggered.
|
||
|
|
success: augmentColor(success),
|
||
|
|
// The grey colors.
|
||
|
|
grey: colors_grey,
|
||
|
|
// Used by `getContrastText()` to maximize the contrast between
|
||
|
|
// the background and the text.
|
||
|
|
contrastThreshold: contrastThreshold,
|
||
|
|
// Takes a background color and returns the text color that maximizes the contrast.
|
||
|
|
getContrastText: getContrastText,
|
||
|
|
// Generate a rich color object.
|
||
|
|
augmentColor: augmentColor,
|
||
|
|
// Used by the functions below to shift a color's luminance by approximately
|
||
|
|
// two indexes within its tonal palette.
|
||
|
|
// E.g., shift from Red 500 to Red 300 or Red 700.
|
||
|
|
tonalOffset: tonalOffset
|
||
|
|
}, types[type]), other);
|
||
|
|
return paletteOutput;
|
||
|
|
}
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/styles/createTypography.js
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
function round(value) {
|
||
|
|
return Math.round(value * 1e5) / 1e5;
|
||
|
|
}
|
||
|
|
|
||
|
|
var caseAllCaps = {
|
||
|
|
textTransform: 'uppercase'
|
||
|
|
};
|
||
|
|
var defaultFontFamily = '"Roboto", "Helvetica", "Arial", sans-serif';
|
||
|
|
/**
|
||
|
|
* @see @link{https://material.io/design/typography/the-type-system.html}
|
||
|
|
* @see @link{https://material.io/design/typography/understanding-typography.html}
|
||
|
|
*/
|
||
|
|
|
||
|
|
function createTypography(palette, typography) {
|
||
|
|
var _ref = typeof typography === 'function' ? typography(palette) : typography,
|
||
|
|
_ref$fontFamily = _ref.fontFamily,
|
||
|
|
fontFamily = _ref$fontFamily === void 0 ? defaultFontFamily : _ref$fontFamily,
|
||
|
|
_ref$fontSize = _ref.fontSize,
|
||
|
|
fontSize = _ref$fontSize === void 0 ? 14 : _ref$fontSize,
|
||
|
|
_ref$fontWeightLight = _ref.fontWeightLight,
|
||
|
|
fontWeightLight = _ref$fontWeightLight === void 0 ? 300 : _ref$fontWeightLight,
|
||
|
|
_ref$fontWeightRegula = _ref.fontWeightRegular,
|
||
|
|
fontWeightRegular = _ref$fontWeightRegula === void 0 ? 400 : _ref$fontWeightRegula,
|
||
|
|
_ref$fontWeightMedium = _ref.fontWeightMedium,
|
||
|
|
fontWeightMedium = _ref$fontWeightMedium === void 0 ? 500 : _ref$fontWeightMedium,
|
||
|
|
_ref$fontWeightBold = _ref.fontWeightBold,
|
||
|
|
fontWeightBold = _ref$fontWeightBold === void 0 ? 700 : _ref$fontWeightBold,
|
||
|
|
_ref$htmlFontSize = _ref.htmlFontSize,
|
||
|
|
htmlFontSize = _ref$htmlFontSize === void 0 ? 16 : _ref$htmlFontSize,
|
||
|
|
allVariants = _ref.allVariants,
|
||
|
|
pxToRem2 = _ref.pxToRem,
|
||
|
|
other = (0,objectWithoutProperties/* default */.Z)(_ref, ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"]);
|
||
|
|
|
||
|
|
if (false) {}
|
||
|
|
|
||
|
|
var coef = fontSize / 14;
|
||
|
|
|
||
|
|
var pxToRem = pxToRem2 || function (size) {
|
||
|
|
return "".concat(size / htmlFontSize * coef, "rem");
|
||
|
|
};
|
||
|
|
|
||
|
|
var buildVariant = function buildVariant(fontWeight, size, lineHeight, letterSpacing, casing) {
|
||
|
|
return (0,esm_extends/* default */.Z)({
|
||
|
|
fontFamily: fontFamily,
|
||
|
|
fontWeight: fontWeight,
|
||
|
|
fontSize: pxToRem(size),
|
||
|
|
// Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
|
||
|
|
lineHeight: lineHeight
|
||
|
|
}, fontFamily === defaultFontFamily ? {
|
||
|
|
letterSpacing: "".concat(round(letterSpacing / size), "em")
|
||
|
|
} : {}, casing, allVariants);
|
||
|
|
};
|
||
|
|
|
||
|
|
var variants = {
|
||
|
|
h1: buildVariant(fontWeightLight, 96, 1.167, -1.5),
|
||
|
|
h2: buildVariant(fontWeightLight, 60, 1.2, -0.5),
|
||
|
|
h3: buildVariant(fontWeightRegular, 48, 1.167, 0),
|
||
|
|
h4: buildVariant(fontWeightRegular, 34, 1.235, 0.25),
|
||
|
|
h5: buildVariant(fontWeightRegular, 24, 1.334, 0),
|
||
|
|
h6: buildVariant(fontWeightMedium, 20, 1.6, 0.15),
|
||
|
|
subtitle1: buildVariant(fontWeightRegular, 16, 1.75, 0.15),
|
||
|
|
subtitle2: buildVariant(fontWeightMedium, 14, 1.57, 0.1),
|
||
|
|
body1: buildVariant(fontWeightRegular, 16, 1.5, 0.15),
|
||
|
|
body2: buildVariant(fontWeightRegular, 14, 1.43, 0.15),
|
||
|
|
button: buildVariant(fontWeightMedium, 14, 1.75, 0.4, caseAllCaps),
|
||
|
|
caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),
|
||
|
|
overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps)
|
||
|
|
};
|
||
|
|
return (0,utils_.deepmerge)((0,esm_extends/* default */.Z)({
|
||
|
|
htmlFontSize: htmlFontSize,
|
||
|
|
pxToRem: pxToRem,
|
||
|
|
round: round,
|
||
|
|
// TODO v5: remove
|
||
|
|
fontFamily: fontFamily,
|
||
|
|
fontSize: fontSize,
|
||
|
|
fontWeightLight: fontWeightLight,
|
||
|
|
fontWeightRegular: fontWeightRegular,
|
||
|
|
fontWeightMedium: fontWeightMedium,
|
||
|
|
fontWeightBold: fontWeightBold
|
||
|
|
}, variants), other, {
|
||
|
|
clone: false // No need to clone deep
|
||
|
|
|
||
|
|
});
|
||
|
|
}
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/styles/shadows.js
|
||
|
|
var shadowKeyUmbraOpacity = 0.2;
|
||
|
|
var shadowKeyPenumbraOpacity = 0.14;
|
||
|
|
var shadowAmbientShadowOpacity = 0.12;
|
||
|
|
|
||
|
|
function createShadow() {
|
||
|
|
return ["".concat(arguments.length <= 0 ? undefined : arguments[0], "px ").concat(arguments.length <= 1 ? undefined : arguments[1], "px ").concat(arguments.length <= 2 ? undefined : arguments[2], "px ").concat(arguments.length <= 3 ? undefined : arguments[3], "px rgba(0,0,0,").concat(shadowKeyUmbraOpacity, ")"), "".concat(arguments.length <= 4 ? undefined : arguments[4], "px ").concat(arguments.length <= 5 ? undefined : arguments[5], "px ").concat(arguments.length <= 6 ? undefined : arguments[6], "px ").concat(arguments.length <= 7 ? undefined : arguments[7], "px rgba(0,0,0,").concat(shadowKeyPenumbraOpacity, ")"), "".concat(arguments.length <= 8 ? undefined : arguments[8], "px ").concat(arguments.length <= 9 ? undefined : arguments[9], "px ").concat(arguments.length <= 10 ? undefined : arguments[10], "px ").concat(arguments.length <= 11 ? undefined : arguments[11], "px rgba(0,0,0,").concat(shadowAmbientShadowOpacity, ")")].join(',');
|
||
|
|
} // Values from https://github.com/material-components/material-components-web/blob/be8747f94574669cb5e7add1a7c54fa41a89cec7/packages/mdc-elevation/_variables.scss
|
||
|
|
|
||
|
|
|
||
|
|
var shadows = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
|
||
|
|
/* harmony default export */ var styles_shadows = (shadows);
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/styles/shape.js
|
||
|
|
var shape = {
|
||
|
|
borderRadius: 4
|
||
|
|
};
|
||
|
|
/* harmony default export */ var styles_shape = (shape);
|
||
|
|
// EXTERNAL MODULE: external "@material-ui/system"
|
||
|
|
var system_ = __webpack_require__(9137);
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/styles/createSpacing.js
|
||
|
|
|
||
|
|
var warnOnce;
|
||
|
|
function createSpacing() {
|
||
|
|
var spacingInput = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 8;
|
||
|
|
|
||
|
|
// Already transformed.
|
||
|
|
if (spacingInput.mui) {
|
||
|
|
return spacingInput;
|
||
|
|
} // Material Design layouts are visually balanced. Most measurements align to an 8dp grid applied, which aligns both spacing and the overall layout.
|
||
|
|
// Smaller components, such as icons and type, can align to a 4dp grid.
|
||
|
|
// https://material.io/design/layout/understanding-layout.html#usage
|
||
|
|
|
||
|
|
|
||
|
|
var transform = (0,system_.createUnarySpacing)({
|
||
|
|
spacing: spacingInput
|
||
|
|
});
|
||
|
|
|
||
|
|
var spacing = function spacing() {
|
||
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||
|
|
args[_key] = arguments[_key];
|
||
|
|
}
|
||
|
|
|
||
|
|
if (false) {}
|
||
|
|
|
||
|
|
if (args.length === 0) {
|
||
|
|
return transform(1);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (args.length === 1) {
|
||
|
|
return transform(args[0]);
|
||
|
|
}
|
||
|
|
|
||
|
|
return args.map(function (argument) {
|
||
|
|
if (typeof argument === 'string') {
|
||
|
|
return argument;
|
||
|
|
}
|
||
|
|
|
||
|
|
var output = transform(argument);
|
||
|
|
return typeof output === 'number' ? "".concat(output, "px") : output;
|
||
|
|
}).join(' ');
|
||
|
|
}; // Backward compatibility, to remove in v5.
|
||
|
|
|
||
|
|
|
||
|
|
Object.defineProperty(spacing, 'unit', {
|
||
|
|
get: function get() {
|
||
|
|
if (false) {}
|
||
|
|
|
||
|
|
return spacingInput;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
spacing.mui = true;
|
||
|
|
return spacing;
|
||
|
|
}
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/styles/transitions.js
|
||
|
|
|
||
|
|
// Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
|
||
|
|
// to learn the context in which each easing should be used.
|
||
|
|
var easing = {
|
||
|
|
// This is the most common easing curve.
|
||
|
|
easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
|
||
|
|
// Objects enter the screen at full velocity from off-screen and
|
||
|
|
// slowly decelerate to a resting point.
|
||
|
|
easeOut: 'cubic-bezier(0.0, 0, 0.2, 1)',
|
||
|
|
// Objects leave the screen at full velocity. They do not decelerate when off-screen.
|
||
|
|
easeIn: 'cubic-bezier(0.4, 0, 1, 1)',
|
||
|
|
// The sharp curve is used by objects that may return to the screen at any time.
|
||
|
|
sharp: 'cubic-bezier(0.4, 0, 0.6, 1)'
|
||
|
|
}; // Follow https://material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations
|
||
|
|
// to learn when use what timing
|
||
|
|
|
||
|
|
var duration = {
|
||
|
|
shortest: 150,
|
||
|
|
shorter: 200,
|
||
|
|
short: 250,
|
||
|
|
// most basic recommended timing
|
||
|
|
standard: 300,
|
||
|
|
// this is to be used in complex animations
|
||
|
|
complex: 375,
|
||
|
|
// recommended when something is entering screen
|
||
|
|
enteringScreen: 225,
|
||
|
|
// recommended when something is leaving screen
|
||
|
|
leavingScreen: 195
|
||
|
|
};
|
||
|
|
|
||
|
|
function formatMs(milliseconds) {
|
||
|
|
return "".concat(Math.round(milliseconds), "ms");
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* @param {string|Array} props
|
||
|
|
* @param {object} param
|
||
|
|
* @param {string} param.prop
|
||
|
|
* @param {number} param.duration
|
||
|
|
* @param {string} param.easing
|
||
|
|
* @param {number} param.delay
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/* harmony default export */ var transitions = ({
|
||
|
|
easing: easing,
|
||
|
|
duration: duration,
|
||
|
|
create: function create() {
|
||
|
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['all'];
|
||
|
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
||
|
|
|
||
|
|
var _options$duration = options.duration,
|
||
|
|
durationOption = _options$duration === void 0 ? duration.standard : _options$duration,
|
||
|
|
_options$easing = options.easing,
|
||
|
|
easingOption = _options$easing === void 0 ? easing.easeInOut : _options$easing,
|
||
|
|
_options$delay = options.delay,
|
||
|
|
delay = _options$delay === void 0 ? 0 : _options$delay,
|
||
|
|
other = (0,objectWithoutProperties/* default */.Z)(options, ["duration", "easing", "delay"]);
|
||
|
|
|
||
|
|
if (false) { var isNumber, isString; }
|
||
|
|
|
||
|
|
return (Array.isArray(props) ? props : [props]).map(function (animatedProp) {
|
||
|
|
return "".concat(animatedProp, " ").concat(typeof durationOption === 'string' ? durationOption : formatMs(durationOption), " ").concat(easingOption, " ").concat(typeof delay === 'string' ? delay : formatMs(delay));
|
||
|
|
}).join(',');
|
||
|
|
},
|
||
|
|
getAutoHeightDuration: function getAutoHeightDuration(height) {
|
||
|
|
if (!height) {
|
||
|
|
return 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
var constant = height / 36; // https://www.wolframalpha.com/input/?i=(4+%2B+15+*+(x+%2F+36+)+**+0.25+%2B+(x+%2F+36)+%2F+5)+*+10
|
||
|
|
|
||
|
|
return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/styles/zIndex.js
|
||
|
|
// We need to centralize the zIndex definitions as they work
|
||
|
|
// like global values in the browser.
|
||
|
|
var zIndex = {
|
||
|
|
mobileStepper: 1000,
|
||
|
|
speedDial: 1050,
|
||
|
|
appBar: 1100,
|
||
|
|
drawer: 1200,
|
||
|
|
modal: 1300,
|
||
|
|
snackbar: 1400,
|
||
|
|
tooltip: 1500
|
||
|
|
};
|
||
|
|
/* harmony default export */ var styles_zIndex = (zIndex);
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/styles/createMuiTheme.js
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
function createMuiTheme() {
|
||
|
|
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
||
|
|
|
||
|
|
var _options$breakpoints = options.breakpoints,
|
||
|
|
breakpointsInput = _options$breakpoints === void 0 ? {} : _options$breakpoints,
|
||
|
|
_options$mixins = options.mixins,
|
||
|
|
mixinsInput = _options$mixins === void 0 ? {} : _options$mixins,
|
||
|
|
_options$palette = options.palette,
|
||
|
|
paletteInput = _options$palette === void 0 ? {} : _options$palette,
|
||
|
|
spacingInput = options.spacing,
|
||
|
|
_options$typography = options.typography,
|
||
|
|
typographyInput = _options$typography === void 0 ? {} : _options$typography,
|
||
|
|
other = (0,objectWithoutProperties/* default */.Z)(options, ["breakpoints", "mixins", "palette", "spacing", "typography"]);
|
||
|
|
|
||
|
|
var palette = createPalette(paletteInput);
|
||
|
|
var breakpoints = createBreakpoints(breakpointsInput);
|
||
|
|
var spacing = createSpacing(spacingInput);
|
||
|
|
var muiTheme = (0,utils_.deepmerge)({
|
||
|
|
breakpoints: breakpoints,
|
||
|
|
direction: 'ltr',
|
||
|
|
mixins: createMixins(breakpoints, spacing, mixinsInput),
|
||
|
|
overrides: {},
|
||
|
|
// Inject custom styles
|
||
|
|
palette: palette,
|
||
|
|
props: {},
|
||
|
|
// Provide default props
|
||
|
|
shadows: styles_shadows,
|
||
|
|
typography: createTypography(palette, typographyInput),
|
||
|
|
spacing: spacing,
|
||
|
|
shape: styles_shape,
|
||
|
|
transitions: transitions,
|
||
|
|
zIndex: styles_zIndex
|
||
|
|
}, other);
|
||
|
|
|
||
|
|
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
||
|
|
args[_key - 1] = arguments[_key];
|
||
|
|
}
|
||
|
|
|
||
|
|
muiTheme = args.reduce(function (acc, argument) {
|
||
|
|
return (0,utils_.deepmerge)(acc, argument);
|
||
|
|
}, muiTheme);
|
||
|
|
|
||
|
|
if (false) { var traverse, pseudoClasses; }
|
||
|
|
|
||
|
|
return muiTheme;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* harmony default export */ var styles_createMuiTheme = (createMuiTheme);
|
||
|
|
;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/styles/defaultTheme.js
|
||
|
|
|
||
|
|
var defaultTheme = styles_createMuiTheme();
|
||
|
|
/* harmony default export */ var styles_defaultTheme = (defaultTheme);
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1120:
|
||
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2122);
|
||
|
|
/* harmony import */ var _material_ui_styles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4047);
|
||
|
|
/* harmony import */ var _material_ui_styles__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_material_ui_styles__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
|
/* harmony import */ var _defaultTheme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7921);
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
function makeStyles(stylesOrCreator) {
|
||
|
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
||
|
|
return (0,_material_ui_styles__WEBPACK_IMPORTED_MODULE_0__.makeStyles)(stylesOrCreator, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__/* .default */ .Z)({
|
||
|
|
defaultTheme: _defaultTheme__WEBPACK_IMPORTED_MODULE_2__/* .default */ .Z
|
||
|
|
}, options));
|
||
|
|
}
|
||
|
|
|
||
|
|
/* harmony default export */ __webpack_exports__["Z"] = (makeStyles);
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 2543:
|
||
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2122);
|
||
|
|
/* harmony import */ var _material_ui_styles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4047);
|
||
|
|
/* harmony import */ var _material_ui_styles__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_material_ui_styles__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
|
/* harmony import */ var _defaultTheme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7921);
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
function withStyles(stylesOrCreator, options) {
|
||
|
|
return (0,_material_ui_styles__WEBPACK_IMPORTED_MODULE_0__.withStyles)(stylesOrCreator, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__/* .default */ .Z)({
|
||
|
|
defaultTheme: _defaultTheme__WEBPACK_IMPORTED_MODULE_2__/* .default */ .Z
|
||
|
|
}, options));
|
||
|
|
}
|
||
|
|
|
||
|
|
/* harmony default export */ __webpack_exports__["Z"] = (withStyles);
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 3871:
|
||
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||
|
|
/* harmony export */ "Z": function() { return /* binding */ capitalize; }
|
||
|
|
/* harmony export */ });
|
||
|
|
/* harmony import */ var _material_ui_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2958);
|
||
|
|
/* harmony import */ var _material_ui_utils__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_material_ui_utils__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
|
|
||
|
|
// It should to be noted that this function isn't equivalent to `text-transform: capitalize`.
|
||
|
|
//
|
||
|
|
// A strict capitalization should uppercase the first letter of each word a the sentence.
|
||
|
|
// We only handle the first word.
|
||
|
|
function capitalize(string) {
|
||
|
|
if (typeof string !== 'string') {
|
||
|
|
throw new Error( false ? 0 : (0,_material_ui_utils__WEBPACK_IMPORTED_MODULE_0__.formatMuiErrorMessage)(7));
|
||
|
|
}
|
||
|
|
|
||
|
|
return string.charAt(0).toUpperCase() + string.slice(1);
|
||
|
|
}
|
||
|
|
|
||
|
|
/***/ })
|
||
|
|
|
||
|
|
};
|
||
|
|
;
|