| 1 |
- {"ast":null,"code":"import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport capitalize from '../utils/capitalize';\nimport withStyles from '../styles/withStyles';\nimport { darken, lighten } from '../styles/colorManipulator';\nimport useTheme from '../styles/useTheme';\nvar TRANSITION_DURATION = 4; // seconds\n\nexport var styles = function styles(theme) {\n var getColor = function getColor(color) {\n return theme.palette.type === 'light' ? lighten(color, 0.62) : darken(color, 0.5);\n };\n\n var backgroundPrimary = getColor(theme.palette.primary.main);\n var backgroundSecondary = getColor(theme.palette.secondary.main);\n return {\n /* Styles applied to the root element. */\n root: {\n position: 'relative',\n overflow: 'hidden',\n height: 4,\n '@media print': {\n colorAdjust: 'exact'\n }\n },\n\n /* Styles applied to the root and bar2 element if `color=\"primary\"`; bar2 if `variant=\"buffer\"`. */\n colorPrimary: {\n backgroundColor: backgroundPrimary\n },\n\n /* Styles applied to the root and bar2 elements if `color=\"secondary\"`; bar2 if `variant=\"buffer\"`. */\n colorSecondary: {\n backgroundColor: backgroundSecondary\n },\n\n /* Styles applied to the root element if `variant=\"determinate\"`. */\n determinate: {},\n\n /* Styles applied to the root element if `variant=\"indeterminate\"`. */\n indeterminate: {},\n\n /* Styles applied to the root element if `variant=\"buffer\"`. */\n buffer: {\n backgroundColor: 'transparent'\n },\n\n /* Styles applied to the root element if `variant=\"query\"`. */\n query: {\n transform: 'rotate(180deg)'\n },\n\n /* Styles applied to the additional bar element if `variant=\"buffer\"`. */\n dashed: {\n position: 'absolute',\n marginTop: 0,\n height: '100%',\n width: '100%',\n animation: '$buffer 3s infinite linear'\n },\n\n /* Styles applied to the additional bar element if `variant=\"buffer\"` and `color=\"primary\"`. */\n dashedColorPrimary: {\n backgroundImage: \"radial-gradient(\".concat(backgroundPrimary, \" 0%, \").concat(backgroundPrimary, \" 16%, transparent 42%)\"),\n backgroundSize: '10px 10px',\n backgroundPosition: '0 -23px'\n },\n\n /* Styles applied to the additional bar element if `variant=\"buffer\"` and `color=\"secondary\"`. */\n dashedColorSecondary: {\n backgroundImage: \"radial-gradient(\".concat(backgroundSecondary, \" 0%, \").concat(backgroundSecondary, \" 16%, transparent 42%)\"),\n backgroundSize: '10px 10px',\n backgroundPosition: '0 -23px'\n },\n\n /* Styles applied to the layered bar1 and bar2 elements. */\n bar: {\n width: '100%',\n position: 'absolute',\n left: 0,\n bottom: 0,\n top: 0,\n transition: 'transform 0.2s linear',\n transformOrigin: 'left'\n },\n\n /* Styles applied to the bar elements if `color=\"primary\"`; bar2 if `variant` not \"buffer\". */\n barColorPrimary: {\n backgroundColor: theme.palette.primary.main\n },\n\n /* Styles applied to the bar elements if `color=\"secondary\"`; bar2 if `variant` not \"buffer\". */\n barColorSecondary: {\n backgroundColor: theme.palette.secondary.main\n },\n\n /* Styles applied to the bar1 element if `variant=\"indeterminate or query\"`. */\n bar1Indeterminate: {\n width: 'auto',\n animation: '$indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite'\n },\n\n /* Styles applied to the bar1 element if `variant=\"determinate\"`. */\n bar1Determinate: {\n transition: \"transform .\".concat(TRANSITION_DURATION, \"s linear\")\n },\n\n /* Styles applied to the bar1 element if `variant=\"buffer\"`. */\n bar1Buffer: {\n zIndex: 1,\n transition: \"transform .\".concat(TRANSITION_DURATION, \"s linear\")\n },\n\n /* Styles applied to the bar2 element if `variant=\"indeterminate or query\"`. */\n bar2Indeterminate: {\n width: 'auto',\n animation: '$indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite'\n },\n\n /* Styles applied to the bar2 element if `variant=\"buffer\"`. */\n bar2Buffer: {\n transition: \"transform .\".concat(TRANSITION_DURATION, \"s linear\")\n },\n // Legends:\n // || represents the viewport\n // - represents a light background\n // x represents a dark background\n '@keyframes indeterminate1': {\n // |-----|---x-||-----||-----|\n '0%': {\n left: '-35%',\n right: '100%'\n },\n // |-----|-----||-----||xxxx-|\n '60%': {\n left: '100%',\n right: '-90%'\n },\n '100%': {\n left: '100%',\n right: '-90%'\n }\n },\n '@keyframes indeterminate2': {\n // |xxxxx|xxxxx||-----||-----|\n '0%': {\n left: '-200%',\n right: '100%'\n },\n // |-----|-----||-----||-x----|\n '60%': {\n left: '107%',\n right: '-8%'\n },\n '100%': {\n left: '107%',\n right: '-8%'\n }\n },\n '@keyframes buffer': {\n '0%': {\n opacity: 1,\n backgroundPosition: '0 -23px'\n },\n '50%': {\n opacity: 0,\n backgroundPosition: '0 -23px'\n },\n '100%': {\n opacity: 1,\n backgroundPosition: '-200px -23px'\n }\n }\n };\n};\n/**\n * ## ARIA\n *\n * If the progress bar is describing the loading progress of a particular region of a page,\n * you should use `aria-describedby` to point to the progress bar, and set the `aria-busy`\n * attribute to `true` on that region until it has finished loading.\n */\n\nvar LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(props, ref) {\n var classes = props.classes,\n className = props.className,\n _props$color = props.color,\n color = _props$color === void 0 ? 'primary' : _props$color,\n value = props.value,\n valueBuffer = props.valueBuffer,\n _props$variant = props.variant,\n variant = _props$variant === void 0 ? 'indeterminate' : _props$variant,\n other = _objectWithoutProperties(props, [\"classes\", \"className\", \"color\", \"value\", \"valueBuffer\", \"variant\"]);\n\n var theme = useTheme();\n var rootProps = {};\n var inlineStyles = {\n bar1: {},\n bar2: {}\n };\n\n if (variant === 'determinate' || variant === 'buffer') {\n if (value !== undefined) {\n rootProps['aria-valuenow'] = Math.round(value);\n rootProps['aria-valuemin'] = 0;\n rootProps['aria-valuemax'] = 100;\n var transform = value - 100;\n\n if (theme.direction === 'rtl') {\n transform = -transform;\n }\n\n inlineStyles.bar1.transform = \"translateX(\".concat(transform, \"%)\");\n } else if (process.env.NODE_ENV !== 'production') {\n console.error('Material-UI: You need to provide a value prop ' + 'when using the determinate or buffer variant of LinearProgress .');\n }\n }\n\n if (variant === 'buffer') {\n if (valueBuffer !== undefined) {\n var _transform = (valueBuffer || 0) - 100;\n\n if (theme.direction === 'rtl') {\n _transform = -_transform;\n }\n\n inlineStyles.bar2.transform = \"translateX(\".concat(_transform, \"%)\");\n } else if (process.env.NODE_ENV !== 'production') {\n console.error('Material-UI: You need to provide a valueBuffer prop ' + 'when using the buffer variant of LinearProgress.');\n }\n }\n\n return /*#__PURE__*/React.createElement(\"div\", _extends({\n className: clsx(classes.root, classes[\"color\".concat(capitalize(color))], className, {\n 'determinate': classes.determinate,\n 'indeterminate': classes.indeterminate,\n 'buffer': classes.buffer,\n 'query': classes.query\n }[variant]),\n role: \"progressbar\"\n }, rootProps, {\n ref: ref\n }, other), variant === 'buffer' ? /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(classes.dashed, classes[\"dashedColor\".concat(capitalize(color))])\n }) : null, /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(classes.bar, classes[\"barColor\".concat(capitalize(color))], (variant === 'indeterminate' || variant === 'query') && classes.bar1Indeterminate, {\n 'determinate': classes.bar1Determinate,\n 'buffer': classes.bar1Buffer\n }[variant]),\n style: inlineStyles.bar1\n }), variant === 'determinate' ? null : /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(classes.bar, (variant === 'indeterminate' || variant === 'query') && classes.bar2Indeterminate, variant === 'buffer' ? [classes[\"color\".concat(capitalize(color))], classes.bar2Buffer] : classes[\"barColor\".concat(capitalize(color))]),\n style: inlineStyles.bar2\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? LinearProgress.propTypes = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n */\n color: PropTypes.oneOf(['primary', 'secondary']),\n\n /**\n * The value of the progress indicator for the determinate and buffer variants.\n * Value between 0 and 100.\n */\n value: PropTypes.number,\n\n /**\n * The value for the buffer variant.\n * Value between 0 and 100.\n */\n valueBuffer: PropTypes.number,\n\n /**\n * The variant to use.\n * Use indeterminate or query when there is no progress value.\n */\n variant: PropTypes.oneOf(['buffer', 'determinate', 'indeterminate', 'query'])\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiLinearProgress'\n})(LinearProgress);","map":{"version":3,"sources":["/Users/holunyeung/Documents/GitHub/Photo_React/photo/node_modules/@material-ui/core/esm/LinearProgress/LinearProgress.js"],"names":["_extends","_objectWithoutProperties","React","PropTypes","clsx","capitalize","withStyles","darken","lighten","useTheme","TRANSITION_DURATION","styles","theme","getColor","color","palette","type","backgroundPrimary","primary","main","backgroundSecondary","secondary","root","position","overflow","height","colorAdjust","colorPrimary","backgroundColor","colorSecondary","determinate","indeterminate","buffer","query","transform","dashed","marginTop","width","animation","dashedColorPrimary","backgroundImage","concat","backgroundSize","backgroundPosition","dashedColorSecondary","bar","left","bottom","top","transition","transformOrigin","barColorPrimary","barColorSecondary","bar1Indeterminate","bar1Determinate","bar1Buffer","zIndex","bar2Indeterminate","bar2Buffer","right","opacity","LinearProgress","forwardRef","props","ref","classes","className","_props$color","value","valueBuffer","_props$variant","variant","other","rootProps","inlineStyles","bar1","bar2","undefined","Math","round","direction","process","env","NODE_ENV","console","error","_transform","createElement","role","style","propTypes","object","string","oneOf","number","name"],"mappings":"AAAA,OAAOA,QAAP,MAAqB,oCAArB;AACA,OAAOC,wBAAP,MAAqC,oDAArC;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,UAAP,MAAuB,qBAAvB;AACA,OAAOC,UAAP,MAAuB,sBAAvB;AACA,SAASC,MAAT,EAAiBC,OAAjB,QAAgC,4BAAhC;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,IAAIC,mBAAmB,GAAG,CAA1B,C,CAA6B;;AAE7B,OAAO,IAAIC,MAAM,GAAG,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;AACzC,MAAIC,QAAQ,GAAG,SAASA,QAAT,CAAkBC,KAAlB,EAAyB;AACtC,WAAOF,KAAK,CAACG,OAAN,CAAcC,IAAd,KAAuB,OAAvB,GAAiCR,OAAO,CAACM,KAAD,EAAQ,IAAR,CAAxC,GAAwDP,MAAM,CAACO,KAAD,EAAQ,GAAR,CAArE;AACD,GAFD;;AAIA,MAAIG,iBAAiB,GAAGJ,QAAQ,CAACD,KAAK,CAACG,OAAN,CAAcG,OAAd,CAAsBC,IAAvB,CAAhC;AACA,MAAIC,mBAAmB,GAAGP,QAAQ,CAACD,KAAK,CAACG,OAAN,CAAcM,SAAd,CAAwBF,IAAzB,CAAlC;AACA,SAAO;AACL;AACAG,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,UADN;AAEJC,MAAAA,QAAQ,EAAE,QAFN;AAGJC,MAAAA,MAAM,EAAE,CAHJ;AAIJ,sBAAgB;AACdC,QAAAA,WAAW,EAAE;AADC;AAJZ,KAFD;;AAWL;AACAC,IAAAA,YAAY,EAAE;AACZC,MAAAA,eAAe,EAAEX;AADL,KAZT;;AAgBL;AACAY,IAAAA,cAAc,EAAE;AACdD,MAAAA,eAAe,EAAER;AADH,KAjBX;;AAqBL;AACAU,IAAAA,WAAW,EAAE,EAtBR;;AAwBL;AACAC,IAAAA,aAAa,EAAE,EAzBV;;AA2BL;AACAC,IAAAA,MAAM,EAAE;AACNJ,MAAAA,eAAe,EAAE;AADX,KA5BH;;AAgCL;AACAK,IAAAA,KAAK,EAAE;AACLC,MAAAA,SAAS,EAAE;AADN,KAjCF;;AAqCL;AACAC,IAAAA,MAAM,EAAE;AACNZ,MAAAA,QAAQ,EAAE,UADJ;AAENa,MAAAA,SAAS,EAAE,CAFL;AAGNX,MAAAA,MAAM,EAAE,MAHF;AAINY,MAAAA,KAAK,EAAE,MAJD;AAKNC,MAAAA,SAAS,EAAE;AALL,KAtCH;;AA8CL;AACAC,IAAAA,kBAAkB,EAAE;AAClBC,MAAAA,eAAe,EAAE,mBAAmBC,MAAnB,CAA0BxB,iBAA1B,EAA6C,OAA7C,EAAsDwB,MAAtD,CAA6DxB,iBAA7D,EAAgF,wBAAhF,CADC;AAElByB,MAAAA,cAAc,EAAE,WAFE;AAGlBC,MAAAA,kBAAkB,EAAE;AAHF,KA/Cf;;AAqDL;AACAC,IAAAA,oBAAoB,EAAE;AACpBJ,MAAAA,eAAe,EAAE,mBAAmBC,MAAnB,CAA0BrB,mBAA1B,EAA+C,OAA/C,EAAwDqB,MAAxD,CAA+DrB,mBAA/D,EAAoF,wBAApF,CADG;AAEpBsB,MAAAA,cAAc,EAAE,WAFI;AAGpBC,MAAAA,kBAAkB,EAAE;AAHA,KAtDjB;;AA4DL;AACAE,IAAAA,GAAG,EAAE;AACHR,MAAAA,KAAK,EAAE,MADJ;AAEHd,MAAAA,QAAQ,EAAE,UAFP;AAGHuB,MAAAA,IAAI,EAAE,CAHH;AAIHC,MAAAA,MAAM,EAAE,CAJL;AAKHC,MAAAA,GAAG,EAAE,CALF;AAMHC,MAAAA,UAAU,EAAE,uBANT;AAOHC,MAAAA,eAAe,EAAE;AAPd,KA7DA;;AAuEL;AACAC,IAAAA,eAAe,EAAE;AACfvB,MAAAA,eAAe,EAAEhB,KAAK,CAACG,OAAN,CAAcG,OAAd,CAAsBC;AADxB,KAxEZ;;AA4EL;AACAiC,IAAAA,iBAAiB,EAAE;AACjBxB,MAAAA,eAAe,EAAEhB,KAAK,CAACG,OAAN,CAAcM,SAAd,CAAwBF;AADxB,KA7Ed;;AAiFL;AACAkC,IAAAA,iBAAiB,EAAE;AACjBhB,MAAAA,KAAK,EAAE,MADU;AAEjBC,MAAAA,SAAS,EAAE;AAFM,KAlFd;;AAuFL;AACAgB,IAAAA,eAAe,EAAE;AACfL,MAAAA,UAAU,EAAE,cAAcR,MAAd,CAAqB/B,mBAArB,EAA0C,UAA1C;AADG,KAxFZ;;AA4FL;AACA6C,IAAAA,UAAU,EAAE;AACVC,MAAAA,MAAM,EAAE,CADE;AAEVP,MAAAA,UAAU,EAAE,cAAcR,MAAd,CAAqB/B,mBAArB,EAA0C,UAA1C;AAFF,KA7FP;;AAkGL;AACA+C,IAAAA,iBAAiB,EAAE;AACjBpB,MAAAA,KAAK,EAAE,MADU;AAEjBC,MAAAA,SAAS,EAAE;AAFM,KAnGd;;AAwGL;AACAoB,IAAAA,UAAU,EAAE;AACVT,MAAAA,UAAU,EAAE,cAAcR,MAAd,CAAqB/B,mBAArB,EAA0C,UAA1C;AADF,KAzGP;AA4GL;AACA;AACA;AACA;AACA,iCAA6B;AAC3B;AACA,YAAM;AACJoC,QAAAA,IAAI,EAAE,MADF;AAEJa,QAAAA,KAAK,EAAE;AAFH,OAFqB;AAM3B;AACA,aAAO;AACLb,QAAAA,IAAI,EAAE,MADD;AAELa,QAAAA,KAAK,EAAE;AAFF,OAPoB;AAW3B,cAAQ;AACNb,QAAAA,IAAI,EAAE,MADA;AAENa,QAAAA,KAAK,EAAE;AAFD;AAXmB,KAhHxB;AAgIL,iCAA6B;AAC3B;AACA,YAAM;AACJb,QAAAA,IAAI,EAAE,OADF;AAEJa,QAAAA,KAAK,EAAE;AAFH,OAFqB;AAM3B;AACA,aAAO;AACLb,QAAAA,IAAI,EAAE,MADD;AAELa,QAAAA,KAAK,EAAE;AAFF,OAPoB;AAW3B,cAAQ;AACNb,QAAAA,IAAI,EAAE,MADA;AAENa,QAAAA,KAAK,EAAE;AAFD;AAXmB,KAhIxB;AAgJL,yBAAqB;AACnB,YAAM;AACJC,QAAAA,OAAO,EAAE,CADL;AAEJjB,QAAAA,kBAAkB,EAAE;AAFhB,OADa;AAKnB,aAAO;AACLiB,QAAAA,OAAO,EAAE,CADJ;AAELjB,QAAAA,kBAAkB,EAAE;AAFf,OALY;AASnB,cAAQ;AACNiB,QAAAA,OAAO,EAAE,CADH;AAENjB,QAAAA,kBAAkB,EAAE;AAFd;AATW;AAhJhB,GAAP;AA+JD,CAtKM;AAuKP;;;;;;;;AAQA,IAAIkB,cAAc,GAAG,aAAa3D,KAAK,CAAC4D,UAAN,CAAiB,SAASD,cAAT,CAAwBE,KAAxB,EAA+BC,GAA/B,EAAoC;AACrF,MAAIC,OAAO,GAAGF,KAAK,CAACE,OAApB;AAAA,MACIC,SAAS,GAAGH,KAAK,CAACG,SADtB;AAAA,MAEIC,YAAY,GAAGJ,KAAK,CAACjD,KAFzB;AAAA,MAGIA,KAAK,GAAGqD,YAAY,KAAK,KAAK,CAAtB,GAA0B,SAA1B,GAAsCA,YAHlD;AAAA,MAIIC,KAAK,GAAGL,KAAK,CAACK,KAJlB;AAAA,MAKIC,WAAW,GAAGN,KAAK,CAACM,WALxB;AAAA,MAMIC,cAAc,GAAGP,KAAK,CAACQ,OAN3B;AAAA,MAOIA,OAAO,GAAGD,cAAc,KAAK,KAAK,CAAxB,GAA4B,eAA5B,GAA8CA,cAP5D;AAAA,MAQIE,KAAK,GAAGvE,wBAAwB,CAAC8D,KAAD,EAAQ,CAAC,SAAD,EAAY,WAAZ,EAAyB,OAAzB,EAAkC,OAAlC,EAA2C,aAA3C,EAA0D,SAA1D,CAAR,CARpC;;AAUA,MAAInD,KAAK,GAAGH,QAAQ,EAApB;AACA,MAAIgE,SAAS,GAAG,EAAhB;AACA,MAAIC,YAAY,GAAG;AACjBC,IAAAA,IAAI,EAAE,EADW;AAEjBC,IAAAA,IAAI,EAAE;AAFW,GAAnB;;AAKA,MAAIL,OAAO,KAAK,aAAZ,IAA6BA,OAAO,KAAK,QAA7C,EAAuD;AACrD,QAAIH,KAAK,KAAKS,SAAd,EAAyB;AACvBJ,MAAAA,SAAS,CAAC,eAAD,CAAT,GAA6BK,IAAI,CAACC,KAAL,CAAWX,KAAX,CAA7B;AACAK,MAAAA,SAAS,CAAC,eAAD,CAAT,GAA6B,CAA7B;AACAA,MAAAA,SAAS,CAAC,eAAD,CAAT,GAA6B,GAA7B;AACA,UAAIvC,SAAS,GAAGkC,KAAK,GAAG,GAAxB;;AAEA,UAAIxD,KAAK,CAACoE,SAAN,KAAoB,KAAxB,EAA+B;AAC7B9C,QAAAA,SAAS,GAAG,CAACA,SAAb;AACD;;AAEDwC,MAAAA,YAAY,CAACC,IAAb,CAAkBzC,SAAlB,GAA8B,cAAcO,MAAd,CAAqBP,SAArB,EAAgC,IAAhC,CAA9B;AACD,KAXD,MAWO,IAAI+C,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;AAChDC,MAAAA,OAAO,CAACC,KAAR,CAAc,mDAAmD,kEAAjE;AACD;AACF;;AAED,MAAId,OAAO,KAAK,QAAhB,EAA0B;AACxB,QAAIF,WAAW,KAAKQ,SAApB,EAA+B;AAC7B,UAAIS,UAAU,GAAG,CAACjB,WAAW,IAAI,CAAhB,IAAqB,GAAtC;;AAEA,UAAIzD,KAAK,CAACoE,SAAN,KAAoB,KAAxB,EAA+B;AAC7BM,QAAAA,UAAU,GAAG,CAACA,UAAd;AACD;;AAEDZ,MAAAA,YAAY,CAACE,IAAb,CAAkB1C,SAAlB,GAA8B,cAAcO,MAAd,CAAqB6C,UAArB,EAAiC,IAAjC,CAA9B;AACD,KARD,MAQO,IAAIL,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;AAChDC,MAAAA,OAAO,CAACC,KAAR,CAAc,yDAAyD,kDAAvE;AACD;AACF;;AAED,SAAO,aAAanF,KAAK,CAACqF,aAAN,CAAoB,KAApB,EAA2BvF,QAAQ,CAAC;AACtDkE,IAAAA,SAAS,EAAE9D,IAAI,CAAC6D,OAAO,CAAC3C,IAAT,EAAe2C,OAAO,CAAC,QAAQxB,MAAR,CAAepC,UAAU,CAACS,KAAD,CAAzB,CAAD,CAAtB,EAA2DoD,SAA3D,EAAsE;AACnF,qBAAeD,OAAO,CAACnC,WAD4D;AAEnF,uBAAiBmC,OAAO,CAAClC,aAF0D;AAGnF,gBAAUkC,OAAO,CAACjC,MAHiE;AAInF,eAASiC,OAAO,CAAChC;AAJkE,MAKnFsC,OALmF,CAAtE,CADuC;AAOtDiB,IAAAA,IAAI,EAAE;AAPgD,GAAD,EAQpDf,SARoD,EAQzC;AACZT,IAAAA,GAAG,EAAEA;AADO,GARyC,EAUpDQ,KAVoD,CAAnC,EAUTD,OAAO,KAAK,QAAZ,GAAuB,aAAarE,KAAK,CAACqF,aAAN,CAAoB,KAApB,EAA2B;AACxErB,IAAAA,SAAS,EAAE9D,IAAI,CAAC6D,OAAO,CAAC9B,MAAT,EAAiB8B,OAAO,CAAC,cAAcxB,MAAd,CAAqBpC,UAAU,CAACS,KAAD,CAA/B,CAAD,CAAxB;AADyD,GAA3B,CAApC,GAEN,IAZe,EAYT,aAAaZ,KAAK,CAACqF,aAAN,CAAoB,KAApB,EAA2B;AACjDrB,IAAAA,SAAS,EAAE9D,IAAI,CAAC6D,OAAO,CAACpB,GAAT,EAAcoB,OAAO,CAAC,WAAWxB,MAAX,CAAkBpC,UAAU,CAACS,KAAD,CAA5B,CAAD,CAArB,EAA6D,CAACyD,OAAO,KAAK,eAAZ,IAA+BA,OAAO,KAAK,OAA5C,KAAwDN,OAAO,CAACZ,iBAA7H,EAAgJ;AAC7J,qBAAeY,OAAO,CAACX,eADsI;AAE7J,gBAAUW,OAAO,CAACV;AAF2I,MAG7JgB,OAH6J,CAAhJ,CADkC;AAKjDkB,IAAAA,KAAK,EAAEf,YAAY,CAACC;AAL6B,GAA3B,CAZJ,EAkBhBJ,OAAO,KAAK,aAAZ,GAA4B,IAA5B,GAAmC,aAAarE,KAAK,CAACqF,aAAN,CAAoB,KAApB,EAA2B;AAC7ErB,IAAAA,SAAS,EAAE9D,IAAI,CAAC6D,OAAO,CAACpB,GAAT,EAAc,CAAC0B,OAAO,KAAK,eAAZ,IAA+BA,OAAO,KAAK,OAA5C,KAAwDN,OAAO,CAACR,iBAA9E,EAAiGc,OAAO,KAAK,QAAZ,GAAuB,CAACN,OAAO,CAAC,QAAQxB,MAAR,CAAepC,UAAU,CAACS,KAAD,CAAzB,CAAD,CAAR,EAA6CmD,OAAO,CAACP,UAArD,CAAvB,GAA0FO,OAAO,CAAC,WAAWxB,MAAX,CAAkBpC,UAAU,CAACS,KAAD,CAA5B,CAAD,CAAlM,CAD8D;AAE7E2E,IAAAA,KAAK,EAAEf,YAAY,CAACE;AAFyD,GAA3B,CAlBhC,CAApB;AAsBD,CAvEiC,CAAlC;AAwEAK,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAAzB,GAAwCtB,cAAc,CAAC6B,SAAf,GAA2B;AACjE;AACA;AACA;AACA;;AAEA;;;;AAIAzB,EAAAA,OAAO,EAAE9D,SAAS,CAACwF,MAV8C;;AAYjE;;;AAGAzB,EAAAA,SAAS,EAAE/D,SAAS,CAACyF,MAf4C;;AAiBjE;;;AAGA9E,EAAAA,KAAK,EAAEX,SAAS,CAAC0F,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,CAAhB,CApB0D;;AAsBjE;;;;AAIAzB,EAAAA,KAAK,EAAEjE,SAAS,CAAC2F,MA1BgD;;AA4BjE;;;;AAIAzB,EAAAA,WAAW,EAAElE,SAAS,CAAC2F,MAhC0C;;AAkCjE;;;;AAIAvB,EAAAA,OAAO,EAAEpE,SAAS,CAAC0F,KAAV,CAAgB,CAAC,QAAD,EAAW,aAAX,EAA0B,eAA1B,EAA2C,OAA3C,CAAhB;AAtCwD,CAAnE,GAuCI,KAAK,CAvCT;AAwCA,eAAevF,UAAU,CAACK,MAAD,EAAS;AAChCoF,EAAAA,IAAI,EAAE;AAD0B,CAAT,CAAV,CAEZlC,cAFY,CAAf","sourcesContent":["import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport capitalize from '../utils/capitalize';\nimport withStyles from '../styles/withStyles';\nimport { darken, lighten } from '../styles/colorManipulator';\nimport useTheme from '../styles/useTheme';\nvar TRANSITION_DURATION = 4; // seconds\n\nexport var styles = function styles(theme) {\n var getColor = function getColor(color) {\n return theme.palette.type === 'light' ? lighten(color, 0.62) : darken(color, 0.5);\n };\n\n var backgroundPrimary = getColor(theme.palette.primary.main);\n var backgroundSecondary = getColor(theme.palette.secondary.main);\n return {\n /* Styles applied to the root element. */\n root: {\n position: 'relative',\n overflow: 'hidden',\n height: 4,\n '@media print': {\n colorAdjust: 'exact'\n }\n },\n\n /* Styles applied to the root and bar2 element if `color=\"primary\"`; bar2 if `variant=\"buffer\"`. */\n colorPrimary: {\n backgroundColor: backgroundPrimary\n },\n\n /* Styles applied to the root and bar2 elements if `color=\"secondary\"`; bar2 if `variant=\"buffer\"`. */\n colorSecondary: {\n backgroundColor: backgroundSecondary\n },\n\n /* Styles applied to the root element if `variant=\"determinate\"`. */\n determinate: {},\n\n /* Styles applied to the root element if `variant=\"indeterminate\"`. */\n indeterminate: {},\n\n /* Styles applied to the root element if `variant=\"buffer\"`. */\n buffer: {\n backgroundColor: 'transparent'\n },\n\n /* Styles applied to the root element if `variant=\"query\"`. */\n query: {\n transform: 'rotate(180deg)'\n },\n\n /* Styles applied to the additional bar element if `variant=\"buffer\"`. */\n dashed: {\n position: 'absolute',\n marginTop: 0,\n height: '100%',\n width: '100%',\n animation: '$buffer 3s infinite linear'\n },\n\n /* Styles applied to the additional bar element if `variant=\"buffer\"` and `color=\"primary\"`. */\n dashedColorPrimary: {\n backgroundImage: \"radial-gradient(\".concat(backgroundPrimary, \" 0%, \").concat(backgroundPrimary, \" 16%, transparent 42%)\"),\n backgroundSize: '10px 10px',\n backgroundPosition: '0 -23px'\n },\n\n /* Styles applied to the additional bar element if `variant=\"buffer\"` and `color=\"secondary\"`. */\n dashedColorSecondary: {\n backgroundImage: \"radial-gradient(\".concat(backgroundSecondary, \" 0%, \").concat(backgroundSecondary, \" 16%, transparent 42%)\"),\n backgroundSize: '10px 10px',\n backgroundPosition: '0 -23px'\n },\n\n /* Styles applied to the layered bar1 and bar2 elements. */\n bar: {\n width: '100%',\n position: 'absolute',\n left: 0,\n bottom: 0,\n top: 0,\n transition: 'transform 0.2s linear',\n transformOrigin: 'left'\n },\n\n /* Styles applied to the bar elements if `color=\"primary\"`; bar2 if `variant` not \"buffer\". */\n barColorPrimary: {\n backgroundColor: theme.palette.primary.main\n },\n\n /* Styles applied to the bar elements if `color=\"secondary\"`; bar2 if `variant` not \"buffer\". */\n barColorSecondary: {\n backgroundColor: theme.palette.secondary.main\n },\n\n /* Styles applied to the bar1 element if `variant=\"indeterminate or query\"`. */\n bar1Indeterminate: {\n width: 'auto',\n animation: '$indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite'\n },\n\n /* Styles applied to the bar1 element if `variant=\"determinate\"`. */\n bar1Determinate: {\n transition: \"transform .\".concat(TRANSITION_DURATION, \"s linear\")\n },\n\n /* Styles applied to the bar1 element if `variant=\"buffer\"`. */\n bar1Buffer: {\n zIndex: 1,\n transition: \"transform .\".concat(TRANSITION_DURATION, \"s linear\")\n },\n\n /* Styles applied to the bar2 element if `variant=\"indeterminate or query\"`. */\n bar2Indeterminate: {\n width: 'auto',\n animation: '$indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite'\n },\n\n /* Styles applied to the bar2 element if `variant=\"buffer\"`. */\n bar2Buffer: {\n transition: \"transform .\".concat(TRANSITION_DURATION, \"s linear\")\n },\n // Legends:\n // || represents the viewport\n // - represents a light background\n // x represents a dark background\n '@keyframes indeterminate1': {\n // |-----|---x-||-----||-----|\n '0%': {\n left: '-35%',\n right: '100%'\n },\n // |-----|-----||-----||xxxx-|\n '60%': {\n left: '100%',\n right: '-90%'\n },\n '100%': {\n left: '100%',\n right: '-90%'\n }\n },\n '@keyframes indeterminate2': {\n // |xxxxx|xxxxx||-----||-----|\n '0%': {\n left: '-200%',\n right: '100%'\n },\n // |-----|-----||-----||-x----|\n '60%': {\n left: '107%',\n right: '-8%'\n },\n '100%': {\n left: '107%',\n right: '-8%'\n }\n },\n '@keyframes buffer': {\n '0%': {\n opacity: 1,\n backgroundPosition: '0 -23px'\n },\n '50%': {\n opacity: 0,\n backgroundPosition: '0 -23px'\n },\n '100%': {\n opacity: 1,\n backgroundPosition: '-200px -23px'\n }\n }\n };\n};\n/**\n * ## ARIA\n *\n * If the progress bar is describing the loading progress of a particular region of a page,\n * you should use `aria-describedby` to point to the progress bar, and set the `aria-busy`\n * attribute to `true` on that region until it has finished loading.\n */\n\nvar LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(props, ref) {\n var classes = props.classes,\n className = props.className,\n _props$color = props.color,\n color = _props$color === void 0 ? 'primary' : _props$color,\n value = props.value,\n valueBuffer = props.valueBuffer,\n _props$variant = props.variant,\n variant = _props$variant === void 0 ? 'indeterminate' : _props$variant,\n other = _objectWithoutProperties(props, [\"classes\", \"className\", \"color\", \"value\", \"valueBuffer\", \"variant\"]);\n\n var theme = useTheme();\n var rootProps = {};\n var inlineStyles = {\n bar1: {},\n bar2: {}\n };\n\n if (variant === 'determinate' || variant === 'buffer') {\n if (value !== undefined) {\n rootProps['aria-valuenow'] = Math.round(value);\n rootProps['aria-valuemin'] = 0;\n rootProps['aria-valuemax'] = 100;\n var transform = value - 100;\n\n if (theme.direction === 'rtl') {\n transform = -transform;\n }\n\n inlineStyles.bar1.transform = \"translateX(\".concat(transform, \"%)\");\n } else if (process.env.NODE_ENV !== 'production') {\n console.error('Material-UI: You need to provide a value prop ' + 'when using the determinate or buffer variant of LinearProgress .');\n }\n }\n\n if (variant === 'buffer') {\n if (valueBuffer !== undefined) {\n var _transform = (valueBuffer || 0) - 100;\n\n if (theme.direction === 'rtl') {\n _transform = -_transform;\n }\n\n inlineStyles.bar2.transform = \"translateX(\".concat(_transform, \"%)\");\n } else if (process.env.NODE_ENV !== 'production') {\n console.error('Material-UI: You need to provide a valueBuffer prop ' + 'when using the buffer variant of LinearProgress.');\n }\n }\n\n return /*#__PURE__*/React.createElement(\"div\", _extends({\n className: clsx(classes.root, classes[\"color\".concat(capitalize(color))], className, {\n 'determinate': classes.determinate,\n 'indeterminate': classes.indeterminate,\n 'buffer': classes.buffer,\n 'query': classes.query\n }[variant]),\n role: \"progressbar\"\n }, rootProps, {\n ref: ref\n }, other), variant === 'buffer' ? /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(classes.dashed, classes[\"dashedColor\".concat(capitalize(color))])\n }) : null, /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(classes.bar, classes[\"barColor\".concat(capitalize(color))], (variant === 'indeterminate' || variant === 'query') && classes.bar1Indeterminate, {\n 'determinate': classes.bar1Determinate,\n 'buffer': classes.bar1Buffer\n }[variant]),\n style: inlineStyles.bar1\n }), variant === 'determinate' ? null : /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(classes.bar, (variant === 'indeterminate' || variant === 'query') && classes.bar2Indeterminate, variant === 'buffer' ? [classes[\"color\".concat(capitalize(color))], classes.bar2Buffer] : classes[\"barColor\".concat(capitalize(color))]),\n style: inlineStyles.bar2\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? LinearProgress.propTypes = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n */\n color: PropTypes.oneOf(['primary', 'secondary']),\n\n /**\n * The value of the progress indicator for the determinate and buffer variants.\n * Value between 0 and 100.\n */\n value: PropTypes.number,\n\n /**\n * The value for the buffer variant.\n * Value between 0 and 100.\n */\n valueBuffer: PropTypes.number,\n\n /**\n * The variant to use.\n * Use indeterminate or query when there is no progress value.\n */\n variant: PropTypes.oneOf(['buffer', 'determinate', 'indeterminate', 'query'])\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiLinearProgress'\n})(LinearProgress);"]},"metadata":{},"sourceType":"module"}
|
