{"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":"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","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"}