mirror of
https://github.com/idanoo/GoScrobble.git
synced 2024-11-24 09:25:15 +00:00
1 line
27 KiB
JSON
1 line
27 KiB
JSON
{"ast":null,"code":"import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\"; // @inheritedComponent IconButton\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { refType } from '@material-ui/utils';\nimport withStyles from '../styles/withStyles';\nimport { alpha } from '../styles/colorManipulator';\nimport capitalize from '../utils/capitalize';\nimport SwitchBase from '../internal/SwitchBase';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n display: 'inline-flex',\n width: 34 + 12 * 2,\n height: 14 + 12 * 2,\n overflow: 'hidden',\n padding: 12,\n boxSizing: 'border-box',\n position: 'relative',\n flexShrink: 0,\n zIndex: 0,\n // Reset the stacking context.\n verticalAlign: 'middle',\n // For correct alignment with the text.\n '@media print': {\n colorAdjust: 'exact'\n }\n },\n\n /* Styles applied to the root element if `edge=\"start\"`. */\n edgeStart: {\n marginLeft: -8\n },\n\n /* Styles applied to the root element if `edge=\"end\"`. */\n edgeEnd: {\n marginRight: -8\n },\n\n /* Styles applied to the internal `SwitchBase` component's `root` class. */\n switchBase: {\n position: 'absolute',\n top: 0,\n left: 0,\n zIndex: 1,\n // Render above the focus ripple.\n color: theme.palette.type === 'light' ? theme.palette.grey[50] : theme.palette.grey[400],\n transition: theme.transitions.create(['left', 'transform'], {\n duration: theme.transitions.duration.shortest\n }),\n '&$checked': {\n transform: 'translateX(20px)'\n },\n '&$disabled': {\n color: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800]\n },\n '&$checked + $track': {\n opacity: 0.5\n },\n '&$disabled + $track': {\n opacity: theme.palette.type === 'light' ? 0.12 : 0.1\n }\n },\n\n /* Styles applied to the internal SwitchBase component's root element if `color=\"primary\"`. */\n colorPrimary: {\n '&$checked': {\n color: theme.palette.primary.main,\n '&:hover': {\n backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity),\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n }\n }\n },\n '&$disabled': {\n color: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800]\n },\n '&$checked + $track': {\n backgroundColor: theme.palette.primary.main\n },\n '&$disabled + $track': {\n backgroundColor: theme.palette.type === 'light' ? theme.palette.common.black : theme.palette.common.white\n }\n },\n\n /* Styles applied to the internal SwitchBase component's root element if `color=\"secondary\"`. */\n colorSecondary: {\n '&$checked': {\n color: theme.palette.secondary.main,\n '&:hover': {\n backgroundColor: alpha(theme.palette.secondary.main, theme.palette.action.hoverOpacity),\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n }\n }\n },\n '&$disabled': {\n color: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800]\n },\n '&$checked + $track': {\n backgroundColor: theme.palette.secondary.main\n },\n '&$disabled + $track': {\n backgroundColor: theme.palette.type === 'light' ? theme.palette.common.black : theme.palette.common.white\n }\n },\n\n /* Styles applied to the root element if `size=\"small\"`. */\n sizeSmall: {\n width: 40,\n height: 24,\n padding: 7,\n '& $thumb': {\n width: 16,\n height: 16\n },\n '& $switchBase': {\n padding: 4,\n '&$checked': {\n transform: 'translateX(16px)'\n }\n }\n },\n\n /* Pseudo-class applied to the internal `SwitchBase` component's `checked` class. */\n checked: {},\n\n /* Pseudo-class applied to the internal SwitchBase component's disabled class. */\n disabled: {},\n\n /* Styles applied to the internal SwitchBase component's input element. */\n input: {\n left: '-100%',\n width: '300%'\n },\n\n /* Styles used to create the thumb passed to the internal `SwitchBase` component `icon` prop. */\n thumb: {\n boxShadow: theme.shadows[1],\n backgroundColor: 'currentColor',\n width: 20,\n height: 20,\n borderRadius: '50%'\n },\n\n /* Styles applied to the track element. */\n track: {\n height: '100%',\n width: '100%',\n borderRadius: 14 / 2,\n zIndex: -1,\n transition: theme.transitions.create(['opacity', 'background-color'], {\n duration: theme.transitions.duration.shortest\n }),\n backgroundColor: theme.palette.type === 'light' ? theme.palette.common.black : theme.palette.common.white,\n opacity: theme.palette.type === 'light' ? 0.38 : 0.3\n }\n };\n};\nvar Switch = /*#__PURE__*/React.forwardRef(function Switch(props, ref) {\n var classes = props.classes,\n className = props.className,\n _props$color = props.color,\n color = _props$color === void 0 ? 'secondary' : _props$color,\n _props$edge = props.edge,\n edge = _props$edge === void 0 ? false : _props$edge,\n _props$size = props.size,\n size = _props$size === void 0 ? 'medium' : _props$size,\n other = _objectWithoutProperties(props, [\"classes\", \"className\", \"color\", \"edge\", \"size\"]);\n\n var icon = /*#__PURE__*/React.createElement(\"span\", {\n className: classes.thumb\n });\n return /*#__PURE__*/React.createElement(\"span\", {\n className: clsx(classes.root, className, {\n 'start': classes.edgeStart,\n 'end': classes.edgeEnd\n }[edge], size === \"small\" && classes[\"size\".concat(capitalize(size))])\n }, /*#__PURE__*/React.createElement(SwitchBase, _extends({\n type: \"checkbox\",\n icon: icon,\n checkedIcon: icon,\n classes: {\n root: clsx(classes.switchBase, classes[\"color\".concat(capitalize(color))]),\n input: classes.input,\n checked: classes.checked,\n disabled: classes.disabled\n },\n ref: ref\n }, other)), /*#__PURE__*/React.createElement(\"span\", {\n className: classes.track\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Switch.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 * If `true`, the component is checked.\n */\n checked: PropTypes.bool,\n\n /**\n * The icon to display when the component is checked.\n */\n checkedIcon: PropTypes.node,\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(['default', 'primary', 'secondary']),\n\n /**\n * @ignore\n */\n defaultChecked: PropTypes.bool,\n\n /**\n * If `true`, the switch will be disabled.\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true`, the ripple effect will be disabled.\n */\n disableRipple: PropTypes.bool,\n\n /**\n * If given, uses a negative margin to counteract the padding on one\n * side (this is often helpful for aligning the left or right\n * side of the icon with content above or below, without ruining the border\n * size and shape).\n */\n edge: PropTypes.oneOf(['end', 'start', false]),\n\n /**\n * The icon to display when the component is unchecked.\n */\n icon: PropTypes.node,\n\n /**\n * The id of the `input` element.\n */\n id: PropTypes.string,\n\n /**\n * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n */\n inputProps: PropTypes.object,\n\n /**\n * Pass a ref to the `input` element.\n */\n inputRef: refType,\n\n /**\n * Callback fired when the state is changed.\n *\n * @param {object} event The event source of the callback.\n * You can pull out the new value by accessing `event.target.value` (string).\n * You can pull out the new checked state by accessing `event.target.checked` (boolean).\n */\n onChange: PropTypes.func,\n\n /**\n * If `true`, the `input` element will be required.\n */\n required: PropTypes.bool,\n\n /**\n * The size of the switch.\n * `small` is equivalent to the dense switch styling.\n */\n size: PropTypes.oneOf(['medium', 'small']),\n\n /**\n * The value of the component. The DOM API casts this to a string.\n * The browser uses \"on\" as the default value.\n */\n value: PropTypes.any\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiSwitch'\n})(Switch);","map":{"version":3,"sources":["/app/node_modules/@material-ui/core/esm/Switch/Switch.js"],"names":["_extends","_objectWithoutProperties","React","PropTypes","clsx","refType","withStyles","alpha","capitalize","SwitchBase","styles","theme","root","display","width","height","overflow","padding","boxSizing","position","flexShrink","zIndex","verticalAlign","colorAdjust","edgeStart","marginLeft","edgeEnd","marginRight","switchBase","top","left","color","palette","type","grey","transition","transitions","create","duration","shortest","transform","opacity","colorPrimary","primary","main","backgroundColor","action","hoverOpacity","common","black","white","colorSecondary","secondary","sizeSmall","checked","disabled","input","thumb","boxShadow","shadows","borderRadius","track","Switch","forwardRef","props","ref","classes","className","_props$color","_props$edge","edge","_props$size","size","other","icon","createElement","concat","checkedIcon","process","env","NODE_ENV","propTypes","bool","node","object","string","oneOf","defaultChecked","disableRipple","id","inputProps","inputRef","onChange","func","required","value","any","name"],"mappings":"AAAA,OAAOA,QAAP,MAAqB,oCAArB;AACA,OAAOC,wBAAP,MAAqC,oDAArC,C,CACA;;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,OAAT,QAAwB,oBAAxB;AACA,OAAOC,UAAP,MAAuB,sBAAvB;AACA,SAASC,KAAT,QAAsB,4BAAtB;AACA,OAAOC,UAAP,MAAuB,qBAAvB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAO,IAAIC,MAAM,GAAG,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;AACzC,SAAO;AACL;AACAC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,aADL;AAEJC,MAAAA,KAAK,EAAE,KAAK,KAAK,CAFb;AAGJC,MAAAA,MAAM,EAAE,KAAK,KAAK,CAHd;AAIJC,MAAAA,QAAQ,EAAE,QAJN;AAKJC,MAAAA,OAAO,EAAE,EALL;AAMJC,MAAAA,SAAS,EAAE,YANP;AAOJC,MAAAA,QAAQ,EAAE,UAPN;AAQJC,MAAAA,UAAU,EAAE,CARR;AASJC,MAAAA,MAAM,EAAE,CATJ;AAUJ;AACAC,MAAAA,aAAa,EAAE,QAXX;AAYJ;AACA,sBAAgB;AACdC,QAAAA,WAAW,EAAE;AADC;AAbZ,KAFD;;AAoBL;AACAC,IAAAA,SAAS,EAAE;AACTC,MAAAA,UAAU,EAAE,CAAC;AADJ,KArBN;;AAyBL;AACAC,IAAAA,OAAO,EAAE;AACPC,MAAAA,WAAW,EAAE,CAAC;AADP,KA1BJ;;AA8BL;AACAC,IAAAA,UAAU,EAAE;AACVT,MAAAA,QAAQ,EAAE,UADA;AAEVU,MAAAA,GAAG,EAAE,CAFK;AAGVC,MAAAA,IAAI,EAAE,CAHI;AAIVT,MAAAA,MAAM,EAAE,CAJE;AAKV;AACAU,MAAAA,KAAK,EAAEpB,KAAK,CAACqB,OAAN,CAAcC,IAAd,KAAuB,OAAvB,GAAiCtB,KAAK,CAACqB,OAAN,CAAcE,IAAd,CAAmB,EAAnB,CAAjC,GAA0DvB,KAAK,CAACqB,OAAN,CAAcE,IAAd,CAAmB,GAAnB,CANvD;AAOVC,MAAAA,UAAU,EAAExB,KAAK,CAACyB,WAAN,CAAkBC,MAAlB,CAAyB,CAAC,MAAD,EAAS,WAAT,CAAzB,EAAgD;AAC1DC,QAAAA,QAAQ,EAAE3B,KAAK,CAACyB,WAAN,CAAkBE,QAAlB,CAA2BC;AADqB,OAAhD,CAPF;AAUV,mBAAa;AACXC,QAAAA,SAAS,EAAE;AADA,OAVH;AAaV,oBAAc;AACZT,QAAAA,KAAK,EAAEpB,KAAK,CAACqB,OAAN,CAAcC,IAAd,KAAuB,OAAvB,GAAiCtB,KAAK,CAACqB,OAAN,CAAcE,IAAd,CAAmB,GAAnB,CAAjC,GAA2DvB,KAAK,CAACqB,OAAN,CAAcE,IAAd,CAAmB,GAAnB;AADtD,OAbJ;AAgBV,4BAAsB;AACpBO,QAAAA,OAAO,EAAE;AADW,OAhBZ;AAmBV,6BAAuB;AACrBA,QAAAA,OAAO,EAAE9B,KAAK,CAACqB,OAAN,CAAcC,IAAd,KAAuB,OAAvB,GAAiC,IAAjC,GAAwC;AAD5B;AAnBb,KA/BP;;AAuDL;AACAS,IAAAA,YAAY,EAAE;AACZ,mBAAa;AACXX,QAAAA,KAAK,EAAEpB,KAAK,CAACqB,OAAN,CAAcW,OAAd,CAAsBC,IADlB;AAEX,mBAAW;AACTC,UAAAA,eAAe,EAAEtC,KAAK,CAACI,KAAK,CAACqB,OAAN,CAAcW,OAAd,CAAsBC,IAAvB,EAA6BjC,KAAK,CAACqB,OAAN,CAAcc,MAAd,CAAqBC,YAAlD,CADb;AAET,kCAAwB;AACtBF,YAAAA,eAAe,EAAE;AADK;AAFf;AAFA,OADD;AAUZ,oBAAc;AACZd,QAAAA,KAAK,EAAEpB,KAAK,CAACqB,OAAN,CAAcC,IAAd,KAAuB,OAAvB,GAAiCtB,KAAK,CAACqB,OAAN,CAAcE,IAAd,CAAmB,GAAnB,CAAjC,GAA2DvB,KAAK,CAACqB,OAAN,CAAcE,IAAd,CAAmB,GAAnB;AADtD,OAVF;AAaZ,4BAAsB;AACpBW,QAAAA,eAAe,EAAElC,KAAK,CAACqB,OAAN,CAAcW,OAAd,CAAsBC;AADnB,OAbV;AAgBZ,6BAAuB;AACrBC,QAAAA,eAAe,EAAElC,KAAK,CAACqB,OAAN,CAAcC,IAAd,KAAuB,OAAvB,GAAiCtB,KAAK,CAACqB,OAAN,CAAcgB,MAAd,CAAqBC,KAAtD,GAA8DtC,KAAK,CAACqB,OAAN,CAAcgB,MAAd,CAAqBE;AAD/E;AAhBX,KAxDT;;AA6EL;AACAC,IAAAA,cAAc,EAAE;AACd,mBAAa;AACXpB,QAAAA,KAAK,EAAEpB,KAAK,CAACqB,OAAN,CAAcoB,SAAd,CAAwBR,IADpB;AAEX,mBAAW;AACTC,UAAAA,eAAe,EAAEtC,KAAK,CAACI,KAAK,CAACqB,OAAN,CAAcoB,SAAd,CAAwBR,IAAzB,EAA+BjC,KAAK,CAACqB,OAAN,CAAcc,MAAd,CAAqBC,YAApD,CADb;AAET,kCAAwB;AACtBF,YAAAA,eAAe,EAAE;AADK;AAFf;AAFA,OADC;AAUd,oBAAc;AACZd,QAAAA,KAAK,EAAEpB,KAAK,CAACqB,OAAN,CAAcC,IAAd,KAAuB,OAAvB,GAAiCtB,KAAK,CAACqB,OAAN,CAAcE,IAAd,CAAmB,GAAnB,CAAjC,GAA2DvB,KAAK,CAACqB,OAAN,CAAcE,IAAd,CAAmB,GAAnB;AADtD,OAVA;AAad,4BAAsB;AACpBW,QAAAA,eAAe,EAAElC,KAAK,CAACqB,OAAN,CAAcoB,SAAd,CAAwBR;AADrB,OAbR;AAgBd,6BAAuB;AACrBC,QAAAA,eAAe,EAAElC,KAAK,CAACqB,OAAN,CAAcC,IAAd,KAAuB,OAAvB,GAAiCtB,KAAK,CAACqB,OAAN,CAAcgB,MAAd,CAAqBC,KAAtD,GAA8DtC,KAAK,CAACqB,OAAN,CAAcgB,MAAd,CAAqBE;AAD/E;AAhBT,KA9EX;;AAmGL;AACAG,IAAAA,SAAS,EAAE;AACTvC,MAAAA,KAAK,EAAE,EADE;AAETC,MAAAA,MAAM,EAAE,EAFC;AAGTE,MAAAA,OAAO,EAAE,CAHA;AAIT,kBAAY;AACVH,QAAAA,KAAK,EAAE,EADG;AAEVC,QAAAA,MAAM,EAAE;AAFE,OAJH;AAQT,uBAAiB;AACfE,QAAAA,OAAO,EAAE,CADM;AAEf,qBAAa;AACXuB,UAAAA,SAAS,EAAE;AADA;AAFE;AARR,KApGN;;AAoHL;AACAc,IAAAA,OAAO,EAAE,EArHJ;;AAuHL;AACAC,IAAAA,QAAQ,EAAE,EAxHL;;AA0HL;AACAC,IAAAA,KAAK,EAAE;AACL1B,MAAAA,IAAI,EAAE,OADD;AAELhB,MAAAA,KAAK,EAAE;AAFF,KA3HF;;AAgIL;AACA2C,IAAAA,KAAK,EAAE;AACLC,MAAAA,SAAS,EAAE/C,KAAK,CAACgD,OAAN,CAAc,CAAd,CADN;AAELd,MAAAA,eAAe,EAAE,cAFZ;AAGL/B,MAAAA,KAAK,EAAE,EAHF;AAILC,MAAAA,MAAM,EAAE,EAJH;AAKL6C,MAAAA,YAAY,EAAE;AALT,KAjIF;;AAyIL;AACAC,IAAAA,KAAK,EAAE;AACL9C,MAAAA,MAAM,EAAE,MADH;AAELD,MAAAA,KAAK,EAAE,MAFF;AAGL8C,MAAAA,YAAY,EAAE,KAAK,CAHd;AAILvC,MAAAA,MAAM,EAAE,CAAC,CAJJ;AAKLc,MAAAA,UAAU,EAAExB,KAAK,CAACyB,WAAN,CAAkBC,MAAlB,CAAyB,CAAC,SAAD,EAAY,kBAAZ,CAAzB,EAA0D;AACpEC,QAAAA,QAAQ,EAAE3B,KAAK,CAACyB,WAAN,CAAkBE,QAAlB,CAA2BC;AAD+B,OAA1D,CALP;AAQLM,MAAAA,eAAe,EAAElC,KAAK,CAACqB,OAAN,CAAcC,IAAd,KAAuB,OAAvB,GAAiCtB,KAAK,CAACqB,OAAN,CAAcgB,MAAd,CAAqBC,KAAtD,GAA8DtC,KAAK,CAACqB,OAAN,CAAcgB,MAAd,CAAqBE,KAR/F;AASLT,MAAAA,OAAO,EAAE9B,KAAK,CAACqB,OAAN,CAAcC,IAAd,KAAuB,OAAvB,GAAiC,IAAjC,GAAwC;AAT5C;AA1IF,GAAP;AAsJD,CAvJM;AAwJP,IAAI6B,MAAM,GAAG,aAAa5D,KAAK,CAAC6D,UAAN,CAAiB,SAASD,MAAT,CAAgBE,KAAhB,EAAuBC,GAAvB,EAA4B;AACrE,MAAIC,OAAO,GAAGF,KAAK,CAACE,OAApB;AAAA,MACIC,SAAS,GAAGH,KAAK,CAACG,SADtB;AAAA,MAEIC,YAAY,GAAGJ,KAAK,CAACjC,KAFzB;AAAA,MAGIA,KAAK,GAAGqC,YAAY,KAAK,KAAK,CAAtB,GAA0B,WAA1B,GAAwCA,YAHpD;AAAA,MAIIC,WAAW,GAAGL,KAAK,CAACM,IAJxB;AAAA,MAKIA,IAAI,GAAGD,WAAW,KAAK,KAAK,CAArB,GAAyB,KAAzB,GAAiCA,WAL5C;AAAA,MAMIE,WAAW,GAAGP,KAAK,CAACQ,IANxB;AAAA,MAOIA,IAAI,GAAGD,WAAW,KAAK,KAAK,CAArB,GAAyB,QAAzB,GAAoCA,WAP/C;AAAA,MAQIE,KAAK,GAAGxE,wBAAwB,CAAC+D,KAAD,EAAQ,CAAC,SAAD,EAAY,WAAZ,EAAyB,OAAzB,EAAkC,MAAlC,EAA0C,MAA1C,CAAR,CARpC;;AAUA,MAAIU,IAAI,GAAG,aAAaxE,KAAK,CAACyE,aAAN,CAAoB,MAApB,EAA4B;AAClDR,IAAAA,SAAS,EAAED,OAAO,CAACT;AAD+B,GAA5B,CAAxB;AAGA,SAAO,aAAavD,KAAK,CAACyE,aAAN,CAAoB,MAApB,EAA4B;AAC9CR,IAAAA,SAAS,EAAE/D,IAAI,CAAC8D,OAAO,CAACtD,IAAT,EAAeuD,SAAf,EAA0B;AACvC,eAASD,OAAO,CAAC1C,SADsB;AAEvC,aAAO0C,OAAO,CAACxC;AAFwB,MAGvC4C,IAHuC,CAA1B,EAGNE,IAAI,KAAK,OAAT,IAAoBN,OAAO,CAAC,OAAOU,MAAP,CAAcpE,UAAU,CAACgE,IAAD,CAAxB,CAAD,CAHrB;AAD+B,GAA5B,EAKjB,aAAatE,KAAK,CAACyE,aAAN,CAAoBlE,UAApB,EAAgCT,QAAQ,CAAC;AACvDiC,IAAAA,IAAI,EAAE,UADiD;AAEvDyC,IAAAA,IAAI,EAAEA,IAFiD;AAGvDG,IAAAA,WAAW,EAAEH,IAH0C;AAIvDR,IAAAA,OAAO,EAAE;AACPtD,MAAAA,IAAI,EAAER,IAAI,CAAC8D,OAAO,CAACtC,UAAT,EAAqBsC,OAAO,CAAC,QAAQU,MAAR,CAAepE,UAAU,CAACuB,KAAD,CAAzB,CAAD,CAA5B,CADH;AAEPyB,MAAAA,KAAK,EAAEU,OAAO,CAACV,KAFR;AAGPF,MAAAA,OAAO,EAAEY,OAAO,CAACZ,OAHV;AAIPC,MAAAA,QAAQ,EAAEW,OAAO,CAACX;AAJX,KAJ8C;AAUvDU,IAAAA,GAAG,EAAEA;AAVkD,GAAD,EAWrDQ,KAXqD,CAAxC,CALI,EAgBR,aAAavE,KAAK,CAACyE,aAAN,CAAoB,MAApB,EAA4B;AACnDR,IAAAA,SAAS,EAAED,OAAO,CAACL;AADgC,GAA5B,CAhBL,CAApB;AAmBD,CAjCyB,CAA1B;AAkCAiB,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAAzB,GAAwClB,MAAM,CAACmB,SAAP,GAAmB;AACzD;AACA;AACA;AACA;;AAEA;AACF;AACA;AACE3B,EAAAA,OAAO,EAAEnD,SAAS,CAAC+E,IATsC;;AAWzD;AACF;AACA;AACEL,EAAAA,WAAW,EAAE1E,SAAS,CAACgF,IAdkC;;AAgBzD;AACF;AACA;AACA;AACEjB,EAAAA,OAAO,EAAE/D,SAAS,CAACiF,MApBsC;;AAsBzD;AACF;AACA;AACEjB,EAAAA,SAAS,EAAEhE,SAAS,CAACkF,MAzBoC;;AA2BzD;AACF;AACA;AACEtD,EAAAA,KAAK,EAAE5B,SAAS,CAACmF,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,WAAvB,CAAhB,CA9BkD;;AAgCzD;AACF;AACA;AACEC,EAAAA,cAAc,EAAEpF,SAAS,CAAC+E,IAnC+B;;AAqCzD;AACF;AACA;AACE3B,EAAAA,QAAQ,EAAEpD,SAAS,CAAC+E,IAxCqC;;AA0CzD;AACF;AACA;AACEM,EAAAA,aAAa,EAAErF,SAAS,CAAC+E,IA7CgC;;AA+CzD;AACF;AACA;AACA;AACA;AACA;AACEZ,EAAAA,IAAI,EAAEnE,SAAS,CAACmF,KAAV,CAAgB,CAAC,KAAD,EAAQ,OAAR,EAAiB,KAAjB,CAAhB,CArDmD;;AAuDzD;AACF;AACA;AACEZ,EAAAA,IAAI,EAAEvE,SAAS,CAACgF,IA1DyC;;AA4DzD;AACF;AACA;AACEM,EAAAA,EAAE,EAAEtF,SAAS,CAACkF,MA/D2C;;AAiEzD;AACF;AACA;AACEK,EAAAA,UAAU,EAAEvF,SAAS,CAACiF,MApEmC;;AAsEzD;AACF;AACA;AACEO,EAAAA,QAAQ,EAAEtF,OAzE+C;;AA2EzD;AACF;AACA;AACA;AACA;AACA;AACA;AACEuF,EAAAA,QAAQ,EAAEzF,SAAS,CAAC0F,IAlFqC;;AAoFzD;AACF;AACA;AACEC,EAAAA,QAAQ,EAAE3F,SAAS,CAAC+E,IAvFqC;;AAyFzD;AACF;AACA;AACA;AACEV,EAAAA,IAAI,EAAErE,SAAS,CAACmF,KAAV,CAAgB,CAAC,QAAD,EAAW,OAAX,CAAhB,CA7FmD;;AA+FzD;AACF;AACA;AACA;AACES,EAAAA,KAAK,EAAE5F,SAAS,CAAC6F;AAnGwC,CAA3D,GAoGI,KAAK,CApGT;AAqGA,eAAe1F,UAAU,CAACI,MAAD,EAAS;AAChCuF,EAAAA,IAAI,EAAE;AAD0B,CAAT,CAAV,CAEZnC,MAFY,CAAf","sourcesContent":["import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\n// @inheritedComponent IconButton\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { refType } from '@material-ui/utils';\nimport withStyles from '../styles/withStyles';\nimport { alpha } from '../styles/colorManipulator';\nimport capitalize from '../utils/capitalize';\nimport SwitchBase from '../internal/SwitchBase';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n display: 'inline-flex',\n width: 34 + 12 * 2,\n height: 14 + 12 * 2,\n overflow: 'hidden',\n padding: 12,\n boxSizing: 'border-box',\n position: 'relative',\n flexShrink: 0,\n zIndex: 0,\n // Reset the stacking context.\n verticalAlign: 'middle',\n // For correct alignment with the text.\n '@media print': {\n colorAdjust: 'exact'\n }\n },\n\n /* Styles applied to the root element if `edge=\"start\"`. */\n edgeStart: {\n marginLeft: -8\n },\n\n /* Styles applied to the root element if `edge=\"end\"`. */\n edgeEnd: {\n marginRight: -8\n },\n\n /* Styles applied to the internal `SwitchBase` component's `root` class. */\n switchBase: {\n position: 'absolute',\n top: 0,\n left: 0,\n zIndex: 1,\n // Render above the focus ripple.\n color: theme.palette.type === 'light' ? theme.palette.grey[50] : theme.palette.grey[400],\n transition: theme.transitions.create(['left', 'transform'], {\n duration: theme.transitions.duration.shortest\n }),\n '&$checked': {\n transform: 'translateX(20px)'\n },\n '&$disabled': {\n color: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800]\n },\n '&$checked + $track': {\n opacity: 0.5\n },\n '&$disabled + $track': {\n opacity: theme.palette.type === 'light' ? 0.12 : 0.1\n }\n },\n\n /* Styles applied to the internal SwitchBase component's root element if `color=\"primary\"`. */\n colorPrimary: {\n '&$checked': {\n color: theme.palette.primary.main,\n '&:hover': {\n backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity),\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n }\n }\n },\n '&$disabled': {\n color: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800]\n },\n '&$checked + $track': {\n backgroundColor: theme.palette.primary.main\n },\n '&$disabled + $track': {\n backgroundColor: theme.palette.type === 'light' ? theme.palette.common.black : theme.palette.common.white\n }\n },\n\n /* Styles applied to the internal SwitchBase component's root element if `color=\"secondary\"`. */\n colorSecondary: {\n '&$checked': {\n color: theme.palette.secondary.main,\n '&:hover': {\n backgroundColor: alpha(theme.palette.secondary.main, theme.palette.action.hoverOpacity),\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n }\n }\n },\n '&$disabled': {\n color: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800]\n },\n '&$checked + $track': {\n backgroundColor: theme.palette.secondary.main\n },\n '&$disabled + $track': {\n backgroundColor: theme.palette.type === 'light' ? theme.palette.common.black : theme.palette.common.white\n }\n },\n\n /* Styles applied to the root element if `size=\"small\"`. */\n sizeSmall: {\n width: 40,\n height: 24,\n padding: 7,\n '& $thumb': {\n width: 16,\n height: 16\n },\n '& $switchBase': {\n padding: 4,\n '&$checked': {\n transform: 'translateX(16px)'\n }\n }\n },\n\n /* Pseudo-class applied to the internal `SwitchBase` component's `checked` class. */\n checked: {},\n\n /* Pseudo-class applied to the internal SwitchBase component's disabled class. */\n disabled: {},\n\n /* Styles applied to the internal SwitchBase component's input element. */\n input: {\n left: '-100%',\n width: '300%'\n },\n\n /* Styles used to create the thumb passed to the internal `SwitchBase` component `icon` prop. */\n thumb: {\n boxShadow: theme.shadows[1],\n backgroundColor: 'currentColor',\n width: 20,\n height: 20,\n borderRadius: '50%'\n },\n\n /* Styles applied to the track element. */\n track: {\n height: '100%',\n width: '100%',\n borderRadius: 14 / 2,\n zIndex: -1,\n transition: theme.transitions.create(['opacity', 'background-color'], {\n duration: theme.transitions.duration.shortest\n }),\n backgroundColor: theme.palette.type === 'light' ? theme.palette.common.black : theme.palette.common.white,\n opacity: theme.palette.type === 'light' ? 0.38 : 0.3\n }\n };\n};\nvar Switch = /*#__PURE__*/React.forwardRef(function Switch(props, ref) {\n var classes = props.classes,\n className = props.className,\n _props$color = props.color,\n color = _props$color === void 0 ? 'secondary' : _props$color,\n _props$edge = props.edge,\n edge = _props$edge === void 0 ? false : _props$edge,\n _props$size = props.size,\n size = _props$size === void 0 ? 'medium' : _props$size,\n other = _objectWithoutProperties(props, [\"classes\", \"className\", \"color\", \"edge\", \"size\"]);\n\n var icon = /*#__PURE__*/React.createElement(\"span\", {\n className: classes.thumb\n });\n return /*#__PURE__*/React.createElement(\"span\", {\n className: clsx(classes.root, className, {\n 'start': classes.edgeStart,\n 'end': classes.edgeEnd\n }[edge], size === \"small\" && classes[\"size\".concat(capitalize(size))])\n }, /*#__PURE__*/React.createElement(SwitchBase, _extends({\n type: \"checkbox\",\n icon: icon,\n checkedIcon: icon,\n classes: {\n root: clsx(classes.switchBase, classes[\"color\".concat(capitalize(color))]),\n input: classes.input,\n checked: classes.checked,\n disabled: classes.disabled\n },\n ref: ref\n }, other)), /*#__PURE__*/React.createElement(\"span\", {\n className: classes.track\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Switch.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 * If `true`, the component is checked.\n */\n checked: PropTypes.bool,\n\n /**\n * The icon to display when the component is checked.\n */\n checkedIcon: PropTypes.node,\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(['default', 'primary', 'secondary']),\n\n /**\n * @ignore\n */\n defaultChecked: PropTypes.bool,\n\n /**\n * If `true`, the switch will be disabled.\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true`, the ripple effect will be disabled.\n */\n disableRipple: PropTypes.bool,\n\n /**\n * If given, uses a negative margin to counteract the padding on one\n * side (this is often helpful for aligning the left or right\n * side of the icon with content above or below, without ruining the border\n * size and shape).\n */\n edge: PropTypes.oneOf(['end', 'start', false]),\n\n /**\n * The icon to display when the component is unchecked.\n */\n icon: PropTypes.node,\n\n /**\n * The id of the `input` element.\n */\n id: PropTypes.string,\n\n /**\n * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n */\n inputProps: PropTypes.object,\n\n /**\n * Pass a ref to the `input` element.\n */\n inputRef: refType,\n\n /**\n * Callback fired when the state is changed.\n *\n * @param {object} event The event source of the callback.\n * You can pull out the new value by accessing `event.target.value` (string).\n * You can pull out the new checked state by accessing `event.target.checked` (boolean).\n */\n onChange: PropTypes.func,\n\n /**\n * If `true`, the `input` element will be required.\n */\n required: PropTypes.bool,\n\n /**\n * The size of the switch.\n * `small` is equivalent to the dense switch styling.\n */\n size: PropTypes.oneOf(['medium', 'small']),\n\n /**\n * The value of the component. The DOM API casts this to a string.\n * The browser uses \"on\" as the default value.\n */\n value: PropTypes.any\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiSwitch'\n})(Switch);"]},"metadata":{},"sourceType":"module"} |