@sinco/react 1.0.11-rc.1 → 1.0.11-rc.10
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +568 -1889
- package/package.json +1 -1
- package/src/lib/Components/Drawer.d.ts +8 -6
- package/src/lib/Components/EmptyState.d.ts +5 -5
- package/src/lib/Components/index.d.ts +0 -2
- package/src/lib/Hooks/useDynamicColor.d.ts +1 -1
- package/src/lib/Theme/breakpoints.d.ts +2 -1
- package/src/lib/Theme/components.d.ts +2 -11
- package/src/lib/Theme/index.d.ts +14 -0
- package/src/lib/Theme/mixins.d.ts +2 -1
- package/src/lib/Theme/palette.d.ts +2 -1
- package/src/lib/Theme/shadows.d.ts +2 -1
- package/src/lib/Theme/typography.d.ts +2 -15
- package/src/lib/Utils/{DynamicColor.d.ts → dynamicColor.d.ts} +2 -1
- package/src/lib/Utils/index.d.ts +1 -1
- package/README.md +0 -57
- package/src/lib/Components/PageHeader.d.ts +0 -19
- package/src/lib/Components/ToastNofitication.d.ts +0 -19
package/index.js
CHANGED
@@ -6199,7 +6199,7 @@ const internal_processStyles = (tag, processor) => {
|
|
6199
6199
|
}
|
6200
6200
|
};
|
6201
6201
|
|
6202
|
-
const _excluded$
|
6202
|
+
const _excluded$q = ["values", "unit", "step"];
|
6203
6203
|
const sortBreakpointsValues = values => {
|
6204
6204
|
const breakpointsAsArray = Object.keys(values).map(key => ({
|
6205
6205
|
key,
|
@@ -6234,7 +6234,7 @@ function createBreakpoints(breakpoints) {
|
|
6234
6234
|
unit = 'px',
|
6235
6235
|
step = 5
|
6236
6236
|
} = breakpoints,
|
6237
|
-
other = _objectWithoutPropertiesLoose(breakpoints, _excluded$
|
6237
|
+
other = _objectWithoutPropertiesLoose(breakpoints, _excluded$q);
|
6238
6238
|
const sortedValues = sortBreakpointsValues(values);
|
6239
6239
|
const keys = Object.keys(sortedValues);
|
6240
6240
|
function up(key) {
|
@@ -7318,7 +7318,7 @@ const styleFunctionSx = unstable_createStyleFunctionSx();
|
|
7318
7318
|
styleFunctionSx.filterProps = ['sx'];
|
7319
7319
|
var styleFunctionSx$1 = styleFunctionSx;
|
7320
7320
|
|
7321
|
-
const _excluded$
|
7321
|
+
const _excluded$p = ["breakpoints", "palette", "spacing", "shape"];
|
7322
7322
|
function createTheme$1(options = {}, ...args) {
|
7323
7323
|
const {
|
7324
7324
|
breakpoints: breakpointsInput = {},
|
@@ -7326,7 +7326,7 @@ function createTheme$1(options = {}, ...args) {
|
|
7326
7326
|
spacing: spacingInput,
|
7327
7327
|
shape: shapeInput = {}
|
7328
7328
|
} = options,
|
7329
|
-
other = _objectWithoutPropertiesLoose(options, _excluded$
|
7329
|
+
other = _objectWithoutPropertiesLoose(options, _excluded$p);
|
7330
7330
|
const breakpoints = createBreakpoints(breakpointsInput);
|
7331
7331
|
const spacing = createSpacing(spacingInput);
|
7332
7332
|
let muiTheme = deepmerge({
|
@@ -7364,7 +7364,7 @@ function useTheme$2(defaultTheme = systemDefaultTheme$1) {
|
|
7364
7364
|
return useTheme$3(defaultTheme);
|
7365
7365
|
}
|
7366
7366
|
|
7367
|
-
const _excluded$
|
7367
|
+
const _excluded$o = ["sx"];
|
7368
7368
|
const splitProps = props => {
|
7369
7369
|
var _props$theme$unstable, _props$theme;
|
7370
7370
|
const result = {
|
@@ -7385,7 +7385,7 @@ function extendSxProp(props) {
|
|
7385
7385
|
const {
|
7386
7386
|
sx: inSx
|
7387
7387
|
} = props,
|
7388
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
7388
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$o);
|
7389
7389
|
const {
|
7390
7390
|
systemProps,
|
7391
7391
|
otherProps
|
@@ -7411,7 +7411,7 @@ function extendSxProp(props) {
|
|
7411
7411
|
|
7412
7412
|
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
7413
7413
|
|
7414
|
-
const _excluded$
|
7414
|
+
const _excluded$n = ["className", "component"];
|
7415
7415
|
function createBox(options = {}) {
|
7416
7416
|
const {
|
7417
7417
|
themeId,
|
@@ -7429,7 +7429,7 @@ function createBox(options = {}) {
|
|
7429
7429
|
className,
|
7430
7430
|
component = 'div'
|
7431
7431
|
} = _extendSxProp,
|
7432
|
-
other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$
|
7432
|
+
other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$n);
|
7433
7433
|
return /*#__PURE__*/jsx(BoxRoot, _extends({
|
7434
7434
|
as: component,
|
7435
7435
|
ref: ref,
|
@@ -7440,7 +7440,7 @@ function createBox(options = {}) {
|
|
7440
7440
|
return Box;
|
7441
7441
|
}
|
7442
7442
|
|
7443
|
-
const _excluded$
|
7443
|
+
const _excluded$m = ["variant"];
|
7444
7444
|
function isEmpty$1(string) {
|
7445
7445
|
return string.length === 0;
|
7446
7446
|
}
|
@@ -7454,7 +7454,7 @@ function propsToClassKey(props) {
|
|
7454
7454
|
const {
|
7455
7455
|
variant
|
7456
7456
|
} = props,
|
7457
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
7457
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$m);
|
7458
7458
|
let classKey = variant || '';
|
7459
7459
|
Object.keys(other).sort().forEach(key => {
|
7460
7460
|
if (key === 'color') {
|
@@ -7466,7 +7466,7 @@ function propsToClassKey(props) {
|
|
7466
7466
|
return classKey;
|
7467
7467
|
}
|
7468
7468
|
|
7469
|
-
const _excluded$
|
7469
|
+
const _excluded$l = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
|
7470
7470
|
function isEmpty(obj) {
|
7471
7471
|
return Object.keys(obj).length === 0;
|
7472
7472
|
}
|
@@ -7561,7 +7561,7 @@ function createStyled(input = {}) {
|
|
7561
7561
|
skipSx: inputSkipSx,
|
7562
7562
|
overridesResolver
|
7563
7563
|
} = inputOptions,
|
7564
|
-
options = _objectWithoutPropertiesLoose(inputOptions, _excluded$
|
7564
|
+
options = _objectWithoutPropertiesLoose(inputOptions, _excluded$l);
|
7565
7565
|
|
7566
7566
|
// if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
|
7567
7567
|
const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver : componentSlot && componentSlot !== 'Root' || false;
|
@@ -8091,7 +8091,7 @@ if (process.env.NODE_ENV !== 'production') {
|
|
8091
8091
|
process.env.NODE_ENV !== "production" ? ThemeProvider$1.propTypes = exactProp(ThemeProvider$1.propTypes) : void 0;
|
8092
8092
|
}
|
8093
8093
|
|
8094
|
-
const _excluded$
|
8094
|
+
const _excluded$k = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
|
8095
8095
|
const defaultTheme$3 = createTheme$1();
|
8096
8096
|
// widening Theme to any so that the consumer can own the theme structure.
|
8097
8097
|
const defaultCreateStyledComponent = systemStyled('div', {
|
@@ -8220,7 +8220,7 @@ function createStack(options = {}) {
|
|
8220
8220
|
className,
|
8221
8221
|
useFlexGap = false
|
8222
8222
|
} = props,
|
8223
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
8223
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$k);
|
8224
8224
|
const ownerState = {
|
8225
8225
|
direction,
|
8226
8226
|
spacing,
|
@@ -8394,7 +8394,7 @@ const green = {
|
|
8394
8394
|
};
|
8395
8395
|
var green$1 = green;
|
8396
8396
|
|
8397
|
-
const _excluded$
|
8397
|
+
const _excluded$j = ["mode", "contrastThreshold", "tonalOffset"];
|
8398
8398
|
const light = {
|
8399
8399
|
// The colors used to style the text.
|
8400
8400
|
text: {
|
@@ -8563,7 +8563,7 @@ function createPalette(palette) {
|
|
8563
8563
|
contrastThreshold = 3,
|
8564
8564
|
tonalOffset = 0.2
|
8565
8565
|
} = palette,
|
8566
|
-
other = _objectWithoutPropertiesLoose(palette, _excluded$
|
8566
|
+
other = _objectWithoutPropertiesLoose(palette, _excluded$j);
|
8567
8567
|
const primary = palette.primary || getDefaultPrimary(mode);
|
8568
8568
|
const secondary = palette.secondary || getDefaultSecondary(mode);
|
8569
8569
|
const error = palette.error || getDefaultError(mode);
|
@@ -8687,7 +8687,7 @@ const theme2 = createTheme({ palette: {
|
|
8687
8687
|
return paletteOutput;
|
8688
8688
|
}
|
8689
8689
|
|
8690
|
-
const _excluded$
|
8690
|
+
const _excluded$i = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
|
8691
8691
|
function round(value) {
|
8692
8692
|
return Math.round(value * 1e5) / 1e5;
|
8693
8693
|
}
|
@@ -8718,7 +8718,7 @@ function createTypography(palette, typography) {
|
|
8718
8718
|
allVariants,
|
8719
8719
|
pxToRem: pxToRem2
|
8720
8720
|
} = _ref,
|
8721
|
-
other = _objectWithoutPropertiesLoose(_ref, _excluded$
|
8721
|
+
other = _objectWithoutPropertiesLoose(_ref, _excluded$i);
|
8722
8722
|
if (process.env.NODE_ENV !== 'production') {
|
8723
8723
|
if (typeof fontSize !== 'number') {
|
8724
8724
|
console.error('MUI: `fontSize` is required to be a number.');
|
@@ -8782,10 +8782,10 @@ function createShadow(...px) {
|
|
8782
8782
|
}
|
8783
8783
|
|
8784
8784
|
// Values from https://github.com/material-components/material-components-web/blob/be8747f94574669cb5e7add1a7c54fa41a89cec7/packages/mdc-elevation/_variables.scss
|
8785
|
-
const shadows
|
8786
|
-
var shadows$
|
8785
|
+
const 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)];
|
8786
|
+
var shadows$1 = shadows;
|
8787
8787
|
|
8788
|
-
const _excluded$
|
8788
|
+
const _excluded$h = ["duration", "easing", "delay"];
|
8789
8789
|
// Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
|
8790
8790
|
// to learn the context in which each easing should be used.
|
8791
8791
|
const easing = {
|
@@ -8836,7 +8836,7 @@ function createTransitions(inputTransitions) {
|
|
8836
8836
|
easing: easingOption = mergedEasing.easeInOut,
|
8837
8837
|
delay = 0
|
8838
8838
|
} = options,
|
8839
|
-
other = _objectWithoutPropertiesLoose(options, _excluded$
|
8839
|
+
other = _objectWithoutPropertiesLoose(options, _excluded$h);
|
8840
8840
|
if (process.env.NODE_ENV !== 'production') {
|
8841
8841
|
const isString = value => typeof value === 'string';
|
8842
8842
|
// IE11 support, replace with Number.isNaN
|
@@ -8883,7 +8883,7 @@ const zIndex = {
|
|
8883
8883
|
};
|
8884
8884
|
var zIndex$1 = zIndex;
|
8885
8885
|
|
8886
|
-
const _excluded$
|
8886
|
+
const _excluded$g = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
|
8887
8887
|
function createTheme(options = {}, ...args) {
|
8888
8888
|
const {
|
8889
8889
|
mixins: mixinsInput = {},
|
@@ -8891,7 +8891,7 @@ function createTheme(options = {}, ...args) {
|
|
8891
8891
|
transitions: transitionsInput = {},
|
8892
8892
|
typography: typographyInput = {}
|
8893
8893
|
} = options,
|
8894
|
-
other = _objectWithoutPropertiesLoose(options, _excluded$
|
8894
|
+
other = _objectWithoutPropertiesLoose(options, _excluded$g);
|
8895
8895
|
if (options.vars) {
|
8896
8896
|
throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`vars\` is a private field used for CSS variables support.
|
8897
8897
|
Please use another name.` : formatMuiErrorMessage(18));
|
@@ -8902,7 +8902,7 @@ Please use another name.` : formatMuiErrorMessage(18));
|
|
8902
8902
|
mixins: createMixins(systemTheme.breakpoints, mixinsInput),
|
8903
8903
|
palette,
|
8904
8904
|
// Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
|
8905
|
-
shadows: shadows$
|
8905
|
+
shadows: shadows$1.slice(),
|
8906
8906
|
typography: createTypography(palette, typographyInput),
|
8907
8907
|
transitions: createTransitions(transitionsInput),
|
8908
8908
|
zIndex: _extends({}, zIndex$1)
|
@@ -8981,12 +8981,12 @@ const styled = createStyled({
|
|
8981
8981
|
});
|
8982
8982
|
var styled$1 = styled;
|
8983
8983
|
|
8984
|
-
const _excluded$
|
8984
|
+
const _excluded$f = ["theme"];
|
8985
8985
|
function ThemeProvider(_ref) {
|
8986
8986
|
let {
|
8987
8987
|
theme: themeInput
|
8988
8988
|
} = _ref,
|
8989
|
-
props = _objectWithoutPropertiesLoose(_ref, _excluded$
|
8989
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
|
8990
8990
|
const scopedTheme = themeInput[THEME_ID];
|
8991
8991
|
return /*#__PURE__*/jsx(ThemeProvider$1, _extends({}, props, {
|
8992
8992
|
themeId: scopedTheme ? THEME_ID : undefined,
|
@@ -9182,7 +9182,7 @@ function mergeSlotProps(parameters) {
|
|
9182
9182
|
};
|
9183
9183
|
}
|
9184
9184
|
|
9185
|
-
const _excluded$
|
9185
|
+
const _excluded$e = ["elementType", "externalSlotProps", "ownerState"];
|
9186
9186
|
/**
|
9187
9187
|
* @ignore - do not document.
|
9188
9188
|
* Builds the props to be passed into the slot of an unstyled component.
|
@@ -9198,7 +9198,7 @@ function useSlotProps(parameters) {
|
|
9198
9198
|
externalSlotProps,
|
9199
9199
|
ownerState
|
9200
9200
|
} = parameters,
|
9201
|
-
rest = _objectWithoutPropertiesLoose(parameters, _excluded$
|
9201
|
+
rest = _objectWithoutPropertiesLoose(parameters, _excluded$e);
|
9202
9202
|
const resolvedComponentsProps = resolveComponentProps(externalSlotProps, ownerState);
|
9203
9203
|
const {
|
9204
9204
|
props: mergedProps,
|
@@ -9836,8 +9836,8 @@ function getModalUtilityClass(slot) {
|
|
9836
9836
|
}
|
9837
9837
|
generateUtilityClasses('MuiModal', ['root', 'hidden', 'backdrop']);
|
9838
9838
|
|
9839
|
-
const _excluded$
|
9840
|
-
const useUtilityClasses$
|
9839
|
+
const _excluded$d = ["children", "closeAfterTransition", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"];
|
9840
|
+
const useUtilityClasses$9 = ownerState => {
|
9841
9841
|
const {
|
9842
9842
|
open,
|
9843
9843
|
exited
|
@@ -9905,7 +9905,7 @@ const Modal$2 = /*#__PURE__*/React.forwardRef(function Modal(props, forwardedRef
|
|
9905
9905
|
slotProps = {},
|
9906
9906
|
slots = {}
|
9907
9907
|
} = props,
|
9908
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
9908
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$d);
|
9909
9909
|
// TODO: `modal`` must change its type in this file to match the type of methods
|
9910
9910
|
// provided by `ModalManager`
|
9911
9911
|
const manager = managerProp;
|
@@ -9980,7 +9980,7 @@ const Modal$2 = /*#__PURE__*/React.forwardRef(function Modal(props, forwardedRef
|
|
9980
9980
|
hideBackdrop,
|
9981
9981
|
keepMounted
|
9982
9982
|
});
|
9983
|
-
const classes = useUtilityClasses$
|
9983
|
+
const classes = useUtilityClasses$9(ownerState);
|
9984
9984
|
const handleEnter = () => {
|
9985
9985
|
setExited(false);
|
9986
9986
|
if (onTransitionEnter) {
|
@@ -10200,8 +10200,8 @@ function getSvgIconUtilityClass(slot) {
|
|
10200
10200
|
}
|
10201
10201
|
generateUtilityClasses('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
|
10202
10202
|
|
10203
|
-
const _excluded$
|
10204
|
-
const useUtilityClasses$
|
10203
|
+
const _excluded$c = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
|
10204
|
+
const useUtilityClasses$8 = ownerState => {
|
10205
10205
|
const {
|
10206
10206
|
color,
|
10207
10207
|
fontSize,
|
@@ -10266,7 +10266,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
|
|
10266
10266
|
titleAccess,
|
10267
10267
|
viewBox = '0 0 24 24'
|
10268
10268
|
} = props,
|
10269
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
10269
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$c);
|
10270
10270
|
const ownerState = _extends({}, props, {
|
10271
10271
|
color,
|
10272
10272
|
component,
|
@@ -10279,7 +10279,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
|
|
10279
10279
|
if (!inheritViewBox) {
|
10280
10280
|
more.viewBox = viewBox;
|
10281
10281
|
}
|
10282
|
-
const classes = useUtilityClasses$
|
10282
|
+
const classes = useUtilityClasses$8(ownerState);
|
10283
10283
|
return /*#__PURE__*/jsxs(SvgIconRoot, _extends({
|
10284
10284
|
as: component,
|
10285
10285
|
className: clsx(classes.root, className),
|
@@ -10421,22 +10421,10 @@ var utils = /*#__PURE__*/Object.freeze({
|
|
10421
10421
|
useIsFocusVisible: useIsFocusVisible
|
10422
10422
|
});
|
10423
10423
|
|
10424
|
-
var ArrowDownward = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
10425
|
-
d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
|
10426
|
-
}), 'ArrowDownward');
|
10427
|
-
|
10428
|
-
var ArrowUpward = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
10429
|
-
d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
|
10430
|
-
}), 'ArrowUpward');
|
10431
|
-
|
10432
10424
|
var CheckCircleRounded = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
10433
10425
|
d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM9.29 16.29 5.7 12.7a.9959.9959 0 0 1 0-1.41c.39-.39 1.02-.39 1.41 0L10 14.17l6.88-6.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-7.59 7.59c-.38.39-1.02.39-1.41 0z"
|
10434
10426
|
}), 'CheckCircleRounded');
|
10435
10427
|
|
10436
|
-
var Close$1 = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
10437
|
-
d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
|
10438
|
-
}), 'Close');
|
10439
|
-
|
10440
10428
|
var ErrorRounded = createSvgIcon$1( /*#__PURE__*/jsx("path", {
|
10441
10429
|
d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 11c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z"
|
10442
10430
|
}), 'ErrorRounded');
|
@@ -10584,64 +10572,13 @@ const components = {
|
|
10584
10572
|
}
|
10585
10573
|
}
|
10586
10574
|
},
|
10587
|
-
MuiCheckbox: {
|
10588
|
-
variants: [{
|
10589
|
-
props: {
|
10590
|
-
size: "xsmall"
|
10591
|
-
},
|
10592
|
-
style: {
|
10593
|
-
padding: 2
|
10594
|
-
}
|
10595
|
-
}, {
|
10596
|
-
props: {
|
10597
|
-
size: "small"
|
10598
|
-
},
|
10599
|
-
style: {
|
10600
|
-
padding: 4
|
10601
|
-
}
|
10602
|
-
}, {
|
10603
|
-
props: {
|
10604
|
-
size: "medium"
|
10605
|
-
},
|
10606
|
-
style: {
|
10607
|
-
padding: 11
|
10608
|
-
}
|
10609
|
-
}],
|
10610
|
-
defaultProps: {
|
10611
|
-
size: "small"
|
10612
|
-
}
|
10613
|
-
},
|
10614
10575
|
MuiChip: {
|
10615
|
-
|
10616
|
-
|
10617
|
-
|
10618
|
-
},
|
10619
|
-
style: {
|
10620
|
-
height: 16
|
10621
|
-
}
|
10622
|
-
}],
|
10576
|
+
defaultProps: {
|
10577
|
+
size: 'small'
|
10578
|
+
},
|
10623
10579
|
styleOverrides: {
|
10624
|
-
sizeSmall: {
|
10625
|
-
height: 24
|
10626
|
-
},
|
10627
|
-
sizeMedium: {
|
10628
|
-
height: 30
|
10629
|
-
},
|
10630
10580
|
root: {
|
10631
|
-
|
10632
|
-
borderRadius: 4,
|
10633
|
-
".MuiChip-deleteIconXsmall": {
|
10634
|
-
height: 12,
|
10635
|
-
width: 12
|
10636
|
-
},
|
10637
|
-
".MuiChip-deleteIconSmall": {
|
10638
|
-
height: 16,
|
10639
|
-
widht: 16
|
10640
|
-
},
|
10641
|
-
".MuiChip-deleteIconMedium": {
|
10642
|
-
height: 20,
|
10643
|
-
widht: 20
|
10644
|
-
}
|
10581
|
+
borderRadius: 4
|
10645
10582
|
}
|
10646
10583
|
}
|
10647
10584
|
},
|
@@ -10664,39 +10601,25 @@ const components = {
|
|
10664
10601
|
}
|
10665
10602
|
},
|
10666
10603
|
MuiButton: {
|
10604
|
+
defaultProps: {
|
10605
|
+
size: 'medium'
|
10606
|
+
},
|
10667
10607
|
styleOverrides: {
|
10668
|
-
|
10669
|
-
|
10670
|
-
},
|
10671
|
-
iconSizeSmall: {
|
10672
|
-
height: 14,
|
10673
|
-
width: 14
|
10674
|
-
},
|
10675
|
-
iconSizeMedium: {
|
10676
|
-
height: 18,
|
10677
|
-
width: 18
|
10678
|
-
},
|
10679
|
-
iconSizeLarge: {
|
10680
|
-
height: 18,
|
10681
|
-
width: 22
|
10608
|
+
fullWidth: {
|
10609
|
+
width: '100%'
|
10682
10610
|
},
|
10683
10611
|
sizeSmall: {
|
10684
|
-
|
10612
|
+
padding: '4px 10px'
|
10685
10613
|
},
|
10686
10614
|
sizeMedium: {
|
10687
|
-
|
10688
|
-
".MuiSvgIcon-fontSizeMedium": {
|
10689
|
-
height: 18,
|
10690
|
-
width: 18
|
10691
|
-
}
|
10615
|
+
padding: '7.5px 15px'
|
10692
10616
|
},
|
10693
10617
|
sizeLarge: {
|
10694
|
-
|
10695
|
-
fontSize: 14
|
10696
|
-
|
10697
|
-
|
10698
|
-
|
10699
|
-
}
|
10618
|
+
padding: '10.5px 22px',
|
10619
|
+
fontSize: 14
|
10620
|
+
},
|
10621
|
+
root: {
|
10622
|
+
width: "fit-content"
|
10700
10623
|
}
|
10701
10624
|
}
|
10702
10625
|
},
|
@@ -10705,6 +10628,11 @@ const components = {
|
|
10705
10628
|
size: "small"
|
10706
10629
|
}
|
10707
10630
|
},
|
10631
|
+
MuiCheckbox: {
|
10632
|
+
defaultProps: {
|
10633
|
+
size: "small"
|
10634
|
+
}
|
10635
|
+
},
|
10708
10636
|
MuiFab: {
|
10709
10637
|
defaultProps: {
|
10710
10638
|
size: "small"
|
@@ -10912,21 +10840,6 @@ const components = {
|
|
10912
10840
|
}
|
10913
10841
|
},
|
10914
10842
|
MuiRadio: {
|
10915
|
-
variants: [{
|
10916
|
-
props: {
|
10917
|
-
size: "small"
|
10918
|
-
},
|
10919
|
-
style: {
|
10920
|
-
padding: 2
|
10921
|
-
}
|
10922
|
-
}, {
|
10923
|
-
props: {
|
10924
|
-
size: "medium"
|
10925
|
-
},
|
10926
|
-
style: {
|
10927
|
-
padding: 9
|
10928
|
-
}
|
10929
|
-
}],
|
10930
10843
|
defaultProps: {
|
10931
10844
|
size: "small"
|
10932
10845
|
}
|
@@ -10959,6 +10872,83 @@ const components = {
|
|
10959
10872
|
}
|
10960
10873
|
};
|
10961
10874
|
|
10875
|
+
const palette = {
|
10876
|
+
primary: {
|
10877
|
+
main: "#1e62a1",
|
10878
|
+
light: "#5a8fd3",
|
10879
|
+
dark: "#003972",
|
10880
|
+
contrastText: "#ffffff"
|
10881
|
+
},
|
10882
|
+
secondary: {
|
10883
|
+
main: "#0CBBE2",
|
10884
|
+
light: "#67eeff",
|
10885
|
+
dark: "#008bb0",
|
10886
|
+
contrastText: "#ffffff"
|
10887
|
+
},
|
10888
|
+
text: {
|
10889
|
+
primary: "#101840de",
|
10890
|
+
secondary: "#10184099",
|
10891
|
+
disabled: "#10184061"
|
10892
|
+
},
|
10893
|
+
error: {
|
10894
|
+
main: "#D14343",
|
10895
|
+
light: "#d85f5f",
|
10896
|
+
dark: "#b51e1e",
|
10897
|
+
contrastText: "#ffffff"
|
10898
|
+
},
|
10899
|
+
warning: {
|
10900
|
+
main: "#fb8500",
|
10901
|
+
light: "#fc9726",
|
10902
|
+
dark: "#f85500",
|
10903
|
+
contrastText: "#ffffff"
|
10904
|
+
},
|
10905
|
+
info: {
|
10906
|
+
main: "#2d9fc5",
|
10907
|
+
light: "#4dadce",
|
10908
|
+
dark: "#1172a3",
|
10909
|
+
contrastText: "#ffffff"
|
10910
|
+
},
|
10911
|
+
success: {
|
10912
|
+
main: "#8fc93a",
|
10913
|
+
dark: "#60a918",
|
10914
|
+
light: "#a0d158",
|
10915
|
+
contrastText: "#ffffff"
|
10916
|
+
},
|
10917
|
+
grey: {
|
10918
|
+
50: "#FAFBFF",
|
10919
|
+
100: "#F4F6FA",
|
10920
|
+
200: "#EDEFF5",
|
10921
|
+
300: "#E6E8F0",
|
10922
|
+
400: "#D8DAE5",
|
10923
|
+
500: "#C1C4D6",
|
10924
|
+
600: "#8F95B2",
|
10925
|
+
700: "#696F8C",
|
10926
|
+
800: "#474D66",
|
10927
|
+
900: "#101840",
|
10928
|
+
A100: "#D8DAE5",
|
10929
|
+
A200: "#C1C4D6",
|
10930
|
+
A400: "#696F8C",
|
10931
|
+
A700: "#101840"
|
10932
|
+
},
|
10933
|
+
action: {
|
10934
|
+
active: "rgba(16, 24, 64, 0.54)",
|
10935
|
+
hover: "rgba(16, 24, 64, 0.04)",
|
10936
|
+
selected: "rgba(16, 24, 64, 0.08)",
|
10937
|
+
disabled: "rgba(16, 24, 64, 0.26)",
|
10938
|
+
disabledBackground: "rgba(16, 24, 64, 0.12)",
|
10939
|
+
focus: "rgba(16, 24, 64, 0.12)"
|
10940
|
+
},
|
10941
|
+
background: {
|
10942
|
+
default: '#f5f5f5',
|
10943
|
+
paper: "#fff"
|
10944
|
+
},
|
10945
|
+
common: {
|
10946
|
+
black: '#000',
|
10947
|
+
white: '#fff'
|
10948
|
+
},
|
10949
|
+
divider: "rgba(16,24,64,0.12)"
|
10950
|
+
};
|
10951
|
+
|
10962
10952
|
const breakpoints = createBreakpoints({
|
10963
10953
|
values: {
|
10964
10954
|
xs: 0,
|
@@ -10969,20 +10959,19 @@ const breakpoints = createBreakpoints({
|
|
10969
10959
|
}
|
10970
10960
|
});
|
10971
10961
|
|
10972
|
-
const
|
10973
|
-
|
10974
|
-
|
10975
|
-
fontFamily: 'Roboto',
|
10976
|
-
fontWeight: 310,
|
10977
|
-
fontSize: 12,
|
10978
|
-
letterSpacing: 0.17,
|
10979
|
-
lineHeight: 1.2,
|
10962
|
+
const mixins = {
|
10963
|
+
toolbar: {
|
10964
|
+
minHeight: 48,
|
10980
10965
|
[breakpoints.down('md')]: {
|
10981
|
-
|
10966
|
+
minHeight: 52
|
10982
10967
|
}
|
10983
|
-
}
|
10968
|
+
}
|
10969
|
+
};
|
10970
|
+
|
10971
|
+
const typography = {
|
10972
|
+
fontSize: 13,
|
10984
10973
|
body1: {
|
10985
|
-
fontFamily:
|
10974
|
+
fontFamily: "Roboto",
|
10986
10975
|
fontSize: 14,
|
10987
10976
|
fontWeight: 400,
|
10988
10977
|
letterSpacing: 0.15,
|
@@ -10992,7 +10981,7 @@ const typography = {
|
|
10992
10981
|
}
|
10993
10982
|
},
|
10994
10983
|
body2: {
|
10995
|
-
fontFamily:
|
10984
|
+
fontFamily: "Roboto",
|
10996
10985
|
fontSize: 13,
|
10997
10986
|
fontWeight: 400,
|
10998
10987
|
letterSpacing: 0.17,
|
@@ -11002,7 +10991,7 @@ const typography = {
|
|
11002
10991
|
}
|
11003
10992
|
},
|
11004
10993
|
subtitle1: {
|
11005
|
-
fontFamily:
|
10994
|
+
fontFamily: "Roboto",
|
11006
10995
|
fontSize: 14,
|
11007
10996
|
fontWeight: 500,
|
11008
10997
|
letterSpacing: 0.15,
|
@@ -11012,7 +11001,7 @@ const typography = {
|
|
11012
11001
|
}
|
11013
11002
|
},
|
11014
11003
|
subtitle2: {
|
11015
|
-
fontFamily:
|
11004
|
+
fontFamily: "Roboto",
|
11016
11005
|
fontSize: 13,
|
11017
11006
|
fontWeight: 500,
|
11018
11007
|
letterSpacing: 0.1,
|
@@ -11022,7 +11011,7 @@ const typography = {
|
|
11022
11011
|
}
|
11023
11012
|
},
|
11024
11013
|
caption: {
|
11025
|
-
fontFamily:
|
11014
|
+
fontFamily: "Roboto",
|
11026
11015
|
fontSize: 11,
|
11027
11016
|
fontWeight: 400,
|
11028
11017
|
letterSpacing: 0.4,
|
@@ -11032,7 +11021,7 @@ const typography = {
|
|
11032
11021
|
}
|
11033
11022
|
},
|
11034
11023
|
overline: {
|
11035
|
-
fontFamily:
|
11024
|
+
fontFamily: "Roboto",
|
11036
11025
|
fontSize: 11,
|
11037
11026
|
fontWeight: 400,
|
11038
11027
|
letterSpacing: 1,
|
@@ -11042,7 +11031,7 @@ const typography = {
|
|
11042
11031
|
}
|
11043
11032
|
},
|
11044
11033
|
h6: {
|
11045
|
-
fontFamily:
|
11034
|
+
fontFamily: "Nunito",
|
11046
11035
|
fontSize: 16,
|
11047
11036
|
fontWeight: 600,
|
11048
11037
|
lineHeight: 1.6,
|
@@ -11051,215 +11040,73 @@ const typography = {
|
|
11051
11040
|
}
|
11052
11041
|
},
|
11053
11042
|
h5: {
|
11054
|
-
fontFamily:
|
11043
|
+
fontFamily: "Nunito",
|
11055
11044
|
fontSize: 18,
|
11056
11045
|
fontWeight: 600,
|
11057
11046
|
lineHeight: 1.8
|
11058
11047
|
},
|
11059
11048
|
h4: {
|
11060
|
-
fontFamily:
|
11049
|
+
fontFamily: "Nunito",
|
11061
11050
|
fontSize: 20,
|
11062
11051
|
fontWeight: 600,
|
11063
11052
|
letterSpacing: 0.25,
|
11064
11053
|
lineHeight: 1
|
11065
11054
|
},
|
11066
11055
|
h3: {
|
11067
|
-
fontFamily:
|
11056
|
+
fontFamily: "Nunito",
|
11068
11057
|
fontSize: 28,
|
11069
11058
|
fontWeight: 500,
|
11070
11059
|
lineHeight: 1.2
|
11071
11060
|
},
|
11072
11061
|
h2: {
|
11073
|
-
fontFamily:
|
11062
|
+
fontFamily: "Nunito",
|
11074
11063
|
fontSize: 32,
|
11075
11064
|
fontWeight: 400,
|
11076
11065
|
letterSpacing: -0.5,
|
11077
11066
|
lineHeight: 1.2
|
11078
11067
|
},
|
11079
11068
|
h1: {
|
11080
|
-
fontFamily:
|
11069
|
+
fontFamily: "Nunito",
|
11081
11070
|
fontSize: 40,
|
11082
11071
|
fontWeight: 300,
|
11083
11072
|
letterSpacing: -1.5,
|
11084
11073
|
lineHeight: 1.4
|
11085
11074
|
},
|
11086
11075
|
button: {
|
11087
|
-
fontFamily:
|
11088
|
-
textTransform:
|
11076
|
+
fontFamily: "Roboto",
|
11077
|
+
textTransform: "unset",
|
11089
11078
|
fontWeightLight: 300,
|
11090
11079
|
fontSize: 13,
|
11091
|
-
lineHeight:
|
11080
|
+
lineHeight: "normal",
|
11092
11081
|
'@media(max-width: 885px)': {
|
11093
11082
|
fontSize: 14
|
11094
11083
|
}
|
11095
11084
|
}
|
11096
11085
|
};
|
11097
11086
|
|
11098
|
-
const palette = {
|
11099
|
-
primary: {
|
11100
|
-
50: "#E4ECF4",
|
11101
|
-
100: "#BCD0E3",
|
11102
|
-
200: "#8FB1D0",
|
11103
|
-
300: "#6392BD",
|
11104
|
-
light: "417AAE",
|
11105
|
-
main: "#2063A0",
|
11106
|
-
600: "#1C5B98",
|
11107
|
-
700: "#18518E",
|
11108
|
-
800: "#134784",
|
11109
|
-
dark: "#0B3573",
|
11110
|
-
A100: "#A5C5FF",
|
11111
|
-
A200: "#72A4FF",
|
11112
|
-
A400: "#3F83FF",
|
11113
|
-
A700: "#2572FF",
|
11114
|
-
contrastText: "#ffffff"
|
11115
|
-
},
|
11116
|
-
secondary: {
|
11117
|
-
50: "#E0F7FA",
|
11118
|
-
100: "#B3EBF2",
|
11119
|
-
200: "#80DEEA",
|
11120
|
-
300: "#4DD0E1",
|
11121
|
-
light: "#26C6DA",
|
11122
|
-
main: "#00BCD4",
|
11123
|
-
600: "#00B6CF",
|
11124
|
-
700: "#00ADC9",
|
11125
|
-
800: "#00A5C3",
|
11126
|
-
dark: "#0097B9",
|
11127
|
-
A100: "#E2F9FF",
|
11128
|
-
A200: "#AFEEFF",
|
11129
|
-
A400: "#7CE3FF",
|
11130
|
-
A700: "#63DDFF",
|
11131
|
-
contrastText: "#ffffff"
|
11132
|
-
},
|
11133
|
-
error: {
|
11134
|
-
50: "#F9E8E8",
|
11135
|
-
100: "#F1C7C7",
|
11136
|
-
200: "#E8A1A1",
|
11137
|
-
300: "#DF7B7B",
|
11138
|
-
light: "#D85F5F",
|
11139
|
-
main: "#D14343",
|
11140
|
-
600: "#CC3D3D",
|
11141
|
-
700: "#C63434",
|
11142
|
-
800: "#C02C2C",
|
11143
|
-
dark: "#B51E1E",
|
11144
|
-
A100: "#FFECEC",
|
11145
|
-
A200: "#FFB9B9",
|
11146
|
-
A400: "#FF8686",
|
11147
|
-
A700: "#FF6D6D",
|
11148
|
-
contrastText: "#ffffff"
|
11149
|
-
},
|
11150
|
-
warning: {
|
11151
|
-
50: "#FFF0E0",
|
11152
|
-
100: "#FEDAB3",
|
11153
|
-
200: "#FDC280",
|
11154
|
-
300: "#FCAA4D",
|
11155
|
-
light: "#FC9726",
|
11156
|
-
main: "#FB8500",
|
11157
|
-
600: "#FA7D00",
|
11158
|
-
700: "#FA7200",
|
11159
|
-
800: "#F96800",
|
11160
|
-
dark: "#F85500",
|
11161
|
-
A100: "#FFFFFF",
|
11162
|
-
A200: "#FFF1EB",
|
11163
|
-
A400: "#FFCCB8",
|
11164
|
-
A700: "#FFBA9F",
|
11165
|
-
contrastText: "#ffffff"
|
11166
|
-
},
|
11167
|
-
info: {
|
11168
|
-
50: "#E6F3F8",
|
11169
|
-
100: "#C0E2EE",
|
11170
|
-
200: "#96CFE2",
|
11171
|
-
300: "#6CBCD6",
|
11172
|
-
light: "#4DADCE",
|
11173
|
-
main: "#2D9FC5",
|
11174
|
-
600: "#2897BF",
|
11175
|
-
700: "#228DB8",
|
11176
|
-
800: "#1C83B0",
|
11177
|
-
dark: "#1172A3",
|
11178
|
-
A100: "#D4EFFF",
|
11179
|
-
A200: "#A1DCFF",
|
11180
|
-
A400: "#6ECAFF",
|
11181
|
-
A700: "#54C1FF",
|
11182
|
-
contrastText: "#ffffff"
|
11183
|
-
},
|
11184
|
-
success: {
|
11185
|
-
50: "#F2F9E7",
|
11186
|
-
100: "#DDEFC4",
|
11187
|
-
200: "#C7E49D",
|
11188
|
-
300: "#B1D975",
|
11189
|
-
light: "#A0D158",
|
11190
|
-
main: "#8FC93A",
|
11191
|
-
600: "#87C334",
|
11192
|
-
700: "#7CBC2C",
|
11193
|
-
800: "#72B525",
|
11194
|
-
dark: "#60A918",
|
11195
|
-
A100: "#EDFFDE",
|
11196
|
-
A200: "#D2FFAB",
|
11197
|
-
A400: "#B6FF78",
|
11198
|
-
A700: "#A9FF5E",
|
11199
|
-
contrastText: "#ffffff"
|
11200
|
-
},
|
11201
|
-
grey: {
|
11202
|
-
50: "#FAFBFF",
|
11203
|
-
100: "#F4F6FA",
|
11204
|
-
200: "#EDEFF5",
|
11205
|
-
300: "#E6E8F0",
|
11206
|
-
400: "#D8DAE5",
|
11207
|
-
500: "#C1C4D6",
|
11208
|
-
600: "#8F95B2",
|
11209
|
-
700: "#696F8C",
|
11210
|
-
800: "#474D66",
|
11211
|
-
900: "#101840",
|
11212
|
-
A100: "#D8DAE5",
|
11213
|
-
A200: "#C1C4D6",
|
11214
|
-
A400: "#696F8C",
|
11215
|
-
A700: "#101840"
|
11216
|
-
},
|
11217
|
-
text: {
|
11218
|
-
primary: "#101840de",
|
11219
|
-
secondary: "#10184099",
|
11220
|
-
disabled: "#10184061"
|
11221
|
-
},
|
11222
|
-
action: {
|
11223
|
-
active: "rgba(16, 24, 64, 0.54)",
|
11224
|
-
hover: "rgba(16, 24, 64, 0.04)",
|
11225
|
-
selected: "rgba(16, 24, 64, 0.08)",
|
11226
|
-
disabled: "rgba(16, 24, 64, 0.26)",
|
11227
|
-
disabledBackground: "rgba(16, 24, 64, 0.12)",
|
11228
|
-
focus: "rgba(16, 24, 64, 0.12)"
|
11229
|
-
},
|
11230
|
-
background: {
|
11231
|
-
default: '#f5f5f5',
|
11232
|
-
paper: "#fff"
|
11233
|
-
},
|
11234
|
-
common: {
|
11235
|
-
black: '#000',
|
11236
|
-
white: '#fff'
|
11237
|
-
},
|
11238
|
-
divider: "rgba(16,24,64,0.12)"
|
11239
|
-
};
|
11240
|
-
|
11241
|
-
const mixins = {
|
11242
|
-
toolbar: {
|
11243
|
-
minHeight: 48,
|
11244
|
-
[breakpoints.down('md')]: {
|
11245
|
-
minHeight: 52
|
11246
|
-
}
|
11247
|
-
}
|
11248
|
-
};
|
11249
|
-
|
11250
|
-
const shadows = ["none", "0px 1px 3px rgba(24, 39, 75, 0.12), 0px 1px 1px -1px rgba(24, 39, 75, 0.14), 0px 2px 1px -2px rgba(24, 39, 75, 0.2)", "0px 1px 5px rgba(24, 39, 75, 0.12), 0px 2px 2px rgba(24, 39, 75, 0.14), 0px 3px 1px -2px rgba(24, 39, 75, 0.2)", "0px 1px 8px rgba(24, 39, 75, 0.12), 0px 3px 4px rgba(24, 39, 75, 0.14), 0px 3px 3px -2px rgba(24, 39, 75, 0.2)", "0px 2px 4px -1px rgba(24, 39, 75, 0.2), 0px 4px 5px rgba(24, 39, 75, 0.14), 0px 1px 10px rgba(24, 39, 75, 0.12)", "0px 3px 5px -1px rgba(24, 39, 75, 0.2), 0px 5px 8px rgba(24, 39, 75, 0.14), 0px 1px 14px rgba(24, 39, 75, 0.12)", "0px 3px 5px -1px rgba(24, 39, 75, 0.2), 0px 6px 10px rgba(24, 39, 75, 0.14), 0px 1px 18px rgba(24, 39, 75, 0.12)", "0px 4px 5px -2px rgba(24, 39, 75, 0.2), 0px 7px 10px 1px rgba(24, 39, 75, 0.14), 0px 2px 16px 1px rgba(24, 39, 75, 0.12)", "0px 5px 5px -3px rgba(24, 39, 75, 0.2), 0px 8px 10px 1px rgba(24, 39, 75, 0.14), 0px 3px 14px 2px rgba(24, 39, 75, 0.12)", "0px 5px 6px -3px rgba(24, 39, 75, 0.2), 0px 9px 12px 1px rgba(24, 39, 75, 0.14), 0px 3px 16px 2px rgba(24, 39, 75, 0.12)", "0px 6px 6px -3px rgba(24, 39, 75, 0.2), 0px 10px 14px 1px rgba(24, 39, 75, 0.14), 0px 4px 18px 3px rgba(24, 39, 75, 0.12)", "0px 6px 7px -4px rgba(24, 39, 75, 0.2), 0px 11px 15px 1px rgba(24, 39, 75, 0.14), 0px 4px 20px 3px rgba(24, 39, 75, 0.12)", "0px 7px 8px -4px rgba(24, 39, 75, 0.2), 0px 12px 17px 2px rgba(24, 39, 75, 0.14), 0px 5px 22px 4px rgba(24, 39, 75, 0.12)", "0px 7px 8px -4px rgba(24, 39, 75, 0.2), 0px 13px 19px 2px rgba(24, 39, 75, 0.14), 0px 5px 24px 4px rgba(24, 39, 75, 0.12)", "0px 7px 9px -4px rgba(24, 39, 75, 0.2), 0px 14px 21px 2px rgba(24, 39, 75, 0.14), 0px 5px 26px 4px rgba(24, 39, 75, 0.12)", "0px 8px 9px -5px rgba(24, 39, 75, 0.2), 0px 15px 22px 2px rgba(24, 39, 75, 0.14), 0px 6px 28px 5px rgba(24, 39, 75, 0.12)", "0px 8px 10px -5px rgba(24, 39, 75, 0.2), 0px 16px 24px 2px rgba(24, 39, 75, 0.14), 0px 6px 30px 5px rgba(24, 39, 75, 0.12)", "0px 8px 11px -5px rgba(24, 39, 75, 0.2), 0px 17px 26px 2px rgba(24, 39, 75, 0.14), 0px 6px 32px 5px rgba(24, 39, 75, 0.12)", "0px 9px 11px -5px rgba(24, 39, 75, 0.2), 0px 18px 28px 2px rgba(24, 39, 75, 0.14), 0px 7px 34px 6px rgba(24, 39, 75, 0.12)", "0px 9px 12px -6px rgba(24, 39, 75, 0.2), 0px 19px 29px 2px rgba(24, 39, 75, 0.14), 0px 7px 36px 6px rgba(24, 39, 75, 0.12)", "0px 10px 13px -6px rgba(24, 39, 75, 0.2), 0px 20px 31px 3px rgba(24, 39, 75, 0.14), 0px 8px 38px 7px rgba(24, 39, 75, 0.12)", "0px 10px 13px -6px rgba(24, 39, 75, 0.2), 0px 21px 33px 3px rgba(24, 39, 75, 0.14), 0px 8px 40px 7px rgba(24, 39, 75, 0.12)", "0px 10px 14px -6px rgba(24, 39, 75, 0.2), 0px 22px 35px 3px rgba(24, 39, 75, 0.14), 0px 8px 42px 7px rgba(24, 39, 75, 0.12)", "0px 11px 14px -7px rgba(24, 39, 75, 0.2), 0px 23px 36px 3px rgba(24, 39, 75, 0.14), 0px 9px 44px 8px rgba(24, 39, 75, 0.12)", "0px 11px 15px -7px rgba(24, 39, 75, 0.2), 0px 24px 38px 3px rgba(24, 39, 75, 0.14), 0px 9px 46px 8px rgba(24, 39, 75, 0.12)"];
|
11251
|
-
|
11252
11087
|
const themeOptions = {
|
11253
11088
|
components,
|
11254
11089
|
typography,
|
11255
11090
|
palette,
|
11256
11091
|
spacing: 8,
|
11257
11092
|
mixins,
|
11258
|
-
breakpoints
|
11259
|
-
shadows
|
11093
|
+
breakpoints
|
11260
11094
|
};
|
11261
11095
|
|
11262
|
-
const SincoTheme = createTheme(Object.assign({}, themeOptions
|
11096
|
+
const SincoTheme = createTheme(Object.assign({}, themeOptions, {
|
11097
|
+
typography: {
|
11098
|
+
body3: {
|
11099
|
+
fontFamily: "Roboto",
|
11100
|
+
fontWeight: 310,
|
11101
|
+
fontSize: 12,
|
11102
|
+
letterSpacing: 0.17,
|
11103
|
+
lineHeight: 1.2,
|
11104
|
+
[breakpoints.down("md")]: {
|
11105
|
+
fontSize: 11
|
11106
|
+
}
|
11107
|
+
}
|
11108
|
+
}
|
11109
|
+
}));
|
11263
11110
|
|
11264
11111
|
var wellKnownSymbol$d = wellKnownSymbol$f;
|
11265
11112
|
|
@@ -12777,8 +12624,8 @@ function getPaperUtilityClass(slot) {
|
|
12777
12624
|
}
|
12778
12625
|
generateUtilityClasses('MuiPaper', ['root', 'rounded', 'outlined', 'elevation', 'elevation0', 'elevation1', 'elevation2', 'elevation3', 'elevation4', 'elevation5', 'elevation6', 'elevation7', 'elevation8', 'elevation9', 'elevation10', 'elevation11', 'elevation12', 'elevation13', 'elevation14', 'elevation15', 'elevation16', 'elevation17', 'elevation18', 'elevation19', 'elevation20', 'elevation21', 'elevation22', 'elevation23', 'elevation24']);
|
12779
12626
|
|
12780
|
-
const _excluded$
|
12781
|
-
const useUtilityClasses$
|
12627
|
+
const _excluded$b = ["className", "component", "elevation", "square", "variant"];
|
12628
|
+
const useUtilityClasses$7 = ownerState => {
|
12782
12629
|
const {
|
12783
12630
|
square,
|
12784
12631
|
elevation,
|
@@ -12832,14 +12679,14 @@ const Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
|
|
12832
12679
|
square = false,
|
12833
12680
|
variant = 'elevation'
|
12834
12681
|
} = props,
|
12835
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
12682
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$b);
|
12836
12683
|
const ownerState = _extends({}, props, {
|
12837
12684
|
component,
|
12838
12685
|
elevation,
|
12839
12686
|
square,
|
12840
12687
|
variant
|
12841
12688
|
});
|
12842
|
-
const classes = useUtilityClasses$
|
12689
|
+
const classes = useUtilityClasses$7(ownerState);
|
12843
12690
|
if (process.env.NODE_ENV !== 'production') {
|
12844
12691
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
12845
12692
|
const theme = useTheme();
|
@@ -12990,15 +12837,15 @@ process.env.NODE_ENV !== "production" ? Ripple.propTypes = {
|
|
12990
12837
|
const touchRippleClasses = generateUtilityClasses('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);
|
12991
12838
|
var touchRippleClasses$1 = touchRippleClasses;
|
12992
12839
|
|
12993
|
-
const _excluded$
|
12994
|
-
let _
|
12995
|
-
_t
|
12996
|
-
_t2
|
12997
|
-
_t3
|
12998
|
-
_t4
|
12840
|
+
const _excluded$a = ["center", "classes", "className"];
|
12841
|
+
let _ = t => t,
|
12842
|
+
_t,
|
12843
|
+
_t2,
|
12844
|
+
_t3,
|
12845
|
+
_t4;
|
12999
12846
|
const DURATION = 550;
|
13000
12847
|
const DELAY_RIPPLE = 80;
|
13001
|
-
const enterKeyframe = keyframes(_t
|
12848
|
+
const enterKeyframe = keyframes(_t || (_t = _`
|
13002
12849
|
0% {
|
13003
12850
|
transform: scale(0);
|
13004
12851
|
opacity: 0.1;
|
@@ -13009,7 +12856,7 @@ const enterKeyframe = keyframes(_t$1 || (_t$1 = _$1`
|
|
13009
12856
|
opacity: 0.3;
|
13010
12857
|
}
|
13011
12858
|
`));
|
13012
|
-
const exitKeyframe = keyframes(_t2
|
12859
|
+
const exitKeyframe = keyframes(_t2 || (_t2 = _`
|
13013
12860
|
0% {
|
13014
12861
|
opacity: 1;
|
13015
12862
|
}
|
@@ -13018,7 +12865,7 @@ const exitKeyframe = keyframes(_t2$1 || (_t2$1 = _$1`
|
|
13018
12865
|
opacity: 0;
|
13019
12866
|
}
|
13020
12867
|
`));
|
13021
|
-
const pulsateKeyframe = keyframes(_t3
|
12868
|
+
const pulsateKeyframe = keyframes(_t3 || (_t3 = _`
|
13022
12869
|
0% {
|
13023
12870
|
transform: scale(1);
|
13024
12871
|
}
|
@@ -13051,7 +12898,7 @@ const TouchRippleRoot = styled$1('span', {
|
|
13051
12898
|
const TouchRippleRipple = styled$1(Ripple, {
|
13052
12899
|
name: 'MuiTouchRipple',
|
13053
12900
|
slot: 'Ripple'
|
13054
|
-
})(_t4
|
12901
|
+
})(_t4 || (_t4 = _`
|
13055
12902
|
opacity: 0;
|
13056
12903
|
position: absolute;
|
13057
12904
|
|
@@ -13119,7 +12966,7 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
|
|
13119
12966
|
classes = {},
|
13120
12967
|
className
|
13121
12968
|
} = props,
|
13122
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
12969
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$a);
|
13123
12970
|
const [ripples, setRipples] = React.useState([]);
|
13124
12971
|
const nextKey = React.useRef(0);
|
13125
12972
|
const rippleCallback = React.useRef(null);
|
@@ -13320,8 +13167,8 @@ function getButtonBaseUtilityClass(slot) {
|
|
13320
13167
|
const buttonBaseClasses = generateUtilityClasses('MuiButtonBase', ['root', 'disabled', 'focusVisible']);
|
13321
13168
|
var buttonBaseClasses$1 = buttonBaseClasses;
|
13322
13169
|
|
13323
|
-
const _excluded$
|
13324
|
-
const useUtilityClasses$
|
13170
|
+
const _excluded$9 = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"];
|
13171
|
+
const useUtilityClasses$6 = ownerState => {
|
13325
13172
|
const {
|
13326
13173
|
disabled,
|
13327
13174
|
focusVisible,
|
@@ -13422,7 +13269,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
13422
13269
|
touchRippleRef,
|
13423
13270
|
type
|
13424
13271
|
} = props,
|
13425
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
13272
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$9);
|
13426
13273
|
const buttonRef = React.useRef(null);
|
13427
13274
|
const rippleRef = React.useRef(null);
|
13428
13275
|
const handleRippleRef = useForkRef(rippleRef, touchRippleRef);
|
@@ -13589,7 +13436,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
13589
13436
|
tabIndex,
|
13590
13437
|
focusVisible
|
13591
13438
|
});
|
13592
|
-
const classes = useUtilityClasses$
|
13439
|
+
const classes = useUtilityClasses$6(ownerState);
|
13593
13440
|
return /*#__PURE__*/jsxs(ButtonBaseRoot, _extends({
|
13594
13441
|
as: ComponentProp,
|
13595
13442
|
className: clsx(classes.root, className),
|
@@ -13786,8 +13633,8 @@ function getIconButtonUtilityClass(slot) {
|
|
13786
13633
|
const iconButtonClasses = generateUtilityClasses('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
|
13787
13634
|
var iconButtonClasses$1 = iconButtonClasses;
|
13788
13635
|
|
13789
|
-
const _excluded$
|
13790
|
-
const useUtilityClasses$
|
13636
|
+
const _excluded$8 = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"];
|
13637
|
+
const useUtilityClasses$5 = ownerState => {
|
13791
13638
|
const {
|
13792
13639
|
classes,
|
13793
13640
|
disabled,
|
@@ -13887,7 +13734,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
|
|
13887
13734
|
disableFocusRipple = false,
|
13888
13735
|
size = 'medium'
|
13889
13736
|
} = props,
|
13890
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
13737
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$8);
|
13891
13738
|
const ownerState = _extends({}, props, {
|
13892
13739
|
edge,
|
13893
13740
|
color,
|
@@ -13895,7 +13742,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
|
|
13895
13742
|
disableFocusRipple,
|
13896
13743
|
size
|
13897
13744
|
});
|
13898
|
-
const classes = useUtilityClasses$
|
13745
|
+
const classes = useUtilityClasses$5(ownerState);
|
13899
13746
|
return /*#__PURE__*/jsx(IconButtonRoot, _extends({
|
13900
13747
|
className: clsx(classes.root, className),
|
13901
13748
|
centerRipple: true,
|
@@ -13981,8 +13828,8 @@ function getTypographyUtilityClass(slot) {
|
|
13981
13828
|
}
|
13982
13829
|
generateUtilityClasses('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom', 'paragraph']);
|
13983
13830
|
|
13984
|
-
const _excluded$
|
13985
|
-
const useUtilityClasses$
|
13831
|
+
const _excluded$7 = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
|
13832
|
+
const useUtilityClasses$4 = ownerState => {
|
13986
13833
|
const {
|
13987
13834
|
align,
|
13988
13835
|
gutterBottom,
|
@@ -14065,7 +13912,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
|
|
14065
13912
|
variant = 'body1',
|
14066
13913
|
variantMapping = defaultVariantMapping
|
14067
13914
|
} = props,
|
14068
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
13915
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$7);
|
14069
13916
|
const ownerState = _extends({}, props, {
|
14070
13917
|
align,
|
14071
13918
|
color,
|
@@ -14078,7 +13925,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
|
|
14078
13925
|
variantMapping
|
14079
13926
|
});
|
14080
13927
|
const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
|
14081
|
-
const classes = useUtilityClasses$
|
13928
|
+
const classes = useUtilityClasses$4(ownerState);
|
14082
13929
|
return /*#__PURE__*/jsx(TypographyRoot, _extends({
|
14083
13930
|
as: Component,
|
14084
13931
|
ref: ref,
|
@@ -14163,7 +14010,7 @@ process.env.NODE_ENV !== "production" ? Typography.propTypes /* remove-proptypes
|
|
14163
14010
|
} : void 0;
|
14164
14011
|
var Typography$1 = Typography;
|
14165
14012
|
|
14166
|
-
const _excluded$
|
14013
|
+
const _excluded$6 = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
|
14167
14014
|
const styles = {
|
14168
14015
|
entering: {
|
14169
14016
|
opacity: 1
|
@@ -14200,7 +14047,7 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
|
|
14200
14047
|
// eslint-disable-next-line react/prop-types
|
14201
14048
|
TransitionComponent = Transition$1
|
14202
14049
|
} = props,
|
14203
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
14050
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$6);
|
14204
14051
|
const nodeRef = React.useRef(null);
|
14205
14052
|
const handleRef = useForkRef(nodeRef, children.ref, ref);
|
14206
14053
|
const normalizedTransitionCallback = callback => maybeIsAppearing => {
|
@@ -14361,8 +14208,8 @@ function getBackdropUtilityClass(slot) {
|
|
14361
14208
|
}
|
14362
14209
|
generateUtilityClasses('MuiBackdrop', ['root', 'invisible']);
|
14363
14210
|
|
14364
|
-
const _excluded$
|
14365
|
-
const useUtilityClasses$
|
14211
|
+
const _excluded$5 = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
|
14212
|
+
const useUtilityClasses$3 = ownerState => {
|
14366
14213
|
const {
|
14367
14214
|
classes,
|
14368
14215
|
invisible
|
@@ -14416,12 +14263,12 @@ const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
|
|
14416
14263
|
TransitionComponent = Fade$1,
|
14417
14264
|
transitionDuration
|
14418
14265
|
} = props,
|
14419
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
14266
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$5);
|
14420
14267
|
const ownerState = _extends({}, props, {
|
14421
14268
|
component,
|
14422
14269
|
invisible
|
14423
14270
|
});
|
14424
|
-
const classes = useUtilityClasses$
|
14271
|
+
const classes = useUtilityClasses$3(ownerState);
|
14425
14272
|
const rootSlotProps = (_slotProps$root = slotProps.root) != null ? _slotProps$root : componentsProps.root;
|
14426
14273
|
return /*#__PURE__*/jsx(TransitionComponent, _extends({
|
14427
14274
|
in: open,
|
@@ -14565,394 +14412,20 @@ process.env.NODE_ENV !== "production" ? Box$1.propTypes /* remove-proptypes */ =
|
|
14565
14412
|
} : void 0;
|
14566
14413
|
var Box$2 = Box$1;
|
14567
14414
|
|
14568
|
-
function
|
14569
|
-
return generateUtilityClass('
|
14570
|
-
}
|
14571
|
-
const buttonClasses = generateUtilityClasses('MuiButton', ['root', 'text', 'textInherit', 'textPrimary', 'textSecondary', 'textSuccess', 'textError', 'textInfo', 'textWarning', 'outlined', 'outlinedInherit', 'outlinedPrimary', 'outlinedSecondary', 'outlinedSuccess', 'outlinedError', 'outlinedInfo', 'outlinedWarning', 'contained', 'containedInherit', 'containedPrimary', 'containedSecondary', 'containedSuccess', 'containedError', 'containedInfo', 'containedWarning', 'disableElevation', 'focusVisible', 'disabled', 'colorInherit', 'textSizeSmall', 'textSizeMedium', 'textSizeLarge', 'outlinedSizeSmall', 'outlinedSizeMedium', 'outlinedSizeLarge', 'containedSizeSmall', 'containedSizeMedium', 'containedSizeLarge', 'sizeMedium', 'sizeSmall', 'sizeLarge', 'fullWidth', 'startIcon', 'endIcon', 'iconSizeSmall', 'iconSizeMedium', 'iconSizeLarge']);
|
14572
|
-
var buttonClasses$1 = buttonClasses;
|
14573
|
-
|
14574
|
-
/**
|
14575
|
-
* @ignore - internal component.
|
14576
|
-
*/
|
14577
|
-
const ButtonGroupContext = /*#__PURE__*/React.createContext({});
|
14578
|
-
if (process.env.NODE_ENV !== 'production') {
|
14579
|
-
ButtonGroupContext.displayName = 'ButtonGroupContext';
|
14415
|
+
function getCardUtilityClass(slot) {
|
14416
|
+
return generateUtilityClass('MuiCard', slot);
|
14580
14417
|
}
|
14581
|
-
|
14418
|
+
generateUtilityClasses('MuiCard', ['root']);
|
14582
14419
|
|
14583
|
-
const _excluded$
|
14584
|
-
const useUtilityClasses$
|
14420
|
+
const _excluded$4 = ["className", "raised"];
|
14421
|
+
const useUtilityClasses$2 = ownerState => {
|
14585
14422
|
const {
|
14586
|
-
color,
|
14587
|
-
disableElevation,
|
14588
|
-
fullWidth,
|
14589
|
-
size,
|
14590
|
-
variant,
|
14591
14423
|
classes
|
14592
14424
|
} = ownerState;
|
14593
14425
|
const slots = {
|
14594
|
-
root: ['root'
|
14595
|
-
label: ['label'],
|
14596
|
-
startIcon: ['startIcon', `iconSize${capitalize(size)}`],
|
14597
|
-
endIcon: ['endIcon', `iconSize${capitalize(size)}`]
|
14426
|
+
root: ['root']
|
14598
14427
|
};
|
14599
|
-
|
14600
|
-
return _extends({}, classes, composedClasses);
|
14601
|
-
};
|
14602
|
-
const commonIconStyles = ownerState => _extends({}, ownerState.size === 'small' && {
|
14603
|
-
'& > *:nth-of-type(1)': {
|
14604
|
-
fontSize: 18
|
14605
|
-
}
|
14606
|
-
}, ownerState.size === 'medium' && {
|
14607
|
-
'& > *:nth-of-type(1)': {
|
14608
|
-
fontSize: 20
|
14609
|
-
}
|
14610
|
-
}, ownerState.size === 'large' && {
|
14611
|
-
'& > *:nth-of-type(1)': {
|
14612
|
-
fontSize: 22
|
14613
|
-
}
|
14614
|
-
});
|
14615
|
-
const ButtonRoot = styled$1(ButtonBase$1, {
|
14616
|
-
shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',
|
14617
|
-
name: 'MuiButton',
|
14618
|
-
slot: 'Root',
|
14619
|
-
overridesResolver: (props, styles) => {
|
14620
|
-
const {
|
14621
|
-
ownerState
|
14622
|
-
} = props;
|
14623
|
-
return [styles.root, styles[ownerState.variant], styles[`${ownerState.variant}${capitalize(ownerState.color)}`], styles[`size${capitalize(ownerState.size)}`], styles[`${ownerState.variant}Size${capitalize(ownerState.size)}`], ownerState.color === 'inherit' && styles.colorInherit, ownerState.disableElevation && styles.disableElevation, ownerState.fullWidth && styles.fullWidth];
|
14624
|
-
}
|
14625
|
-
})(({
|
14626
|
-
theme,
|
14627
|
-
ownerState
|
14628
|
-
}) => {
|
14629
|
-
var _theme$palette$getCon, _theme$palette;
|
14630
|
-
const inheritContainedBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey[300] : theme.palette.grey[800];
|
14631
|
-
const inheritContainedHoverBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey.A100 : theme.palette.grey[700];
|
14632
|
-
return _extends({}, theme.typography.button, {
|
14633
|
-
minWidth: 64,
|
14634
|
-
padding: '6px 16px',
|
14635
|
-
borderRadius: (theme.vars || theme).shape.borderRadius,
|
14636
|
-
transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color', 'color'], {
|
14637
|
-
duration: theme.transitions.duration.short
|
14638
|
-
}),
|
14639
|
-
'&:hover': _extends({
|
14640
|
-
textDecoration: 'none',
|
14641
|
-
backgroundColor: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.text.primary, theme.palette.action.hoverOpacity),
|
14642
|
-
// Reset on touch devices, it doesn't add specificity
|
14643
|
-
'@media (hover: none)': {
|
14644
|
-
backgroundColor: 'transparent'
|
14645
|
-
}
|
14646
|
-
}, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
|
14647
|
-
backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
|
14648
|
-
// Reset on touch devices, it doesn't add specificity
|
14649
|
-
'@media (hover: none)': {
|
14650
|
-
backgroundColor: 'transparent'
|
14651
|
-
}
|
14652
|
-
}, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
|
14653
|
-
border: `1px solid ${(theme.vars || theme).palette[ownerState.color].main}`,
|
14654
|
-
backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
|
14655
|
-
// Reset on touch devices, it doesn't add specificity
|
14656
|
-
'@media (hover: none)': {
|
14657
|
-
backgroundColor: 'transparent'
|
14658
|
-
}
|
14659
|
-
}, ownerState.variant === 'contained' && {
|
14660
|
-
backgroundColor: theme.vars ? theme.vars.palette.Button.inheritContainedHoverBg : inheritContainedHoverBackgroundColor,
|
14661
|
-
boxShadow: (theme.vars || theme).shadows[4],
|
14662
|
-
// Reset on touch devices, it doesn't add specificity
|
14663
|
-
'@media (hover: none)': {
|
14664
|
-
boxShadow: (theme.vars || theme).shadows[2],
|
14665
|
-
backgroundColor: (theme.vars || theme).palette.grey[300]
|
14666
|
-
}
|
14667
|
-
}, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
|
14668
|
-
backgroundColor: (theme.vars || theme).palette[ownerState.color].dark,
|
14669
|
-
// Reset on touch devices, it doesn't add specificity
|
14670
|
-
'@media (hover: none)': {
|
14671
|
-
backgroundColor: (theme.vars || theme).palette[ownerState.color].main
|
14672
|
-
}
|
14673
|
-
}),
|
14674
|
-
'&:active': _extends({}, ownerState.variant === 'contained' && {
|
14675
|
-
boxShadow: (theme.vars || theme).shadows[8]
|
14676
|
-
}),
|
14677
|
-
[`&.${buttonClasses$1.focusVisible}`]: _extends({}, ownerState.variant === 'contained' && {
|
14678
|
-
boxShadow: (theme.vars || theme).shadows[6]
|
14679
|
-
}),
|
14680
|
-
[`&.${buttonClasses$1.disabled}`]: _extends({
|
14681
|
-
color: (theme.vars || theme).palette.action.disabled
|
14682
|
-
}, ownerState.variant === 'outlined' && {
|
14683
|
-
border: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}`
|
14684
|
-
}, ownerState.variant === 'contained' && {
|
14685
|
-
color: (theme.vars || theme).palette.action.disabled,
|
14686
|
-
boxShadow: (theme.vars || theme).shadows[0],
|
14687
|
-
backgroundColor: (theme.vars || theme).palette.action.disabledBackground
|
14688
|
-
})
|
14689
|
-
}, ownerState.variant === 'text' && {
|
14690
|
-
padding: '6px 8px'
|
14691
|
-
}, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
|
14692
|
-
color: (theme.vars || theme).palette[ownerState.color].main
|
14693
|
-
}, ownerState.variant === 'outlined' && {
|
14694
|
-
padding: '5px 15px',
|
14695
|
-
border: '1px solid currentColor'
|
14696
|
-
}, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
|
14697
|
-
color: (theme.vars || theme).palette[ownerState.color].main,
|
14698
|
-
border: theme.vars ? `1px solid rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : `1px solid ${alpha(theme.palette[ownerState.color].main, 0.5)}`
|
14699
|
-
}, ownerState.variant === 'contained' && {
|
14700
|
-
color: theme.vars ?
|
14701
|
-
// this is safe because grey does not change between default light/dark mode
|
14702
|
-
theme.vars.palette.text.primary : (_theme$palette$getCon = (_theme$palette = theme.palette).getContrastText) == null ? void 0 : _theme$palette$getCon.call(_theme$palette, theme.palette.grey[300]),
|
14703
|
-
backgroundColor: theme.vars ? theme.vars.palette.Button.inheritContainedBg : inheritContainedBackgroundColor,
|
14704
|
-
boxShadow: (theme.vars || theme).shadows[2]
|
14705
|
-
}, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
|
14706
|
-
color: (theme.vars || theme).palette[ownerState.color].contrastText,
|
14707
|
-
backgroundColor: (theme.vars || theme).palette[ownerState.color].main
|
14708
|
-
}, ownerState.color === 'inherit' && {
|
14709
|
-
color: 'inherit',
|
14710
|
-
borderColor: 'currentColor'
|
14711
|
-
}, ownerState.size === 'small' && ownerState.variant === 'text' && {
|
14712
|
-
padding: '4px 5px',
|
14713
|
-
fontSize: theme.typography.pxToRem(13)
|
14714
|
-
}, ownerState.size === 'large' && ownerState.variant === 'text' && {
|
14715
|
-
padding: '8px 11px',
|
14716
|
-
fontSize: theme.typography.pxToRem(15)
|
14717
|
-
}, ownerState.size === 'small' && ownerState.variant === 'outlined' && {
|
14718
|
-
padding: '3px 9px',
|
14719
|
-
fontSize: theme.typography.pxToRem(13)
|
14720
|
-
}, ownerState.size === 'large' && ownerState.variant === 'outlined' && {
|
14721
|
-
padding: '7px 21px',
|
14722
|
-
fontSize: theme.typography.pxToRem(15)
|
14723
|
-
}, ownerState.size === 'small' && ownerState.variant === 'contained' && {
|
14724
|
-
padding: '4px 10px',
|
14725
|
-
fontSize: theme.typography.pxToRem(13)
|
14726
|
-
}, ownerState.size === 'large' && ownerState.variant === 'contained' && {
|
14727
|
-
padding: '8px 22px',
|
14728
|
-
fontSize: theme.typography.pxToRem(15)
|
14729
|
-
}, ownerState.fullWidth && {
|
14730
|
-
width: '100%'
|
14731
|
-
});
|
14732
|
-
}, ({
|
14733
|
-
ownerState
|
14734
|
-
}) => ownerState.disableElevation && {
|
14735
|
-
boxShadow: 'none',
|
14736
|
-
'&:hover': {
|
14737
|
-
boxShadow: 'none'
|
14738
|
-
},
|
14739
|
-
[`&.${buttonClasses$1.focusVisible}`]: {
|
14740
|
-
boxShadow: 'none'
|
14741
|
-
},
|
14742
|
-
'&:active': {
|
14743
|
-
boxShadow: 'none'
|
14744
|
-
},
|
14745
|
-
[`&.${buttonClasses$1.disabled}`]: {
|
14746
|
-
boxShadow: 'none'
|
14747
|
-
}
|
14748
|
-
});
|
14749
|
-
const ButtonStartIcon = styled$1('span', {
|
14750
|
-
name: 'MuiButton',
|
14751
|
-
slot: 'StartIcon',
|
14752
|
-
overridesResolver: (props, styles) => {
|
14753
|
-
const {
|
14754
|
-
ownerState
|
14755
|
-
} = props;
|
14756
|
-
return [styles.startIcon, styles[`iconSize${capitalize(ownerState.size)}`]];
|
14757
|
-
}
|
14758
|
-
})(({
|
14759
|
-
ownerState
|
14760
|
-
}) => _extends({
|
14761
|
-
display: 'inherit',
|
14762
|
-
marginRight: 8,
|
14763
|
-
marginLeft: -4
|
14764
|
-
}, ownerState.size === 'small' && {
|
14765
|
-
marginLeft: -2
|
14766
|
-
}, commonIconStyles(ownerState)));
|
14767
|
-
const ButtonEndIcon = styled$1('span', {
|
14768
|
-
name: 'MuiButton',
|
14769
|
-
slot: 'EndIcon',
|
14770
|
-
overridesResolver: (props, styles) => {
|
14771
|
-
const {
|
14772
|
-
ownerState
|
14773
|
-
} = props;
|
14774
|
-
return [styles.endIcon, styles[`iconSize${capitalize(ownerState.size)}`]];
|
14775
|
-
}
|
14776
|
-
})(({
|
14777
|
-
ownerState
|
14778
|
-
}) => _extends({
|
14779
|
-
display: 'inherit',
|
14780
|
-
marginRight: -4,
|
14781
|
-
marginLeft: 8
|
14782
|
-
}, ownerState.size === 'small' && {
|
14783
|
-
marginRight: -2
|
14784
|
-
}, commonIconStyles(ownerState)));
|
14785
|
-
const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
|
14786
|
-
// props priority: `inProps` > `contextProps` > `themeDefaultProps`
|
14787
|
-
const contextProps = React.useContext(ButtonGroupContext$1);
|
14788
|
-
const resolvedProps = resolveProps(contextProps, inProps);
|
14789
|
-
const props = useThemeProps({
|
14790
|
-
props: resolvedProps,
|
14791
|
-
name: 'MuiButton'
|
14792
|
-
});
|
14793
|
-
const {
|
14794
|
-
children,
|
14795
|
-
color = 'primary',
|
14796
|
-
component = 'button',
|
14797
|
-
className,
|
14798
|
-
disabled = false,
|
14799
|
-
disableElevation = false,
|
14800
|
-
disableFocusRipple = false,
|
14801
|
-
endIcon: endIconProp,
|
14802
|
-
focusVisibleClassName,
|
14803
|
-
fullWidth = false,
|
14804
|
-
size = 'medium',
|
14805
|
-
startIcon: startIconProp,
|
14806
|
-
type,
|
14807
|
-
variant = 'text'
|
14808
|
-
} = props,
|
14809
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$7);
|
14810
|
-
const ownerState = _extends({}, props, {
|
14811
|
-
color,
|
14812
|
-
component,
|
14813
|
-
disabled,
|
14814
|
-
disableElevation,
|
14815
|
-
disableFocusRipple,
|
14816
|
-
fullWidth,
|
14817
|
-
size,
|
14818
|
-
type,
|
14819
|
-
variant
|
14820
|
-
});
|
14821
|
-
const classes = useUtilityClasses$5(ownerState);
|
14822
|
-
const startIcon = startIconProp && /*#__PURE__*/jsx(ButtonStartIcon, {
|
14823
|
-
className: classes.startIcon,
|
14824
|
-
ownerState: ownerState,
|
14825
|
-
children: startIconProp
|
14826
|
-
});
|
14827
|
-
const endIcon = endIconProp && /*#__PURE__*/jsx(ButtonEndIcon, {
|
14828
|
-
className: classes.endIcon,
|
14829
|
-
ownerState: ownerState,
|
14830
|
-
children: endIconProp
|
14831
|
-
});
|
14832
|
-
return /*#__PURE__*/jsxs(ButtonRoot, _extends({
|
14833
|
-
ownerState: ownerState,
|
14834
|
-
className: clsx(contextProps.className, classes.root, className),
|
14835
|
-
component: component,
|
14836
|
-
disabled: disabled,
|
14837
|
-
focusRipple: !disableFocusRipple,
|
14838
|
-
focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
|
14839
|
-
ref: ref,
|
14840
|
-
type: type
|
14841
|
-
}, other, {
|
14842
|
-
classes: classes,
|
14843
|
-
children: [startIcon, children, endIcon]
|
14844
|
-
}));
|
14845
|
-
});
|
14846
|
-
process.env.NODE_ENV !== "production" ? Button.propTypes /* remove-proptypes */ = {
|
14847
|
-
// ----------------------------- Warning --------------------------------
|
14848
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
14849
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
14850
|
-
// ----------------------------------------------------------------------
|
14851
|
-
/**
|
14852
|
-
* The content of the component.
|
14853
|
-
*/
|
14854
|
-
children: PropTypes.node,
|
14855
|
-
/**
|
14856
|
-
* Override or extend the styles applied to the component.
|
14857
|
-
*/
|
14858
|
-
classes: PropTypes.object,
|
14859
|
-
/**
|
14860
|
-
* @ignore
|
14861
|
-
*/
|
14862
|
-
className: PropTypes.string,
|
14863
|
-
/**
|
14864
|
-
* The color of the component.
|
14865
|
-
* It supports both default and custom theme colors, which can be added as shown in the
|
14866
|
-
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
14867
|
-
* @default 'primary'
|
14868
|
-
*/
|
14869
|
-
color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary', 'success', 'error', 'info', 'warning']), PropTypes.string]),
|
14870
|
-
/**
|
14871
|
-
* The component used for the root node.
|
14872
|
-
* Either a string to use a HTML element or a component.
|
14873
|
-
*/
|
14874
|
-
component: PropTypes.elementType,
|
14875
|
-
/**
|
14876
|
-
* If `true`, the component is disabled.
|
14877
|
-
* @default false
|
14878
|
-
*/
|
14879
|
-
disabled: PropTypes.bool,
|
14880
|
-
/**
|
14881
|
-
* If `true`, no elevation is used.
|
14882
|
-
* @default false
|
14883
|
-
*/
|
14884
|
-
disableElevation: PropTypes.bool,
|
14885
|
-
/**
|
14886
|
-
* If `true`, the keyboard focus ripple is disabled.
|
14887
|
-
* @default false
|
14888
|
-
*/
|
14889
|
-
disableFocusRipple: PropTypes.bool,
|
14890
|
-
/**
|
14891
|
-
* If `true`, the ripple effect is disabled.
|
14892
|
-
*
|
14893
|
-
* ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
|
14894
|
-
* to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
|
14895
|
-
* @default false
|
14896
|
-
*/
|
14897
|
-
disableRipple: PropTypes.bool,
|
14898
|
-
/**
|
14899
|
-
* Element placed after the children.
|
14900
|
-
*/
|
14901
|
-
endIcon: PropTypes.node,
|
14902
|
-
/**
|
14903
|
-
* @ignore
|
14904
|
-
*/
|
14905
|
-
focusVisibleClassName: PropTypes.string,
|
14906
|
-
/**
|
14907
|
-
* If `true`, the button will take up the full width of its container.
|
14908
|
-
* @default false
|
14909
|
-
*/
|
14910
|
-
fullWidth: PropTypes.bool,
|
14911
|
-
/**
|
14912
|
-
* The URL to link to when the button is clicked.
|
14913
|
-
* If defined, an `a` element will be used as the root node.
|
14914
|
-
*/
|
14915
|
-
href: PropTypes.string,
|
14916
|
-
/**
|
14917
|
-
* The size of the component.
|
14918
|
-
* `small` is equivalent to the dense button styling.
|
14919
|
-
* @default 'medium'
|
14920
|
-
*/
|
14921
|
-
size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),
|
14922
|
-
/**
|
14923
|
-
* Element placed before the children.
|
14924
|
-
*/
|
14925
|
-
startIcon: PropTypes.node,
|
14926
|
-
/**
|
14927
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
14928
|
-
*/
|
14929
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
14930
|
-
/**
|
14931
|
-
* @ignore
|
14932
|
-
*/
|
14933
|
-
type: PropTypes.oneOfType([PropTypes.oneOf(['button', 'reset', 'submit']), PropTypes.string]),
|
14934
|
-
/**
|
14935
|
-
* The variant to use.
|
14936
|
-
* @default 'text'
|
14937
|
-
*/
|
14938
|
-
variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])
|
14939
|
-
} : void 0;
|
14940
|
-
var Button$1 = Button;
|
14941
|
-
|
14942
|
-
function getCardUtilityClass(slot) {
|
14943
|
-
return generateUtilityClass('MuiCard', slot);
|
14944
|
-
}
|
14945
|
-
generateUtilityClasses('MuiCard', ['root']);
|
14946
|
-
|
14947
|
-
const _excluded$6 = ["className", "raised"];
|
14948
|
-
const useUtilityClasses$4 = ownerState => {
|
14949
|
-
const {
|
14950
|
-
classes
|
14951
|
-
} = ownerState;
|
14952
|
-
const slots = {
|
14953
|
-
root: ['root']
|
14954
|
-
};
|
14955
|
-
return composeClasses(slots, getCardUtilityClass, classes);
|
14428
|
+
return composeClasses(slots, getCardUtilityClass, classes);
|
14956
14429
|
};
|
14957
14430
|
const CardRoot = styled$1(Paper$1, {
|
14958
14431
|
name: 'MuiCard',
|
@@ -14972,11 +14445,11 @@ const Card = /*#__PURE__*/React.forwardRef(function Card(inProps, ref) {
|
|
14972
14445
|
className,
|
14973
14446
|
raised = false
|
14974
14447
|
} = props,
|
14975
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
14448
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$4);
|
14976
14449
|
const ownerState = _extends({}, props, {
|
14977
14450
|
raised
|
14978
14451
|
});
|
14979
|
-
const classes = useUtilityClasses$
|
14452
|
+
const classes = useUtilityClasses$2(ownerState);
|
14980
14453
|
return /*#__PURE__*/jsx(CardRoot, _extends({
|
14981
14454
|
className: clsx(classes.root, className),
|
14982
14455
|
elevation: raised ? 8 : undefined,
|
@@ -15023,8 +14496,8 @@ function getCardContentUtilityClass(slot) {
|
|
15023
14496
|
}
|
15024
14497
|
generateUtilityClasses('MuiCardContent', ['root']);
|
15025
14498
|
|
15026
|
-
const _excluded$
|
15027
|
-
const useUtilityClasses$
|
14499
|
+
const _excluded$3 = ["className", "component"];
|
14500
|
+
const useUtilityClasses$1 = ownerState => {
|
15028
14501
|
const {
|
15029
14502
|
classes
|
15030
14503
|
} = ownerState;
|
@@ -15054,11 +14527,11 @@ const CardContent = /*#__PURE__*/React.forwardRef(function CardContent(inProps,
|
|
15054
14527
|
className,
|
15055
14528
|
component = 'div'
|
15056
14529
|
} = props,
|
15057
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
14530
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$3);
|
15058
14531
|
const ownerState = _extends({}, props, {
|
15059
14532
|
component
|
15060
14533
|
});
|
15061
|
-
const classes = useUtilityClasses$
|
14534
|
+
const classes = useUtilityClasses$1(ownerState);
|
15062
14535
|
return /*#__PURE__*/jsx(CardContentRoot, _extends({
|
15063
14536
|
as: component,
|
15064
14537
|
className: clsx(classes.root, className),
|
@@ -15095,7 +14568,7 @@ process.env.NODE_ENV !== "production" ? CardContent.propTypes /* remove-proptype
|
|
15095
14568
|
} : void 0;
|
15096
14569
|
var CardContent$1 = CardContent;
|
15097
14570
|
|
15098
|
-
const _excluded$
|
14571
|
+
const _excluded$2 = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "open", "slotProps", "slots", "theme"];
|
15099
14572
|
const ModalRoot = styled$1('div', {
|
15100
14573
|
name: 'MuiModal',
|
15101
14574
|
slot: 'Root',
|
@@ -15174,7 +14647,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
|
|
15174
14647
|
// eslint-disable-next-line react/prop-types
|
15175
14648
|
theme
|
15176
14649
|
} = props,
|
15177
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
14650
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$2);
|
15178
14651
|
const [exited, setExited] = React.useState(true);
|
15179
14652
|
const commonProps = {
|
15180
14653
|
container,
|
@@ -15393,267 +14866,30 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes /* remove-proptypes */ =
|
|
15393
14866
|
} : void 0;
|
15394
14867
|
var Modal$1 = Modal;
|
15395
14868
|
|
15396
|
-
|
15397
|
-
|
15398
|
-
|
15399
|
-
|
15400
|
-
|
15401
|
-
|
15402
|
-
|
15403
|
-
|
15404
|
-
|
15405
|
-
|
15406
|
-
|
15407
|
-
flexItem,
|
15408
|
-
light,
|
15409
|
-
orientation,
|
15410
|
-
textAlign,
|
15411
|
-
variant
|
15412
|
-
} = ownerState;
|
15413
|
-
const slots = {
|
15414
|
-
root: ['root', absolute && 'absolute', variant, light && 'light', orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
|
15415
|
-
wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']
|
15416
|
-
};
|
15417
|
-
return composeClasses(slots, getDividerUtilityClass, classes);
|
15418
|
-
};
|
15419
|
-
const DividerRoot = styled$1('div', {
|
15420
|
-
name: 'MuiDivider',
|
15421
|
-
slot: 'Root',
|
15422
|
-
overridesResolver: (props, styles) => {
|
15423
|
-
const {
|
15424
|
-
ownerState
|
15425
|
-
} = props;
|
15426
|
-
return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.light && styles.light, ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.children && ownerState.orientation === 'vertical' && styles.withChildrenVertical, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];
|
14869
|
+
const _excluded$1 = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
|
14870
|
+
function getTranslateValue(direction, node, resolvedContainer) {
|
14871
|
+
const rect = node.getBoundingClientRect();
|
14872
|
+
const containerRect = resolvedContainer && resolvedContainer.getBoundingClientRect();
|
14873
|
+
const containerWindow = ownerWindow(node);
|
14874
|
+
let transform;
|
14875
|
+
if (node.fakeTransform) {
|
14876
|
+
transform = node.fakeTransform;
|
14877
|
+
} else {
|
14878
|
+
const computedStyle = containerWindow.getComputedStyle(node);
|
14879
|
+
transform = computedStyle.getPropertyValue('-webkit-transform') || computedStyle.getPropertyValue('transform');
|
15427
14880
|
}
|
15428
|
-
|
15429
|
-
|
15430
|
-
|
15431
|
-
|
15432
|
-
|
15433
|
-
|
15434
|
-
flexShrink: 0,
|
15435
|
-
borderWidth: 0,
|
15436
|
-
borderStyle: 'solid',
|
15437
|
-
borderColor: (theme.vars || theme).palette.divider,
|
15438
|
-
borderBottomWidth: 'thin'
|
15439
|
-
}, ownerState.absolute && {
|
15440
|
-
position: 'absolute',
|
15441
|
-
bottom: 0,
|
15442
|
-
left: 0,
|
15443
|
-
width: '100%'
|
15444
|
-
}, ownerState.light && {
|
15445
|
-
borderColor: theme.vars ? `rgba(${theme.vars.palette.dividerChannel} / 0.08)` : alpha(theme.palette.divider, 0.08)
|
15446
|
-
}, ownerState.variant === 'inset' && {
|
15447
|
-
marginLeft: 72
|
15448
|
-
}, ownerState.variant === 'middle' && ownerState.orientation === 'horizontal' && {
|
15449
|
-
marginLeft: theme.spacing(2),
|
15450
|
-
marginRight: theme.spacing(2)
|
15451
|
-
}, ownerState.variant === 'middle' && ownerState.orientation === 'vertical' && {
|
15452
|
-
marginTop: theme.spacing(1),
|
15453
|
-
marginBottom: theme.spacing(1)
|
15454
|
-
}, ownerState.orientation === 'vertical' && {
|
15455
|
-
height: '100%',
|
15456
|
-
borderBottomWidth: 0,
|
15457
|
-
borderRightWidth: 'thin'
|
15458
|
-
}, ownerState.flexItem && {
|
15459
|
-
alignSelf: 'stretch',
|
15460
|
-
height: 'auto'
|
15461
|
-
}), ({
|
15462
|
-
ownerState
|
15463
|
-
}) => _extends({}, ownerState.children && {
|
15464
|
-
display: 'flex',
|
15465
|
-
whiteSpace: 'nowrap',
|
15466
|
-
textAlign: 'center',
|
15467
|
-
border: 0,
|
15468
|
-
'&::before, &::after': {
|
15469
|
-
content: '""',
|
15470
|
-
alignSelf: 'center'
|
14881
|
+
let offsetX = 0;
|
14882
|
+
let offsetY = 0;
|
14883
|
+
if (transform && transform !== 'none' && typeof transform === 'string') {
|
14884
|
+
const transformValues = transform.split('(')[1].split(')')[0].split(',');
|
14885
|
+
offsetX = parseInt(transformValues[4], 10);
|
14886
|
+
offsetY = parseInt(transformValues[5], 10);
|
15471
14887
|
}
|
15472
|
-
|
15473
|
-
|
15474
|
-
|
15475
|
-
}
|
15476
|
-
|
15477
|
-
width: '100%',
|
15478
|
-
borderTop: `thin solid ${(theme.vars || theme).palette.divider}`
|
15479
|
-
}
|
15480
|
-
}), ({
|
15481
|
-
theme,
|
15482
|
-
ownerState
|
15483
|
-
}) => _extends({}, ownerState.children && ownerState.orientation === 'vertical' && {
|
15484
|
-
flexDirection: 'column',
|
15485
|
-
'&::before, &::after': {
|
15486
|
-
height: '100%',
|
15487
|
-
borderLeft: `thin solid ${(theme.vars || theme).palette.divider}`
|
15488
|
-
}
|
15489
|
-
}), ({
|
15490
|
-
ownerState
|
15491
|
-
}) => _extends({}, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && {
|
15492
|
-
'&::before': {
|
15493
|
-
width: '90%'
|
15494
|
-
},
|
15495
|
-
'&::after': {
|
15496
|
-
width: '10%'
|
15497
|
-
}
|
15498
|
-
}, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && {
|
15499
|
-
'&::before': {
|
15500
|
-
width: '10%'
|
15501
|
-
},
|
15502
|
-
'&::after': {
|
15503
|
-
width: '90%'
|
15504
|
-
}
|
15505
|
-
}));
|
15506
|
-
const DividerWrapper = styled$1('span', {
|
15507
|
-
name: 'MuiDivider',
|
15508
|
-
slot: 'Wrapper',
|
15509
|
-
overridesResolver: (props, styles) => {
|
15510
|
-
const {
|
15511
|
-
ownerState
|
15512
|
-
} = props;
|
15513
|
-
return [styles.wrapper, ownerState.orientation === 'vertical' && styles.wrapperVertical];
|
15514
|
-
}
|
15515
|
-
})(({
|
15516
|
-
theme,
|
15517
|
-
ownerState
|
15518
|
-
}) => _extends({
|
15519
|
-
display: 'inline-block',
|
15520
|
-
paddingLeft: `calc(${theme.spacing(1)} * 1.2)`,
|
15521
|
-
paddingRight: `calc(${theme.spacing(1)} * 1.2)`
|
15522
|
-
}, ownerState.orientation === 'vertical' && {
|
15523
|
-
paddingTop: `calc(${theme.spacing(1)} * 1.2)`,
|
15524
|
-
paddingBottom: `calc(${theme.spacing(1)} * 1.2)`
|
15525
|
-
}));
|
15526
|
-
const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
|
15527
|
-
const props = useThemeProps({
|
15528
|
-
props: inProps,
|
15529
|
-
name: 'MuiDivider'
|
15530
|
-
});
|
15531
|
-
const {
|
15532
|
-
absolute = false,
|
15533
|
-
children,
|
15534
|
-
className,
|
15535
|
-
component = children ? 'div' : 'hr',
|
15536
|
-
flexItem = false,
|
15537
|
-
light = false,
|
15538
|
-
orientation = 'horizontal',
|
15539
|
-
role = component !== 'hr' ? 'separator' : undefined,
|
15540
|
-
textAlign = 'center',
|
15541
|
-
variant = 'fullWidth'
|
15542
|
-
} = props,
|
15543
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$3);
|
15544
|
-
const ownerState = _extends({}, props, {
|
15545
|
-
absolute,
|
15546
|
-
component,
|
15547
|
-
flexItem,
|
15548
|
-
light,
|
15549
|
-
orientation,
|
15550
|
-
role,
|
15551
|
-
textAlign,
|
15552
|
-
variant
|
15553
|
-
});
|
15554
|
-
const classes = useUtilityClasses$2(ownerState);
|
15555
|
-
return /*#__PURE__*/jsx(DividerRoot, _extends({
|
15556
|
-
as: component,
|
15557
|
-
className: clsx(classes.root, className),
|
15558
|
-
role: role,
|
15559
|
-
ref: ref,
|
15560
|
-
ownerState: ownerState
|
15561
|
-
}, other, {
|
15562
|
-
children: children ? /*#__PURE__*/jsx(DividerWrapper, {
|
15563
|
-
className: classes.wrapper,
|
15564
|
-
ownerState: ownerState,
|
15565
|
-
children: children
|
15566
|
-
}) : null
|
15567
|
-
}));
|
15568
|
-
});
|
15569
|
-
process.env.NODE_ENV !== "production" ? Divider.propTypes /* remove-proptypes */ = {
|
15570
|
-
// ----------------------------- Warning --------------------------------
|
15571
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
15572
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
15573
|
-
// ----------------------------------------------------------------------
|
15574
|
-
/**
|
15575
|
-
* Absolutely position the element.
|
15576
|
-
* @default false
|
15577
|
-
*/
|
15578
|
-
absolute: PropTypes.bool,
|
15579
|
-
/**
|
15580
|
-
* The content of the component.
|
15581
|
-
*/
|
15582
|
-
children: PropTypes.node,
|
15583
|
-
/**
|
15584
|
-
* Override or extend the styles applied to the component.
|
15585
|
-
*/
|
15586
|
-
classes: PropTypes.object,
|
15587
|
-
/**
|
15588
|
-
* @ignore
|
15589
|
-
*/
|
15590
|
-
className: PropTypes.string,
|
15591
|
-
/**
|
15592
|
-
* The component used for the root node.
|
15593
|
-
* Either a string to use a HTML element or a component.
|
15594
|
-
*/
|
15595
|
-
component: PropTypes.elementType,
|
15596
|
-
/**
|
15597
|
-
* If `true`, a vertical divider will have the correct height when used in flex container.
|
15598
|
-
* (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
|
15599
|
-
* @default false
|
15600
|
-
*/
|
15601
|
-
flexItem: PropTypes.bool,
|
15602
|
-
/**
|
15603
|
-
* If `true`, the divider will have a lighter color.
|
15604
|
-
* @default false
|
15605
|
-
*/
|
15606
|
-
light: PropTypes.bool,
|
15607
|
-
/**
|
15608
|
-
* The component orientation.
|
15609
|
-
* @default 'horizontal'
|
15610
|
-
*/
|
15611
|
-
orientation: PropTypes.oneOf(['horizontal', 'vertical']),
|
15612
|
-
/**
|
15613
|
-
* @ignore
|
15614
|
-
*/
|
15615
|
-
role: PropTypes /* @typescript-to-proptypes-ignore */.string,
|
15616
|
-
/**
|
15617
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
15618
|
-
*/
|
15619
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
15620
|
-
/**
|
15621
|
-
* The text alignment.
|
15622
|
-
* @default 'center'
|
15623
|
-
*/
|
15624
|
-
textAlign: PropTypes.oneOf(['center', 'left', 'right']),
|
15625
|
-
/**
|
15626
|
-
* The variant to use.
|
15627
|
-
* @default 'fullWidth'
|
15628
|
-
*/
|
15629
|
-
variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['fullWidth', 'inset', 'middle']), PropTypes.string])
|
15630
|
-
} : void 0;
|
15631
|
-
var Divider$1 = Divider;
|
15632
|
-
|
15633
|
-
const _excluded$2 = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
|
15634
|
-
function getTranslateValue(direction, node, resolvedContainer) {
|
15635
|
-
const rect = node.getBoundingClientRect();
|
15636
|
-
const containerRect = resolvedContainer && resolvedContainer.getBoundingClientRect();
|
15637
|
-
const containerWindow = ownerWindow(node);
|
15638
|
-
let transform;
|
15639
|
-
if (node.fakeTransform) {
|
15640
|
-
transform = node.fakeTransform;
|
15641
|
-
} else {
|
15642
|
-
const computedStyle = containerWindow.getComputedStyle(node);
|
15643
|
-
transform = computedStyle.getPropertyValue('-webkit-transform') || computedStyle.getPropertyValue('transform');
|
15644
|
-
}
|
15645
|
-
let offsetX = 0;
|
15646
|
-
let offsetY = 0;
|
15647
|
-
if (transform && transform !== 'none' && typeof transform === 'string') {
|
15648
|
-
const transformValues = transform.split('(')[1].split(')')[0].split(',');
|
15649
|
-
offsetX = parseInt(transformValues[4], 10);
|
15650
|
-
offsetY = parseInt(transformValues[5], 10);
|
15651
|
-
}
|
15652
|
-
if (direction === 'left') {
|
15653
|
-
if (containerRect) {
|
15654
|
-
return `translateX(${containerRect.right + offsetX - rect.left}px)`;
|
15655
|
-
}
|
15656
|
-
return `translateX(${containerWindow.innerWidth + offsetX - rect.left}px)`;
|
14888
|
+
if (direction === 'left') {
|
14889
|
+
if (containerRect) {
|
14890
|
+
return `translateX(${containerRect.right + offsetX - rect.left}px)`;
|
14891
|
+
}
|
14892
|
+
return `translateX(${containerWindow.innerWidth + offsetX - rect.left}px)`;
|
15657
14893
|
}
|
15658
14894
|
if (direction === 'right') {
|
15659
14895
|
if (containerRect) {
|
@@ -15719,7 +14955,7 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
|
|
15719
14955
|
// eslint-disable-next-line react/prop-types
|
15720
14956
|
TransitionComponent = Transition$1
|
15721
14957
|
} = props,
|
15722
|
-
other = _objectWithoutPropertiesLoose(props, _excluded$
|
14958
|
+
other = _objectWithoutPropertiesLoose(props, _excluded$1);
|
15723
14959
|
const childrenRef = React.useRef(null);
|
15724
14960
|
const handleRef = useForkRef(children.ref, childrenRef, ref);
|
15725
14961
|
const normalizedTransitionCallback = callback => isAppearing => {
|
@@ -15947,7 +15183,7 @@ function getDrawerUtilityClass(slot) {
|
|
15947
15183
|
}
|
15948
15184
|
generateUtilityClasses('MuiDrawer', ['root', 'docked', 'paper', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);
|
15949
15185
|
|
15950
|
-
const _excluded
|
15186
|
+
const _excluded = ["BackdropProps"],
|
15951
15187
|
_excluded2 = ["anchor", "BackdropProps", "children", "className", "elevation", "hideBackdrop", "ModalProps", "onClose", "open", "PaperProps", "SlideProps", "TransitionComponent", "transitionDuration", "variant"];
|
15952
15188
|
const overridesResolver = (props, styles) => {
|
15953
15189
|
const {
|
@@ -15955,7 +15191,7 @@ const overridesResolver = (props, styles) => {
|
|
15955
15191
|
} = props;
|
15956
15192
|
return [styles.root, (ownerState.variant === 'permanent' || ownerState.variant === 'persistent') && styles.docked, styles.modal];
|
15957
15193
|
};
|
15958
|
-
const useUtilityClasses
|
15194
|
+
const useUtilityClasses = ownerState => {
|
15959
15195
|
const {
|
15960
15196
|
classes,
|
15961
15197
|
anchor,
|
@@ -16087,463 +15323,93 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
|
|
16087
15323
|
transitionDuration = defaultTransitionDuration,
|
16088
15324
|
variant = 'temporary'
|
16089
15325
|
} = props,
|
16090
|
-
ModalProps = _objectWithoutPropertiesLoose(props.ModalProps, _excluded
|
15326
|
+
ModalProps = _objectWithoutPropertiesLoose(props.ModalProps, _excluded),
|
16091
15327
|
other = _objectWithoutPropertiesLoose(props, _excluded2);
|
16092
15328
|
|
16093
15329
|
// Let's assume that the Drawer will always be rendered on user space.
|
16094
15330
|
// We use this state is order to skip the appear transition during the
|
16095
15331
|
// initial mount of the component.
|
16096
15332
|
const mounted = React.useRef(false);
|
16097
|
-
React.useEffect(() => {
|
16098
|
-
mounted.current = true;
|
16099
|
-
}, []);
|
16100
|
-
const anchorInvariant = getAnchor(theme, anchorProp);
|
16101
|
-
const anchor = anchorProp;
|
16102
|
-
const ownerState = _extends({}, props, {
|
16103
|
-
anchor,
|
16104
|
-
elevation,
|
16105
|
-
open,
|
16106
|
-
variant
|
16107
|
-
}, other);
|
16108
|
-
const classes = useUtilityClasses$1(ownerState);
|
16109
|
-
const drawer = /*#__PURE__*/jsx(DrawerPaper, _extends({
|
16110
|
-
elevation: variant === 'temporary' ? elevation : 0,
|
16111
|
-
square: true
|
16112
|
-
}, PaperProps, {
|
16113
|
-
className: clsx(classes.paper, PaperProps.className),
|
16114
|
-
ownerState: ownerState,
|
16115
|
-
children: children
|
16116
|
-
}));
|
16117
|
-
if (variant === 'permanent') {
|
16118
|
-
return /*#__PURE__*/jsx(DrawerDockedRoot, _extends({
|
16119
|
-
className: clsx(classes.root, classes.docked, className),
|
16120
|
-
ownerState: ownerState,
|
16121
|
-
ref: ref
|
16122
|
-
}, other, {
|
16123
|
-
children: drawer
|
16124
|
-
}));
|
16125
|
-
}
|
16126
|
-
const slidingDrawer = /*#__PURE__*/jsx(TransitionComponent, _extends({
|
16127
|
-
in: open,
|
16128
|
-
direction: oppositeDirection[anchorInvariant],
|
16129
|
-
timeout: transitionDuration,
|
16130
|
-
appear: mounted.current
|
16131
|
-
}, SlideProps, {
|
16132
|
-
children: drawer
|
16133
|
-
}));
|
16134
|
-
if (variant === 'persistent') {
|
16135
|
-
return /*#__PURE__*/jsx(DrawerDockedRoot, _extends({
|
16136
|
-
className: clsx(classes.root, classes.docked, className),
|
16137
|
-
ownerState: ownerState,
|
16138
|
-
ref: ref
|
16139
|
-
}, other, {
|
16140
|
-
children: slidingDrawer
|
16141
|
-
}));
|
16142
|
-
}
|
16143
|
-
|
16144
|
-
// variant === temporary
|
16145
|
-
return /*#__PURE__*/jsx(DrawerRoot, _extends({
|
16146
|
-
BackdropProps: _extends({}, BackdropProps, BackdropPropsProp, {
|
16147
|
-
transitionDuration
|
16148
|
-
}),
|
16149
|
-
className: clsx(classes.root, classes.modal, className),
|
16150
|
-
open: open,
|
16151
|
-
ownerState: ownerState,
|
16152
|
-
onClose: onClose,
|
16153
|
-
hideBackdrop: hideBackdrop,
|
16154
|
-
ref: ref
|
16155
|
-
}, other, ModalProps, {
|
16156
|
-
children: slidingDrawer
|
16157
|
-
}));
|
16158
|
-
});
|
16159
|
-
process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */ = {
|
16160
|
-
// ----------------------------- Warning --------------------------------
|
16161
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
16162
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
16163
|
-
// ----------------------------------------------------------------------
|
16164
|
-
/**
|
16165
|
-
* Side from which the drawer will appear.
|
16166
|
-
* @default 'left'
|
16167
|
-
*/
|
16168
|
-
anchor: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
|
16169
|
-
/**
|
16170
|
-
* @ignore
|
16171
|
-
*/
|
16172
|
-
BackdropProps: PropTypes.object,
|
16173
|
-
/**
|
16174
|
-
* The content of the component.
|
16175
|
-
*/
|
16176
|
-
children: PropTypes.node,
|
16177
|
-
/**
|
16178
|
-
* Override or extend the styles applied to the component.
|
16179
|
-
*/
|
16180
|
-
classes: PropTypes.object,
|
16181
|
-
/**
|
16182
|
-
* @ignore
|
16183
|
-
*/
|
16184
|
-
className: PropTypes.string,
|
16185
|
-
/**
|
16186
|
-
* The elevation of the drawer.
|
16187
|
-
* @default 16
|
16188
|
-
*/
|
16189
|
-
elevation: integerPropType,
|
16190
|
-
/**
|
16191
|
-
* If `true`, the backdrop is not rendered.
|
16192
|
-
* @default false
|
16193
|
-
*/
|
16194
|
-
hideBackdrop: PropTypes.bool,
|
16195
|
-
/**
|
16196
|
-
* Props applied to the [`Modal`](/material-ui/api/modal/) element.
|
16197
|
-
* @default {}
|
16198
|
-
*/
|
16199
|
-
ModalProps: PropTypes.object,
|
16200
|
-
/**
|
16201
|
-
* Callback fired when the component requests to be closed.
|
16202
|
-
*
|
16203
|
-
* @param {object} event The event source of the callback.
|
16204
|
-
*/
|
16205
|
-
onClose: PropTypes.func,
|
16206
|
-
/**
|
16207
|
-
* If `true`, the component is shown.
|
16208
|
-
* @default false
|
16209
|
-
*/
|
16210
|
-
open: PropTypes.bool,
|
16211
|
-
/**
|
16212
|
-
* Props applied to the [`Paper`](/material-ui/api/paper/) element.
|
16213
|
-
* @default {}
|
16214
|
-
*/
|
16215
|
-
PaperProps: PropTypes.object,
|
16216
|
-
/**
|
16217
|
-
* Props applied to the [`Slide`](/material-ui/api/slide/) element.
|
16218
|
-
*/
|
16219
|
-
SlideProps: PropTypes.object,
|
16220
|
-
/**
|
16221
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
16222
|
-
*/
|
16223
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
16224
|
-
/**
|
16225
|
-
* The duration for the transition, in milliseconds.
|
16226
|
-
* You may specify a single timeout for all transitions, or individually with an object.
|
16227
|
-
* @default {
|
16228
|
-
* enter: theme.transitions.duration.enteringScreen,
|
16229
|
-
* exit: theme.transitions.duration.leavingScreen,
|
16230
|
-
* }
|
16231
|
-
*/
|
16232
|
-
transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
|
16233
|
-
appear: PropTypes.number,
|
16234
|
-
enter: PropTypes.number,
|
16235
|
-
exit: PropTypes.number
|
16236
|
-
})]),
|
16237
|
-
/**
|
16238
|
-
* The variant to use.
|
16239
|
-
* @default 'temporary'
|
16240
|
-
*/
|
16241
|
-
variant: PropTypes.oneOf(['permanent', 'persistent', 'temporary'])
|
16242
|
-
} : void 0;
|
16243
|
-
var Drawer$1 = Drawer;
|
16244
|
-
|
16245
|
-
function getLinearProgressUtilityClass(slot) {
|
16246
|
-
return generateUtilityClass('MuiLinearProgress', slot);
|
16247
|
-
}
|
16248
|
-
generateUtilityClasses('MuiLinearProgress', ['root', 'colorPrimary', 'colorSecondary', 'determinate', 'indeterminate', 'buffer', 'query', 'dashed', 'dashedColorPrimary', 'dashedColorSecondary', 'bar', 'barColorPrimary', 'barColorSecondary', 'bar1Indeterminate', 'bar1Determinate', 'bar1Buffer', 'bar2Indeterminate', 'bar2Buffer']);
|
16249
|
-
|
16250
|
-
const _excluded = ["className", "color", "value", "valueBuffer", "variant"];
|
16251
|
-
let _ = t => t,
|
16252
|
-
_t,
|
16253
|
-
_t2,
|
16254
|
-
_t3,
|
16255
|
-
_t4,
|
16256
|
-
_t5,
|
16257
|
-
_t6;
|
16258
|
-
const TRANSITION_DURATION = 4; // seconds
|
16259
|
-
const indeterminate1Keyframe = keyframes(_t || (_t = _`
|
16260
|
-
0% {
|
16261
|
-
left: -35%;
|
16262
|
-
right: 100%;
|
16263
|
-
}
|
16264
|
-
|
16265
|
-
60% {
|
16266
|
-
left: 100%;
|
16267
|
-
right: -90%;
|
16268
|
-
}
|
16269
|
-
|
16270
|
-
100% {
|
16271
|
-
left: 100%;
|
16272
|
-
right: -90%;
|
16273
|
-
}
|
16274
|
-
`));
|
16275
|
-
const indeterminate2Keyframe = keyframes(_t2 || (_t2 = _`
|
16276
|
-
0% {
|
16277
|
-
left: -200%;
|
16278
|
-
right: 100%;
|
16279
|
-
}
|
16280
|
-
|
16281
|
-
60% {
|
16282
|
-
left: 107%;
|
16283
|
-
right: -8%;
|
16284
|
-
}
|
16285
|
-
|
16286
|
-
100% {
|
16287
|
-
left: 107%;
|
16288
|
-
right: -8%;
|
16289
|
-
}
|
16290
|
-
`));
|
16291
|
-
const bufferKeyframe = keyframes(_t3 || (_t3 = _`
|
16292
|
-
0% {
|
16293
|
-
opacity: 1;
|
16294
|
-
background-position: 0 -23px;
|
16295
|
-
}
|
16296
|
-
|
16297
|
-
60% {
|
16298
|
-
opacity: 0;
|
16299
|
-
background-position: 0 -23px;
|
16300
|
-
}
|
16301
|
-
|
16302
|
-
100% {
|
16303
|
-
opacity: 1;
|
16304
|
-
background-position: -200px -23px;
|
16305
|
-
}
|
16306
|
-
`));
|
16307
|
-
const useUtilityClasses = ownerState => {
|
16308
|
-
const {
|
16309
|
-
classes,
|
16310
|
-
variant,
|
16311
|
-
color
|
16312
|
-
} = ownerState;
|
16313
|
-
const slots = {
|
16314
|
-
root: ['root', `color${capitalize(color)}`, variant],
|
16315
|
-
dashed: ['dashed', `dashedColor${capitalize(color)}`],
|
16316
|
-
bar1: ['bar', `barColor${capitalize(color)}`, (variant === 'indeterminate' || variant === 'query') && 'bar1Indeterminate', variant === 'determinate' && 'bar1Determinate', variant === 'buffer' && 'bar1Buffer'],
|
16317
|
-
bar2: ['bar', variant !== 'buffer' && `barColor${capitalize(color)}`, variant === 'buffer' && `color${capitalize(color)}`, (variant === 'indeterminate' || variant === 'query') && 'bar2Indeterminate', variant === 'buffer' && 'bar2Buffer']
|
16318
|
-
};
|
16319
|
-
return composeClasses(slots, getLinearProgressUtilityClass, classes);
|
16320
|
-
};
|
16321
|
-
const getColorShade = (theme, color) => {
|
16322
|
-
if (color === 'inherit') {
|
16323
|
-
return 'currentColor';
|
16324
|
-
}
|
16325
|
-
if (theme.vars) {
|
16326
|
-
return theme.vars.palette.LinearProgress[`${color}Bg`];
|
16327
|
-
}
|
16328
|
-
return theme.palette.mode === 'light' ? lighten(theme.palette[color].main, 0.62) : darken(theme.palette[color].main, 0.5);
|
16329
|
-
};
|
16330
|
-
const LinearProgressRoot = styled$1('span', {
|
16331
|
-
name: 'MuiLinearProgress',
|
16332
|
-
slot: 'Root',
|
16333
|
-
overridesResolver: (props, styles) => {
|
16334
|
-
const {
|
16335
|
-
ownerState
|
16336
|
-
} = props;
|
16337
|
-
return [styles.root, styles[`color${capitalize(ownerState.color)}`], styles[ownerState.variant]];
|
16338
|
-
}
|
16339
|
-
})(({
|
16340
|
-
ownerState,
|
16341
|
-
theme
|
16342
|
-
}) => _extends({
|
16343
|
-
position: 'relative',
|
16344
|
-
overflow: 'hidden',
|
16345
|
-
display: 'block',
|
16346
|
-
height: 4,
|
16347
|
-
zIndex: 0,
|
16348
|
-
// Fix Safari's bug during composition of different paint.
|
16349
|
-
'@media print': {
|
16350
|
-
colorAdjust: 'exact'
|
16351
|
-
},
|
16352
|
-
backgroundColor: getColorShade(theme, ownerState.color)
|
16353
|
-
}, ownerState.color === 'inherit' && ownerState.variant !== 'buffer' && {
|
16354
|
-
backgroundColor: 'none',
|
16355
|
-
'&::before': {
|
16356
|
-
content: '""',
|
16357
|
-
position: 'absolute',
|
16358
|
-
left: 0,
|
16359
|
-
top: 0,
|
16360
|
-
right: 0,
|
16361
|
-
bottom: 0,
|
16362
|
-
backgroundColor: 'currentColor',
|
16363
|
-
opacity: 0.3
|
16364
|
-
}
|
16365
|
-
}, ownerState.variant === 'buffer' && {
|
16366
|
-
backgroundColor: 'transparent'
|
16367
|
-
}, ownerState.variant === 'query' && {
|
16368
|
-
transform: 'rotate(180deg)'
|
16369
|
-
}));
|
16370
|
-
const LinearProgressDashed = styled$1('span', {
|
16371
|
-
name: 'MuiLinearProgress',
|
16372
|
-
slot: 'Dashed',
|
16373
|
-
overridesResolver: (props, styles) => {
|
16374
|
-
const {
|
16375
|
-
ownerState
|
16376
|
-
} = props;
|
16377
|
-
return [styles.dashed, styles[`dashedColor${capitalize(ownerState.color)}`]];
|
16378
|
-
}
|
16379
|
-
})(({
|
16380
|
-
ownerState,
|
16381
|
-
theme
|
16382
|
-
}) => {
|
16383
|
-
const backgroundColor = getColorShade(theme, ownerState.color);
|
16384
|
-
return _extends({
|
16385
|
-
position: 'absolute',
|
16386
|
-
marginTop: 0,
|
16387
|
-
height: '100%',
|
16388
|
-
width: '100%'
|
16389
|
-
}, ownerState.color === 'inherit' && {
|
16390
|
-
opacity: 0.3
|
16391
|
-
}, {
|
16392
|
-
backgroundImage: `radial-gradient(${backgroundColor} 0%, ${backgroundColor} 16%, transparent 42%)`,
|
16393
|
-
backgroundSize: '10px 10px',
|
16394
|
-
backgroundPosition: '0 -23px'
|
16395
|
-
});
|
16396
|
-
}, css(_t4 || (_t4 = _`
|
16397
|
-
animation: ${0} 3s infinite linear;
|
16398
|
-
`), bufferKeyframe));
|
16399
|
-
const LinearProgressBar1 = styled$1('span', {
|
16400
|
-
name: 'MuiLinearProgress',
|
16401
|
-
slot: 'Bar1',
|
16402
|
-
overridesResolver: (props, styles) => {
|
16403
|
-
const {
|
16404
|
-
ownerState
|
16405
|
-
} = props;
|
16406
|
-
return [styles.bar, styles[`barColor${capitalize(ownerState.color)}`], (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && styles.bar1Indeterminate, ownerState.variant === 'determinate' && styles.bar1Determinate, ownerState.variant === 'buffer' && styles.bar1Buffer];
|
16407
|
-
}
|
16408
|
-
})(({
|
16409
|
-
ownerState,
|
16410
|
-
theme
|
16411
|
-
}) => _extends({
|
16412
|
-
width: '100%',
|
16413
|
-
position: 'absolute',
|
16414
|
-
left: 0,
|
16415
|
-
bottom: 0,
|
16416
|
-
top: 0,
|
16417
|
-
transition: 'transform 0.2s linear',
|
16418
|
-
transformOrigin: 'left',
|
16419
|
-
backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
|
16420
|
-
}, ownerState.variant === 'determinate' && {
|
16421
|
-
transition: `transform .${TRANSITION_DURATION}s linear`
|
16422
|
-
}, ownerState.variant === 'buffer' && {
|
16423
|
-
zIndex: 1,
|
16424
|
-
transition: `transform .${TRANSITION_DURATION}s linear`
|
16425
|
-
}), ({
|
16426
|
-
ownerState
|
16427
|
-
}) => (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css(_t5 || (_t5 = _`
|
16428
|
-
width: auto;
|
16429
|
-
animation: ${0} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
16430
|
-
`), indeterminate1Keyframe));
|
16431
|
-
const LinearProgressBar2 = styled$1('span', {
|
16432
|
-
name: 'MuiLinearProgress',
|
16433
|
-
slot: 'Bar2',
|
16434
|
-
overridesResolver: (props, styles) => {
|
16435
|
-
const {
|
16436
|
-
ownerState
|
16437
|
-
} = props;
|
16438
|
-
return [styles.bar, styles[`barColor${capitalize(ownerState.color)}`], (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && styles.bar2Indeterminate, ownerState.variant === 'buffer' && styles.bar2Buffer];
|
16439
|
-
}
|
16440
|
-
})(({
|
16441
|
-
ownerState,
|
16442
|
-
theme
|
16443
|
-
}) => _extends({
|
16444
|
-
width: '100%',
|
16445
|
-
position: 'absolute',
|
16446
|
-
left: 0,
|
16447
|
-
bottom: 0,
|
16448
|
-
top: 0,
|
16449
|
-
transition: 'transform 0.2s linear',
|
16450
|
-
transformOrigin: 'left'
|
16451
|
-
}, ownerState.variant !== 'buffer' && {
|
16452
|
-
backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
|
16453
|
-
}, ownerState.color === 'inherit' && {
|
16454
|
-
opacity: 0.3
|
16455
|
-
}, ownerState.variant === 'buffer' && {
|
16456
|
-
backgroundColor: getColorShade(theme, ownerState.color),
|
16457
|
-
transition: `transform .${TRANSITION_DURATION}s linear`
|
16458
|
-
}), ({
|
16459
|
-
ownerState
|
16460
|
-
}) => (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css(_t6 || (_t6 = _`
|
16461
|
-
width: auto;
|
16462
|
-
animation: ${0} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
|
16463
|
-
`), indeterminate2Keyframe));
|
16464
|
-
|
16465
|
-
/**
|
16466
|
-
* ## ARIA
|
16467
|
-
*
|
16468
|
-
* If the progress bar is describing the loading progress of a particular region of a page,
|
16469
|
-
* you should use `aria-describedby` to point to the progress bar, and set the `aria-busy`
|
16470
|
-
* attribute to `true` on that region until it has finished loading.
|
16471
|
-
*/
|
16472
|
-
const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inProps, ref) {
|
16473
|
-
const props = useThemeProps({
|
16474
|
-
props: inProps,
|
16475
|
-
name: 'MuiLinearProgress'
|
16476
|
-
});
|
16477
|
-
const {
|
16478
|
-
className,
|
16479
|
-
color = 'primary',
|
16480
|
-
value,
|
16481
|
-
valueBuffer,
|
16482
|
-
variant = 'indeterminate'
|
16483
|
-
} = props,
|
16484
|
-
other = _objectWithoutPropertiesLoose(props, _excluded);
|
15333
|
+
React.useEffect(() => {
|
15334
|
+
mounted.current = true;
|
15335
|
+
}, []);
|
15336
|
+
const anchorInvariant = getAnchor(theme, anchorProp);
|
15337
|
+
const anchor = anchorProp;
|
16485
15338
|
const ownerState = _extends({}, props, {
|
16486
|
-
|
15339
|
+
anchor,
|
15340
|
+
elevation,
|
15341
|
+
open,
|
16487
15342
|
variant
|
16488
|
-
});
|
15343
|
+
}, other);
|
16489
15344
|
const classes = useUtilityClasses(ownerState);
|
16490
|
-
const
|
16491
|
-
|
16492
|
-
|
16493
|
-
|
16494
|
-
|
16495
|
-
|
16496
|
-
|
16497
|
-
|
16498
|
-
|
16499
|
-
|
16500
|
-
|
16501
|
-
|
16502
|
-
|
16503
|
-
|
16504
|
-
|
16505
|
-
|
16506
|
-
} else if (process.env.NODE_ENV !== 'production') {
|
16507
|
-
console.error('MUI: You need to provide a value prop ' + 'when using the determinate or buffer variant of LinearProgress .');
|
16508
|
-
}
|
15345
|
+
const drawer = /*#__PURE__*/jsx(DrawerPaper, _extends({
|
15346
|
+
elevation: variant === 'temporary' ? elevation : 0,
|
15347
|
+
square: true
|
15348
|
+
}, PaperProps, {
|
15349
|
+
className: clsx(classes.paper, PaperProps.className),
|
15350
|
+
ownerState: ownerState,
|
15351
|
+
children: children
|
15352
|
+
}));
|
15353
|
+
if (variant === 'permanent') {
|
15354
|
+
return /*#__PURE__*/jsx(DrawerDockedRoot, _extends({
|
15355
|
+
className: clsx(classes.root, classes.docked, className),
|
15356
|
+
ownerState: ownerState,
|
15357
|
+
ref: ref
|
15358
|
+
}, other, {
|
15359
|
+
children: drawer
|
15360
|
+
}));
|
16509
15361
|
}
|
16510
|
-
|
16511
|
-
|
16512
|
-
|
16513
|
-
|
16514
|
-
|
16515
|
-
|
16516
|
-
|
16517
|
-
|
16518
|
-
|
16519
|
-
|
15362
|
+
const slidingDrawer = /*#__PURE__*/jsx(TransitionComponent, _extends({
|
15363
|
+
in: open,
|
15364
|
+
direction: oppositeDirection[anchorInvariant],
|
15365
|
+
timeout: transitionDuration,
|
15366
|
+
appear: mounted.current
|
15367
|
+
}, SlideProps, {
|
15368
|
+
children: drawer
|
15369
|
+
}));
|
15370
|
+
if (variant === 'persistent') {
|
15371
|
+
return /*#__PURE__*/jsx(DrawerDockedRoot, _extends({
|
15372
|
+
className: clsx(classes.root, classes.docked, className),
|
15373
|
+
ownerState: ownerState,
|
15374
|
+
ref: ref
|
15375
|
+
}, other, {
|
15376
|
+
children: slidingDrawer
|
15377
|
+
}));
|
16520
15378
|
}
|
16521
|
-
|
16522
|
-
|
15379
|
+
|
15380
|
+
// variant === temporary
|
15381
|
+
return /*#__PURE__*/jsx(DrawerRoot, _extends({
|
15382
|
+
BackdropProps: _extends({}, BackdropProps, BackdropPropsProp, {
|
15383
|
+
transitionDuration
|
15384
|
+
}),
|
15385
|
+
className: clsx(classes.root, classes.modal, className),
|
15386
|
+
open: open,
|
16523
15387
|
ownerState: ownerState,
|
16524
|
-
|
16525
|
-
|
15388
|
+
onClose: onClose,
|
15389
|
+
hideBackdrop: hideBackdrop,
|
16526
15390
|
ref: ref
|
16527
|
-
}, other, {
|
16528
|
-
children:
|
16529
|
-
className: classes.dashed,
|
16530
|
-
ownerState: ownerState
|
16531
|
-
}) : null, /*#__PURE__*/jsx(LinearProgressBar1, {
|
16532
|
-
className: classes.bar1,
|
16533
|
-
ownerState: ownerState,
|
16534
|
-
style: inlineStyles.bar1
|
16535
|
-
}), variant === 'determinate' ? null : /*#__PURE__*/jsx(LinearProgressBar2, {
|
16536
|
-
className: classes.bar2,
|
16537
|
-
ownerState: ownerState,
|
16538
|
-
style: inlineStyles.bar2
|
16539
|
-
})]
|
15391
|
+
}, other, ModalProps, {
|
15392
|
+
children: slidingDrawer
|
16540
15393
|
}));
|
16541
15394
|
});
|
16542
|
-
process.env.NODE_ENV !== "production" ?
|
15395
|
+
process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */ = {
|
16543
15396
|
// ----------------------------- Warning --------------------------------
|
16544
15397
|
// | These PropTypes are generated from the TypeScript type definitions |
|
16545
15398
|
// | To update them edit the d.ts file and run "yarn proptypes" |
|
16546
15399
|
// ----------------------------------------------------------------------
|
15400
|
+
/**
|
15401
|
+
* Side from which the drawer will appear.
|
15402
|
+
* @default 'left'
|
15403
|
+
*/
|
15404
|
+
anchor: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
|
15405
|
+
/**
|
15406
|
+
* @ignore
|
15407
|
+
*/
|
15408
|
+
BackdropProps: PropTypes.object,
|
15409
|
+
/**
|
15410
|
+
* The content of the component.
|
15411
|
+
*/
|
15412
|
+
children: PropTypes.node,
|
16547
15413
|
/**
|
16548
15414
|
* Override or extend the styles applied to the component.
|
16549
15415
|
*/
|
@@ -16553,34 +15419,64 @@ process.env.NODE_ENV !== "production" ? LinearProgress.propTypes /* remove-propt
|
|
16553
15419
|
*/
|
16554
15420
|
className: PropTypes.string,
|
16555
15421
|
/**
|
16556
|
-
* The
|
16557
|
-
*
|
16558
|
-
* [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
|
16559
|
-
* @default 'primary'
|
15422
|
+
* The elevation of the drawer.
|
15423
|
+
* @default 16
|
16560
15424
|
*/
|
16561
|
-
|
15425
|
+
elevation: integerPropType,
|
16562
15426
|
/**
|
16563
|
-
*
|
15427
|
+
* If `true`, the backdrop is not rendered.
|
15428
|
+
* @default false
|
16564
15429
|
*/
|
16565
|
-
|
15430
|
+
hideBackdrop: PropTypes.bool,
|
15431
|
+
/**
|
15432
|
+
* Props applied to the [`Modal`](/material-ui/api/modal/) element.
|
15433
|
+
* @default {}
|
15434
|
+
*/
|
15435
|
+
ModalProps: PropTypes.object,
|
16566
15436
|
/**
|
16567
|
-
*
|
16568
|
-
*
|
15437
|
+
* Callback fired when the component requests to be closed.
|
15438
|
+
*
|
15439
|
+
* @param {object} event The event source of the callback.
|
15440
|
+
*/
|
15441
|
+
onClose: PropTypes.func,
|
15442
|
+
/**
|
15443
|
+
* If `true`, the component is shown.
|
15444
|
+
* @default false
|
15445
|
+
*/
|
15446
|
+
open: PropTypes.bool,
|
15447
|
+
/**
|
15448
|
+
* Props applied to the [`Paper`](/material-ui/api/paper/) element.
|
15449
|
+
* @default {}
|
15450
|
+
*/
|
15451
|
+
PaperProps: PropTypes.object,
|
15452
|
+
/**
|
15453
|
+
* Props applied to the [`Slide`](/material-ui/api/slide/) element.
|
15454
|
+
*/
|
15455
|
+
SlideProps: PropTypes.object,
|
15456
|
+
/**
|
15457
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
16569
15458
|
*/
|
16570
|
-
|
15459
|
+
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
16571
15460
|
/**
|
16572
|
-
* The
|
16573
|
-
*
|
15461
|
+
* The duration for the transition, in milliseconds.
|
15462
|
+
* You may specify a single timeout for all transitions, or individually with an object.
|
15463
|
+
* @default {
|
15464
|
+
* enter: theme.transitions.duration.enteringScreen,
|
15465
|
+
* exit: theme.transitions.duration.leavingScreen,
|
15466
|
+
* }
|
16574
15467
|
*/
|
16575
|
-
|
15468
|
+
transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
|
15469
|
+
appear: PropTypes.number,
|
15470
|
+
enter: PropTypes.number,
|
15471
|
+
exit: PropTypes.number
|
15472
|
+
})]),
|
16576
15473
|
/**
|
16577
15474
|
* The variant to use.
|
16578
|
-
*
|
16579
|
-
* @default 'indeterminate'
|
15475
|
+
* @default 'temporary'
|
16580
15476
|
*/
|
16581
|
-
variant: PropTypes.oneOf(['
|
15477
|
+
variant: PropTypes.oneOf(['permanent', 'persistent', 'temporary'])
|
16582
15478
|
} : void 0;
|
16583
|
-
var
|
15479
|
+
var Drawer$1 = Drawer;
|
16584
15480
|
|
16585
15481
|
const Stack = createStack({
|
16586
15482
|
createStyledComponent: styled$1('div', {
|
@@ -16642,53 +15538,58 @@ var Stack$1 = Stack;
|
|
16642
15538
|
var img = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3csymbol id='create' viewBox='0 0 208 187' fill='none'%3e %3cellipse cx='103.533' cy='183.458' rx='61.5334' ry='3.45772' fill='%23ECEFF1'/%3e %3cpath d='M71.6923 37.0033V0H8V149H16.3077V10.3955L46.3151 7.40066L46.448 7.52894L46.5865 7.37599L61.496 5.89586L61.6622 6.05867L61.8394 5.86132L70.0308 5.02752V37.0033H61.1692V40.9503H80V37.0033H71.6923ZM28.8025 2.58037L33.7871 7.15891L23.5077 8.18513L28.8025 2.58037ZM22.0788 7.40066L17.2271 1.48013H27.6726L22.0788 7.40066ZM29.9157 1.48013H40.1231L35.2049 6.3103L29.9157 1.48013ZM70.0308 2.10179V3.53752L68.7348 3.66579L70.0308 2.10179ZM67.2948 2.91586L65.8049 1.48013H68.48L67.2948 2.91586ZM63.6172 1.48013L61.5735 3.76447L59.2308 1.48013H63.6172ZM57.0431 1.48013L54.5785 4.23811L51.8757 1.48013H57.0431ZM49.7102 1.48013L46.3428 5.25941L42.3717 1.48013H49.7102ZM16.3077 2.86652L20.8991 8.44662L16.3077 8.90547V2.86652ZM36.8886 6.84808L41.2308 2.5705L44.8862 6.04881L36.8886 6.84808ZM50.8012 2.63463L53.3268 5.20513L48.0431 5.73305L50.8012 2.63463ZM56.0849 4.93377L58.1508 2.62477L60.1114 4.53414L56.0849 4.93377ZM64.7249 2.61983L66.0874 3.94702L63.3182 4.22331L64.7249 2.61983Z' fill='%23ECEFF1'/%3e %3cpath d='M53.2805 64.3482H43.0115V59.4281H41.5445V64.3482H31.7646V55H29.8086V157.831H55.2365V57.9521H53.2805V64.3482ZM41.5445 72.2204H31.7646V66.8083H41.5445V72.2204ZM53.2805 72.2204H43.0115V66.8083H53.2805V72.2204Z' fill='%23ECEFF1'/%3e %3cpath d='M204 162V137.945H201.863V126.482H198.733V86.6293H194.21V81.4855L184.562 77.1551V71.9737H183.222V86.6293H181.35V126.482H179.482V105.526H174.401V94.7259H172.983V126.482H169.125V114.398H166.582V111.309H160.699V100.768H157.477V93.3107H153.516V82.4494H152.103V93.3107H148.142V100.768H144.919V111.309H139.037V114.398H136.499V126.482H133.487V111.309H127.604V78.6597H125.731V75.0581H113.164V78.6597H110.489V102.315H99.7897V104.628H95.78V106.429V112.829V115.682H88.5623V84.8285H86.1516V78.2695H80.9389V55H79.467V78.2695H75.7262V84.8285H53.7751V82.6704H52.4401V97.3261H50.5672V97.5847H49.4425V112.24H47.5697V116.223H43.6137V105.427H42.1956V131.137H40.621V120.337H39.2029V137.179H38.3374V125.095H35.7995V122.011H29.9169V111.469H26.6944V104.012H22.7335V93.1461H21.3203V104.012H17.3594V111.469H14.1369V122.011H8.25428V125.095H5.71638V136.925H5.25672V137.179H4V162H204Z' fill='%23ECEFF1'/%3e %3cpath d='M1 162H75' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M95 162H207' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M80 162H89' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M111.051 151.884L131.834 178.147C132.913 179.511 135.091 178.965 135.404 177.252L141.462 143.805' stroke='%23455A64' stroke-width='3' stroke-miterlimit='10'/%3e %3cpath d='M51.5779 109.002H157L140.363 142.002H70.9327L50.3481 111.51C49.5227 110.497 50.2582 109.002 51.5779 109.002Z' fill='%2383ABDE' stroke='%2304447F' stroke-miterlimit='10'/%3e %3cpath d='M60.5 160.167C60.5 148.753 69.7512 139.502 81.1644 139.502C92.5777 139.502 101.829 148.753 101.829 160.167C101.829 171.58 92.5777 180.831 81.1644 180.831C69.7512 180.831 60.5 171.58 60.5 160.167ZM71.3017 160.167C71.3017 165.614 75.7175 170.029 81.1644 170.029C86.6114 170.029 91.0272 165.614 91.0272 160.167C91.0272 154.72 86.6114 150.304 81.1644 150.304C75.7175 150.304 71.3017 154.72 71.3017 160.167Z' fill='%23455A64' stroke='%23263238' stroke-miterlimit='10'/%3e %3cpath d='M82.2108 163.688L82.3783 163.641L144.616 146.301L169.744 98.2155L169.884 97.9471H170.187H178.247C180.028 97.9471 181.469 96.5025 181.469 94.7244C181.469 92.943 180.025 91.5018 178.247 91.5018H165.712L140.624 139.511L140.524 139.703L140.315 139.761L80.3764 156.461C80.3763 156.461 80.3763 156.461 80.3762 156.461C78.4234 157.006 77.2636 159.008 77.7621 160.971L82.2108 163.688ZM82.2108 163.688C80.2481 164.14 78.2645 162.945 77.7622 160.971L82.2108 163.688Z' fill='%23F4F7F9' stroke='%23263238'/%3e %3cpath d='M26 183.144L33.2302 176.88L35.4503 173.386L40.5175 170.632L48.5844 168.002L55.6288 170.632L59.2357 174.417L63.7183 174.261L70.1131 176.275L75.6746 179.927L78.5669 183.868L26 183.144Z' fill='%23EEE4B0'/%3e %3cpath d='M46.1618 174.674C46.0308 174.646 45.9023 174.607 45.7777 174.558C45.532 174.476 45.1817 174.352 44.7411 174.23C44.228 174.081 43.6965 174.005 43.1622 174.004C42.5116 174.003 41.876 174.2 41.3403 174.569C41.0778 174.783 40.8375 175.022 40.6229 175.284C40.5072 175.408 40.3728 175.514 40.2247 175.597C40.0776 175.674 39.9158 175.718 39.7501 175.727C39.4338 175.75 39.1457 175.699 38.883 175.704C38.638 175.711 38.3965 175.763 38.1712 175.86C37.8403 175.997 37.549 176.214 37.3238 176.493C37.1657 176.693 37.1064 176.823 37.0951 176.817C37.0838 176.812 37.0951 176.781 37.129 176.718C37.1714 176.628 37.2215 176.541 37.2787 176.459C37.494 176.156 37.7866 175.916 38.126 175.764C38.3617 175.656 38.6158 175.595 38.8745 175.583C39.157 175.583 39.4394 175.617 39.7219 175.583C39.8729 175.571 40.02 175.529 40.1544 175.459C40.2888 175.389 40.4078 175.293 40.5043 175.176C40.7212 174.906 40.9664 174.66 41.2358 174.442C41.7988 174.061 42.4657 173.864 43.1452 173.877C43.6911 173.883 44.2329 173.972 44.7524 174.14C45.1958 174.275 45.5433 174.422 45.7805 174.513C45.9125 174.554 46.0402 174.608 46.1618 174.674Z' fill='%231E62A1'/%3e %3cpath d='M66.0544 179.718C65.8911 179.66 65.7308 179.594 65.5743 179.52C65.1884 179.379 64.7787 179.315 64.3682 179.331C63.9573 179.348 63.5535 179.443 63.179 179.613C63.029 179.7 62.8743 179.778 62.7158 179.848C62.8279 179.709 62.9699 179.598 63.131 179.523C63.509 179.316 63.9298 179.199 64.3605 179.181C64.7912 179.164 65.2201 179.246 65.6138 179.421C65.7822 179.484 65.9332 179.585 66.0544 179.718Z' fill='%231E62A1'/%3e %3cmask id='path-15-inside-1_1144_129382' fill='white'%3e %3cpath d='M100.738 99.8354C101.631 100.403 103.05 101.43 103.794 101.975C103.176 101.537 102.031 100.726 100.738 99.8354Z'/%3e %3c/mask%3e %3cpath d='M100.738 99.8354C101.631 100.403 103.05 101.43 103.794 101.975C103.176 101.537 102.031 100.726 100.738 99.8354Z' fill='%23FFFBC7'/%3e %3cpath d='M100.738 99.8354L101.275 98.9917L100.171 100.659L100.738 99.8354ZM103.794 101.975L103.216 102.791L104.385 101.168L103.794 101.975ZM100.201 100.679C101.062 101.227 102.455 102.233 103.203 102.782L104.385 101.168C103.645 100.626 102.2 99.5803 101.275 98.9917L100.201 100.679ZM104.372 101.159C103.754 100.721 102.604 99.9065 101.306 99.0118L100.171 100.659C101.458 101.545 102.598 102.353 103.216 102.791L104.372 101.159Z' fill='%231E62A1' mask='url(%23path-15-inside-1_1144_129382)'/%3e %3cpath d='M146.805 109.48L146.813 109.48L146.805 109.48ZM146.805 109.48L146.817 109.98M146.805 109.48L146.817 109.98M146.817 109.98C146.805 109.48 146.805 109.48 146.804 109.48L146.804 109.48L146.801 109.48L146.792 109.481L146.753 109.482L146.602 109.486C146.469 109.489 146.272 109.495 146.016 109.503C145.504 109.518 144.755 109.542 143.811 109.577C141.921 109.645 139.244 109.755 136.095 109.919C129.797 110.247 121.604 110.792 114.034 111.661C106.519 112.524 99.4772 112.375 94.3123 112.009C91.7307 111.826 89.62 111.59 88.1561 111.399C87.4242 111.304 86.8541 111.22 86.4678 111.16C86.2746 111.13 86.1274 111.106 86.0289 111.09C86.0054 111.086 85.9848 111.082 85.9669 111.079C85.9472 111.076 85.9309 111.073 85.918 111.071L85.8906 111.066L85.884 111.065L85.8825 111.065L85.8823 111.065L85.3689 110.974M146.817 109.98L85.3689 110.974M85.3689 110.974L85.3002 111.485M85.3689 110.974L85.3002 111.485M55.4109 99.9256C55.9033 100.013 55.9032 100.013 55.9032 100.013L55.9033 100.013L55.4109 99.9256ZM55.4109 99.9256L55.451 100.424L55.4512 100.424C55.4511 100.424 55.451 100.424 55.4109 99.9256ZM85.4193 86.7107C85.6678 87.1446 85.6675 87.1447 85.6673 87.1448L85.6678 87.1446L85.4193 86.7107ZM85.4193 86.7107L85.274 87.1892L85.2744 87.1893C85.2742 87.1892 85.274 87.1892 85.4193 86.7107ZM131.687 88.2917C133.891 89.2989 135.825 90.435 137.506 91.6363L137.507 91.6377C141.135 94.2059 143.628 97.0331 145.268 99.3535L145.268 99.3537C146.26 100.756 146.94 101.972 147.371 102.834C147.587 103.265 147.74 103.608 147.839 103.84C147.888 103.956 147.924 104.045 147.947 104.104C147.958 104.133 147.967 104.155 147.972 104.169L147.977 104.184L147.979 104.187L147.979 104.187L147.979 104.188L147.979 104.188L148.05 104.386L148.243 104.474L148.243 104.474L148.244 104.474L148.248 104.476L148.263 104.483L148.326 104.512C148.381 104.537 148.463 104.575 148.565 104.624C148.77 104.722 149.061 104.863 149.401 105.036C150.084 105.383 150.957 105.855 151.738 106.361C152.539 106.881 153.17 107.391 153.441 107.8C153.575 108.002 153.56 108.088 153.557 108.1C153.556 108.103 153.53 108.204 153.239 108.33C151.884 108.916 150.286 109.207 149.006 109.349C148.371 109.419 147.822 109.452 147.432 109.467C147.238 109.475 147.084 109.478 146.979 109.479C146.927 109.48 146.887 109.48 146.86 109.48L146.831 109.48L146.824 109.48L146.822 109.48L146.822 109.48L131.687 88.2917ZM131.687 88.2917L131.895 87.8366L131.687 88.2914C131.687 88.2915 131.687 88.2916 131.687 88.2917ZM85.3002 111.485C85.3 111.486 85.2997 111.488 85.2993 111.49C85.2977 111.498 85.2943 111.514 85.2884 111.537C85.2764 111.583 85.2541 111.655 85.2155 111.743C85.1384 111.919 84.9964 112.161 84.738 112.398C84.2328 112.862 83.199 113.381 81.094 113.211C80.6284 113.173 79.9032 113.057 78.966 112.878C75.2638 112.154 68.5612 110.43 62.5791 108.536C59.588 107.589 56.7892 106.603 54.6413 105.683C53.5665 105.223 52.6663 104.784 51.9903 104.379C51.2909 103.961 50.9089 103.624 50.7737 103.393L50.7676 103.382M85.3002 111.485L50.7676 103.382M50.7676 103.382L50.761 103.372M50.7676 103.382L50.761 103.372M50.761 103.372C50.7453 103.348 50.7276 103.316 50.7152 103.291L50.7153 103.291M50.761 103.372L50.7153 103.291M50.7153 103.291L50.7102 103.281L50.7153 103.291ZM55.9028 100.015L55.8359 100.393L55.9028 100.015ZM55.9028 100.015C55.9028 100.015 55.9028 100.015 55.9029 100.015M55.9028 100.015L55.9029 100.015M55.9029 100.015C55.903 100.014 55.9031 100.014 55.9033 100.013M55.9029 100.015L55.9033 100.013M55.9033 100.013L55.9073 99.994M55.9033 100.013L55.9073 99.994M55.9073 99.994C55.9114 99.9751 55.9187 99.9437 55.9301 99.9007M55.9073 99.994L55.9301 99.9007M55.9301 99.9007C55.953 99.8146 55.9923 99.6817 56.0557 99.5077M55.9301 99.9007L56.0557 99.5077M56.0557 99.5077C56.1822 99.1605 56.405 98.6489 56.7856 98.0185L56.0557 99.5077ZM137.796 91.2296C141.477 93.8356 144.009 96.7059 145.676 99.065L137.796 91.2296ZM66.691 90.1171C66.6917 90.1168 66.6923 90.1165 66.6929 90.1162L66.4759 89.6658L66.6891 90.1181C66.6897 90.1178 66.6904 90.1175 66.691 90.1171ZM58.1184 96.219L57.7375 95.895L58.115 96.223C58.1155 96.2223 58.1161 96.2216 58.1167 96.221C58.1172 96.2203 58.1178 96.2197 58.1184 96.219ZM57.3664 97.1597C57.3669 97.1589 57.3674 97.1582 57.368 97.1574L56.9635 96.8635L57.3648 97.1617C57.3653 97.161 57.3658 97.1604 57.3664 97.1597Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M120.968 99.244C121.036 99.3139 121.103 99.3847 121.166 99.4555C121.404 99.7188 121.587 99.961 121.701 100.156C121.66 100.123 121.615 100.083 121.566 100.035C121.37 99.8403 121.165 99.5611 120.968 99.244Z' fill='%231E62A1' stroke='%231E62A1'/%3e %3cmask id='path-19-inside-2_1144_129382' fill='white'%3e %3cpath d='M120.699 96.3469C120.699 96.3469 123.018 99.9863 123.648 99.9927C124.278 99.9991 122.26 97.3039 120.699 96.3469Z'/%3e %3c/mask%3e %3cpath d='M120.699 96.3469C120.699 96.3469 123.018 99.9863 123.648 99.9927C124.278 99.9991 122.26 97.3039 120.699 96.3469Z' fill='%231E62A1'/%3e %3cpath d='M120.699 96.3469L121.222 95.4944L119.856 96.8843L120.699 96.3469ZM120.699 96.3469C119.856 96.8843 119.856 96.8844 119.856 96.8844C119.856 96.8845 119.856 96.8846 119.856 96.8847C119.856 96.8848 119.856 96.8851 119.857 96.8854C119.857 96.8859 119.857 96.8867 119.858 96.8878C119.859 96.8898 119.861 96.8927 119.864 96.8964C119.868 96.9039 119.875 96.9147 119.884 96.9286C119.902 96.9565 119.928 96.9969 119.961 97.048C120.028 97.1502 120.123 97.2956 120.239 97.4699C120.47 97.8175 120.788 98.2841 121.127 98.7533C121.463 99.2177 121.836 99.7061 122.176 100.087C122.344 100.275 122.527 100.463 122.711 100.611C122.803 100.686 122.917 100.768 123.047 100.837C123.166 100.899 123.375 100.99 123.638 100.993L123.658 98.9928C123.842 98.9946 123.959 99.0566 123.975 99.0648C124.002 99.079 124.001 99.0827 123.97 99.057C123.906 99.0056 123.805 98.9078 123.667 98.7537C123.396 98.4503 123.07 98.0278 122.748 97.5815C122.429 97.1401 122.127 96.6964 121.904 96.3614C121.793 96.1944 121.702 96.0555 121.639 95.9586C121.607 95.9102 121.583 95.8724 121.567 95.847C121.558 95.8343 121.552 95.8246 121.548 95.8183C121.546 95.8152 121.545 95.8128 121.544 95.8114C121.543 95.8106 121.543 95.8101 121.543 95.8098C121.543 95.8097 121.543 95.8096 121.543 95.8095C121.543 95.8095 121.543 95.8095 121.543 95.8095C121.543 95.8095 121.543 95.8095 120.699 96.3469ZM123.638 100.993C123.848 100.995 124.176 100.939 124.446 100.667C124.708 100.403 124.761 100.089 124.766 99.9045C124.775 99.5786 124.649 99.287 124.578 99.1361C124.406 98.7683 124.11 98.3328 123.782 97.9145C123.128 97.0786 122.147 96.0616 121.222 95.4944L120.177 97.1995C120.812 97.5892 121.621 98.3983 122.208 99.1477C122.501 99.522 122.689 99.8189 122.767 99.9846C122.821 100.1 122.762 100.026 122.766 99.8498C122.769 99.7403 122.803 99.4844 123.025 99.2596C123.256 99.0265 123.526 98.9914 123.658 98.9928L123.638 100.993Z' fill='%231E62A1' mask='url(%23path-19-inside-2_1144_129382)'/%3e %3cpath d='M135.778 108.44C135.917 108.667 136.043 108.798 136.138 108.767L135.778 108.44Z' fill='%231E62A1' stroke='%231E62A1'/%3e %3cmask id='path-22-inside-3_1144_129382' fill='white'%3e %3cpath d='M136.332 104.998C136.332 104.998 136.931 107.99 137.559 108.152C138.187 108.314 136.332 104.998 136.332 104.998Z'/%3e %3c/mask%3e %3cpath d='M136.332 104.998C136.332 104.998 136.931 107.99 137.559 108.152C138.187 108.314 136.332 104.998 136.332 104.998Z' fill='%231E62A1'/%3e %3cpath d='M136.332 104.998L137.205 104.51L135.351 105.194L136.332 104.998ZM136.332 104.998C135.351 105.194 135.352 105.194 135.352 105.194C135.352 105.195 135.352 105.195 135.352 105.195C135.352 105.195 135.352 105.195 135.352 105.196C135.352 105.196 135.352 105.197 135.352 105.198C135.353 105.2 135.353 105.203 135.354 105.206C135.355 105.213 135.357 105.222 135.36 105.234C135.365 105.258 135.372 105.293 135.381 105.336C135.4 105.424 135.427 105.547 135.462 105.695C135.53 105.99 135.63 106.389 135.752 106.799C135.871 107.201 136.022 107.648 136.2 108.021C136.288 108.205 136.399 108.409 136.54 108.588C136.662 108.743 136.911 109.017 137.309 109.12L137.809 107.184C138.051 107.246 138.144 107.392 138.112 107.352C138.1 107.336 138.062 107.279 138.005 107.161C137.894 106.927 137.778 106.596 137.669 106.229C137.562 105.871 137.473 105.512 137.409 105.241C137.378 105.106 137.353 104.994 137.337 104.917C137.329 104.879 137.322 104.849 137.318 104.829C137.316 104.819 137.315 104.812 137.314 104.807C137.313 104.805 137.313 104.803 137.313 104.802C137.313 104.802 137.313 104.801 137.313 104.801C137.313 104.801 137.313 104.801 137.313 104.801C137.313 104.801 137.313 104.801 137.313 104.801C137.313 104.801 137.313 104.802 136.332 104.998ZM137.309 109.12C137.5 109.17 137.883 109.213 138.242 108.949C138.582 108.699 138.659 108.347 138.679 108.187C138.717 107.885 138.635 107.59 138.591 107.443C138.481 107.074 138.279 106.614 138.084 106.206C137.882 105.783 137.663 105.359 137.495 105.044C137.411 104.885 137.339 104.753 137.288 104.66C137.262 104.613 137.242 104.576 137.227 104.55C137.22 104.538 137.215 104.528 137.211 104.521C137.209 104.517 137.208 104.515 137.207 104.513C137.206 104.512 137.206 104.511 137.205 104.511C137.205 104.51 137.205 104.51 137.205 104.51C137.205 104.51 137.205 104.51 137.205 104.51C137.205 104.51 137.205 104.51 136.332 104.998C135.459 105.486 135.459 105.486 135.459 105.486C135.459 105.486 135.459 105.486 135.459 105.486C135.459 105.486 135.459 105.486 135.459 105.486C135.46 105.487 135.46 105.487 135.46 105.488C135.461 105.489 135.462 105.491 135.464 105.494C135.467 105.5 135.472 105.508 135.478 105.52C135.491 105.543 135.51 105.577 135.534 105.621C135.581 105.708 135.649 105.833 135.729 105.983C135.89 106.285 136.095 106.68 136.278 107.066C136.469 107.466 136.612 107.805 136.674 108.012C136.716 108.154 136.676 108.091 136.695 107.939C136.705 107.855 136.758 107.557 137.056 107.338C137.374 107.105 137.697 107.155 137.809 107.184L137.309 109.12Z' fill='%231E62A1' mask='url(%23path-22-inside-3_1144_129382)'/%3e %3cmask id='path-24-inside-4_1144_129382' fill='white'%3e %3cpath d='M137.63 101.233C137.63 101.233 141.261 99.6989 141.096 100.638C140.931 101.578 137.63 101.233 137.63 101.233Z'/%3e %3c/mask%3e %3cpath d='M137.63 101.233C137.63 101.233 141.261 99.6989 141.096 100.638C140.931 101.578 137.63 101.233 137.63 101.233Z' fill='%231E62A1'/%3e %3cpath d='M137.63 101.233L137.241 100.311L137.526 102.227L137.63 101.233ZM137.63 101.233C138.019 102.154 138.019 102.154 138.019 102.154C138.019 102.154 138.019 102.154 138.019 102.154C138.019 102.154 138.019 102.154 138.019 102.154C138.019 102.154 138.02 102.154 138.02 102.153C138.022 102.153 138.024 102.152 138.027 102.151C138.032 102.148 138.042 102.144 138.054 102.139C138.078 102.129 138.115 102.114 138.161 102.095C138.255 102.057 138.39 102.003 138.552 101.942C138.878 101.817 139.301 101.664 139.712 101.541C140.147 101.411 140.481 101.341 140.661 101.334C140.777 101.33 140.667 101.359 140.497 101.261C140.385 101.197 140.249 101.078 140.167 100.888C140.088 100.706 140.097 100.547 140.111 100.465L142.081 100.811C142.116 100.612 142.116 100.355 142.002 100.092C141.885 99.8218 141.688 99.6391 141.493 99.527C141.156 99.3332 140.789 99.3281 140.588 99.3355C140.133 99.3522 139.59 99.4897 139.138 99.6252C138.662 99.7681 138.188 99.9398 137.838 100.073C137.662 100.141 137.514 100.199 137.41 100.242C137.358 100.263 137.317 100.28 137.288 100.292C137.274 100.298 137.262 100.302 137.255 100.306C137.251 100.307 137.247 100.309 137.245 100.31C137.244 100.31 137.243 100.31 137.242 100.311C137.242 100.311 137.242 100.311 137.242 100.311C137.241 100.311 137.241 100.311 137.241 100.311C137.241 100.311 137.241 100.311 137.63 101.233ZM140.111 100.465C140.18 100.076 140.505 100.077 140.198 100.17C139.988 100.233 139.66 100.274 139.264 100.288C138.883 100.302 138.499 100.29 138.205 100.273C138.059 100.265 137.939 100.256 137.856 100.249C137.814 100.246 137.783 100.243 137.762 100.241C137.751 100.24 137.744 100.239 137.739 100.238C137.737 100.238 137.735 100.238 137.734 100.238C137.734 100.238 137.734 100.238 137.734 100.238C137.734 100.238 137.734 100.238 137.734 100.238C137.734 100.238 137.734 100.238 137.734 100.238C137.734 100.238 137.734 100.238 137.63 101.233C137.526 102.227 137.526 102.227 137.526 102.227C137.527 102.227 137.527 102.227 137.527 102.227C137.527 102.227 137.528 102.227 137.528 102.227C137.529 102.227 137.53 102.227 137.531 102.228C137.533 102.228 137.536 102.228 137.54 102.229C137.548 102.229 137.559 102.23 137.573 102.232C137.6 102.234 137.64 102.238 137.689 102.242C137.787 102.25 137.926 102.261 138.092 102.27C138.422 102.289 138.873 102.304 139.338 102.287C139.788 102.27 140.317 102.222 140.772 102.085C141.13 101.978 141.93 101.67 142.081 100.811L140.111 100.465Z' fill='%231E62A1' mask='url(%23path-24-inside-4_1144_129382)'/%3e %3cpath d='M141.994 98.4307C141.985 98.3594 141.965 98.2562 141.929 98.1181C141.842 97.7927 141.68 97.3318 141.432 96.7528C140.938 95.5981 140.121 94.0129 138.946 92.1701C137.871 90.4932 136.511 88.6089 134.828 86.6436L134.827 86.6421C134.351 86.0826 133.847 85.5659 133.326 85.0724L133.301 85.0596L133.25 85.0129C128.05 80.1932 121.068 78.9534 114.988 78.7506C111.636 78.6392 108.907 78.8446 107.021 79.0771C106.077 79.1933 105.344 79.3162 104.849 79.4096C104.602 79.4563 104.414 79.4956 104.289 79.523C104.227 79.5366 104.18 79.5473 104.149 79.5545L104.115 79.5625L104.108 79.5643L104.106 79.5647L104.106 79.5647L104.106 79.5648L104.029 79.5839L103.949 79.578L103.986 79.0793C103.949 79.578 103.949 79.578 103.949 79.578L103.948 79.5779L103.946 79.5777L103.936 79.577L103.894 79.574C103.857 79.5714 103.802 79.5676 103.729 79.5627C103.583 79.5529 103.367 79.539 103.087 79.5226C102.527 79.4896 101.712 79.4463 100.691 79.4053C98.65 79.3232 95.7905 79.2498 92.5187 79.2852C85.9653 79.356 77.7952 79.8625 71.2334 81.5901L71.2332 81.5902C64.6626 83.3166 58.3065 86.2577 53.8304 88.8853C51.59 90.2005 49.8395 91.4262 48.7733 92.3696C48.232 92.8487 47.9052 93.2221 47.7644 93.4731C47.7535 93.4926 47.7444 93.51 47.737 93.5253C48.5775 93.9379 49.4181 94.1553 50.062 94.2691C50.3977 94.3285 50.6766 94.3591 50.8697 94.3748C50.9662 94.3827 51.041 94.3868 51.0904 94.3889C51.1151 94.39 51.1335 94.3906 51.145 94.3909L51.1571 94.3912L51.1586 94.3912L51.1589 94.3912L51.159 94.3912L51.1592 94.3912L51.1593 94.3912L51.4601 94.3943L51.5976 94.6615L51.5978 94.6618L51.5979 94.662L51.598 94.6622L51.5981 94.6623L51.5998 94.6656L51.611 94.6863C51.6216 94.7057 51.6386 94.7362 51.6624 94.7771C51.71 94.8588 51.7847 94.9818 51.889 95.1397C52.0977 95.4555 52.4252 95.9107 52.8929 96.4539L52.8929 96.454C54.5569 98.3874 58.0166 101.441 64.2465 103.196C67.2989 104.048 70.2792 104.634 72.9334 105.034C75.8754 105.472 78.4224 105.684 80.2329 105.787C81.1381 105.838 81.8587 105.862 82.352 105.874C82.5987 105.879 82.7885 105.882 82.9161 105.883C82.9799 105.883 83.0281 105.883 83.0601 105.883L83.0959 105.883L83.1045 105.883L83.1064 105.883L83.1069 105.883L83.5366 105.88L83.6034 106.303L83.6034 106.303L83.6035 106.304L83.6036 106.304L83.6037 106.305L83.6038 106.305L83.6049 106.311C83.6065 106.319 83.6094 106.334 83.6139 106.354C83.6231 106.394 83.6385 106.455 83.6624 106.53C83.7106 106.681 83.791 106.882 83.9183 107.086C84.1671 107.483 84.5872 107.883 85.3354 107.952L141.994 98.4307ZM141.994 98.4307C141.992 98.4325 141.989 98.4345 141.987 98.4364C141.936 98.4743 141.858 98.5222 141.742 98.5769C141.507 98.6873 141.149 98.8116 140.615 98.9396C139.548 99.1953 137.846 99.451 135.183 99.6599C132.544 99.8632 127.115 99.6912 122.313 99.4649C119.919 99.3521 117.692 99.2264 116.063 99.1289C115.249 99.0802 114.584 99.0385 114.124 99.009C113.893 98.9942 113.714 98.9825 113.592 98.9745L113.453 98.9654L113.418 98.963L113.409 98.9624L113.407 98.9623L113.406 98.9622C113.406 98.9622 113.406 98.9622 113.372 99.4611L113.406 98.9622L113.254 98.952L113.123 99.0278L113.123 99.0278L113.122 99.0282L113.119 99.0298L113.107 99.037L113.056 99.0658C113.011 99.0914 112.943 99.1293 112.855 99.1781C112.678 99.2758 112.418 99.417 112.089 99.59C111.431 99.936 110.496 100.409 109.391 100.913C107.173 101.926 104.296 103.057 101.6 103.57L141.994 98.4307ZM89.7935 103.821L89.7932 103.821L89.7919 103.823L89.7861 103.832L89.7618 103.868C89.7401 103.899 89.7077 103.946 89.6656 104.006C89.5813 104.127 89.4582 104.299 89.3045 104.505C88.9964 104.919 88.5682 105.467 88.0844 106.007C87.598 106.55 87.069 107.07 86.5602 107.44C86.0307 107.825 85.6162 107.978 85.3356 107.952L89.7935 103.821ZM89.7935 103.821L89.7935 103.821M89.7935 103.821L89.7935 103.821M90.2916 103.606L90.2916 103.606L90.2921 103.606L90.2947 103.607L90.3064 103.609L90.3549 103.617C90.3982 103.623 90.4631 103.633 90.5482 103.646C90.7184 103.671 90.9689 103.705 91.2874 103.743C91.9243 103.82 92.8319 103.912 93.9102 103.971C96.071 104.091 98.8972 104.08 101.6 103.57L90.2916 103.606ZM90.2916 103.606L90.2915 103.606M90.2916 103.606L90.2915 103.606M90.2915 103.606L89.9732 103.553M90.2915 103.606L89.9732 103.553M89.9732 103.553L89.7935 103.821M89.9732 103.553L89.7935 103.821M89.7935 103.821L89.7935 103.821M89.7935 103.821L89.7935 103.821' fill='%23FFFBC7' stroke='%231E62A1'/%3e %3cpath opacity='0.5' d='M56.6898 96.2217C56.6555 96.2042 56.622 96.1872 56.5893 96.1705C57.1759 96.186 58.0282 96.3086 59.0884 96.5241C61.4559 97.0053 64.7092 97.9171 67.9563 98.9315C71.2005 99.9449 74.422 101.055 76.7211 101.929C77.269 102.138 77.7618 102.332 78.1885 102.507C78.0055 102.489 77.8133 102.47 77.6127 102.448C76.3956 102.313 74.8897 102.093 73.3168 101.822C70.1615 101.279 66.7837 100.542 64.9455 99.9076C63.0951 99.2685 60.8083 98.233 58.973 97.3508C58.0577 96.9109 57.2593 96.5112 56.6898 96.2217Z' fill='%23B89E09' stroke='%23B89E09'/%3e %3cpath d='M142.102 87.8866C142.093 87.8153 142.073 87.7121 142.036 87.574C141.95 87.2486 141.787 86.7877 141.54 86.2087C141.046 85.054 140.228 83.4688 139.054 81.626C137.979 79.9491 136.618 78.0648 134.935 76.0995L134.934 76.098C134.459 75.5385 133.955 75.0218 133.433 74.5283L133.408 74.5155L133.358 74.4688C128.158 69.6491 121.175 68.4093 115.095 68.2065C111.743 68.0951 109.015 68.3005 107.128 68.533C106.185 68.6492 105.452 68.7721 104.957 68.8655C104.709 68.9122 104.521 68.9515 104.396 68.9789C104.334 68.9926 104.287 69.0032 104.257 69.0104L104.223 69.0184L104.215 69.0202L104.214 69.0206L104.213 69.0206L104.213 69.0207L104.136 69.0398L104.056 69.0339L104.093 68.5352C104.056 69.0339 104.056 69.0339 104.056 69.0339L104.056 69.0338L104.053 69.0336L104.043 69.0329L104.001 69.0299C103.965 69.0273 103.909 69.0235 103.836 69.0186C103.691 69.0088 103.475 68.9949 103.195 68.9785C102.635 68.9455 101.819 68.9023 100.799 68.8612C98.7574 68.7791 95.898 68.7057 92.6261 68.7411C86.0727 68.8119 77.9027 69.3184 71.3409 71.046L71.3406 71.0461C64.77 72.7725 58.4139 75.7136 53.9378 78.3412C51.6974 79.6564 49.9469 80.8821 48.8807 81.8255C48.3394 82.3046 48.0126 82.678 47.8718 82.929C47.8609 82.9485 47.8519 82.9659 47.8444 82.9812C48.6849 83.3938 49.5255 83.6112 50.1694 83.725C50.5051 83.7844 50.784 83.815 50.9771 83.8307C51.0736 83.8386 51.1484 83.8427 51.1978 83.8449C51.2225 83.8459 51.2409 83.8465 51.2524 83.8468L51.2645 83.8471L51.2661 83.8471L51.2663 83.8471L51.2665 83.8471L51.2666 83.8471L51.2667 83.8471L51.5675 83.8502L51.7051 84.1174L51.7052 84.1177L51.7053 84.1179L51.7054 84.1181L51.7055 84.1182L51.7073 84.1216L51.7184 84.1422C51.729 84.1616 51.7461 84.1921 51.7699 84.233C51.8175 84.3147 51.8921 84.4377 51.9964 84.5956C52.2051 84.9114 52.5326 85.3666 53.0003 85.9098L53.0004 85.9099C54.6643 87.8433 58.1241 90.8973 64.3539 92.6517C67.4064 93.5043 70.3866 94.09 73.0409 94.4898C75.9828 94.9277 78.5298 95.1401 80.3403 95.2429C81.2455 95.2943 81.9661 95.3183 82.4595 95.3295C82.7061 95.3351 82.8959 95.3375 83.0235 95.3384C83.0873 95.3389 83.1355 95.3391 83.1675 95.3391L83.2033 95.3391L83.2119 95.339L83.2139 95.339L83.2143 95.339L83.6441 95.3364L83.7108 95.7586L83.7108 95.7588L83.7109 95.7594L83.711 95.7601L83.7111 95.7605L83.7112 95.7609L83.7123 95.7667C83.7139 95.7751 83.7168 95.7898 83.7214 95.8097C83.7305 95.8498 83.7459 95.9106 83.7698 95.9855C83.818 96.1369 83.8984 96.3383 84.0257 96.5417C84.2745 96.9392 84.6947 97.3386 85.4428 97.4083L142.102 87.8866ZM142.102 87.8866C142.099 87.8884 142.097 87.8904 142.094 87.8923C142.043 87.9302 141.965 87.9781 141.849 88.0328C141.615 88.1432 141.256 88.2675 140.722 88.3955C139.656 88.6512 137.953 88.9069 135.291 89.1158C132.651 89.3191 127.223 89.1471 122.42 88.9208C120.027 88.808 117.8 88.6823 116.171 88.5848C115.356 88.5361 114.692 88.4944 114.231 88.4649C114 88.4501 113.821 88.4384 113.699 88.4304L113.56 88.4213L113.525 88.4189L113.516 88.4183L113.514 88.4182L113.513 88.4181C113.513 88.4181 113.513 88.4181 113.48 88.917L113.513 88.4181L113.362 88.4079L113.23 88.4837L113.23 88.4837L113.23 88.4841L113.227 88.4857L113.214 88.4929L113.163 88.5217C113.118 88.5473 113.05 88.5852 112.962 88.6341C112.785 88.7317 112.526 88.8729 112.197 89.0459C111.539 89.3919 110.604 89.8645 109.498 90.3694C107.281 91.3822 104.404 92.513 101.708 93.0257L142.102 87.8866ZM89.9009 93.2771L89.9007 93.2774L89.8993 93.2793L89.8935 93.288L89.8692 93.3237C89.8475 93.3553 89.8151 93.4022 89.773 93.4623C89.6887 93.5824 89.5656 93.7547 89.4119 93.9612C89.1038 94.3752 88.6756 94.9227 88.1918 95.4627C87.7054 96.0057 87.1764 96.5258 86.6676 96.8957C86.1381 97.2807 85.7236 97.4342 85.443 97.4083L89.9009 93.2771ZM89.9009 93.2771L89.9009 93.277M89.9009 93.2771L89.9009 93.277M90.399 93.0623L90.399 93.0623L90.3995 93.0623L90.4022 93.0628L90.4138 93.0647L90.4623 93.0724C90.5056 93.0792 90.5706 93.0892 90.6556 93.1016C90.8258 93.1264 91.0764 93.161 91.3948 93.1993C92.0318 93.2759 92.9393 93.3676 94.0176 93.4271C96.1784 93.5464 99.0046 93.5355 101.707 93.0259L90.399 93.0623ZM90.399 93.0623L90.399 93.0623M90.399 93.0623L90.399 93.0623M90.399 93.0623L90.0806 93.0088M90.399 93.0623L90.0806 93.0088M90.0806 93.0088L89.9009 93.277M90.0806 93.0088L89.9009 93.277M89.9009 93.277L89.9009 93.277M89.9009 93.277L89.9009 93.277' fill='white' stroke='%231E62A1'/%3e %3cpath d='M103.214 86.3691L88.3869 73.5215L99.5547 72.6528L112.742 84.418L103.214 86.3691Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3c/symbol%3e %3csymbol id='error' viewBox='0 0 208 187' fill='none'%3e %3cpath d='M71.6923 37.0033V0H8V149H16.3077V10.3955L46.3151 7.40066L46.448 7.52894L46.5865 7.37599L61.496 5.89586L61.6622 6.05867L61.8394 5.86132L70.0308 5.02752V37.0033H61.1692V40.9503H80V37.0033H71.6923ZM28.8025 2.58037L33.7871 7.15891L23.5077 8.18513L28.8025 2.58037ZM22.0788 7.40066L17.2271 1.48013H27.6726L22.0788 7.40066ZM29.9157 1.48013H40.1231L35.2049 6.3103L29.9157 1.48013ZM70.0308 2.10179V3.53752L68.7348 3.66579L70.0308 2.10179ZM67.2948 2.91586L65.8049 1.48013H68.48L67.2948 2.91586ZM63.6172 1.48013L61.5735 3.76447L59.2308 1.48013H63.6172ZM57.0431 1.48013L54.5785 4.23811L51.8757 1.48013H57.0431ZM49.7102 1.48013L46.3428 5.25941L42.3717 1.48013H49.7102ZM16.3077 2.86652L20.8991 8.44662L16.3077 8.90547V2.86652ZM36.8886 6.84808L41.2308 2.5705L44.8862 6.04881L36.8886 6.84808ZM50.8012 2.63463L53.3268 5.20513L48.0431 5.73305L50.8012 2.63463ZM56.0849 4.93377L58.1508 2.62477L60.1114 4.53414L56.0849 4.93377ZM64.7249 2.61983L66.0874 3.94702L63.3182 4.22331L64.7249 2.61983Z' fill='%23ECEFF1'/%3e %3cpath d='M53.2805 64.3482H43.0115V59.4281H41.5445V64.3482H31.7646V55H29.8086V157.831H55.2365V57.9521H53.2805V64.3482ZM41.5445 72.2204H31.7646V66.8083H41.5445V72.2204ZM53.2805 72.2204H43.0115V66.8083H53.2805V72.2204Z' fill='%23ECEFF1'/%3e %3cpath d='M204 162V137.945H201.863V126.482H198.733V86.6293H194.21V81.4855L184.562 77.1551V71.9737H183.222V86.6293H181.35V126.482H179.482V105.526H174.401V94.7259H172.983V126.482H169.125V114.398H166.582V111.309H160.699V100.768H157.477V93.3107H153.516V82.4494H152.103V93.3107H148.142V100.768H144.919V111.309H139.037V114.398H136.499V126.482H133.487V111.309H127.604V78.6597H125.731V75.0581H113.164V78.6597H110.489V102.315H99.7897V104.628H95.78V106.429V112.829V115.682H88.5623V84.8285H86.1516V78.2695H80.9389V55H79.467V78.2695H75.7262V84.8285H53.7751V82.6704H52.4401V97.3261H50.5672V97.5847H49.4425V112.24H47.5697V116.223H43.6137V105.427H42.1956V131.137H40.621V120.337H39.2029V137.179H38.3374V125.095H35.7995V122.011H29.9169V111.469H26.6944V104.012H22.7335V93.1461H21.3203V104.012H17.3594V111.469H14.1369V122.011H8.25428V125.095H5.71638V136.925H5.25672V137.179H4V162H204Z' fill='%23ECEFF1'/%3e %3cpath d='M1 162H75' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M95 162H207' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M80 162H89' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cellipse cx='103.685' cy='166.565' rx='91.6854' ry='19.9551' fill='%23EEE4B0' fill-opacity='0.75'/%3e %3cellipse cx='103.788' cy='166.994' rx='57.2783' ry='9.01007' fill='%23212529'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M155.889 170.743C159.213 169.601 161.066 168.332 161.066 166.994C161.066 162.018 135.422 157.984 103.788 157.984C72.1541 157.984 46.5098 162.018 46.5098 166.994C46.5098 168.716 49.5793 170.325 54.9046 171.693C63.9467 168.588 83.8752 166.431 107.006 166.431C127.695 166.431 145.823 168.156 155.889 170.743Z' fill='%23566370'/%3e %3cpath d='M33.47 139.691L40.0626 162.62H22.749L29.3416 139.691C29.4963 139.27 29.7762 138.906 30.1438 138.648C30.5136 138.389 30.9542 138.25 31.4058 138.25C31.8574 138.25 32.298 138.389 32.6679 138.648C33.0354 138.906 33.3153 139.27 33.47 139.691Z' fill='%23E5D050' stroke='%231E62A1' stroke-width='0.5'/%3e %3cpath d='M34.2958 142.554L35.56 146.957H27.2518L28.516 142.554H34.2958Z' fill='%23F4F7F9' stroke='%231E62A1' stroke-width='0.5'/%3e %3cpath d='M36.6296 150.687L37.8982 155.095H24.9138L26.1781 150.687H36.6296Z' fill='%23F4F7F9' stroke='%231E62A1' stroke-width='0.5'/%3e %3cpath d='M19.25 163.788V162.74H43.559V163.788H19.25Z' fill='%2304447F' stroke='%2304447F' stroke-width='0.5'/%3e %3cpath d='M85.935 111.841L82.0625 111.811L81.5123 182.236L85.3848 182.266L85.935 111.841Z' fill='%231E62A1' stroke='%231E62A1'/%3e %3cmask id='mask0_1144_129378' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='69' y='116' width='61' height='51'%3e %3cpath d='M108.573 154.883L102.052 166.742L69.2255 166.201L69.4485 116.803L129.442 116.918L108.573 154.883Z' fill='white'/%3e %3c/mask%3e %3cg mask='url(%23mask0_1144_129378)'%3e %3cpath d='M117.673 137.5L109.574 137.492L119.435 119.767L119.444 119.767L127.324 119.772L117.673 137.5Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M119.435 119.767L109.574 137.492L109.565 137.491L96.4862 137.468L106.347 119.752L106.356 119.753L119.435 119.767Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M106.347 119.752L96.4865 137.468L83.3984 137.444L93.2587 119.738L106.347 119.752Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M93.2586 119.738L83.3983 137.444L70.7394 137.427L70.7524 136.64L80.1703 119.724L93.2586 119.738Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M80.1707 119.724L70.7528 136.64L71.0318 119.717L80.1707 119.724Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M91.8762 145.75L82.0157 163.465L70.3109 163.445L70.3531 160.884L78.7879 145.736L91.8762 145.75Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M104.964 145.764L95.094 163.489L82.0155 163.465L91.8759 145.75L104.964 145.764Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M103.183 163.498L95.0937 163.489L104.964 145.764L112.882 145.77L103.183 163.498Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M78.7873 145.736L70.3525 160.884L70.6024 145.726L78.7873 145.736Z' fill='white' stroke='%231E62A1'/%3e %3c/g%3e %3cpath d='M83.9716 112.56C85.8415 112.591 87.3824 111.091 87.4134 109.211C87.4445 107.33 85.9538 105.78 84.0839 105.749C82.2141 105.718 80.6731 107.218 80.6421 109.099C80.6111 110.98 82.1017 112.53 83.9716 112.56Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M165.492 102.808L161.62 102.891L163.137 173.302L167.008 173.218L165.492 102.808Z' fill='%231E62A1' stroke='%231E62A1'/%3e %3cpath d='M163.55 103.589C165.42 103.565 166.916 102.021 166.892 100.14C166.867 98.2589 165.332 96.7535 163.462 96.7775C161.592 96.8016 160.096 98.346 160.12 100.227C160.144 102.108 161.68 103.613 163.55 103.589Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cmask id='mask1_1144_129378' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='113' y='106' width='68' height='53'%3e %3cpath d='M180.284 157.139L179.639 106.971L139.046 108.165L113.13 158.771L180.284 157.139Z' fill='white'/%3e %3c/mask%3e %3cg mask='url(%23mask1_1144_129378)'%3e %3cpath d='M168.385 110.196L159.03 128.222L145.947 128.583L155.292 110.566L168.385 110.196Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M155.292 110.566L145.947 128.583L132.863 128.943L142.209 110.936L155.292 110.566Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M137.566 111.063L142.21 110.936L132.864 128.943L128.344 129.068L137.566 111.063Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M132.864 128.943L128.63 129.074L137.852 111.069L142.21 110.936L132.864 128.943Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M124.579 137.455L128.508 137.347L119.162 155.354L115.224 155.462L124.579 137.455Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M141.591 136.987L132.245 154.994L119.162 155.354L128.508 137.347L141.591 136.987Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M154.674 136.617L145.328 154.633L132.245 154.994L141.591 136.987L141.6 136.977L154.674 136.617Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M167.757 136.247L158.411 154.264L145.328 154.633L154.674 136.617L167.757 136.247Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M177.736 141.531L177.736 141.541L171.322 153.906L171.313 153.906L158.411 154.264L167.756 136.247L177.645 135.967L177.736 141.531Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M177.941 153.725L171.323 153.906L177.736 141.541L177.941 153.725Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M177.437 117.593L172.113 127.862L159.03 128.222L168.385 110.196L177.31 109.947L177.437 117.593Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M177.606 127.705L172.114 127.862L177.438 117.593L177.606 127.705Z' fill='white' stroke='%231E62A1'/%3e %3c/g%3e %3c/symbol%3e %3csymbol id='noresult' viewBox='0 0 208 187' fill='none'%3e %3cellipse cx='103.533' cy='183.458' rx='61.5334' ry='3.45772' fill='%23ECEFF1'/%3e %3cpath d='M71.6923 37.0033V0H8V149H16.3077V10.3955L46.3151 7.40066L46.448 7.52894L46.5865 7.37599L61.496 5.89586L61.6622 6.05867L61.8394 5.86132L70.0308 5.02752V37.0033H61.1692V40.9503H80V37.0033H71.6923ZM28.8025 2.58037L33.7871 7.15891L23.5077 8.18513L28.8025 2.58037ZM22.0788 7.40066L17.2271 1.48013H27.6726L22.0788 7.40066ZM29.9157 1.48013H40.1231L35.2049 6.3103L29.9157 1.48013ZM70.0308 2.10179V3.53752L68.7348 3.66579L70.0308 2.10179ZM67.2948 2.91586L65.8049 1.48013H68.48L67.2948 2.91586ZM63.6172 1.48013L61.5735 3.76447L59.2308 1.48013H63.6172ZM57.0431 1.48013L54.5785 4.23811L51.8757 1.48013H57.0431ZM49.7102 1.48013L46.3428 5.25941L42.3717 1.48013H49.7102ZM16.3077 2.86652L20.8991 8.44662L16.3077 8.90547V2.86652ZM36.8886 6.84808L41.2308 2.5705L44.8862 6.04881L36.8886 6.84808ZM50.8012 2.63463L53.3268 5.20513L48.0431 5.73305L50.8012 2.63463ZM56.0849 4.93377L58.1508 2.62477L60.1114 4.53414L56.0849 4.93377ZM64.7249 2.61983L66.0874 3.94702L63.3182 4.22331L64.7249 2.61983Z' fill='%23ECEFF1'/%3e %3cpath d='M53.2805 64.3482H43.0115V59.4281H41.5445V64.3482H31.7646V55H29.8086V157.831H55.2365V57.9521H53.2805V64.3482ZM41.5445 72.2204H31.7646V66.8083H41.5445V72.2204ZM53.2805 72.2204H43.0115V66.8083H53.2805V72.2204Z' fill='%23ECEFF1'/%3e %3cpath d='M204 162V137.945H201.863V126.482H198.733V86.6293H194.21V81.4855L184.562 77.1551V71.9737H183.222V86.6293H181.35V126.482H179.482V105.526H174.401V94.7259H172.983V126.482H169.125V114.398H166.582V111.309H160.699V100.768H157.477V93.3107H153.516V82.4494H152.103V93.3107H148.142V100.768H144.919V111.309H139.037V114.398H136.499V126.482H133.487V111.309H127.604V78.6597H125.731V75.0581H113.164V78.6597H110.489V102.315H99.7897V104.628H95.78V106.429V112.829V115.682H88.5623V84.8285H86.1516V78.2695H80.9389V55H79.467V78.2695H75.7262V84.8285H53.7751V82.6704H52.4401V97.3261H50.5672V97.5847H49.4425V112.24H47.5697V116.223H43.6137V105.427H42.1956V131.137H40.621V120.337H39.2029V137.179H38.3374V125.095H35.7995V122.011H29.9169V111.469H26.6944V104.012H22.7335V93.1461H21.3203V104.012H17.3594V111.469H14.1369V122.011H8.25428V125.095H5.71638V136.925H5.25672V137.179H4V162H204Z' fill='%23ECEFF1'/%3e %3cpath d='M1 162H75' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M95 162H207' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M80 162H89' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M151.701 84.1542C142.393 65.8799 126.53 55.2934 114.345 61.4939L63.7267 87.267C50.3644 94.1295 48.9028 114.083 57.9659 131.875C67.2738 150.157 84.6932 159.949 96.8789 153.741L146.836 128.258C158.083 121.466 160.724 101.89 151.694 84.1535L151.701 84.1542Z' fill='%23F4F7F9' stroke='%231E62A1' stroke-width='1.3' stroke-miterlimit='10'/%3e %3cpath d='M95.2056 150.459C86.1888 155.052 73.9976 149.92 65.2976 138.809C75.7797 134.482 80.9485 118.619 76.9047 101.821C75.7861 97.1777 74.0743 92.9148 71.9369 89.2006C81.8315 89.1291 93.1953 97.4013 99.8937 110.557C108.271 127.018 106.171 144.879 95.2056 150.459Z' fill='%23DBC765'/%3e %3cpath d='M65.2985 138.809C63.3986 136.4 61.6777 133.711 60.1853 130.783C51.8081 114.322 53.9077 96.461 64.8734 90.8805C67.0719 89.7558 69.4606 89.2142 71.9377 89.2005C74.0751 92.9146 75.787 97.1775 76.9056 101.821C80.9493 118.619 75.7806 134.482 65.2985 138.809Z' fill='%23EEE4B0'/%3e %3cpath d='M144.409 129.537C155.655 122.745 158.297 103.169 149.267 85.4327C139.959 67.1508 124.103 56.5651 111.918 62.7655' stroke='%231E62A1' stroke-width='1.3' stroke-miterlimit='10'/%3e %3cpath d='M102.092 109.44C92.7899 91.1739 75.3767 81.3982 63.1993 87.5994C51.0144 93.7999 48.6775 113.633 57.9793 131.899C67.281 150.165 84.6943 159.941 96.8716 153.74C109.057 147.539 111.393 127.706 102.092 109.44ZM95.2058 150.459C84.2401 156.04 68.5633 147.228 60.1854 130.775C51.8067 114.33 53.907 96.4611 64.8727 90.8806C75.8384 85.3001 91.5228 94.1124 99.8931 110.565C108.271 127.018 106.171 144.879 95.2051 150.467L95.2058 150.459Z' fill='%2383ABDE' stroke='%231E62A1' stroke-width='1.3'/%3e %3cpath d='M124.008 120.221C125.476 120.039 126.485 118.428 126.262 116.622C126.038 114.817 124.667 113.5 123.199 113.682C121.731 113.863 120.722 115.475 120.946 117.28C121.169 119.086 122.54 120.402 124.008 120.221Z' fill='%2304447F'/%3e %3cpath d='M123.608 116.948C125.764 110.203 125.958 102.961 125.434 95.9513C124.91 88.9412 124.055 81.3118 121.238 74.7147C118.904 69.2553 115.129 63.6844 110.242 60.2031C105.226 56.6258 99.0372 55.6365 93.0158 56.3746C88.6177 56.9123 84.2907 58.3279 80.5902 60.8104C74.4193 64.9578 70.8027 72.1171 68.6291 79.044C67.9866 81.1008 67.4988 83.3019 67.4121 84.4782' stroke='%231E62A1' stroke-width='2.5' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M101.85 144.003C100.93 145.598 99.7777 147.057 98.3952 148.281C97.8368 148.779 97.2363 149.319 96.5894 149.702C96.2093 149.926 95.7604 150.152 95.3837 150.423C94.9421 150.733 94.6517 151.226 94.2047 151.513C93.6528 151.858 93.0586 152.086 92.4327 152.241C91.5257 152.463 90.605 152.667 89.6816 152.818C89.1772 152.901 88.6899 153.047 88.2127 153.247C87.5763 153.516 87.1358 153.979 86.4784 153.49C86.0142 153.141 85.799 152.663 85.9057 152.092C86.1058 151.01 87.237 150.023 88.1817 149.561C89.3665 148.983 90.6811 148.815 91.9185 148.411C95.3556 147.279 98.4173 144.271 101.85 144.003Z' fill='%231E62A1'/%3e %3cpath d='M89.1121 183.41L89.0794 183.409C88.6797 183.398 88.4072 183.416 88.0981 183.439C88.0836 183.44 88.069 183.441 88.0544 183.442C87.7488 183.465 87.404 183.49 86.9001 183.491C86.6641 183.491 86.4837 183.501 86.3464 183.521C86.3304 183.523 86.3154 183.525 86.3012 183.528C86.5389 183.612 86.8874 183.679 87.3165 183.728C88.0934 183.817 88.9845 183.831 89.648 183.841C89.7679 183.843 89.8804 183.845 89.9834 183.847L89.1121 183.41ZM89.1121 183.41L89.1447 183.408M89.1121 183.41L89.1447 183.408M89.1447 183.408C89.7547 183.363 90.4677 183.377 91.2404 183.392C91.6555 183.401 92.0878 183.409 92.5306 183.409C92.9504 183.409 93.3231 183.373 93.6056 183.345M89.1447 183.408L93.6056 183.345M93.6056 183.345C93.6858 183.337 93.7587 183.33 93.8234 183.324M93.6056 183.345L93.8234 183.324M93.8234 183.324C93.9379 183.314 94.0202 183.311 94.0786 183.312M93.8234 183.324L94.0786 183.312M94.0786 183.312L94.1001 183.358C94.1026 183.373 94.1026 183.383 94.1022 183.388C94.0978 183.395 94.0797 183.42 94.0248 183.457C93.8573 183.572 93.5305 183.68 93.0377 183.754C92.131 183.89 90.9879 183.867 90.1374 183.85C90.085 183.849 90.0337 183.848 89.9836 183.847L94.0786 183.312ZM86.0787 183.421C86.0795 183.421 86.0846 183.424 86.0916 183.432C86.0814 183.425 86.0779 183.421 86.0787 183.421Z' fill='%231E62A1' stroke='%231E62A1' stroke-width='1.3'/%3e %3cpath d='M78.2542 180.552L78.2029 180.549C77.8274 180.533 77.4254 180.561 76.9664 180.596C76.9306 180.599 76.8945 180.602 76.858 180.604C76.4387 180.637 75.9775 180.673 75.5016 180.674C75.2879 180.674 75.1201 180.691 74.9933 180.72C74.8652 180.748 74.8039 180.783 74.78 180.801C74.7664 180.811 74.7656 180.814 74.7637 180.82C74.7636 180.821 74.7634 180.821 74.7632 180.822C74.7579 180.84 74.7448 180.905 74.7728 181.046C74.8078 181.22 74.9049 181.356 75.1073 181.481C75.3274 181.616 75.6478 181.718 76.0549 181.784C76.6639 181.884 77.3126 181.888 77.8926 181.891C78.1061 181.892 78.3103 181.893 78.4997 181.899L78.2542 180.552ZM78.2542 180.552L78.3052 180.546M78.2542 180.552L78.3052 180.546M78.3052 180.546C78.655 180.505 78.9778 180.447 79.2735 180.393C79.392 180.372 79.5061 180.351 79.616 180.333C80.0117 180.266 80.4221 180.214 80.9605 180.214C81.4643 180.214 81.8108 180.215 82.0788 180.25M78.3052 180.546L82.0788 180.25M82.0788 180.25C82.2073 180.267 82.2944 180.289 82.3548 180.312M82.0788 180.25L82.3548 180.312M82.3548 180.312L82.4463 180.62C82.4861 180.954 82.394 181.141 82.2612 181.279C82.0928 181.453 81.795 181.608 81.3537 181.72C80.4698 181.945 79.3306 181.925 78.5 181.899L82.3548 180.312Z' fill='%231E62A1' stroke='%231E62A1' stroke-width='1.3'/%3e %3cpath d='M87.6858 156.809C87.6944 157.103 87.7048 157.479 87.7096 157.918C88.0299 161.989 90.5603 169.187 88.787 170.779C88.0165 171.47 84.0887 171.916 86.1874 167.393C87.6003 164.347 87.7348 160.248 87.7096 157.918C87.6779 157.515 87.6678 157.142 87.6858 156.809Z' fill='%231E62A1' stroke='%231E62A1' stroke-width='1.3'/%3e %3c/symbol%3e %3csymbol id='search' viewBox='0 0 208 187' fill='none'%3e %3cellipse cx='103.533' cy='183.458' rx='61.5334' ry='3.45772' fill='%23ECEFF1'/%3e %3cpath d='M71.6923 37.0033V0H8V149H16.3077V10.3955L46.3151 7.40066L46.448 7.52894L46.5865 7.37599L61.496 5.89586L61.6622 6.05867L61.8394 5.86132L70.0308 5.02752V37.0033H61.1692V40.9503H80V37.0033H71.6923ZM28.8025 2.58037L33.7871 7.15891L23.5077 8.18513L28.8025 2.58037ZM22.0788 7.40066L17.2271 1.48013H27.6726L22.0788 7.40066ZM29.9157 1.48013H40.1231L35.2049 6.3103L29.9157 1.48013ZM70.0308 2.10179V3.53752L68.7348 3.66579L70.0308 2.10179ZM67.2948 2.91586L65.8049 1.48013H68.48L67.2948 2.91586ZM63.6172 1.48013L61.5735 3.76447L59.2308 1.48013H63.6172ZM57.0431 1.48013L54.5785 4.23811L51.8757 1.48013H57.0431ZM49.7102 1.48013L46.3428 5.25941L42.3717 1.48013H49.7102ZM16.3077 2.86652L20.8991 8.44662L16.3077 8.90547V2.86652ZM36.8886 6.84808L41.2308 2.5705L44.8862 6.04881L36.8886 6.84808ZM50.8012 2.63463L53.3268 5.20513L48.0431 5.73305L50.8012 2.63463ZM56.0849 4.93377L58.1508 2.62477L60.1114 4.53414L56.0849 4.93377ZM64.7249 2.61983L66.0874 3.94702L63.3182 4.22331L64.7249 2.61983Z' fill='%23ECEFF1'/%3e %3cpath d='M53.2805 64.3482H43.0115V59.4281H41.5445V64.3482H31.7646V55H29.8086V157.831H55.2365V57.9521H53.2805V64.3482ZM41.5445 72.2204H31.7646V66.8083H41.5445V72.2204ZM53.2805 72.2204H43.0115V66.8083H53.2805V72.2204Z' fill='%23ECEFF1'/%3e %3cpath d='M204 162V137.945H201.863V126.482H198.733V86.6293H194.21V81.4855L184.562 77.1551V71.9737H183.222V86.6293H181.35V126.482H179.482V105.526H174.401V94.7259H172.983V126.482H169.125V114.398H166.582V111.309H160.699V100.768H157.477V93.3107H153.516V82.4494H152.103V93.3107H148.142V100.768H144.919V111.309H139.037V114.398H136.499V126.482H133.487V111.309H127.604V78.6597H125.731V75.0581H113.164V78.6597H110.489V102.315H99.7897V104.628H95.78V106.429V112.829V115.682H88.5623V84.8285H86.1516V78.2695H80.9389V55H79.467V78.2695H75.7262V84.8285H53.7751V82.6704H52.4401V97.3261H50.5672V97.5847H49.4425V112.24H47.5697V116.223H43.6137V105.427H42.1956V131.137H40.621V120.337H39.2029V137.179H38.3374V125.095H35.7995V122.011H29.9169V111.469H26.6944V104.012H22.7335V93.1461H21.3203V104.012H17.3594V111.469H14.1369V122.011H8.25428V125.095H5.71638V136.925H5.25672V137.179H4V162H204Z' fill='%23ECEFF1'/%3e %3cpath d='M1 162H75' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M95 162H207' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M80 162H89' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M57 182.5L80.5338 166.94L85.1873 171.043L92.0257 164.472L95.0363 171.043L98.8725 172.961L103.251 170.493L105.188 166.94L113.375 170.768L118.304 166.665L143.844 182.5' fill='%23EEE4B0'/%3e %3cpath d='M57 182.5L80.5338 166.94L85.1873 171.043L92.0257 164.472L95.0363 171.043L98.8725 172.961L103.251 170.493L105.188 166.94L113.375 170.768L118.304 166.665L143.844 182.5' stroke='%231E62A1' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M76.707 177.581L83.5204 173.929V177.581L90.6924 170.042' stroke='%231E62A1' stroke-width='0.5' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M95.8043 172.961L92.5186 175.88H95.8043L92.5186 180.742' stroke='%231E62A1' stroke-width='0.5' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M106.776 173.498L108.594 176.542L110.304 173.498L117.109 181.162' stroke='%231E62A1' stroke-width='0.5' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M105.483 163.314L114.199 153.866' stroke='%231E62A1' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M93.6852 161.634L88.1924 150.162' stroke='%231E62A1' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M78.1359 70.9966L88.0434 72.4075L87.3273 77.4356L77.4199 76.0247C76.0328 75.8272 75.0699 74.5444 75.2674 73.1574C75.4649 71.7703 76.7476 70.8074 78.1347 71.0049L78.1359 70.9966Z' fill='%23455A64'/%3e %3cpath d='M135.905 79.2232L145.813 80.6341C147.2 80.8316 148.163 82.1143 147.965 83.5014C147.768 84.8884 146.485 85.8514 145.098 85.6539L135.19 84.243L135.906 79.2149L135.905 79.2232Z' fill='%23455A64'/%3e %3cpath d='M98.9383 144.44L105.329 145.35L100.656 168.641L99.4375 169.268C98.9105 169.538 98.2724 169.464 97.824 169.064L96.8459 168.183L98.9395 144.432L98.9383 144.44Z' fill='%23D1D1DA' stroke='%23727272' stroke-miterlimit='10'/%3e %3cpath d='M99.1055 130.649L109.013 132.06L107.251 144.436C107.159 145.08 106.565 145.526 105.921 145.434L98.3497 144.356C97.7057 144.265 97.2596 143.67 97.3513 143.026L99.1137 130.65L99.1055 130.649Z' fill='%2304447F' stroke='%2304447F'/%3e %3cpath d='M125.392 64.3664L121.903 63.3136L105.776 61.3877L102.495 61.2995C98.9206 61.2032 95.8471 63.7981 95.3427 67.34L92.2411 89.12C92.0624 90.3749 92.471 91.6461 93.3501 92.5715L98.9005 98.374C99.4952 98.9894 100.271 99.3948 101.122 99.5159L102.129 99.6593L99.1909 120.292C99.1309 120.713 98.7348 121.01 98.3137 120.95L98.0743 120.916C97.6532 120.856 97.2571 121.153 97.1971 121.575L96.0778 129.434C96.0179 129.856 96.3153 130.252 96.7363 130.312L111.276 132.382C111.697 132.442 112.093 132.145 112.153 131.724L113.272 123.864C113.332 123.443 113.035 123.046 112.614 122.987C112.192 122.927 111.895 122.53 111.955 122.109L114.893 101.477L115.669 101.588C116.511 101.707 117.369 101.543 118.102 101.125L125.137 97.0981C126.246 96.4643 127.003 95.3506 127.183 94.0874L130.315 72.0928C130.805 68.6499 128.711 65.3698 125.384 64.3653L125.392 64.3664Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M93.3124 69.1903L95.0545 69.4384L93.1956 82.4915L91.4536 82.2435C88.8529 81.8731 87.032 79.4573 87.4035 76.8484L87.9173 73.2404C88.2877 70.6397 90.7034 68.8188 93.3124 69.1903Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M130.003 74.4153L131.745 74.6633C134.346 75.0337 136.167 77.4494 135.795 80.0584L135.281 83.6664C134.911 86.2671 132.495 88.088 129.886 87.7165L128.144 87.4684L130.003 74.4153Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M92.9679 131.502C90.1595 128.213 90.5501 123.281 93.8393 120.473' stroke='%23455A64' stroke-linecap='round'/%3e %3cpath d='M89.6291 129.03C87.8237 126.92 88.0724 123.754 90.1827 121.949' stroke='%23455A64' stroke-linecap='round'/%3e %3cpath d='M114.665 134.592C118.28 132.217 119.281 127.373 116.907 123.758' stroke='%23455A64' stroke-linecap='round'/%3e %3cpath d='M118.567 133.151C120.89 131.629 121.535 128.52 120.012 126.197' stroke='%23455A64' stroke-linecap='round'/%3e %3cpath d='M102.872 86.6409C107.55 83.129 114.172 84.0719 117.684 88.7502' stroke='%23455A64' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M102.485 89.3574C107.164 85.8455 113.785 86.7884 117.297 91.4667' stroke='%23455A64' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M103.259 83.9245C107.937 80.4125 114.559 81.3555 118.071 86.0337' stroke='%23455A64' stroke-width='0.5' stroke-linecap='round'/%3e %3c/symbol%3e%3c/svg%3e";
|
16643
15539
|
var sincoIconos = img;
|
16644
15540
|
|
16645
|
-
var
|
16646
|
-
(function (
|
16647
|
-
|
16648
|
-
|
16649
|
-
|
16650
|
-
|
16651
|
-
})(
|
16652
|
-
const
|
15541
|
+
var UrlImage;
|
15542
|
+
(function (UrlImage) {
|
15543
|
+
UrlImage["error"] = "error";
|
15544
|
+
UrlImage["search"] = "search";
|
15545
|
+
UrlImage["noresult"] = "noresult";
|
15546
|
+
UrlImage["create"] = "create";
|
15547
|
+
})(UrlImage || (UrlImage = {}));
|
15548
|
+
const EmptyState = ({
|
16653
15549
|
state: _state = 'create',
|
16654
15550
|
title,
|
16655
15551
|
content,
|
16656
15552
|
actions
|
16657
15553
|
}) => {
|
16658
|
-
return
|
16659
|
-
|
16660
|
-
|
16661
|
-
|
16662
|
-
|
16663
|
-
|
16664
|
-
|
16665
|
-
|
16666
|
-
|
16667
|
-
|
16668
|
-
|
16669
|
-
|
16670
|
-
|
16671
|
-
|
16672
|
-
|
16673
|
-
|
16674
|
-
|
16675
|
-
|
16676
|
-
|
16677
|
-
|
16678
|
-
|
16679
|
-
|
16680
|
-
|
16681
|
-
|
16682
|
-
|
16683
|
-
|
16684
|
-
|
16685
|
-
|
16686
|
-
|
16687
|
-
|
16688
|
-
|
16689
|
-
|
16690
|
-
|
16691
|
-
|
15554
|
+
return jsx(Card$1, {
|
15555
|
+
elevation: 1,
|
15556
|
+
children: jsxs(CardContent$1, {
|
15557
|
+
sx: {
|
15558
|
+
display: 'flex',
|
15559
|
+
alignItems: 'center',
|
15560
|
+
justifyContent: 'center',
|
15561
|
+
flexDirection: 'column',
|
15562
|
+
gap: 4
|
15563
|
+
},
|
15564
|
+
children: [jsx("svg", {
|
15565
|
+
style: {
|
15566
|
+
width: 206,
|
15567
|
+
height: 187
|
15568
|
+
},
|
15569
|
+
children: jsx("use", {
|
15570
|
+
xlinkHref: `${sincoIconos}#${UrlImage[_state]}`
|
15571
|
+
})
|
15572
|
+
}), jsxs(Stack$1, {
|
15573
|
+
direction: "column",
|
15574
|
+
spacing: 2,
|
15575
|
+
children: [title && jsx(Typography$1, {
|
15576
|
+
variant: "h6",
|
15577
|
+
textAlign: "center",
|
15578
|
+
children: title
|
15579
|
+
}), content && jsx(Typography$1, {
|
15580
|
+
variant: "body1",
|
15581
|
+
textAlign: "center",
|
15582
|
+
color: "text.secondary",
|
15583
|
+
children: content
|
15584
|
+
}), _state === 'create' && actions && jsx(Stack$1, {
|
15585
|
+
direction: "row",
|
15586
|
+
spacing: 2,
|
15587
|
+
justifyContent: "center",
|
15588
|
+
children: actions
|
15589
|
+
})]
|
15590
|
+
})]
|
15591
|
+
})
|
15592
|
+
});
|
16692
15593
|
};
|
16693
15594
|
|
16694
15595
|
var wellKnownSymbol$a = wellKnownSymbol$f;
|
@@ -17159,7 +16060,15 @@ var _default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("p
|
|
17159
16060
|
}), 'Close');
|
17160
16061
|
default_1 = Close.default = _default;
|
17161
16062
|
|
17162
|
-
const
|
16063
|
+
const DrawerContainer = {
|
16064
|
+
display: 'flex',
|
16065
|
+
flexDirection: 'column',
|
16066
|
+
alignContent: 'flex-start',
|
16067
|
+
justifyContent: 'space-between',
|
16068
|
+
height: '100%',
|
16069
|
+
overflow: 'hidden'
|
16070
|
+
};
|
16071
|
+
const DrawerHeader = {
|
17163
16072
|
display: 'flex',
|
17164
16073
|
alignContent: 'center',
|
17165
16074
|
justifyContent: 'space-between',
|
@@ -17167,7 +16076,7 @@ const stylesDrawerHeader = {
|
|
17167
16076
|
py: '12px',
|
17168
16077
|
px: '8px'
|
17169
16078
|
};
|
17170
|
-
const
|
16079
|
+
const DrawerContent = {
|
17171
16080
|
display: 'flex',
|
17172
16081
|
overflow: 'auto',
|
17173
16082
|
alignItems: 'flex-start',
|
@@ -17176,320 +16085,65 @@ const stylesDrawerContent = {
|
|
17176
16085
|
py: '12px',
|
17177
16086
|
px: '8px'
|
17178
16087
|
};
|
17179
|
-
const
|
16088
|
+
const DrawerActions = {
|
17180
16089
|
display: 'flex',
|
17181
16090
|
alignContent: 'center',
|
17182
16091
|
justifyContent: 'flex-end',
|
17183
16092
|
borderTop: '1px solid rgba(16, 24, 64, 0.23)',
|
17184
16093
|
backgroundColor: '#F1F0EE',
|
17185
|
-
mt: '4px',
|
17186
16094
|
gap: '8px',
|
16095
|
+
mt: '4px',
|
17187
16096
|
py: '12px',
|
17188
16097
|
px: '8px'
|
17189
16098
|
};
|
17190
|
-
const stylesDrawer = {
|
17191
|
-
display: 'flex',
|
17192
|
-
flexDirection: 'column',
|
17193
|
-
alignContent: 'flex-start',
|
17194
|
-
justifyContent: 'space-between',
|
17195
|
-
width: '530px',
|
17196
|
-
height: '100%',
|
17197
|
-
overflow: 'hidden'
|
17198
|
-
};
|
17199
16099
|
const DrawerComponent = ({
|
17200
|
-
open,
|
17201
|
-
onClose,
|
17202
|
-
anchor,
|
17203
16100
|
title,
|
17204
|
-
|
17205
|
-
|
16101
|
+
children,
|
16102
|
+
renderActions,
|
16103
|
+
showActions,
|
16104
|
+
position,
|
16105
|
+
width,
|
16106
|
+
open,
|
16107
|
+
onClose
|
17206
16108
|
}) => {
|
17207
|
-
const [stateActions,
|
17208
|
-
const
|
17209
|
-
|
17210
|
-
};
|
17211
|
-
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
17212
|
-
theme: SincoTheme
|
17213
|
-
}, /*#__PURE__*/React__default.createElement(Drawer$1, {
|
17214
|
-
anchor: anchor,
|
17215
|
-
open: open,
|
17216
|
-
onClose: onClose
|
17217
|
-
}, /*#__PURE__*/React__default.createElement(Box$2, {
|
17218
|
-
sx: stylesDrawer
|
17219
|
-
}, /*#__PURE__*/React__default.createElement(Box$2, {
|
17220
|
-
sx: stylesDrawerHeader
|
17221
|
-
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17222
|
-
variant: "h6"
|
17223
|
-
}, title), /*#__PURE__*/React__default.createElement(Box$2, null, /*#__PURE__*/React__default.createElement(IconButton$1, {
|
17224
|
-
onClick: onClose,
|
17225
|
-
size: "small"
|
17226
|
-
}, /*#__PURE__*/React__default.createElement(default_1, {
|
17227
|
-
fontSize: "small"
|
17228
|
-
})))), /*#__PURE__*/React__default.createElement(Box$2, {
|
17229
|
-
onClick: handleStateActions,
|
17230
|
-
sx: stylesDrawerContent
|
17231
|
-
}, content), stateActions && /*#__PURE__*/React__default.createElement(Box$2, {
|
17232
|
-
sx: stylesDrawerActions
|
17233
|
-
}, actions))));
|
17234
|
-
};
|
17235
|
-
|
17236
|
-
const ToastContent = styled$1(Stack$1)(() => ({
|
17237
|
-
position: 'fixed',
|
17238
|
-
zIndex: 1400,
|
17239
|
-
boxShadow: '0px 5px 5px -3px rgba(24, 39, 75, 0.2), 0px 8px 10px 1px rgba(24, 39, 75, 0.14), 0px 3px 14px 2px rgba(24, 39, 75, 0.12)',
|
17240
|
-
right: 16,
|
17241
|
-
marginTop: 16
|
17242
|
-
}));
|
17243
|
-
const ContentBox = styled$1(Box$2)(({
|
17244
|
-
theme
|
17245
|
-
}) => ({
|
17246
|
-
padding: theme.spacing(1.5),
|
17247
|
-
gap: theme.spacing(1.5),
|
17248
|
-
display: 'flex',
|
17249
|
-
alignItems: 'center',
|
17250
|
-
'&.color-error': {
|
17251
|
-
backgroundColor: '#FEEBEE'
|
17252
|
-
},
|
17253
|
-
'&.color-info': {
|
17254
|
-
backgroundColor: '#E1F5FE'
|
17255
|
-
},
|
17256
|
-
'&.color-warning': {
|
17257
|
-
backgroundColor: '#FFF3E0'
|
17258
|
-
},
|
17259
|
-
'&.color-success': {
|
17260
|
-
backgroundColor: '#E8F5E9'
|
17261
|
-
}
|
17262
|
-
}));
|
17263
|
-
const RippleIcon = styled$1(Stack$1)(({
|
17264
|
-
theme
|
17265
|
-
}) => ({
|
17266
|
-
padding: theme.spacing(1),
|
17267
|
-
gap: theme.spacing(1),
|
17268
|
-
height: 20,
|
17269
|
-
borderRadius: 50,
|
17270
|
-
'&.ripple-error': {
|
17271
|
-
backgroundColor: '#D143431F'
|
17272
|
-
},
|
17273
|
-
'&.ripple-info': {
|
17274
|
-
backgroundColor: '#2D9FC51F'
|
17275
|
-
},
|
17276
|
-
'&.ripple-warning': {
|
17277
|
-
backgroundColor: '#FB85001F'
|
17278
|
-
},
|
17279
|
-
'&.ripple-success': {
|
17280
|
-
backgroundColor: '#8FC93A1F'
|
17281
|
-
}
|
17282
|
-
}));
|
17283
|
-
const ContentIcon = styled$1(Stack$1)(({
|
17284
|
-
theme
|
17285
|
-
}) => ({
|
17286
|
-
'&.icon-color.color-info': {
|
17287
|
-
color: theme.palette.info.main
|
17288
|
-
},
|
17289
|
-
'&.icon-color.color-error': {
|
17290
|
-
color: theme.palette.error.main
|
17291
|
-
},
|
17292
|
-
'&.icon-color.color-warning': {
|
17293
|
-
color: theme.palette.warning.main
|
17294
|
-
},
|
17295
|
-
'&.icon-color.color-success': {
|
17296
|
-
color: theme.palette.success.main
|
17297
|
-
}
|
17298
|
-
}));
|
17299
|
-
const ToastNotification = toast => {
|
17300
|
-
const [stateToast, setStateToast] = useState(true);
|
17301
|
-
const [stateOptions, setStateOptions] = useState(true);
|
17302
|
-
const [progress, setProgress] = useState(100);
|
17303
|
-
const timeProgress = toast.time || 8000;
|
17304
|
-
const IconMap = {
|
17305
|
-
success: /*#__PURE__*/React__default.createElement(CheckCircleRounded, null),
|
17306
|
-
error: /*#__PURE__*/React__default.createElement(ErrorRounded, null),
|
17307
|
-
warning: /*#__PURE__*/React__default.createElement(WarningRounded, null),
|
17308
|
-
info: /*#__PURE__*/React__default.createElement(InfoRounded, null)
|
17309
|
-
};
|
17310
|
-
const ToastIcon = IconMap[toast.type || 'info'];
|
17311
|
-
const toastColorOption = {
|
17312
|
-
success: 'success',
|
17313
|
-
error: 'error',
|
17314
|
-
warning: 'warning',
|
17315
|
-
info: 'info'
|
16109
|
+
const [stateActions, setActionsState] = useState(showActions);
|
16110
|
+
const handleDrawerActions = () => {
|
16111
|
+
setActionsState(true);
|
17316
16112
|
};
|
17317
|
-
|
17318
|
-
|
17319
|
-
|
17320
|
-
|
17321
|
-
|
17322
|
-
|
17323
|
-
|
17324
|
-
|
17325
|
-
|
17326
|
-
|
17327
|
-
|
17328
|
-
|
17329
|
-
|
17330
|
-
|
17331
|
-
|
17332
|
-
|
17333
|
-
|
17334
|
-
|
17335
|
-
|
17336
|
-
|
17337
|
-
|
17338
|
-
|
17339
|
-
|
17340
|
-
|
17341
|
-
|
17342
|
-
|
17343
|
-
|
17344
|
-
|
17345
|
-
|
17346
|
-
|
17347
|
-
|
17348
|
-
|
17349
|
-
}, /*#__PURE__*/React__default.createElement(ToastContent, {
|
17350
|
-
position: 'fixed'
|
17351
|
-
}, /*#__PURE__*/React__default.createElement(ContentBox, {
|
17352
|
-
className: `color-${toast.type || 'info'}`
|
17353
|
-
}, toast && /*#__PURE__*/React__default.createElement(RippleIcon, {
|
17354
|
-
className: `ripple-${toast.type || 'info'}`
|
17355
|
-
}, /*#__PURE__*/React__default.createElement(ContentIcon, {
|
17356
|
-
className: `icon-color color-${toast.type || 'info'}`
|
17357
|
-
}, ToastIcon)), /*#__PURE__*/React__default.createElement(Divider$1, {
|
17358
|
-
orientation: "vertical",
|
17359
|
-
flexItem: true
|
17360
|
-
}), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17361
|
-
gap: 0.5,
|
17362
|
-
width: 285
|
17363
|
-
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
17364
|
-
justifyContent: "space-between",
|
17365
|
-
flexDirection: "row",
|
17366
|
-
alignItems: "center"
|
17367
|
-
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17368
|
-
variant: "subtitle2",
|
17369
|
-
color: "text.primary"
|
17370
|
-
}, toast.title), /*#__PURE__*/React__default.createElement(IconButton$1, {
|
17371
|
-
size: "small",
|
17372
|
-
"aria-label": "delete",
|
17373
|
-
onClick: closeToast
|
17374
|
-
}, /*#__PURE__*/React__default.createElement(Close$1, null))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17375
|
-
gap: "4px"
|
17376
|
-
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17377
|
-
color: "text.primary",
|
17378
|
-
variant: "body2"
|
17379
|
-
}, toast.subtitle), !stateOptions && toast.dataOpt && toast.dataOpt.length > 0 && /*#__PURE__*/React__default.createElement("ul", {
|
17380
|
-
style: {
|
17381
|
-
paddingLeft: 15,
|
17382
|
-
marginBlock: 0,
|
17383
|
-
fontSize: 11,
|
17384
|
-
color: '#101840de'
|
17385
|
-
}
|
17386
|
-
}, toast.dataOpt.map((element, i) => {
|
17387
|
-
const keyElement = Object.keys(element);
|
17388
|
-
let options = '';
|
17389
|
-
for (let _i = 0; _i < keyElement.length; _i++) {
|
17390
|
-
options += element[keyElement[_i]];
|
17391
|
-
}
|
17392
|
-
return /*#__PURE__*/React__default.createElement("li", {
|
17393
|
-
style: {
|
17394
|
-
width: 'fit-content'
|
17395
|
-
},
|
17396
|
-
key: i
|
17397
|
-
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17398
|
-
variant: "caption"
|
17399
|
-
}, options));
|
17400
|
-
}))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17401
|
-
justifyContent: "flex-end",
|
17402
|
-
flexDirection: "row",
|
17403
|
-
alignItems: "flex-end"
|
17404
|
-
}, toast.actions && /*#__PURE__*/React__default.createElement(Stack$1, {
|
17405
|
-
flexDirection: "row",
|
17406
|
-
gap: 1
|
17407
|
-
}, toast.actions), seeOptions && /*#__PURE__*/React__default.createElement(Button$1, {
|
17408
|
-
onClick: toggleOptions,
|
17409
|
-
size: "small",
|
17410
|
-
variant: "text",
|
17411
|
-
color: toastColorConfig,
|
17412
|
-
endIcon: stateOptions ? /*#__PURE__*/React__default.createElement(ArrowDownward, {
|
17413
|
-
fontSize: "small"
|
17414
|
-
}) : /*#__PURE__*/React__default.createElement(ArrowUpward, {
|
17415
|
-
fontSize: "small"
|
16113
|
+
return jsx(ThemeProvider, {
|
16114
|
+
theme: SincoTheme,
|
16115
|
+
children: jsx(Drawer$1, {
|
16116
|
+
anchor: position,
|
16117
|
+
open: open,
|
16118
|
+
onClose: onClose,
|
16119
|
+
children: jsxs(Box$2, {
|
16120
|
+
sx: DrawerContainer,
|
16121
|
+
width: width,
|
16122
|
+
children: [jsxs(Box$2, {
|
16123
|
+
sx: DrawerHeader,
|
16124
|
+
children: [jsx(Typography$1, {
|
16125
|
+
variant: "h6",
|
16126
|
+
children: title
|
16127
|
+
}), jsx(Box$2, {
|
16128
|
+
children: jsx(IconButton$1, {
|
16129
|
+
onClick: onClose,
|
16130
|
+
size: "small",
|
16131
|
+
children: jsx(default_1, {
|
16132
|
+
fontSize: "small"
|
16133
|
+
})
|
16134
|
+
})
|
16135
|
+
})]
|
16136
|
+
}), jsx(Box$2, {
|
16137
|
+
sx: DrawerContent,
|
16138
|
+
onClick: handleDrawerActions,
|
16139
|
+
children: children
|
16140
|
+
}), stateActions && jsx(Box$2, {
|
16141
|
+
sx: DrawerActions,
|
16142
|
+
children: renderActions
|
16143
|
+
})]
|
16144
|
+
})
|
17416
16145
|
})
|
17417
|
-
}
|
17418
|
-
color: toastColorConfig,
|
17419
|
-
variant: "determinate",
|
17420
|
-
value: progress
|
17421
|
-
})))));
|
17422
|
-
};
|
17423
|
-
|
17424
|
-
const PageHeaderContent = styled$1(Stack$1)(({
|
17425
|
-
theme
|
17426
|
-
}) => ({
|
17427
|
-
backgroundColor: '#fff',
|
17428
|
-
boxShadow: '0px 1px 3px rgba(24, 39, 75, 0.12), 0px 1px 1px -1px rgba(24, 39, 75, 0.14), 0px 2px 1px -2px rgba(24, 39, 75, 0.2)',
|
17429
|
-
zIndex: 100,
|
17430
|
-
padding: '8px 24px',
|
17431
|
-
justifyContent: 'space-between',
|
17432
|
-
minHeight: 39,
|
17433
|
-
position: 'fixed',
|
17434
|
-
width: '100%'
|
17435
|
-
}));
|
17436
|
-
const PageHeaderComponent = ({
|
17437
|
-
title,
|
17438
|
-
subtitle,
|
17439
|
-
actions,
|
17440
|
-
buttonBack
|
17441
|
-
}) => {
|
17442
|
-
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
17443
|
-
theme: SincoTheme
|
17444
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
17445
|
-
style: {
|
17446
|
-
minHeight: 56
|
17447
|
-
}
|
17448
|
-
}, /*#__PURE__*/React__default.createElement(PageHeaderContent, null, /*#__PURE__*/React__default.createElement(Stack$1, {
|
17449
|
-
width: "90%",
|
17450
|
-
justifyContent: "space-between",
|
17451
|
-
flexDirection: "row",
|
17452
|
-
alignItems: "center"
|
17453
|
-
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
17454
|
-
gap: 1.5,
|
17455
|
-
flexDirection: "row",
|
17456
|
-
alignItems: "center"
|
17457
|
-
}, buttonBack, /*#__PURE__*/React__default.createElement(Stack$1, null, /*#__PURE__*/React__default.createElement(Typography$1, {
|
17458
|
-
variant: "h6",
|
17459
|
-
color: "text.primary"
|
17460
|
-
}, title), /*#__PURE__*/React__default.createElement(Typography$1, {
|
17461
|
-
variant: "caption",
|
17462
|
-
color: "text.secondary"
|
17463
|
-
}, subtitle))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
17464
|
-
gap: 1,
|
17465
|
-
alignItems: "center",
|
17466
|
-
flexDirection: "row"
|
17467
|
-
}, actions)))));
|
17468
|
-
};
|
17469
|
-
|
17470
|
-
const UseDynamicColor = url => {
|
17471
|
-
const [primary, setPrimary] = useState(SincoTheme.palette.primary);
|
17472
|
-
const [secondary, setSecondary] = useState(SincoTheme.palette.secondary);
|
17473
|
-
const [background, setBackground] = useState(SincoTheme.palette.background);
|
17474
|
-
const [loading, setLoading] = useState(false);
|
17475
|
-
useEffect(() => {
|
17476
|
-
DynamicColor(url).then(({
|
17477
|
-
primaryColor,
|
17478
|
-
secondaryColor,
|
17479
|
-
backgroundColor
|
17480
|
-
}) => {
|
17481
|
-
setPrimary(primaryColor);
|
17482
|
-
setSecondary(secondaryColor);
|
17483
|
-
setBackground(backgroundColor);
|
17484
|
-
setLoading(true);
|
17485
|
-
});
|
17486
|
-
}, [url]);
|
17487
|
-
SincoTheme.palette.primary = primary;
|
17488
|
-
SincoTheme.palette.secondary = secondary;
|
17489
|
-
SincoTheme.palette.background = background;
|
17490
|
-
return {
|
17491
|
-
loading
|
17492
|
-
};
|
16146
|
+
});
|
17493
16147
|
};
|
17494
16148
|
|
17495
16149
|
var classof$2 = classofRaw$2;
|
@@ -20391,7 +19045,7 @@ class DislikeAnalyzer {
|
|
20391
19045
|
* tone, or a hue and chroma. Optionally, they can provide a background
|
20392
19046
|
* DynamicColor.
|
20393
19047
|
*/
|
20394
|
-
class DynamicColor
|
19048
|
+
class DynamicColor {
|
20395
19049
|
/**
|
20396
19050
|
* Create a DynamicColor defined by a TonalPalette and HCT tone.
|
20397
19051
|
*
|
@@ -20399,7 +19053,7 @@ class DynamicColor$1 {
|
|
20399
19053
|
* and tone. May provide a background DynamicColor and ToneDeltaConstraint.
|
20400
19054
|
*/
|
20401
19055
|
static fromPalette(args) {
|
20402
|
-
return new DynamicColor
|
19056
|
+
return new DynamicColor(args.name ?? '', args.palette, args.tone, args.isBackground ?? false, args.background, args.secondBackground, args.contrastCurve, args.toneDeltaPair);
|
20403
19057
|
}
|
20404
19058
|
/**
|
20405
19059
|
* The base constructor for DynamicColor.
|
@@ -20522,17 +19176,17 @@ class DynamicColor$1 {
|
|
20522
19176
|
const nInitialTone = nearer.tone(scheme);
|
20523
19177
|
let nTone = Contrast.ratioOfTones(bgTone, nInitialTone) >= nContrast ?
|
20524
19178
|
nInitialTone :
|
20525
|
-
DynamicColor
|
19179
|
+
DynamicColor.foregroundTone(bgTone, nContrast);
|
20526
19180
|
// Initial and adjusted tones for `farther`
|
20527
19181
|
const fInitialTone = farther.tone(scheme);
|
20528
19182
|
let fTone = Contrast.ratioOfTones(bgTone, fInitialTone) >= fContrast ?
|
20529
19183
|
fInitialTone :
|
20530
|
-
DynamicColor
|
19184
|
+
DynamicColor.foregroundTone(bgTone, fContrast);
|
20531
19185
|
if (decreasingContrast) {
|
20532
19186
|
// If decreasing contrast, adjust color to the "bare minimum"
|
20533
19187
|
// that satisfies contrast.
|
20534
|
-
nTone = DynamicColor
|
20535
|
-
fTone = DynamicColor
|
19188
|
+
nTone = DynamicColor.foregroundTone(bgTone, nContrast);
|
19189
|
+
fTone = DynamicColor.foregroundTone(bgTone, fContrast);
|
20536
19190
|
}
|
20537
19191
|
if ((fTone - nTone) * expansionDir >= delta) ;
|
20538
19192
|
else {
|
@@ -20594,10 +19248,10 @@ class DynamicColor$1 {
|
|
20594
19248
|
if (Contrast.ratioOfTones(bgTone, answer) >= desiredRatio) ;
|
20595
19249
|
else {
|
20596
19250
|
// Rough improvement.
|
20597
|
-
answer = DynamicColor
|
19251
|
+
answer = DynamicColor.foregroundTone(bgTone, desiredRatio);
|
20598
19252
|
}
|
20599
19253
|
if (decreasingContrast) {
|
20600
|
-
answer = DynamicColor
|
19254
|
+
answer = DynamicColor.foregroundTone(bgTone, desiredRatio);
|
20601
19255
|
}
|
20602
19256
|
if (this.isBackground && 50 <= answer && answer < 60) {
|
20603
19257
|
// Must adjust
|
@@ -20629,8 +19283,8 @@ class DynamicColor$1 {
|
|
20629
19283
|
availables.push(lightOption);
|
20630
19284
|
if (darkOption !== -1)
|
20631
19285
|
availables.push(darkOption);
|
20632
|
-
const prefersLight = DynamicColor
|
20633
|
-
DynamicColor
|
19286
|
+
const prefersLight = DynamicColor.tonePrefersLightForeground(bgTone1) ||
|
19287
|
+
DynamicColor.tonePrefersLightForeground(bgTone2);
|
20634
19288
|
if (prefersLight) {
|
20635
19289
|
return (lightOption < 0) ? 100 : lightOption;
|
20636
19290
|
}
|
@@ -20656,7 +19310,7 @@ class DynamicColor$1 {
|
|
20656
19310
|
const darkerTone = Contrast.darkerUnsafe(bgTone, ratio);
|
20657
19311
|
const lighterRatio = Contrast.ratioOfTones(lighterTone, bgTone);
|
20658
19312
|
const darkerRatio = Contrast.ratioOfTones(darkerTone, bgTone);
|
20659
|
-
const preferLighter = DynamicColor
|
19313
|
+
const preferLighter = DynamicColor.tonePrefersLightForeground(bgTone);
|
20660
19314
|
if (preferLighter) {
|
20661
19315
|
// This handles an edge case where the initial contrast ratio is high
|
20662
19316
|
// (ex. 13.0), and the ratio passed to the function is that high
|
@@ -20705,8 +19359,8 @@ class DynamicColor$1 {
|
|
20705
19359
|
* reasonably close to supporting it.
|
20706
19360
|
*/
|
20707
19361
|
static enableLightForeground(tone) {
|
20708
|
-
if (DynamicColor
|
20709
|
-
!DynamicColor
|
19362
|
+
if (DynamicColor.tonePrefersLightForeground(tone) &&
|
19363
|
+
!DynamicColor.toneAllowsLightForeground(tone)) {
|
20710
19364
|
return 49.0;
|
20711
19365
|
}
|
20712
19366
|
return tone;
|
@@ -20924,12 +19578,12 @@ function viewingConditionsForAlbers(scheme) {
|
|
20924
19578
|
}
|
20925
19579
|
function performAlbers(prealbers, scheme) {
|
20926
19580
|
const albersd = prealbers.inViewingConditions(viewingConditionsForAlbers(scheme));
|
20927
|
-
if (DynamicColor
|
20928
|
-
!DynamicColor
|
20929
|
-
return DynamicColor
|
19581
|
+
if (DynamicColor.tonePrefersLightForeground(prealbers.tone) &&
|
19582
|
+
!DynamicColor.toneAllowsLightForeground(albersd.tone)) {
|
19583
|
+
return DynamicColor.enableLightForeground(prealbers.tone);
|
20930
19584
|
}
|
20931
19585
|
else {
|
20932
|
-
return DynamicColor
|
19586
|
+
return DynamicColor.enableLightForeground(albersd.tone);
|
20933
19587
|
}
|
20934
19588
|
}
|
20935
19589
|
/**
|
@@ -20944,155 +19598,155 @@ class MaterialDynamicColors {
|
|
20944
19598
|
}
|
20945
19599
|
}
|
20946
19600
|
MaterialDynamicColors.contentAccentToneDelta = 15.0;
|
20947
|
-
MaterialDynamicColors.primaryPaletteKeyColor = DynamicColor
|
19601
|
+
MaterialDynamicColors.primaryPaletteKeyColor = DynamicColor.fromPalette({
|
20948
19602
|
name: 'primary_palette_key_color',
|
20949
19603
|
palette: (s) => s.primaryPalette,
|
20950
19604
|
tone: (s) => s.primaryPalette.keyColor.tone,
|
20951
19605
|
});
|
20952
|
-
MaterialDynamicColors.secondaryPaletteKeyColor = DynamicColor
|
19606
|
+
MaterialDynamicColors.secondaryPaletteKeyColor = DynamicColor.fromPalette({
|
20953
19607
|
name: 'secondary_palette_key_color',
|
20954
19608
|
palette: (s) => s.secondaryPalette,
|
20955
19609
|
tone: (s) => s.secondaryPalette.keyColor.tone,
|
20956
19610
|
});
|
20957
|
-
MaterialDynamicColors.tertiaryPaletteKeyColor = DynamicColor
|
19611
|
+
MaterialDynamicColors.tertiaryPaletteKeyColor = DynamicColor.fromPalette({
|
20958
19612
|
name: 'tertiary_palette_key_color',
|
20959
19613
|
palette: (s) => s.tertiaryPalette,
|
20960
19614
|
tone: (s) => s.tertiaryPalette.keyColor.tone,
|
20961
19615
|
});
|
20962
|
-
MaterialDynamicColors.neutralPaletteKeyColor = DynamicColor
|
19616
|
+
MaterialDynamicColors.neutralPaletteKeyColor = DynamicColor.fromPalette({
|
20963
19617
|
name: 'neutral_palette_key_color',
|
20964
19618
|
palette: (s) => s.neutralPalette,
|
20965
19619
|
tone: (s) => s.neutralPalette.keyColor.tone,
|
20966
19620
|
});
|
20967
|
-
MaterialDynamicColors.neutralVariantPaletteKeyColor = DynamicColor
|
19621
|
+
MaterialDynamicColors.neutralVariantPaletteKeyColor = DynamicColor.fromPalette({
|
20968
19622
|
name: 'neutral_variant_palette_key_color',
|
20969
19623
|
palette: (s) => s.neutralVariantPalette,
|
20970
19624
|
tone: (s) => s.neutralVariantPalette.keyColor.tone,
|
20971
19625
|
});
|
20972
|
-
MaterialDynamicColors.background = DynamicColor
|
19626
|
+
MaterialDynamicColors.background = DynamicColor.fromPalette({
|
20973
19627
|
name: 'background',
|
20974
19628
|
palette: (s) => s.neutralPalette,
|
20975
19629
|
tone: (s) => s.isDark ? 6 : 98,
|
20976
19630
|
isBackground: true,
|
20977
19631
|
});
|
20978
|
-
MaterialDynamicColors.onBackground = DynamicColor
|
19632
|
+
MaterialDynamicColors.onBackground = DynamicColor.fromPalette({
|
20979
19633
|
name: 'on_background',
|
20980
19634
|
palette: (s) => s.neutralPalette,
|
20981
19635
|
tone: (s) => s.isDark ? 90 : 10,
|
20982
19636
|
background: (s) => MaterialDynamicColors.background,
|
20983
19637
|
contrastCurve: new ContrastCurve(3, 3, 4.5, 7),
|
20984
19638
|
});
|
20985
|
-
MaterialDynamicColors.surface = DynamicColor
|
19639
|
+
MaterialDynamicColors.surface = DynamicColor.fromPalette({
|
20986
19640
|
name: 'surface',
|
20987
19641
|
palette: (s) => s.neutralPalette,
|
20988
19642
|
tone: (s) => s.isDark ? 6 : 98,
|
20989
19643
|
isBackground: true,
|
20990
19644
|
});
|
20991
|
-
MaterialDynamicColors.surfaceDim = DynamicColor
|
19645
|
+
MaterialDynamicColors.surfaceDim = DynamicColor.fromPalette({
|
20992
19646
|
name: 'surface_dim',
|
20993
19647
|
palette: (s) => s.neutralPalette,
|
20994
19648
|
tone: (s) => s.isDark ? 6 : 87,
|
20995
19649
|
isBackground: true,
|
20996
19650
|
});
|
20997
|
-
MaterialDynamicColors.surfaceBright = DynamicColor
|
19651
|
+
MaterialDynamicColors.surfaceBright = DynamicColor.fromPalette({
|
20998
19652
|
name: 'surface_bright',
|
20999
19653
|
palette: (s) => s.neutralPalette,
|
21000
19654
|
tone: (s) => s.isDark ? 24 : 98,
|
21001
19655
|
isBackground: true,
|
21002
19656
|
});
|
21003
|
-
MaterialDynamicColors.surfaceContainerLowest = DynamicColor
|
19657
|
+
MaterialDynamicColors.surfaceContainerLowest = DynamicColor.fromPalette({
|
21004
19658
|
name: 'surface_container_lowest',
|
21005
19659
|
palette: (s) => s.neutralPalette,
|
21006
19660
|
tone: (s) => s.isDark ? 4 : 100,
|
21007
19661
|
isBackground: true,
|
21008
19662
|
});
|
21009
|
-
MaterialDynamicColors.surfaceContainerLow = DynamicColor
|
19663
|
+
MaterialDynamicColors.surfaceContainerLow = DynamicColor.fromPalette({
|
21010
19664
|
name: 'surface_container_low',
|
21011
19665
|
palette: (s) => s.neutralPalette,
|
21012
19666
|
tone: (s) => s.isDark ? 10 : 96,
|
21013
19667
|
isBackground: true,
|
21014
19668
|
});
|
21015
|
-
MaterialDynamicColors.surfaceContainer = DynamicColor
|
19669
|
+
MaterialDynamicColors.surfaceContainer = DynamicColor.fromPalette({
|
21016
19670
|
name: 'surface_container',
|
21017
19671
|
palette: (s) => s.neutralPalette,
|
21018
19672
|
tone: (s) => s.isDark ? 12 : 94,
|
21019
19673
|
isBackground: true,
|
21020
19674
|
});
|
21021
|
-
MaterialDynamicColors.surfaceContainerHigh = DynamicColor
|
19675
|
+
MaterialDynamicColors.surfaceContainerHigh = DynamicColor.fromPalette({
|
21022
19676
|
name: 'surface_container_high',
|
21023
19677
|
palette: (s) => s.neutralPalette,
|
21024
19678
|
tone: (s) => s.isDark ? 17 : 92,
|
21025
19679
|
isBackground: true,
|
21026
19680
|
});
|
21027
|
-
MaterialDynamicColors.surfaceContainerHighest = DynamicColor
|
19681
|
+
MaterialDynamicColors.surfaceContainerHighest = DynamicColor.fromPalette({
|
21028
19682
|
name: 'surface_container_highest',
|
21029
19683
|
palette: (s) => s.neutralPalette,
|
21030
19684
|
tone: (s) => s.isDark ? 22 : 90,
|
21031
19685
|
isBackground: true,
|
21032
19686
|
});
|
21033
|
-
MaterialDynamicColors.onSurface = DynamicColor
|
19687
|
+
MaterialDynamicColors.onSurface = DynamicColor.fromPalette({
|
21034
19688
|
name: 'on_surface',
|
21035
19689
|
palette: (s) => s.neutralPalette,
|
21036
19690
|
tone: (s) => s.isDark ? 90 : 10,
|
21037
19691
|
background: (s) => MaterialDynamicColors.highestSurface(s),
|
21038
19692
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
21039
19693
|
});
|
21040
|
-
MaterialDynamicColors.surfaceVariant = DynamicColor
|
19694
|
+
MaterialDynamicColors.surfaceVariant = DynamicColor.fromPalette({
|
21041
19695
|
name: 'surface_variant',
|
21042
19696
|
palette: (s) => s.neutralVariantPalette,
|
21043
19697
|
tone: (s) => s.isDark ? 30 : 90,
|
21044
19698
|
isBackground: true,
|
21045
19699
|
});
|
21046
|
-
MaterialDynamicColors.onSurfaceVariant = DynamicColor
|
19700
|
+
MaterialDynamicColors.onSurfaceVariant = DynamicColor.fromPalette({
|
21047
19701
|
name: 'on_surface_variant',
|
21048
19702
|
palette: (s) => s.neutralVariantPalette,
|
21049
19703
|
tone: (s) => s.isDark ? 80 : 30,
|
21050
19704
|
background: (s) => MaterialDynamicColors.highestSurface(s),
|
21051
19705
|
contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
|
21052
19706
|
});
|
21053
|
-
MaterialDynamicColors.inverseSurface = DynamicColor
|
19707
|
+
MaterialDynamicColors.inverseSurface = DynamicColor.fromPalette({
|
21054
19708
|
name: 'inverse_surface',
|
21055
19709
|
palette: (s) => s.neutralPalette,
|
21056
19710
|
tone: (s) => s.isDark ? 90 : 20,
|
21057
19711
|
});
|
21058
|
-
MaterialDynamicColors.inverseOnSurface = DynamicColor
|
19712
|
+
MaterialDynamicColors.inverseOnSurface = DynamicColor.fromPalette({
|
21059
19713
|
name: 'inverse_on_surface',
|
21060
19714
|
palette: (s) => s.neutralPalette,
|
21061
19715
|
tone: (s) => s.isDark ? 20 : 95,
|
21062
19716
|
background: (s) => MaterialDynamicColors.inverseSurface,
|
21063
19717
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
21064
19718
|
});
|
21065
|
-
MaterialDynamicColors.outline = DynamicColor
|
19719
|
+
MaterialDynamicColors.outline = DynamicColor.fromPalette({
|
21066
19720
|
name: 'outline',
|
21067
19721
|
palette: (s) => s.neutralVariantPalette,
|
21068
19722
|
tone: (s) => s.isDark ? 60 : 50,
|
21069
19723
|
background: (s) => MaterialDynamicColors.highestSurface(s),
|
21070
19724
|
contrastCurve: new ContrastCurve(1.5, 3, 4.5, 7),
|
21071
19725
|
});
|
21072
|
-
MaterialDynamicColors.outlineVariant = DynamicColor
|
19726
|
+
MaterialDynamicColors.outlineVariant = DynamicColor.fromPalette({
|
21073
19727
|
name: 'outline_variant',
|
21074
19728
|
palette: (s) => s.neutralVariantPalette,
|
21075
19729
|
tone: (s) => s.isDark ? 30 : 80,
|
21076
19730
|
background: (s) => MaterialDynamicColors.highestSurface(s),
|
21077
19731
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
21078
19732
|
});
|
21079
|
-
MaterialDynamicColors.shadow = DynamicColor
|
19733
|
+
MaterialDynamicColors.shadow = DynamicColor.fromPalette({
|
21080
19734
|
name: 'shadow',
|
21081
19735
|
palette: (s) => s.neutralPalette,
|
21082
19736
|
tone: (s) => 0,
|
21083
19737
|
});
|
21084
|
-
MaterialDynamicColors.scrim = DynamicColor
|
19738
|
+
MaterialDynamicColors.scrim = DynamicColor.fromPalette({
|
21085
19739
|
name: 'scrim',
|
21086
19740
|
palette: (s) => s.neutralPalette,
|
21087
19741
|
tone: (s) => 0,
|
21088
19742
|
});
|
21089
|
-
MaterialDynamicColors.surfaceTint = DynamicColor
|
19743
|
+
MaterialDynamicColors.surfaceTint = DynamicColor.fromPalette({
|
21090
19744
|
name: 'surface_tint',
|
21091
19745
|
palette: (s) => s.primaryPalette,
|
21092
19746
|
tone: (s) => s.isDark ? 80 : 40,
|
21093
19747
|
isBackground: true,
|
21094
19748
|
});
|
21095
|
-
MaterialDynamicColors.primary = DynamicColor
|
19749
|
+
MaterialDynamicColors.primary = DynamicColor.fromPalette({
|
21096
19750
|
name: 'primary',
|
21097
19751
|
palette: (s) => s.primaryPalette,
|
21098
19752
|
tone: (s) => {
|
@@ -21106,7 +19760,7 @@ MaterialDynamicColors.primary = DynamicColor$1.fromPalette({
|
|
21106
19760
|
contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
|
21107
19761
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.primaryContainer, MaterialDynamicColors.primary, 15, 'nearer', false),
|
21108
19762
|
});
|
21109
|
-
MaterialDynamicColors.onPrimary = DynamicColor
|
19763
|
+
MaterialDynamicColors.onPrimary = DynamicColor.fromPalette({
|
21110
19764
|
name: 'on_primary',
|
21111
19765
|
palette: (s) => s.primaryPalette,
|
21112
19766
|
tone: (s) => {
|
@@ -21118,7 +19772,7 @@ MaterialDynamicColors.onPrimary = DynamicColor$1.fromPalette({
|
|
21118
19772
|
background: (s) => MaterialDynamicColors.primary,
|
21119
19773
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
21120
19774
|
});
|
21121
|
-
MaterialDynamicColors.primaryContainer = DynamicColor
|
19775
|
+
MaterialDynamicColors.primaryContainer = DynamicColor.fromPalette({
|
21122
19776
|
name: 'primary_container',
|
21123
19777
|
palette: (s) => s.primaryPalette,
|
21124
19778
|
tone: (s) => {
|
@@ -21135,12 +19789,12 @@ MaterialDynamicColors.primaryContainer = DynamicColor$1.fromPalette({
|
|
21135
19789
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
21136
19790
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.primaryContainer, MaterialDynamicColors.primary, 15, 'nearer', false),
|
21137
19791
|
});
|
21138
|
-
MaterialDynamicColors.onPrimaryContainer = DynamicColor
|
19792
|
+
MaterialDynamicColors.onPrimaryContainer = DynamicColor.fromPalette({
|
21139
19793
|
name: 'on_primary_container',
|
21140
19794
|
palette: (s) => s.primaryPalette,
|
21141
19795
|
tone: (s) => {
|
21142
19796
|
if (isFidelity(s)) {
|
21143
|
-
return DynamicColor
|
19797
|
+
return DynamicColor.foregroundTone(MaterialDynamicColors.primaryContainer.tone(s), 4.5);
|
21144
19798
|
}
|
21145
19799
|
if (isMonochrome(s)) {
|
21146
19800
|
return s.isDark ? 0 : 100;
|
@@ -21150,14 +19804,14 @@ MaterialDynamicColors.onPrimaryContainer = DynamicColor$1.fromPalette({
|
|
21150
19804
|
background: (s) => MaterialDynamicColors.primaryContainer,
|
21151
19805
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
21152
19806
|
});
|
21153
|
-
MaterialDynamicColors.inversePrimary = DynamicColor
|
19807
|
+
MaterialDynamicColors.inversePrimary = DynamicColor.fromPalette({
|
21154
19808
|
name: 'inverse_primary',
|
21155
19809
|
palette: (s) => s.primaryPalette,
|
21156
19810
|
tone: (s) => s.isDark ? 40 : 80,
|
21157
19811
|
background: (s) => MaterialDynamicColors.inverseSurface,
|
21158
19812
|
contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
|
21159
19813
|
});
|
21160
|
-
MaterialDynamicColors.secondary = DynamicColor
|
19814
|
+
MaterialDynamicColors.secondary = DynamicColor.fromPalette({
|
21161
19815
|
name: 'secondary',
|
21162
19816
|
palette: (s) => s.secondaryPalette,
|
21163
19817
|
tone: (s) => s.isDark ? 80 : 40,
|
@@ -21166,7 +19820,7 @@ MaterialDynamicColors.secondary = DynamicColor$1.fromPalette({
|
|
21166
19820
|
contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
|
21167
19821
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.secondaryContainer, MaterialDynamicColors.secondary, 15, 'nearer', false),
|
21168
19822
|
});
|
21169
|
-
MaterialDynamicColors.onSecondary = DynamicColor
|
19823
|
+
MaterialDynamicColors.onSecondary = DynamicColor.fromPalette({
|
21170
19824
|
name: 'on_secondary',
|
21171
19825
|
palette: (s) => s.secondaryPalette,
|
21172
19826
|
tone: (s) => {
|
@@ -21180,7 +19834,7 @@ MaterialDynamicColors.onSecondary = DynamicColor$1.fromPalette({
|
|
21180
19834
|
background: (s) => MaterialDynamicColors.secondary,
|
21181
19835
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
21182
19836
|
});
|
21183
|
-
MaterialDynamicColors.secondaryContainer = DynamicColor
|
19837
|
+
MaterialDynamicColors.secondaryContainer = DynamicColor.fromPalette({
|
21184
19838
|
name: 'secondary_container',
|
21185
19839
|
palette: (s) => s.secondaryPalette,
|
21186
19840
|
tone: (s) => {
|
@@ -21200,19 +19854,19 @@ MaterialDynamicColors.secondaryContainer = DynamicColor$1.fromPalette({
|
|
21200
19854
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
21201
19855
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.secondaryContainer, MaterialDynamicColors.secondary, 15, 'nearer', false),
|
21202
19856
|
});
|
21203
|
-
MaterialDynamicColors.onSecondaryContainer = DynamicColor
|
19857
|
+
MaterialDynamicColors.onSecondaryContainer = DynamicColor.fromPalette({
|
21204
19858
|
name: 'on_secondary_container',
|
21205
19859
|
palette: (s) => s.secondaryPalette,
|
21206
19860
|
tone: (s) => {
|
21207
19861
|
if (!isFidelity(s)) {
|
21208
19862
|
return s.isDark ? 90 : 10;
|
21209
19863
|
}
|
21210
|
-
return DynamicColor
|
19864
|
+
return DynamicColor.foregroundTone(MaterialDynamicColors.secondaryContainer.tone(s), 4.5);
|
21211
19865
|
},
|
21212
19866
|
background: (s) => MaterialDynamicColors.secondaryContainer,
|
21213
19867
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
21214
19868
|
});
|
21215
|
-
MaterialDynamicColors.tertiary = DynamicColor
|
19869
|
+
MaterialDynamicColors.tertiary = DynamicColor.fromPalette({
|
21216
19870
|
name: 'tertiary',
|
21217
19871
|
palette: (s) => s.tertiaryPalette,
|
21218
19872
|
tone: (s) => {
|
@@ -21226,7 +19880,7 @@ MaterialDynamicColors.tertiary = DynamicColor$1.fromPalette({
|
|
21226
19880
|
contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
|
21227
19881
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.tertiaryContainer, MaterialDynamicColors.tertiary, 15, 'nearer', false),
|
21228
19882
|
});
|
21229
|
-
MaterialDynamicColors.onTertiary = DynamicColor
|
19883
|
+
MaterialDynamicColors.onTertiary = DynamicColor.fromPalette({
|
21230
19884
|
name: 'on_tertiary',
|
21231
19885
|
palette: (s) => s.tertiaryPalette,
|
21232
19886
|
tone: (s) => {
|
@@ -21238,7 +19892,7 @@ MaterialDynamicColors.onTertiary = DynamicColor$1.fromPalette({
|
|
21238
19892
|
background: (s) => MaterialDynamicColors.tertiary,
|
21239
19893
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
21240
19894
|
});
|
21241
|
-
MaterialDynamicColors.tertiaryContainer = DynamicColor
|
19895
|
+
MaterialDynamicColors.tertiaryContainer = DynamicColor.fromPalette({
|
21242
19896
|
name: 'tertiary_container',
|
21243
19897
|
palette: (s) => s.tertiaryPalette,
|
21244
19898
|
tone: (s) => {
|
@@ -21257,7 +19911,7 @@ MaterialDynamicColors.tertiaryContainer = DynamicColor$1.fromPalette({
|
|
21257
19911
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
21258
19912
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.tertiaryContainer, MaterialDynamicColors.tertiary, 15, 'nearer', false),
|
21259
19913
|
});
|
21260
|
-
MaterialDynamicColors.onTertiaryContainer = DynamicColor
|
19914
|
+
MaterialDynamicColors.onTertiaryContainer = DynamicColor.fromPalette({
|
21261
19915
|
name: 'on_tertiary_container',
|
21262
19916
|
palette: (s) => s.tertiaryPalette,
|
21263
19917
|
tone: (s) => {
|
@@ -21267,12 +19921,12 @@ MaterialDynamicColors.onTertiaryContainer = DynamicColor$1.fromPalette({
|
|
21267
19921
|
if (!isFidelity(s)) {
|
21268
19922
|
return s.isDark ? 90 : 10;
|
21269
19923
|
}
|
21270
|
-
return DynamicColor
|
19924
|
+
return DynamicColor.foregroundTone(MaterialDynamicColors.tertiaryContainer.tone(s), 4.5);
|
21271
19925
|
},
|
21272
19926
|
background: (s) => MaterialDynamicColors.tertiaryContainer,
|
21273
19927
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
21274
19928
|
});
|
21275
|
-
MaterialDynamicColors.error = DynamicColor
|
19929
|
+
MaterialDynamicColors.error = DynamicColor.fromPalette({
|
21276
19930
|
name: 'error',
|
21277
19931
|
palette: (s) => s.errorPalette,
|
21278
19932
|
tone: (s) => s.isDark ? 80 : 40,
|
@@ -21281,14 +19935,14 @@ MaterialDynamicColors.error = DynamicColor$1.fromPalette({
|
|
21281
19935
|
contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
|
21282
19936
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.errorContainer, MaterialDynamicColors.error, 15, 'nearer', false),
|
21283
19937
|
});
|
21284
|
-
MaterialDynamicColors.onError = DynamicColor
|
19938
|
+
MaterialDynamicColors.onError = DynamicColor.fromPalette({
|
21285
19939
|
name: 'on_error',
|
21286
19940
|
palette: (s) => s.errorPalette,
|
21287
19941
|
tone: (s) => s.isDark ? 20 : 100,
|
21288
19942
|
background: (s) => MaterialDynamicColors.error,
|
21289
19943
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
21290
19944
|
});
|
21291
|
-
MaterialDynamicColors.errorContainer = DynamicColor
|
19945
|
+
MaterialDynamicColors.errorContainer = DynamicColor.fromPalette({
|
21292
19946
|
name: 'error_container',
|
21293
19947
|
palette: (s) => s.errorPalette,
|
21294
19948
|
tone: (s) => s.isDark ? 30 : 90,
|
@@ -21297,14 +19951,14 @@ MaterialDynamicColors.errorContainer = DynamicColor$1.fromPalette({
|
|
21297
19951
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
21298
19952
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.errorContainer, MaterialDynamicColors.error, 15, 'nearer', false),
|
21299
19953
|
});
|
21300
|
-
MaterialDynamicColors.onErrorContainer = DynamicColor
|
19954
|
+
MaterialDynamicColors.onErrorContainer = DynamicColor.fromPalette({
|
21301
19955
|
name: 'on_error_container',
|
21302
19956
|
palette: (s) => s.errorPalette,
|
21303
19957
|
tone: (s) => s.isDark ? 90 : 10,
|
21304
19958
|
background: (s) => MaterialDynamicColors.errorContainer,
|
21305
19959
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
21306
19960
|
});
|
21307
|
-
MaterialDynamicColors.primaryFixed = DynamicColor
|
19961
|
+
MaterialDynamicColors.primaryFixed = DynamicColor.fromPalette({
|
21308
19962
|
name: 'primary_fixed',
|
21309
19963
|
palette: (s) => s.primaryPalette,
|
21310
19964
|
tone: (s) => isMonochrome(s) ? 40.0 : 90.0,
|
@@ -21313,7 +19967,7 @@ MaterialDynamicColors.primaryFixed = DynamicColor$1.fromPalette({
|
|
21313
19967
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
21314
19968
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.primaryFixed, MaterialDynamicColors.primaryFixedDim, 10, 'lighter', true),
|
21315
19969
|
});
|
21316
|
-
MaterialDynamicColors.primaryFixedDim = DynamicColor
|
19970
|
+
MaterialDynamicColors.primaryFixedDim = DynamicColor.fromPalette({
|
21317
19971
|
name: 'primary_fixed_dim',
|
21318
19972
|
palette: (s) => s.primaryPalette,
|
21319
19973
|
tone: (s) => isMonochrome(s) ? 30.0 : 80.0,
|
@@ -21322,7 +19976,7 @@ MaterialDynamicColors.primaryFixedDim = DynamicColor$1.fromPalette({
|
|
21322
19976
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
21323
19977
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.primaryFixed, MaterialDynamicColors.primaryFixedDim, 10, 'lighter', true),
|
21324
19978
|
});
|
21325
|
-
MaterialDynamicColors.onPrimaryFixed = DynamicColor
|
19979
|
+
MaterialDynamicColors.onPrimaryFixed = DynamicColor.fromPalette({
|
21326
19980
|
name: 'on_primary_fixed',
|
21327
19981
|
palette: (s) => s.primaryPalette,
|
21328
19982
|
tone: (s) => isMonochrome(s) ? 100.0 : 10.0,
|
@@ -21330,7 +19984,7 @@ MaterialDynamicColors.onPrimaryFixed = DynamicColor$1.fromPalette({
|
|
21330
19984
|
secondBackground: (s) => MaterialDynamicColors.primaryFixed,
|
21331
19985
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
21332
19986
|
});
|
21333
|
-
MaterialDynamicColors.onPrimaryFixedVariant = DynamicColor
|
19987
|
+
MaterialDynamicColors.onPrimaryFixedVariant = DynamicColor.fromPalette({
|
21334
19988
|
name: 'on_primary_fixed_variant',
|
21335
19989
|
palette: (s) => s.primaryPalette,
|
21336
19990
|
tone: (s) => isMonochrome(s) ? 90.0 : 30.0,
|
@@ -21338,7 +19992,7 @@ MaterialDynamicColors.onPrimaryFixedVariant = DynamicColor$1.fromPalette({
|
|
21338
19992
|
secondBackground: (s) => MaterialDynamicColors.primaryFixed,
|
21339
19993
|
contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
|
21340
19994
|
});
|
21341
|
-
MaterialDynamicColors.secondaryFixed = DynamicColor
|
19995
|
+
MaterialDynamicColors.secondaryFixed = DynamicColor.fromPalette({
|
21342
19996
|
name: 'secondary_fixed',
|
21343
19997
|
palette: (s) => s.secondaryPalette,
|
21344
19998
|
tone: (s) => isMonochrome(s) ? 80.0 : 90.0,
|
@@ -21347,7 +20001,7 @@ MaterialDynamicColors.secondaryFixed = DynamicColor$1.fromPalette({
|
|
21347
20001
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
21348
20002
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.secondaryFixed, MaterialDynamicColors.secondaryFixedDim, 10, 'lighter', true),
|
21349
20003
|
});
|
21350
|
-
MaterialDynamicColors.secondaryFixedDim = DynamicColor
|
20004
|
+
MaterialDynamicColors.secondaryFixedDim = DynamicColor.fromPalette({
|
21351
20005
|
name: 'secondary_fixed_dim',
|
21352
20006
|
palette: (s) => s.secondaryPalette,
|
21353
20007
|
tone: (s) => isMonochrome(s) ? 70.0 : 80.0,
|
@@ -21356,7 +20010,7 @@ MaterialDynamicColors.secondaryFixedDim = DynamicColor$1.fromPalette({
|
|
21356
20010
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
21357
20011
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.secondaryFixed, MaterialDynamicColors.secondaryFixedDim, 10, 'lighter', true),
|
21358
20012
|
});
|
21359
|
-
MaterialDynamicColors.onSecondaryFixed = DynamicColor
|
20013
|
+
MaterialDynamicColors.onSecondaryFixed = DynamicColor.fromPalette({
|
21360
20014
|
name: 'on_secondary_fixed',
|
21361
20015
|
palette: (s) => s.secondaryPalette,
|
21362
20016
|
tone: (s) => 10.0,
|
@@ -21364,7 +20018,7 @@ MaterialDynamicColors.onSecondaryFixed = DynamicColor$1.fromPalette({
|
|
21364
20018
|
secondBackground: (s) => MaterialDynamicColors.secondaryFixed,
|
21365
20019
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
21366
20020
|
});
|
21367
|
-
MaterialDynamicColors.onSecondaryFixedVariant = DynamicColor
|
20021
|
+
MaterialDynamicColors.onSecondaryFixedVariant = DynamicColor.fromPalette({
|
21368
20022
|
name: 'on_secondary_fixed_variant',
|
21369
20023
|
palette: (s) => s.secondaryPalette,
|
21370
20024
|
tone: (s) => isMonochrome(s) ? 25.0 : 30.0,
|
@@ -21372,7 +20026,7 @@ MaterialDynamicColors.onSecondaryFixedVariant = DynamicColor$1.fromPalette({
|
|
21372
20026
|
secondBackground: (s) => MaterialDynamicColors.secondaryFixed,
|
21373
20027
|
contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
|
21374
20028
|
});
|
21375
|
-
MaterialDynamicColors.tertiaryFixed = DynamicColor
|
20029
|
+
MaterialDynamicColors.tertiaryFixed = DynamicColor.fromPalette({
|
21376
20030
|
name: 'tertiary_fixed',
|
21377
20031
|
palette: (s) => s.tertiaryPalette,
|
21378
20032
|
tone: (s) => isMonochrome(s) ? 40.0 : 90.0,
|
@@ -21381,7 +20035,7 @@ MaterialDynamicColors.tertiaryFixed = DynamicColor$1.fromPalette({
|
|
21381
20035
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
21382
20036
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.tertiaryFixed, MaterialDynamicColors.tertiaryFixedDim, 10, 'lighter', true),
|
21383
20037
|
});
|
21384
|
-
MaterialDynamicColors.tertiaryFixedDim = DynamicColor
|
20038
|
+
MaterialDynamicColors.tertiaryFixedDim = DynamicColor.fromPalette({
|
21385
20039
|
name: 'tertiary_fixed_dim',
|
21386
20040
|
palette: (s) => s.tertiaryPalette,
|
21387
20041
|
tone: (s) => isMonochrome(s) ? 30.0 : 80.0,
|
@@ -21390,7 +20044,7 @@ MaterialDynamicColors.tertiaryFixedDim = DynamicColor$1.fromPalette({
|
|
21390
20044
|
contrastCurve: new ContrastCurve(1, 1, 3, 7),
|
21391
20045
|
toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.tertiaryFixed, MaterialDynamicColors.tertiaryFixedDim, 10, 'lighter', true),
|
21392
20046
|
});
|
21393
|
-
MaterialDynamicColors.onTertiaryFixed = DynamicColor
|
20047
|
+
MaterialDynamicColors.onTertiaryFixed = DynamicColor.fromPalette({
|
21394
20048
|
name: 'on_tertiary_fixed',
|
21395
20049
|
palette: (s) => s.tertiaryPalette,
|
21396
20050
|
tone: (s) => isMonochrome(s) ? 100.0 : 10.0,
|
@@ -21398,7 +20052,7 @@ MaterialDynamicColors.onTertiaryFixed = DynamicColor$1.fromPalette({
|
|
21398
20052
|
secondBackground: (s) => MaterialDynamicColors.tertiaryFixed,
|
21399
20053
|
contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
|
21400
20054
|
});
|
21401
|
-
MaterialDynamicColors.onTertiaryFixedVariant = DynamicColor
|
20055
|
+
MaterialDynamicColors.onTertiaryFixedVariant = DynamicColor.fromPalette({
|
21402
20056
|
name: 'on_tertiary_fixed_variant',
|
21403
20057
|
palette: (s) => s.tertiaryPalette,
|
21404
20058
|
tone: (s) => isMonochrome(s) ? 90.0 : 30.0,
|
@@ -22873,11 +21527,11 @@ function customColor(source, color) {
|
|
22873
21527
|
};
|
22874
21528
|
}
|
22875
21529
|
|
22876
|
-
const
|
21530
|
+
const dynamicColor = async src => {
|
22877
21531
|
const imageElement = document.createElement("img");
|
22878
21532
|
imageElement.src = src;
|
22879
21533
|
const dynamicPalette = await themeFromImage(imageElement);
|
22880
|
-
const
|
21534
|
+
const extractHctInstance = color => {
|
22881
21535
|
const {
|
22882
21536
|
hue,
|
22883
21537
|
chroma,
|
@@ -22893,8 +21547,8 @@ const DynamicColor = async src => {
|
|
22893
21547
|
dark,
|
22894
21548
|
light
|
22895
21549
|
} = dynamicPalette.schemes;
|
22896
|
-
const primaryMain =
|
22897
|
-
const secondaryMain =
|
21550
|
+
const primaryMain = extractHctInstance(primary);
|
21551
|
+
const secondaryMain = extractHctInstance(secondary);
|
22898
21552
|
const primaryLight = hexFromArgb(dark.primary);
|
22899
21553
|
const primaryDark = hexFromArgb(light.primary);
|
22900
21554
|
const secondaryLight = hexFromArgb(dark.secondary);
|
@@ -22922,4 +21576,29 @@ const DynamicColor = async src => {
|
|
22922
21576
|
};
|
22923
21577
|
};
|
22924
21578
|
|
22925
|
-
|
21579
|
+
const useDynamicColor = url => {
|
21580
|
+
const [primary, setPrimary] = useState(SincoTheme.palette.primary);
|
21581
|
+
const [secondary, setSecondary] = useState(SincoTheme.palette.secondary);
|
21582
|
+
const [background, setBackground] = useState(SincoTheme.palette.background);
|
21583
|
+
const [loading, setLoading] = useState(false);
|
21584
|
+
useEffect(() => {
|
21585
|
+
dynamicColor(url).then(({
|
21586
|
+
primaryColor,
|
21587
|
+
secondaryColor,
|
21588
|
+
backgroundColor
|
21589
|
+
}) => {
|
21590
|
+
setPrimary(primaryColor);
|
21591
|
+
setSecondary(secondaryColor);
|
21592
|
+
setBackground(backgroundColor);
|
21593
|
+
setLoading(true);
|
21594
|
+
});
|
21595
|
+
}, [url]);
|
21596
|
+
SincoTheme.palette.primary = primary;
|
21597
|
+
SincoTheme.palette.secondary = secondary;
|
21598
|
+
SincoTheme.palette.background = background;
|
21599
|
+
return {
|
21600
|
+
loading
|
21601
|
+
};
|
21602
|
+
};
|
21603
|
+
|
21604
|
+
export { DrawerComponent, EmptyState, SincoTheme, UrlImage, useDynamicColor };
|