` elements.\n */\n children: 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.isRequired,\n\n /**\n * The CSS class name of the select element.\n */\n className: PropTypes.string,\n\n /**\n * The default element value. Use when the component is not controlled.\n */\n defaultValue: PropTypes.any,\n\n /**\n * If `true`, the select will be disabled.\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true`, the selected item is displayed even if its value is empty.\n */\n displayEmpty: PropTypes.bool,\n\n /**\n * The icon that displays the arrow.\n */\n IconComponent: PropTypes.elementType.isRequired,\n\n /**\n * Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`\n * Equivalent to `ref`\n */\n inputRef: refType,\n\n /**\n * The ID of an element that acts as an additional label. The Select will\n * be labelled by the additional label and the selected value.\n */\n labelId: PropTypes.string,\n\n /**\n * Props applied to the [`Menu`](/api/menu/) element.\n */\n MenuProps: PropTypes.object,\n\n /**\n * If `true`, `value` must be an array and the menu will support multiple selections.\n */\n multiple: PropTypes.bool,\n\n /**\n * Name attribute of the `select` or hidden `input` element.\n */\n name: PropTypes.string,\n\n /**\n * @ignore\n */\n onBlur: PropTypes.func,\n\n /**\n * Callback function fired when a menu item is selected.\n *\n * @param {object} event The event source of the callback.\n * You can pull out the new value by accessing `event.target.value` (any).\n * @param {object} [child] The react element that was selected.\n */\n onChange: PropTypes.func,\n\n /**\n * Callback fired when the component requests to be closed.\n * Use in controlled mode (see open).\n *\n * @param {object} event The event source of the callback.\n */\n onClose: PropTypes.func,\n\n /**\n * @ignore\n */\n onFocus: PropTypes.func,\n\n /**\n * Callback fired when the component requests to be opened.\n * Use in controlled mode (see open).\n *\n * @param {object} event The event source of the callback.\n */\n onOpen: PropTypes.func,\n\n /**\n * Control `select` open state.\n */\n open: PropTypes.bool,\n\n /**\n * @ignore\n */\n readOnly: PropTypes.bool,\n\n /**\n * Render the selected value.\n *\n * @param {any} value The `value` provided to the component.\n * @returns {ReactNode}\n */\n renderValue: PropTypes.func,\n\n /**\n * Props applied to the clickable div element.\n */\n SelectDisplayProps: PropTypes.object,\n\n /**\n * @ignore\n */\n tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * @ignore\n */\n type: PropTypes.any,\n\n /**\n * The input value.\n */\n value: PropTypes.any,\n\n /**\n * The variant to use.\n */\n variant: PropTypes.oneOf(['standard', 'outlined', 'filled'])\n} : void 0;\nexport default SelectInput;","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport Paper from '../Paper';\nimport { emphasize } from '../styles/colorManipulator';\nexport var styles = function styles(theme) {\n var emphasis = theme.palette.type === 'light' ? 0.8 : 0.98;\n var backgroundColor = emphasize(theme.palette.background.default, emphasis);\n return {\n /* Styles applied to the root element. */\n root: _extends({}, theme.typography.body2, _defineProperty({\n color: theme.palette.getContrastText(backgroundColor),\n backgroundColor: backgroundColor,\n display: 'flex',\n alignItems: 'center',\n flexWrap: 'wrap',\n padding: '6px 16px',\n borderRadius: theme.shape.borderRadius,\n flexGrow: 1\n }, theme.breakpoints.up('sm'), {\n flexGrow: 'initial',\n minWidth: 288\n })),\n\n /* Styles applied to the message wrapper element. */\n message: {\n padding: '8px 0'\n },\n\n /* Styles applied to the action wrapper element if `action` is provided. */\n action: {\n display: 'flex',\n alignItems: 'center',\n marginLeft: 'auto',\n paddingLeft: 16,\n marginRight: -8\n }\n };\n};\nvar SnackbarContent = /*#__PURE__*/React.forwardRef(function SnackbarContent(props, ref) {\n var action = props.action,\n classes = props.classes,\n className = props.className,\n message = props.message,\n _props$role = props.role,\n role = _props$role === void 0 ? 'alert' : _props$role,\n other = _objectWithoutProperties(props, [\"action\", \"classes\", \"className\", \"message\", \"role\"]);\n\n return /*#__PURE__*/React.createElement(Paper, _extends({\n role: role,\n square: true,\n elevation: 6,\n className: clsx(classes.root, className),\n ref: ref\n }, other), /*#__PURE__*/React.createElement(\"div\", {\n className: classes.message\n }, message), action ? /*#__PURE__*/React.createElement(\"div\", {\n className: classes.action\n }, action) : null);\n});\nprocess.env.NODE_ENV !== \"production\" ? SnackbarContent.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 * The action to display. It renders after the message, at the end of the snackbar.\n */\n action: 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 message to display.\n */\n message: PropTypes.node,\n\n /**\n * The ARIA role attribute of the element.\n */\n role: PropTypes.string\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiSnackbarContent'\n})(SnackbarContent);","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport { duration } from '../styles/transitions';\nimport ClickAwayListener from '../ClickAwayListener';\nimport useEventCallback from '../utils/useEventCallback';\nimport capitalize from '../utils/capitalize';\nimport createChainedFunction from '../utils/createChainedFunction';\nimport deprecatedPropType from '../utils/deprecatedPropType';\nimport Grow from '../Grow';\nimport SnackbarContent from '../SnackbarContent';\nexport var styles = function styles(theme) {\n var top1 = {\n top: 8\n };\n var bottom1 = {\n bottom: 8\n };\n var right = {\n justifyContent: 'flex-end'\n };\n var left = {\n justifyContent: 'flex-start'\n };\n var top3 = {\n top: 24\n };\n var bottom3 = {\n bottom: 24\n };\n var right3 = {\n right: 24\n };\n var left3 = {\n left: 24\n };\n var center = {\n left: '50%',\n right: 'auto',\n transform: 'translateX(-50%)'\n };\n return {\n /* Styles applied to the root element. */\n root: {\n zIndex: theme.zIndex.snackbar,\n position: 'fixed',\n display: 'flex',\n left: 8,\n right: 8,\n justifyContent: 'center',\n alignItems: 'center'\n },\n\n /* Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`. */\n anchorOriginTopCenter: _extends({}, top1, _defineProperty({}, theme.breakpoints.up('sm'), _extends({}, top3, center))),\n\n /* Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`. */\n anchorOriginBottomCenter: _extends({}, bottom1, _defineProperty({}, theme.breakpoints.up('sm'), _extends({}, bottom3, center))),\n\n /* Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`. */\n anchorOriginTopRight: _extends({}, top1, right, _defineProperty({}, theme.breakpoints.up('sm'), _extends({\n left: 'auto'\n }, top3, right3))),\n\n /* Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`. */\n anchorOriginBottomRight: _extends({}, bottom1, right, _defineProperty({}, theme.breakpoints.up('sm'), _extends({\n left: 'auto'\n }, bottom3, right3))),\n\n /* Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`. */\n anchorOriginTopLeft: _extends({}, top1, left, _defineProperty({}, theme.breakpoints.up('sm'), _extends({\n right: 'auto'\n }, top3, left3))),\n\n /* Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`. */\n anchorOriginBottomLeft: _extends({}, bottom1, left, _defineProperty({}, theme.breakpoints.up('sm'), _extends({\n right: 'auto'\n }, bottom3, left3)))\n };\n};\nvar Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(props, ref) {\n var action = props.action,\n _props$anchorOrigin = props.anchorOrigin;\n _props$anchorOrigin = _props$anchorOrigin === void 0 ? {\n vertical: 'bottom',\n horizontal: 'center'\n } : _props$anchorOrigin;\n\n var vertical = _props$anchorOrigin.vertical,\n horizontal = _props$anchorOrigin.horizontal,\n _props$autoHideDurati = props.autoHideDuration,\n autoHideDuration = _props$autoHideDurati === void 0 ? null : _props$autoHideDurati,\n children = props.children,\n classes = props.classes,\n className = props.className,\n ClickAwayListenerProps = props.ClickAwayListenerProps,\n ContentProps = props.ContentProps,\n _props$disableWindowB = props.disableWindowBlurListener,\n disableWindowBlurListener = _props$disableWindowB === void 0 ? false : _props$disableWindowB,\n message = props.message,\n onClose = props.onClose,\n onEnter = props.onEnter,\n onEntered = props.onEntered,\n onEntering = props.onEntering,\n onExit = props.onExit,\n onExited = props.onExited,\n onExiting = props.onExiting,\n onMouseEnter = props.onMouseEnter,\n onMouseLeave = props.onMouseLeave,\n open = props.open,\n resumeHideDuration = props.resumeHideDuration,\n _props$TransitionComp = props.TransitionComponent,\n TransitionComponent = _props$TransitionComp === void 0 ? Grow : _props$TransitionComp,\n _props$transitionDura = props.transitionDuration,\n transitionDuration = _props$transitionDura === void 0 ? {\n enter: duration.enteringScreen,\n exit: duration.leavingScreen\n } : _props$transitionDura,\n TransitionProps = props.TransitionProps,\n other = _objectWithoutProperties(props, [\"action\", \"anchorOrigin\", \"autoHideDuration\", \"children\", \"classes\", \"className\", \"ClickAwayListenerProps\", \"ContentProps\", \"disableWindowBlurListener\", \"message\", \"onClose\", \"onEnter\", \"onEntered\", \"onEntering\", \"onExit\", \"onExited\", \"onExiting\", \"onMouseEnter\", \"onMouseLeave\", \"open\", \"resumeHideDuration\", \"TransitionComponent\", \"transitionDuration\", \"TransitionProps\"]);\n\n var timerAutoHide = React.useRef();\n\n var _React$useState = React.useState(true),\n exited = _React$useState[0],\n setExited = _React$useState[1];\n\n var handleClose = useEventCallback(function () {\n if (onClose) {\n onClose.apply(void 0, arguments);\n }\n });\n var setAutoHideTimer = useEventCallback(function (autoHideDurationParam) {\n if (!onClose || autoHideDurationParam == null) {\n return;\n }\n\n clearTimeout(timerAutoHide.current);\n timerAutoHide.current = setTimeout(function () {\n handleClose(null, 'timeout');\n }, autoHideDurationParam);\n });\n React.useEffect(function () {\n if (open) {\n setAutoHideTimer(autoHideDuration);\n }\n\n return function () {\n clearTimeout(timerAutoHide.current);\n };\n }, [open, autoHideDuration, setAutoHideTimer]); // Pause the timer when the user is interacting with the Snackbar\n // or when the user hide the window.\n\n var handlePause = function handlePause() {\n clearTimeout(timerAutoHide.current);\n }; // Restart the timer when the user is no longer interacting with the Snackbar\n // or when the window is shown back.\n\n\n var handleResume = React.useCallback(function () {\n if (autoHideDuration != null) {\n setAutoHideTimer(resumeHideDuration != null ? resumeHideDuration : autoHideDuration * 0.5);\n }\n }, [autoHideDuration, resumeHideDuration, setAutoHideTimer]);\n\n var handleMouseEnter = function handleMouseEnter(event) {\n if (onMouseEnter) {\n onMouseEnter(event);\n }\n\n handlePause();\n };\n\n var handleMouseLeave = function handleMouseLeave(event) {\n if (onMouseLeave) {\n onMouseLeave(event);\n }\n\n handleResume();\n };\n\n var handleClickAway = function handleClickAway(event) {\n if (onClose) {\n onClose(event, 'clickaway');\n }\n };\n\n var handleExited = function handleExited() {\n setExited(true);\n };\n\n var handleEnter = function handleEnter() {\n setExited(false);\n };\n\n React.useEffect(function () {\n if (!disableWindowBlurListener && open) {\n window.addEventListener('focus', handleResume);\n window.addEventListener('blur', handlePause);\n return function () {\n window.removeEventListener('focus', handleResume);\n window.removeEventListener('blur', handlePause);\n };\n }\n\n return undefined;\n }, [disableWindowBlurListener, handleResume, open]); // So we only render active snackbars.\n\n if (!open && exited) {\n return null;\n }\n\n return /*#__PURE__*/React.createElement(ClickAwayListener, _extends({\n onClickAway: handleClickAway\n }, ClickAwayListenerProps), /*#__PURE__*/React.createElement(\"div\", _extends({\n className: clsx(classes.root, classes[\"anchorOrigin\".concat(capitalize(vertical)).concat(capitalize(horizontal))], className),\n onMouseEnter: handleMouseEnter,\n onMouseLeave: handleMouseLeave,\n ref: ref\n }, other), /*#__PURE__*/React.createElement(TransitionComponent, _extends({\n appear: true,\n in: open,\n onEnter: createChainedFunction(handleEnter, onEnter),\n onEntered: onEntered,\n onEntering: onEntering,\n onExit: onExit,\n onExited: createChainedFunction(handleExited, onExited),\n onExiting: onExiting,\n timeout: transitionDuration,\n direction: vertical === 'top' ? 'down' : 'up'\n }, TransitionProps), children || /*#__PURE__*/React.createElement(SnackbarContent, _extends({\n message: message,\n action: action\n }, ContentProps)))));\n});\nprocess.env.NODE_ENV !== \"production\" ? Snackbar.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 * The action to display. It renders after the message, at the end of the snackbar.\n */\n action: PropTypes.node,\n\n /**\n * The anchor of the `Snackbar`.\n */\n anchorOrigin: PropTypes.shape({\n horizontal: PropTypes.oneOf(['center', 'left', 'right']).isRequired,\n vertical: PropTypes.oneOf(['bottom', 'top']).isRequired\n }),\n\n /**\n * The number of milliseconds to wait before automatically calling the\n * `onClose` function. `onClose` should then set the state of the `open`\n * prop to hide the Snackbar. This behavior is disabled by default with\n * the `null` value.\n */\n autoHideDuration: PropTypes.number,\n\n /**\n * Replace the `SnackbarContent` component.\n */\n children: PropTypes.element,\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 * Props applied to the `ClickAwayListener` element.\n */\n ClickAwayListenerProps: PropTypes.object,\n\n /**\n * Props applied to the [`SnackbarContent`](/api/snackbar-content/) element.\n */\n ContentProps: PropTypes.object,\n\n /**\n * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.\n */\n disableWindowBlurListener: PropTypes.bool,\n\n /**\n * When displaying multiple consecutive Snackbars from a parent rendering a single\n * ` element when the parent context is a header\n * or otherwise a ` ` element.\n */\n\nvar TableCell = /*#__PURE__*/React.forwardRef(function TableCell(props, ref) {\n var _props$align = props.align,\n align = _props$align === void 0 ? 'inherit' : _props$align,\n classes = props.classes,\n className = props.className,\n component = props.component,\n paddingProp = props.padding,\n scopeProp = props.scope,\n sizeProp = props.size,\n sortDirection = props.sortDirection,\n variantProp = props.variant,\n other = _objectWithoutProperties(props, [\"align\", \"classes\", \"className\", \"component\", \"padding\", \"scope\", \"size\", \"sortDirection\", \"variant\"]);\n\n var table = React.useContext(TableContext);\n var tablelvl2 = React.useContext(Tablelvl2Context);\n var isHeadCell = tablelvl2 && tablelvl2.variant === 'head';\n var role;\n var Component;\n\n if (component) {\n Component = component;\n role = isHeadCell ? 'columnheader' : 'cell';\n } else {\n Component = isHeadCell ? 'th' : 'td';\n }\n\n var scope = scopeProp;\n\n if (!scope && isHeadCell) {\n scope = 'col';\n }\n\n var padding = paddingProp || (table && table.padding ? table.padding : 'normal');\n var size = sizeProp || (table && table.size ? table.size : 'medium');\n var variant = variantProp || tablelvl2 && tablelvl2.variant;\n var ariaSort = null;\n\n if (sortDirection) {\n ariaSort = sortDirection === 'asc' ? 'ascending' : 'descending';\n }\n\n return /*#__PURE__*/React.createElement(Component, _extends({\n ref: ref,\n className: clsx(classes.root, classes[variant], className, align !== 'inherit' && classes[\"align\".concat(capitalize(align))], padding !== 'normal' && classes[\"padding\".concat(capitalize(padding))], size !== 'medium' && classes[\"size\".concat(capitalize(size))], variant === 'head' && table && table.stickyHeader && classes.stickyHeader),\n \"aria-sort\": ariaSort,\n role: role,\n scope: scope\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? TableCell.propTypes = {\n /**\n * Set the text-align on the table cell content.\n *\n * Monetary or generally number fields **should be right aligned** as that allows\n * you to add them up quickly in your head without having to worry about decimals.\n */\n align: PropTypes.oneOf(['center', 'inherit', 'justify', 'left', 'right']),\n\n /**\n * The table cell contents.\n */\n children: 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 component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes\n /* @typescript-to-proptypes-ignore */\n .elementType,\n\n /**\n * Sets the padding applied to the cell.\n * By default, the Table parent component set the value (`normal`).\n * `default` is deprecated, use `normal` instead.\n */\n padding: chainPropTypes(PropTypes.oneOf(['normal', 'checkbox', 'none', 'default']), function (props) {\n if (props.padding === 'default') {\n return new Error('Material-UI: padding=\"default\" was renamed to padding=\"normal\" for consistency.');\n }\n\n return null;\n }),\n\n /**\n * Set scope attribute.\n */\n scope: PropTypes.string,\n\n /**\n * Specify the size of the cell.\n * By default, the Table parent component set the value (`medium`).\n */\n size: PropTypes.oneOf(['medium', 'small']),\n\n /**\n * Set aria-sort direction.\n */\n sortDirection: PropTypes.oneOf(['asc', 'desc', false]),\n\n /**\n * Specify the cell type.\n * By default, the TableHead, TableBody or TableFooter parent component set the value.\n */\n variant: PropTypes.oneOf(['body', 'footer', 'head'])\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiTableCell'\n})(TableCell);","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 withStyles from '../styles/withStyles';\nimport Tablelvl2Context from '../Table/Tablelvl2Context';\nexport var styles = {\n /* Styles applied to the root element. */\n root: {\n display: 'table-header-group'\n }\n};\nvar tablelvl2 = {\n variant: 'head'\n};\nvar defaultComponent = 'thead';\nvar TableHead = /*#__PURE__*/React.forwardRef(function TableHead(props, ref) {\n var classes = props.classes,\n className = props.className,\n _props$component = props.component,\n Component = _props$component === void 0 ? defaultComponent : _props$component,\n other = _objectWithoutProperties(props, [\"classes\", \"className\", \"component\"]);\n\n return /*#__PURE__*/React.createElement(Tablelvl2Context.Provider, {\n value: tablelvl2\n }, /*#__PURE__*/React.createElement(Component, _extends({\n className: clsx(classes.root, className),\n ref: ref,\n role: Component === defaultComponent ? null : 'rowgroup'\n }, other)));\n});\nprocess.env.NODE_ENV !== \"production\" ? TableHead.propTypes = {\n /**\n * The content of the component, normally `TableRow`.\n */\n children: 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.isRequired,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes\n /* @typescript-to-proptypes-ignore */\n .elementType\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiTableHead'\n})(TableHead);","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 withStyles from '../styles/withStyles';\nimport Tablelvl2Context from '../Table/Tablelvl2Context';\nimport { alpha } from '../styles/colorManipulator';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n color: 'inherit',\n display: 'table-row',\n verticalAlign: 'middle',\n // We disable the focus ring for mouse, touch and keyboard users.\n outline: 0,\n '&$hover:hover': {\n backgroundColor: theme.palette.action.hover\n },\n '&$selected, &$selected:hover': {\n backgroundColor: alpha(theme.palette.secondary.main, theme.palette.action.selectedOpacity)\n }\n },\n\n /* Pseudo-class applied to the root element if `selected={true}`. */\n selected: {},\n\n /* Pseudo-class applied to the root element if `hover={true}`. */\n hover: {},\n\n /* Styles applied to the root element if table variant=\"head\". */\n head: {},\n\n /* Styles applied to the root element if table variant=\"footer\". */\n footer: {}\n };\n};\nvar defaultComponent = 'tr';\n/**\n * Will automatically set dynamic row height\n * based on the material table element parent (head, body, etc).\n */\n\nvar TableRow = /*#__PURE__*/React.forwardRef(function TableRow(props, ref) {\n var classes = props.classes,\n className = props.className,\n _props$component = props.component,\n Component = _props$component === void 0 ? defaultComponent : _props$component,\n _props$hover = props.hover,\n hover = _props$hover === void 0 ? false : _props$hover,\n _props$selected = props.selected,\n selected = _props$selected === void 0 ? false : _props$selected,\n other = _objectWithoutProperties(props, [\"classes\", \"className\", \"component\", \"hover\", \"selected\"]);\n\n var tablelvl2 = React.useContext(Tablelvl2Context);\n return /*#__PURE__*/React.createElement(Component, _extends({\n ref: ref,\n className: clsx(classes.root, className, tablelvl2 && {\n 'head': classes.head,\n 'footer': classes.footer\n }[tablelvl2.variant], hover && classes.hover, selected && classes.selected),\n role: Component === defaultComponent ? null : 'row'\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? TableRow.propTypes = {\n /**\n * Should be valid children such as `TableCell`.\n */\n children: 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.isRequired,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes\n /* @typescript-to-proptypes-ignore */\n .elementType,\n\n /**\n * If `true`, the table row will shade on hover.\n */\n hover: PropTypes.bool,\n\n /**\n * If `true`, the table row will have the selected shading.\n */\n selected: PropTypes.bool\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiTableRow'\n})(TableRow);","import * as React from 'react';\n/**\n * @ignore - internal component.\n */\n\nvar TableContext = React.createContext();\n\nif (process.env.NODE_ENV !== 'production') {\n TableContext.displayName = 'TableContext';\n}\n\nexport default TableContext;","import * as React from 'react';\n/**\n * @ignore - internal component.\n */\n\nvar Tablelvl2Context = React.createContext();\n\nif (process.env.NODE_ENV !== 'production') {\n Tablelvl2Context.displayName = 'Tablelvl2Context';\n}\n\nexport default Tablelvl2Context;","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 { refType } from '@material-ui/utils';\nimport deprecatedPropType from '../utils/deprecatedPropType';\nimport Input from '../Input';\nimport FilledInput from '../FilledInput';\nimport OutlinedInput from '../OutlinedInput';\nimport InputLabel from '../InputLabel';\nimport FormControl from '../FormControl';\nimport FormHelperText from '../FormHelperText';\nimport Select from '../Select';\nimport withStyles from '../styles/withStyles';\nvar variantComponent = {\n standard: Input,\n filled: FilledInput,\n outlined: OutlinedInput\n};\nexport var styles = {\n /* Styles applied to the root element. */\n root: {}\n};\n/**\n * The `TextField` is a convenience wrapper for the most common cases (80%).\n * It cannot be all things to all people, otherwise the API would grow out of control.\n *\n * ## Advanced Configuration\n *\n * It's important to understand that the text field is a simple abstraction\n * on top of the following components:\n *\n * - [FormControl](/api/form-control/)\n * - [InputLabel](/api/input-label/)\n * - [FilledInput](/api/filled-input/)\n * - [OutlinedInput](/api/outlined-input/)\n * - [Input](/api/input/)\n * - [FormHelperText](/api/form-helper-text/)\n *\n * If you wish to alter the props applied to the `input` element, you can do so as follows:\n *\n * ```jsx\n * const inputProps = {\n * step: 300,\n * };\n *\n * return `.\n * If you wish to change that mapping, you can provide your own.\n * Alternatively, you can use the `component` prop.\n */\n variantMapping: PropTypes.object\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiTypography'\n})(Typography);","/* eslint-disable consistent-return, jsx-a11y/no-noninteractive-tabindex, camelcase */\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport ownerDocument from '../utils/ownerDocument';\nimport useForkRef from '../utils/useForkRef';\nimport { exactProp } from '@material-ui/utils';\n/**\n * Utility component that locks focus inside the component.\n */\n\nfunction Unstable_TrapFocus(props) {\n var children = props.children,\n _props$disableAutoFoc = props.disableAutoFocus,\n disableAutoFocus = _props$disableAutoFoc === void 0 ? false : _props$disableAutoFoc,\n _props$disableEnforce = props.disableEnforceFocus,\n disableEnforceFocus = _props$disableEnforce === void 0 ? false : _props$disableEnforce,\n _props$disableRestore = props.disableRestoreFocus,\n disableRestoreFocus = _props$disableRestore === void 0 ? false : _props$disableRestore,\n getDoc = props.getDoc,\n isEnabled = props.isEnabled,\n open = props.open;\n var ignoreNextEnforceFocus = React.useRef();\n var sentinelStart = React.useRef(null);\n var sentinelEnd = React.useRef(null);\n var nodeToRestore = React.useRef();\n var rootRef = React.useRef(null); // can be removed once we drop support for non ref forwarding class components\n\n var handleOwnRef = React.useCallback(function (instance) {\n // #StrictMode ready\n rootRef.current = ReactDOM.findDOMNode(instance);\n }, []);\n var handleRef = useForkRef(children.ref, handleOwnRef);\n var prevOpenRef = React.useRef();\n React.useEffect(function () {\n prevOpenRef.current = open;\n }, [open]);\n\n if (!prevOpenRef.current && open && typeof window !== 'undefined') {\n // WARNING: Potentially unsafe in concurrent mode.\n // The way the read on `nodeToRestore` is setup could make this actually safe.\n // Say we render `open={false}` -> `open={true}` but never commit.\n // We have now written a state that wasn't committed. But no committed effect\n // will read this wrong value. We only read from `nodeToRestore` in effects\n // that were committed on `open={true}`\n // WARNING: Prevents the instance from being garbage collected. Should only\n // hold a weak ref.\n nodeToRestore.current = getDoc().activeElement;\n }\n\n React.useEffect(function () {\n if (!open) {\n return;\n }\n\n var doc = ownerDocument(rootRef.current); // We might render an empty child.\n\n if (!disableAutoFocus && rootRef.current && !rootRef.current.contains(doc.activeElement)) {\n if (!rootRef.current.hasAttribute('tabIndex')) {\n if (process.env.NODE_ENV !== 'production') {\n console.error(['Material-UI: The modal content node does not accept focus.', 'For the benefit of assistive technologies, ' + 'the tabIndex of the node is being set to \"-1\".'].join('\\n'));\n }\n\n rootRef.current.setAttribute('tabIndex', -1);\n }\n\n rootRef.current.focus();\n }\n\n var contain = function contain() {\n var rootElement = rootRef.current; // Cleanup functions are executed lazily in React 17.\n // Contain can be called between the component being unmounted and its cleanup function being run.\n\n if (rootElement === null) {\n return;\n }\n\n if (!doc.hasFocus() || disableEnforceFocus || !isEnabled() || ignoreNextEnforceFocus.current) {\n ignoreNextEnforceFocus.current = false;\n return;\n }\n\n if (rootRef.current && !rootRef.current.contains(doc.activeElement)) {\n rootRef.current.focus();\n }\n };\n\n var loopFocus = function loopFocus(event) {\n // 9 = Tab\n if (disableEnforceFocus || !isEnabled() || event.keyCode !== 9) {\n return;\n } // Make sure the next tab starts from the right place.\n\n\n if (doc.activeElement === rootRef.current) {\n // We need to ignore the next contain as\n // it will try to move the focus back to the rootRef element.\n ignoreNextEnforceFocus.current = true;\n\n if (event.shiftKey) {\n sentinelEnd.current.focus();\n } else {\n sentinelStart.current.focus();\n }\n }\n };\n\n doc.addEventListener('focus', contain, true);\n doc.addEventListener('keydown', loopFocus, true); // With Edge, Safari and Firefox, no focus related events are fired when the focused area stops being a focused area\n // e.g. https://bugzilla.mozilla.org/show_bug.cgi?id=559561.\n //\n // The whatwg spec defines how the browser should behave but does not explicitly mention any events:\n // https://html.spec.whatwg.org/multipage/interaction.html#focus-fixup-rule.\n\n var interval = setInterval(function () {\n contain();\n }, 50);\n return function () {\n clearInterval(interval);\n doc.removeEventListener('focus', contain, true);\n doc.removeEventListener('keydown', loopFocus, true); // restoreLastFocus()\n\n if (!disableRestoreFocus) {\n // In IE 11 it is possible for document.activeElement to be null resulting\n // in nodeToRestore.current being null.\n // Not all elements in IE 11 have a focus method.\n // Once IE 11 support is dropped the focus() call can be unconditional.\n if (nodeToRestore.current && nodeToRestore.current.focus) {\n nodeToRestore.current.focus();\n }\n\n nodeToRestore.current = null;\n }\n };\n }, [disableAutoFocus, disableEnforceFocus, disableRestoreFocus, isEnabled, open]);\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n tabIndex: 0,\n ref: sentinelStart,\n \"data-test\": \"sentinelStart\"\n }), /*#__PURE__*/React.cloneElement(children, {\n ref: handleRef\n }), /*#__PURE__*/React.createElement(\"div\", {\n tabIndex: 0,\n ref: sentinelEnd,\n \"data-test\": \"sentinelEnd\"\n }));\n}\n\nprocess.env.NODE_ENV !== \"production\" ? Unstable_TrapFocus.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 * A single child content element.\n */\n children: PropTypes.node,\n\n /**\n * If `true`, the trap focus will not automatically shift focus to itself when it opens, and\n * replace it to the last focused element when it closes.\n * This also works correctly with any trap focus children that have the `disableAutoFocus` prop.\n *\n * Generally this should never be set to `true` as it makes the trap focus less\n * accessible to assistive technologies, like screen readers.\n */\n disableAutoFocus: PropTypes.bool,\n\n /**\n * If `true`, the trap focus will not prevent focus from leaving the trap focus while open.\n *\n * Generally this should never be set to `true` as it makes the trap focus less\n * accessible to assistive technologies, like screen readers.\n */\n disableEnforceFocus: PropTypes.bool,\n\n /**\n * If `true`, the trap focus will not restore focus to previously focused element once\n * trap focus is hidden.\n */\n disableRestoreFocus: PropTypes.bool,\n\n /**\n * Return the document to consider.\n * We use it to implement the restore focus between different browser documents.\n */\n getDoc: PropTypes.func.isRequired,\n\n /**\n * Do we still want to enforce the focus?\n * This prop helps nesting TrapFocus elements.\n */\n isEnabled: PropTypes.func.isRequired,\n\n /**\n * If `true`, focus will be locked.\n */\n open: PropTypes.bool.isRequired\n} : void 0;\n\nif (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line\n Unstable_TrapFocus['propTypes' + ''] = exactProp(Unstable_TrapFocus.propTypes);\n}\n\nexport default Unstable_TrapFocus;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { refType } from '@material-ui/utils';\nimport useControlled from '../utils/useControlled';\nimport useFormControl from '../FormControl/useFormControl';\nimport withStyles from '../styles/withStyles';\nimport IconButton from '../IconButton';\nexport var styles = {\n root: {\n padding: 9\n },\n checked: {},\n disabled: {},\n input: {\n cursor: 'inherit',\n position: 'absolute',\n opacity: 0,\n width: '100%',\n height: '100%',\n top: 0,\n left: 0,\n margin: 0,\n padding: 0,\n zIndex: 1\n }\n};\n/**\n * @ignore - internal component.\n */\n\nvar SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref) {\n var autoFocus = props.autoFocus,\n checkedProp = props.checked,\n checkedIcon = props.checkedIcon,\n classes = props.classes,\n className = props.className,\n defaultChecked = props.defaultChecked,\n disabledProp = props.disabled,\n icon = props.icon,\n id = props.id,\n inputProps = props.inputProps,\n inputRef = props.inputRef,\n name = props.name,\n onBlur = props.onBlur,\n onChange = props.onChange,\n onFocus = props.onFocus,\n readOnly = props.readOnly,\n required = props.required,\n tabIndex = props.tabIndex,\n type = props.type,\n value = props.value,\n other = _objectWithoutProperties(props, [\"autoFocus\", \"checked\", \"checkedIcon\", \"classes\", \"className\", \"defaultChecked\", \"disabled\", \"icon\", \"id\", \"inputProps\", \"inputRef\", \"name\", \"onBlur\", \"onChange\", \"onFocus\", \"readOnly\", \"required\", \"tabIndex\", \"type\", \"value\"]);\n\n var _useControlled = useControlled({\n controlled: checkedProp,\n default: Boolean(defaultChecked),\n name: 'SwitchBase',\n state: 'checked'\n }),\n _useControlled2 = _slicedToArray(_useControlled, 2),\n checked = _useControlled2[0],\n setCheckedState = _useControlled2[1];\n\n var muiFormControl = useFormControl();\n\n var handleFocus = function handleFocus(event) {\n if (onFocus) {\n onFocus(event);\n }\n\n if (muiFormControl && muiFormControl.onFocus) {\n muiFormControl.onFocus(event);\n }\n };\n\n var handleBlur = function handleBlur(event) {\n if (onBlur) {\n onBlur(event);\n }\n\n if (muiFormControl && muiFormControl.onBlur) {\n muiFormControl.onBlur(event);\n }\n };\n\n var handleInputChange = function handleInputChange(event) {\n var newChecked = event.target.checked;\n setCheckedState(newChecked);\n\n if (onChange) {\n // TODO v5: remove the second argument.\n onChange(event, newChecked);\n }\n };\n\n var disabled = disabledProp;\n\n if (muiFormControl) {\n if (typeof disabled === 'undefined') {\n disabled = muiFormControl.disabled;\n }\n }\n\n var hasLabelFor = type === 'checkbox' || type === 'radio';\n return /*#__PURE__*/React.createElement(IconButton, _extends({\n component: \"span\",\n className: clsx(classes.root, className, checked && classes.checked, disabled && classes.disabled),\n disabled: disabled,\n tabIndex: null,\n role: undefined,\n onFocus: handleFocus,\n onBlur: handleBlur,\n ref: ref\n }, other), /*#__PURE__*/React.createElement(\"input\", _extends({\n autoFocus: autoFocus,\n checked: checkedProp,\n defaultChecked: defaultChecked,\n className: classes.input,\n disabled: disabled,\n id: hasLabelFor && id,\n name: name,\n onChange: handleInputChange,\n readOnly: readOnly,\n ref: inputRef,\n required: required,\n tabIndex: tabIndex,\n type: type,\n value: value\n }, inputProps)), checked ? checkedIcon : icon);\n}); // NB: If changed, please update Checkbox, Switch and Radio\n// so that the API documentation is updated.\n\nprocess.env.NODE_ENV !== \"production\" ? SwitchBase.propTypes = {\n /**\n * If `true`, the `input` element will be focused during the first mount.\n */\n autoFocus: PropTypes.bool,\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.isRequired,\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.isRequired,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\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 * The icon to display when the component is unchecked.\n */\n icon: PropTypes.node.isRequired,\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 * @ignore\n */\n name: PropTypes.string,\n\n /**\n * @ignore\n */\n onBlur: PropTypes.func,\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 checked state by accessing `event.target.checked` (boolean).\n */\n onChange: PropTypes.func,\n\n /**\n * @ignore\n */\n onFocus: PropTypes.func,\n\n /**\n * It prevents the user from changing the value of the field\n * (not from interacting with the field).\n */\n readOnly: PropTypes.bool,\n\n /**\n * If `true`, the `input` element will be required.\n */\n required: PropTypes.bool,\n\n /**\n * @ignore\n */\n tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * The input component prop `type`.\n */\n type: PropTypes.string.isRequired,\n\n /**\n * The value of the component.\n */\n value: PropTypes.any\n} : void 0;\nexport default withStyles(styles, {\n name: 'PrivateSwitchBase'\n})(SwitchBase);","import * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n/**\n * @ignore - internal component.\n */\n\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7 10l5 5 5-5z\"\n}), 'ArrowDropDown');","import * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n/**\n * @ignore - internal component.\n */\n\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\n}), 'CheckBox');","import * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n/**\n * @ignore - internal component.\n */\n\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"\n}), 'CheckBoxOutlineBlank');","import * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n/**\n * @ignore - internal component.\n */\n\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z\"\n}), 'IndeterminateCheckBox');","import { formatMuiErrorMessage as _formatMuiErrorMessage } from \"@material-ui/utils\";\n\n/* eslint-disable no-use-before-define */\n\n/**\n * Returns a number whose value is limited to the given range.\n *\n * @param {number} value The value to be clamped\n * @param {number} min The lower boundary of the output range\n * @param {number} max The upper boundary of the output range\n * @returns {number} A number in the range [min, max]\n */\nfunction clamp(value) {\n var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;\n\n if (process.env.NODE_ENV !== 'production') {\n if (value < min || value > max) {\n console.error(\"Material-UI: The value provided \".concat(value, \" is out of range [\").concat(min, \", \").concat(max, \"].\"));\n }\n }\n\n return Math.min(Math.max(min, value), max);\n}\n/**\n * Converts a color from CSS hex format to CSS rgb format.\n *\n * @param {string} color - Hex color, i.e. #nnn or #nnnnnn\n * @returns {string} A CSS rgb color string\n */\n\n\nexport function hexToRgb(color) {\n color = color.substr(1);\n var re = new RegExp(\".{1,\".concat(color.length >= 6 ? 2 : 1, \"}\"), 'g');\n var colors = color.match(re);\n\n if (colors && colors[0].length === 1) {\n colors = colors.map(function (n) {\n return n + n;\n });\n }\n\n return colors ? \"rgb\".concat(colors.length === 4 ? 'a' : '', \"(\").concat(colors.map(function (n, index) {\n return index < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1000) / 1000;\n }).join(', '), \")\") : '';\n}\n\nfunction intToHex(int) {\n var hex = int.toString(16);\n return hex.length === 1 ? \"0\".concat(hex) : hex;\n}\n/**\n * Converts a color from CSS rgb format to CSS hex format.\n *\n * @param {string} color - RGB color, i.e. rgb(n, n, n)\n * @returns {string} A CSS rgb color string, i.e. #nnnnnn\n */\n\n\nexport function rgbToHex(color) {\n // Idempotent\n if (color.indexOf('#') === 0) {\n return color;\n }\n\n var _decomposeColor = decomposeColor(color),\n values = _decomposeColor.values;\n\n return \"#\".concat(values.map(function (n) {\n return intToHex(n);\n }).join(''));\n}\n/**\n * Converts a color from hsl format to rgb format.\n *\n * @param {string} color - HSL color values\n * @returns {string} rgb color values\n */\n\nexport function hslToRgb(color) {\n color = decomposeColor(color);\n var _color = color,\n values = _color.values;\n var h = values[0];\n var s = values[1] / 100;\n var l = values[2] / 100;\n var a = s * Math.min(l, 1 - l);\n\n var f = function f(n) {\n var k = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (n + h / 30) % 12;\n return l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n };\n\n var type = 'rgb';\n var rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];\n\n if (color.type === 'hsla') {\n type += 'a';\n rgb.push(values[3]);\n }\n\n return recomposeColor({\n type: type,\n values: rgb\n });\n}\n/**\n * Returns an object with the type and values of a color.\n *\n * Note: Does not support rgb % values.\n *\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @returns {object} - A MUI color object: {type: string, values: number[]}\n */\n\nexport function decomposeColor(color) {\n // Idempotent\n if (color.type) {\n return color;\n }\n\n if (color.charAt(0) === '#') {\n return decomposeColor(hexToRgb(color));\n }\n\n var marker = color.indexOf('(');\n var type = color.substring(0, marker);\n\n if (['rgb', 'rgba', 'hsl', 'hsla'].indexOf(type) === -1) {\n throw new Error(process.env.NODE_ENV !== \"production\" ? \"Material-UI: Unsupported `\".concat(color, \"` color.\\nWe support the following formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla().\") : _formatMuiErrorMessage(3, color));\n }\n\n var values = color.substring(marker + 1, color.length - 1).split(',');\n values = values.map(function (value) {\n return parseFloat(value);\n });\n return {\n type: type,\n values: values\n };\n}\n/**\n * Converts a color object with type and values to a string.\n *\n * @param {object} color - Decomposed color\n * @param {string} color.type - One of: 'rgb', 'rgba', 'hsl', 'hsla'\n * @param {array} color.values - [n,n,n] or [n,n,n,n]\n * @returns {string} A CSS color string\n */\n\nexport function recomposeColor(color) {\n var type = color.type;\n var values = color.values;\n\n if (type.indexOf('rgb') !== -1) {\n // Only convert the first 3 values to int (i.e. not alpha)\n values = values.map(function (n, i) {\n return i < 3 ? parseInt(n, 10) : n;\n });\n } else if (type.indexOf('hsl') !== -1) {\n values[1] = \"\".concat(values[1], \"%\");\n values[2] = \"\".concat(values[2], \"%\");\n }\n\n return \"\".concat(type, \"(\").concat(values.join(', '), \")\");\n}\n/**\n * Calculates the contrast ratio between two colors.\n *\n * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n *\n * @param {string} foreground - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @param {string} background - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @returns {number} A contrast ratio value in the range 0 - 21.\n */\n\nexport function getContrastRatio(foreground, background) {\n var lumA = getLuminance(foreground);\n var lumB = getLuminance(background);\n return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);\n}\n/**\n * The relative brightness of any point in a color space,\n * normalized to 0 for darkest black and 1 for lightest white.\n *\n * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n *\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @returns {number} The relative brightness of the color in the range 0 - 1\n */\n\nexport function getLuminance(color) {\n color = decomposeColor(color);\n var rgb = color.type === 'hsl' ? decomposeColor(hslToRgb(color)).values : color.values;\n rgb = rgb.map(function (val) {\n val /= 255; // normalized\n\n return val <= 0.03928 ? val / 12.92 : Math.pow((val + 0.055) / 1.055, 2.4);\n }); // Truncate at 3 digits\n\n return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));\n}\n/**\n * Darken or lighten a color, depending on its luminance.\n * Light colors are darkened, dark colors are lightened.\n *\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @param {number} coefficient=0.15 - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\n\nexport function emphasize(color) {\n var coefficient = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.15;\n return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);\n}\nvar warnedOnce = false;\n/**\n * Set the absolute transparency of a color.\n * Any existing alpha values are overwritten.\n *\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @param {number} value - value to set the alpha channel to in the range 0 -1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n *\n * @deprecated\n * Use `import { alpha } from '@material-ui/core/styles'` instead.\n */\n\nexport function fade(color, value) {\n if (process.env.NODE_ENV !== 'production') {\n if (!warnedOnce) {\n warnedOnce = true;\n console.error(['Material-UI: The `fade` color utility was renamed to `alpha` to better describe its functionality.', '', \"You should use `import { alpha } from '@material-ui/core/styles'`\"].join('\\n'));\n }\n }\n\n return alpha(color, value);\n}\n/**\n * Set the absolute transparency of a color.\n * Any existing alpha value is overwritten.\n *\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @param {number} value - value to set the alpha channel to in the range 0-1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\n\nexport function alpha(color, value) {\n color = decomposeColor(color);\n value = clamp(value);\n\n if (color.type === 'rgb' || color.type === 'hsl') {\n color.type += 'a';\n }\n\n color.values[3] = value;\n return recomposeColor(color);\n}\n/**\n * Darkens a color.\n *\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @param {number} coefficient - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\n\nexport function darken(color, coefficient) {\n color = decomposeColor(color);\n coefficient = clamp(coefficient);\n\n if (color.type.indexOf('hsl') !== -1) {\n color.values[2] *= 1 - coefficient;\n } else if (color.type.indexOf('rgb') !== -1) {\n for (var i = 0; i < 3; i += 1) {\n color.values[i] *= 1 - coefficient;\n }\n }\n\n return recomposeColor(color);\n}\n/**\n * Lightens a color.\n *\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @param {number} coefficient - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\n\nexport function lighten(color, coefficient) {\n color = decomposeColor(color);\n coefficient = clamp(coefficient);\n\n if (color.type.indexOf('hsl') !== -1) {\n color.values[2] += (100 - color.values[2]) * coefficient;\n } else if (color.type.indexOf('rgb') !== -1) {\n for (var i = 0; i < 3; i += 1) {\n color.values[i] += (255 - color.values[i]) * coefficient;\n }\n }\n\n return recomposeColor(color);\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\n// Sorted ASC by size. That's important.\n// It can't be configured as it's used statically for propTypes.\nexport var keys = ['xs', 'sm', 'md', 'lg', 'xl']; // Keep in mind that @media is inclusive by the CSS specification.\n\nexport default function createBreakpoints(breakpoints) {\n var _breakpoints$values = breakpoints.values,\n values = _breakpoints$values === void 0 ? {\n xs: 0,\n sm: 600,\n md: 960,\n lg: 1280,\n xl: 1920\n } : _breakpoints$values,\n _breakpoints$unit = breakpoints.unit,\n unit = _breakpoints$unit === void 0 ? 'px' : _breakpoints$unit,\n _breakpoints$step = breakpoints.step,\n step = _breakpoints$step === void 0 ? 5 : _breakpoints$step,\n other = _objectWithoutProperties(breakpoints, [\"values\", \"unit\", \"step\"]);\n\n function up(key) {\n var value = typeof values[key] === 'number' ? values[key] : key;\n return \"@media (min-width:\".concat(value).concat(unit, \")\");\n }\n\n function down(key) {\n var endIndex = keys.indexOf(key) + 1;\n var upperbound = values[keys[endIndex]];\n\n if (endIndex === keys.length) {\n // xl down applies to all sizes\n return up('xs');\n }\n\n var value = typeof upperbound === 'number' && endIndex > 0 ? upperbound : key;\n return \"@media (max-width:\".concat(value - step / 100).concat(unit, \")\");\n }\n\n function between(start, end) {\n var endIndex = keys.indexOf(end);\n\n if (endIndex === keys.length - 1) {\n return up(start);\n }\n\n return \"@media (min-width:\".concat(typeof values[start] === 'number' ? values[start] : start).concat(unit, \") and \") + \"(max-width:\".concat((endIndex !== -1 && typeof values[keys[endIndex + 1]] === 'number' ? values[keys[endIndex + 1]] : end) - step / 100).concat(unit, \")\");\n }\n\n function only(key) {\n return between(key, key);\n }\n\n var warnedOnce = false;\n\n function width(key) {\n if (process.env.NODE_ENV !== 'production') {\n if (!warnedOnce) {\n warnedOnce = true;\n console.warn([\"Material-UI: The `theme.breakpoints.width` utility is deprecated because it's redundant.\", 'Use the `theme.breakpoints.values` instead.'].join('\\n'));\n }\n }\n\n return values[key];\n }\n\n return _extends({\n keys: keys,\n values: values,\n up: up,\n down: down,\n between: between,\n only: only,\n width: width\n }, other);\n}","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nexport default function createMixins(breakpoints, spacing, mixins) {\n var _toolbar;\n\n return _extends({\n gutters: function gutters() {\n var styles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n console.warn(['Material-UI: theme.mixins.gutters() is deprecated.', 'You can use the source of the mixin directly:', \"\\n paddingLeft: theme.spacing(2),\\n paddingRight: theme.spacing(2),\\n [theme.breakpoints.up('sm')]: {\\n paddingLeft: theme.spacing(3),\\n paddingRight: theme.spacing(3),\\n },\\n \"].join('\\n'));\n return _extends({\n paddingLeft: spacing(2),\n paddingRight: spacing(2)\n }, styles, _defineProperty({}, breakpoints.up('sm'), _extends({\n paddingLeft: spacing(3),\n paddingRight: spacing(3)\n }, styles[breakpoints.up('sm')])));\n },\n toolbar: (_toolbar = {\n minHeight: 56\n }, _defineProperty(_toolbar, \"\".concat(breakpoints.up('xs'), \" and (orientation: landscape)\"), {\n minHeight: 48\n }), _defineProperty(_toolbar, breakpoints.up('sm'), {\n minHeight: 64\n }), _toolbar)\n }, mixins);\n}","var common = {\n black: '#000',\n white: '#fff'\n};\nexport default common;","var grey = {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#eeeeee',\n 300: '#e0e0e0',\n 400: '#bdbdbd',\n 500: '#9e9e9e',\n 600: '#757575',\n 700: '#616161',\n 800: '#424242',\n 900: '#212121',\n A100: '#d5d5d5',\n A200: '#aaaaaa',\n A400: '#303030',\n A700: '#616161'\n};\nexport default grey;","var indigo = {\n 50: '#e8eaf6',\n 100: '#c5cae9',\n 200: '#9fa8da',\n 300: '#7986cb',\n 400: '#5c6bc0',\n 500: '#3f51b5',\n 600: '#3949ab',\n 700: '#303f9f',\n 800: '#283593',\n 900: '#1a237e',\n A100: '#8c9eff',\n A200: '#536dfe',\n A400: '#3d5afe',\n A700: '#304ffe'\n};\nexport default indigo;","var pink = {\n 50: '#fce4ec',\n 100: '#f8bbd0',\n 200: '#f48fb1',\n 300: '#f06292',\n 400: '#ec407a',\n 500: '#e91e63',\n 600: '#d81b60',\n 700: '#c2185b',\n 800: '#ad1457',\n 900: '#880e4f',\n A100: '#ff80ab',\n A200: '#ff4081',\n A400: '#f50057',\n A700: '#c51162'\n};\nexport default pink;","var red = {\n 50: '#ffebee',\n 100: '#ffcdd2',\n 200: '#ef9a9a',\n 300: '#e57373',\n 400: '#ef5350',\n 500: '#f44336',\n 600: '#e53935',\n 700: '#d32f2f',\n 800: '#c62828',\n 900: '#b71c1c',\n A100: '#ff8a80',\n A200: '#ff5252',\n A400: '#ff1744',\n A700: '#d50000'\n};\nexport default red;","var orange = {\n 50: '#fff3e0',\n 100: '#ffe0b2',\n 200: '#ffcc80',\n 300: '#ffb74d',\n 400: '#ffa726',\n 500: '#ff9800',\n 600: '#fb8c00',\n 700: '#f57c00',\n 800: '#ef6c00',\n 900: '#e65100',\n A100: '#ffd180',\n A200: '#ffab40',\n A400: '#ff9100',\n A700: '#ff6d00'\n};\nexport default orange;","var blue = {\n 50: '#e3f2fd',\n 100: '#bbdefb',\n 200: '#90caf9',\n 300: '#64b5f6',\n 400: '#42a5f5',\n 500: '#2196f3',\n 600: '#1e88e5',\n 700: '#1976d2',\n 800: '#1565c0',\n 900: '#0d47a1',\n A100: '#82b1ff',\n A200: '#448aff',\n A400: '#2979ff',\n A700: '#2962ff'\n};\nexport default blue;","var green = {\n 50: '#e8f5e9',\n 100: '#c8e6c9',\n 200: '#a5d6a7',\n 300: '#81c784',\n 400: '#66bb6a',\n 500: '#4caf50',\n 600: '#43a047',\n 700: '#388e3c',\n 800: '#2e7d32',\n 900: '#1b5e20',\n A100: '#b9f6ca',\n A200: '#69f0ae',\n A400: '#00e676',\n A700: '#00c853'\n};\nexport default green;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport { formatMuiErrorMessage as _formatMuiErrorMessage } from \"@material-ui/utils\";\nimport { deepmerge } from '@material-ui/utils';\nimport common from '../colors/common';\nimport grey from '../colors/grey';\nimport indigo from '../colors/indigo';\nimport pink from '../colors/pink';\nimport red from '../colors/red';\nimport orange from '../colors/orange';\nimport blue from '../colors/blue';\nimport green from '../colors/green';\nimport { darken, getContrastRatio, lighten } from './colorManipulator';\nexport var light = {\n // The colors used to style the text.\n text: {\n // The most important text.\n primary: 'rgba(0, 0, 0, 0.87)',\n // Secondary text.\n secondary: 'rgba(0, 0, 0, 0.54)',\n // Disabled text have even lower visual prominence.\n disabled: 'rgba(0, 0, 0, 0.38)',\n // Text hints.\n hint: 'rgba(0, 0, 0, 0.38)'\n },\n // The color used to divide different elements.\n divider: 'rgba(0, 0, 0, 0.12)',\n // The background colors used to style the surfaces.\n // Consistency between these values is important.\n background: {\n paper: common.white,\n default: grey[50]\n },\n // The colors used to style the action elements.\n action: {\n // The color of an active action like an icon button.\n active: 'rgba(0, 0, 0, 0.54)',\n // The color of an hovered action.\n hover: 'rgba(0, 0, 0, 0.04)',\n hoverOpacity: 0.04,\n // The color of a selected action.\n selected: 'rgba(0, 0, 0, 0.08)',\n selectedOpacity: 0.08,\n // The color of a disabled action.\n disabled: 'rgba(0, 0, 0, 0.26)',\n // The background color of a disabled action.\n disabledBackground: 'rgba(0, 0, 0, 0.12)',\n disabledOpacity: 0.38,\n focus: 'rgba(0, 0, 0, 0.12)',\n focusOpacity: 0.12,\n activatedOpacity: 0.12\n }\n};\nexport var dark = {\n text: {\n primary: common.white,\n secondary: 'rgba(255, 255, 255, 0.7)',\n disabled: 'rgba(255, 255, 255, 0.5)',\n hint: 'rgba(255, 255, 255, 0.5)',\n icon: 'rgba(255, 255, 255, 0.5)'\n },\n divider: 'rgba(255, 255, 255, 0.12)',\n background: {\n paper: grey[800],\n default: '#303030'\n },\n action: {\n active: common.white,\n hover: 'rgba(255, 255, 255, 0.08)',\n hoverOpacity: 0.08,\n selected: 'rgba(255, 255, 255, 0.16)',\n selectedOpacity: 0.16,\n disabled: 'rgba(255, 255, 255, 0.3)',\n disabledBackground: 'rgba(255, 255, 255, 0.12)',\n disabledOpacity: 0.38,\n focus: 'rgba(255, 255, 255, 0.12)',\n focusOpacity: 0.12,\n activatedOpacity: 0.24\n }\n};\n\nfunction addLightOrDark(intent, direction, shade, tonalOffset) {\n var tonalOffsetLight = tonalOffset.light || tonalOffset;\n var tonalOffsetDark = tonalOffset.dark || tonalOffset * 1.5;\n\n if (!intent[direction]) {\n if (intent.hasOwnProperty(shade)) {\n intent[direction] = intent[shade];\n } else if (direction === 'light') {\n intent.light = lighten(intent.main, tonalOffsetLight);\n } else if (direction === 'dark') {\n intent.dark = darken(intent.main, tonalOffsetDark);\n }\n }\n}\n\nexport default function createPalette(palette) {\n var _palette$primary = palette.primary,\n primary = _palette$primary === void 0 ? {\n light: indigo[300],\n main: indigo[500],\n dark: indigo[700]\n } : _palette$primary,\n _palette$secondary = palette.secondary,\n secondary = _palette$secondary === void 0 ? {\n light: pink.A200,\n main: pink.A400,\n dark: pink.A700\n } : _palette$secondary,\n _palette$error = palette.error,\n error = _palette$error === void 0 ? {\n light: red[300],\n main: red[500],\n dark: red[700]\n } : _palette$error,\n _palette$warning = palette.warning,\n warning = _palette$warning === void 0 ? {\n light: orange[300],\n main: orange[500],\n dark: orange[700]\n } : _palette$warning,\n _palette$info = palette.info,\n info = _palette$info === void 0 ? {\n light: blue[300],\n main: blue[500],\n dark: blue[700]\n } : _palette$info,\n _palette$success = palette.success,\n success = _palette$success === void 0 ? {\n light: green[300],\n main: green[500],\n dark: green[700]\n } : _palette$success,\n _palette$type = palette.type,\n type = _palette$type === void 0 ? 'light' : _palette$type,\n _palette$contrastThre = palette.contrastThreshold,\n contrastThreshold = _palette$contrastThre === void 0 ? 3 : _palette$contrastThre,\n _palette$tonalOffset = palette.tonalOffset,\n tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset,\n other = _objectWithoutProperties(palette, [\"primary\", \"secondary\", \"error\", \"warning\", \"info\", \"success\", \"type\", \"contrastThreshold\", \"tonalOffset\"]); // Use the same logic as\n // Bootstrap: https://github.com/twbs/bootstrap/blob/1d6e3710dd447de1a200f29e8fa521f8a0908f70/scss/_functions.scss#L59\n // and material-components-web https://github.com/material-components/material-components-web/blob/ac46b8863c4dab9fc22c4c662dc6bd1b65dd652f/packages/mdc-theme/_functions.scss#L54\n\n\n function getContrastText(background) {\n var contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;\n\n if (process.env.NODE_ENV !== 'production') {\n var contrast = getContrastRatio(background, contrastText);\n\n if (contrast < 3) {\n console.error([\"Material-UI: The contrast ratio of \".concat(contrast, \":1 for \").concat(contrastText, \" on \").concat(background), 'falls below the WCAG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\\n'));\n }\n }\n\n return contrastText;\n }\n\n var augmentColor = function augmentColor(color) {\n var mainShade = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;\n var lightShade = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 300;\n var darkShade = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 700;\n color = _extends({}, color);\n\n if (!color.main && color[mainShade]) {\n color.main = color[mainShade];\n }\n\n if (!color.main) {\n throw new Error(process.env.NODE_ENV !== \"production\" ? \"Material-UI: The color provided to augmentColor(color) is invalid.\\nThe color object needs to have a `main` property or a `\".concat(mainShade, \"` property.\") : _formatMuiErrorMessage(4, mainShade));\n }\n\n if (typeof color.main !== 'string') {\n throw new Error(process.env.NODE_ENV !== \"production\" ? \"Material-UI: The color provided to augmentColor(color) is invalid.\\n`color.main` should be a string, but `\".concat(JSON.stringify(color.main), \"` was provided instead.\\n\\nDid you intend to use one of the following approaches?\\n\\nimport {\\xA0green } from \\\"@material-ui/core/colors\\\";\\n\\nconst theme1 = createTheme({ palette: {\\n primary: green,\\n} });\\n\\nconst theme2 = createTheme({ palette: {\\n primary: { main: green[500] },\\n} });\") : _formatMuiErrorMessage(5, JSON.stringify(color.main)));\n }\n\n addLightOrDark(color, 'light', lightShade, tonalOffset);\n addLightOrDark(color, 'dark', darkShade, tonalOffset);\n\n if (!color.contrastText) {\n color.contrastText = getContrastText(color.main);\n }\n\n return color;\n };\n\n var types = {\n dark: dark,\n light: light\n };\n\n if (process.env.NODE_ENV !== 'production') {\n if (!types[type]) {\n console.error(\"Material-UI: The palette type `\".concat(type, \"` is not supported.\"));\n }\n }\n\n var paletteOutput = deepmerge(_extends({\n // A collection of common colors.\n common: common,\n // The palette type, can be light or dark.\n type: type,\n // The colors used to represent primary interface elements for a user.\n primary: augmentColor(primary),\n // The colors used to represent secondary interface elements for a user.\n secondary: augmentColor(secondary, 'A400', 'A200', 'A700'),\n // The colors used to represent interface elements that the user should be made aware of.\n error: augmentColor(error),\n // The colors used to represent potentially dangerous actions or important messages.\n warning: augmentColor(warning),\n // The colors used to present information to the user that is neutral and not necessarily important.\n info: augmentColor(info),\n // The colors used to indicate the successful completion of an action that user triggered.\n success: augmentColor(success),\n // The grey colors.\n grey: grey,\n // Used by `getContrastText()` to maximize the contrast between\n // the background and the text.\n contrastThreshold: contrastThreshold,\n // Takes a background color and returns the text color that maximizes the contrast.\n getContrastText: getContrastText,\n // Generate a rich color object.\n augmentColor: augmentColor,\n // Used by the functions below to shift a color's luminance by approximately\n // two indexes within its tonal palette.\n // E.g., shift from Red 500 to Red 300 or Red 700.\n tonalOffset: tonalOffset\n }, types[type]), other);\n return paletteOutput;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport { deepmerge } from '@material-ui/utils';\n\nfunction round(value) {\n return Math.round(value * 1e5) / 1e5;\n}\n\nvar warnedOnce = false;\n\nfunction roundWithDeprecationWarning(value) {\n if (process.env.NODE_ENV !== 'production') {\n if (!warnedOnce) {\n console.warn(['Material-UI: The `theme.typography.round` helper is deprecated.', 'Head to https://mui.com/r/migration-v4/#theme for a migration path.'].join('\\n'));\n warnedOnce = true;\n }\n }\n\n return round(value);\n}\n\nvar caseAllCaps = {\n textTransform: 'uppercase'\n};\nvar defaultFontFamily = '\"Roboto\", \"Helvetica\", \"Arial\", sans-serif';\n/**\n * @see @link{https://material.io/design/typography/the-type-system.html}\n * @see @link{https://material.io/design/typography/understanding-typography.html}\n */\n\nexport default function createTypography(palette, typography) {\n var _ref = typeof typography === 'function' ? typography(palette) : typography,\n _ref$fontFamily = _ref.fontFamily,\n fontFamily = _ref$fontFamily === void 0 ? defaultFontFamily : _ref$fontFamily,\n _ref$fontSize = _ref.fontSize,\n fontSize = _ref$fontSize === void 0 ? 14 : _ref$fontSize,\n _ref$fontWeightLight = _ref.fontWeightLight,\n fontWeightLight = _ref$fontWeightLight === void 0 ? 300 : _ref$fontWeightLight,\n _ref$fontWeightRegula = _ref.fontWeightRegular,\n fontWeightRegular = _ref$fontWeightRegula === void 0 ? 400 : _ref$fontWeightRegula,\n _ref$fontWeightMedium = _ref.fontWeightMedium,\n fontWeightMedium = _ref$fontWeightMedium === void 0 ? 500 : _ref$fontWeightMedium,\n _ref$fontWeightBold = _ref.fontWeightBold,\n fontWeightBold = _ref$fontWeightBold === void 0 ? 700 : _ref$fontWeightBold,\n _ref$htmlFontSize = _ref.htmlFontSize,\n htmlFontSize = _ref$htmlFontSize === void 0 ? 16 : _ref$htmlFontSize,\n allVariants = _ref.allVariants,\n pxToRem2 = _ref.pxToRem,\n other = _objectWithoutProperties(_ref, [\"fontFamily\", \"fontSize\", \"fontWeightLight\", \"fontWeightRegular\", \"fontWeightMedium\", \"fontWeightBold\", \"htmlFontSize\", \"allVariants\", \"pxToRem\"]);\n\n if (process.env.NODE_ENV !== 'production') {\n if (typeof fontSize !== 'number') {\n console.error('Material-UI: `fontSize` is required to be a number.');\n }\n\n if (typeof htmlFontSize !== 'number') {\n console.error('Material-UI: `htmlFontSize` is required to be a number.');\n }\n }\n\n var coef = fontSize / 14;\n\n var pxToRem = pxToRem2 || function (size) {\n return \"\".concat(size / htmlFontSize * coef, \"rem\");\n };\n\n var buildVariant = function buildVariant(fontWeight, size, lineHeight, letterSpacing, casing) {\n return _extends({\n fontFamily: fontFamily,\n fontWeight: fontWeight,\n fontSize: pxToRem(size),\n // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/\n lineHeight: lineHeight\n }, fontFamily === defaultFontFamily ? {\n letterSpacing: \"\".concat(round(letterSpacing / size), \"em\")\n } : {}, casing, allVariants);\n };\n\n var variants = {\n h1: buildVariant(fontWeightLight, 96, 1.167, -1.5),\n h2: buildVariant(fontWeightLight, 60, 1.2, -0.5),\n h3: buildVariant(fontWeightRegular, 48, 1.167, 0),\n h4: buildVariant(fontWeightRegular, 34, 1.235, 0.25),\n h5: buildVariant(fontWeightRegular, 24, 1.334, 0),\n h6: buildVariant(fontWeightMedium, 20, 1.6, 0.15),\n subtitle1: buildVariant(fontWeightRegular, 16, 1.75, 0.15),\n subtitle2: buildVariant(fontWeightMedium, 14, 1.57, 0.1),\n body1: buildVariant(fontWeightRegular, 16, 1.5, 0.15),\n body2: buildVariant(fontWeightRegular, 14, 1.43, 0.15),\n button: buildVariant(fontWeightMedium, 14, 1.75, 0.4, caseAllCaps),\n caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),\n overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps)\n };\n return deepmerge(_extends({\n htmlFontSize: htmlFontSize,\n pxToRem: pxToRem,\n round: roundWithDeprecationWarning,\n // TODO v5: remove\n fontFamily: fontFamily,\n fontSize: fontSize,\n fontWeightLight: fontWeightLight,\n fontWeightRegular: fontWeightRegular,\n fontWeightMedium: fontWeightMedium,\n fontWeightBold: fontWeightBold\n }, variants), other, {\n clone: false // No need to clone deep\n\n });\n}","var shadowKeyUmbraOpacity = 0.2;\nvar shadowKeyPenumbraOpacity = 0.14;\nvar shadowAmbientShadowOpacity = 0.12;\n\nfunction createShadow() {\n return [\"\".concat(arguments.length <= 0 ? undefined : arguments[0], \"px \").concat(arguments.length <= 1 ? undefined : arguments[1], \"px \").concat(arguments.length <= 2 ? undefined : arguments[2], \"px \").concat(arguments.length <= 3 ? undefined : arguments[3], \"px rgba(0,0,0,\").concat(shadowKeyUmbraOpacity, \")\"), \"\".concat(arguments.length <= 4 ? undefined : arguments[4], \"px \").concat(arguments.length <= 5 ? undefined : arguments[5], \"px \").concat(arguments.length <= 6 ? undefined : arguments[6], \"px \").concat(arguments.length <= 7 ? undefined : arguments[7], \"px rgba(0,0,0,\").concat(shadowKeyPenumbraOpacity, \")\"), \"\".concat(arguments.length <= 8 ? undefined : arguments[8], \"px \").concat(arguments.length <= 9 ? undefined : arguments[9], \"px \").concat(arguments.length <= 10 ? undefined : arguments[10], \"px \").concat(arguments.length <= 11 ? undefined : arguments[11], \"px rgba(0,0,0,\").concat(shadowAmbientShadowOpacity, \")\")].join(',');\n} // Values from https://github.com/material-components/material-components-web/blob/be8747f94574669cb5e7add1a7c54fa41a89cec7/packages/mdc-elevation/_variables.scss\n\n\nvar 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)];\nexport default shadows;","var shape = {\n borderRadius: 4\n};\nexport default shape;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport { deepmerge } from '@material-ui/utils';\nimport createBreakpoints from './createBreakpoints';\nimport createMixins from './createMixins';\nimport createPalette from './createPalette';\nimport createTypography from './createTypography';\nimport shadows from './shadows';\nimport shape from './shape';\nimport createSpacing from './createSpacing';\nimport transitions from './transitions';\nimport zIndex from './zIndex';\n\nfunction createTheme() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n var _options$breakpoints = options.breakpoints,\n breakpointsInput = _options$breakpoints === void 0 ? {} : _options$breakpoints,\n _options$mixins = options.mixins,\n mixinsInput = _options$mixins === void 0 ? {} : _options$mixins,\n _options$palette = options.palette,\n paletteInput = _options$palette === void 0 ? {} : _options$palette,\n spacingInput = options.spacing,\n _options$typography = options.typography,\n typographyInput = _options$typography === void 0 ? {} : _options$typography,\n other = _objectWithoutProperties(options, [\"breakpoints\", \"mixins\", \"palette\", \"spacing\", \"typography\"]);\n\n var palette = createPalette(paletteInput);\n var breakpoints = createBreakpoints(breakpointsInput);\n var spacing = createSpacing(spacingInput);\n var muiTheme = deepmerge({\n breakpoints: breakpoints,\n direction: 'ltr',\n mixins: createMixins(breakpoints, spacing, mixinsInput),\n overrides: {},\n // Inject custom styles\n palette: palette,\n props: {},\n // Provide default props\n shadows: shadows,\n typography: createTypography(palette, typographyInput),\n spacing: spacing,\n shape: shape,\n transitions: transitions,\n zIndex: zIndex\n }, other);\n\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n muiTheme = args.reduce(function (acc, argument) {\n return deepmerge(acc, argument);\n }, muiTheme);\n\n if (process.env.NODE_ENV !== 'production') {\n var pseudoClasses = ['checked', 'disabled', 'error', 'focused', 'focusVisible', 'required', 'expanded', 'selected'];\n\n var traverse = function traverse(node, parentKey) {\n var depth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;\n var key; // eslint-disable-next-line guard-for-in, no-restricted-syntax\n\n for (key in node) {\n var child = node[key];\n\n if (depth === 1) {\n if (key.indexOf('Mui') === 0 && child) {\n traverse(child, key, depth + 1);\n }\n } else if (pseudoClasses.indexOf(key) !== -1 && Object.keys(child).length > 0) {\n if (process.env.NODE_ENV !== 'production') {\n console.error([\"Material-UI: The `\".concat(parentKey, \"` component increases \") + \"the CSS specificity of the `\".concat(key, \"` internal state.\"), 'You can not override it like this: ', JSON.stringify(node, null, 2), '', 'Instead, you need to use the $ruleName syntax:', JSON.stringify({\n root: _defineProperty({}, \"&$\".concat(key), child)\n }, null, 2), '', 'https://mui.com/r/pseudo-classes-guide'].join('\\n'));\n } // Remove the style to prevent global conflicts.\n\n\n node[key] = {};\n }\n }\n };\n\n traverse(muiTheme.overrides);\n }\n\n return muiTheme;\n}\n\nvar warnedOnce = false;\nexport function createMuiTheme() {\n if (process.env.NODE_ENV !== 'production') {\n if (!warnedOnce) {\n warnedOnce = true;\n console.error(['Material-UI: the createMuiTheme function was renamed to createTheme.', '', \"You should use `import { createTheme } from '@material-ui/core/styles'`\"].join('\\n'));\n }\n }\n\n return createTheme.apply(void 0, arguments);\n}\nexport default createTheme;","import { createUnarySpacing } from '@material-ui/system';\nvar warnOnce;\nexport default function createSpacing() {\n var spacingInput = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 8;\n\n // Already transformed.\n if (spacingInput.mui) {\n return spacingInput;\n } // Material Design layouts are visually balanced. Most measurements align to an 8dp grid applied, which aligns both spacing and the overall layout.\n // Smaller components, such as icons and type, can align to a 4dp grid.\n // https://material.io/design/layout/understanding-layout.html#usage\n\n\n var transform = createUnarySpacing({\n spacing: spacingInput\n });\n\n var spacing = function spacing() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (!(args.length <= 4)) {\n console.error(\"Material-UI: Too many arguments provided, expected between 0 and 4, got \".concat(args.length));\n }\n }\n\n if (args.length === 0) {\n return transform(1);\n }\n\n if (args.length === 1) {\n return transform(args[0]);\n }\n\n return args.map(function (argument) {\n if (typeof argument === 'string') {\n return argument;\n }\n\n var output = transform(argument);\n return typeof output === 'number' ? \"\".concat(output, \"px\") : output;\n }).join(' ');\n }; // Backward compatibility, to remove in v5.\n\n\n Object.defineProperty(spacing, 'unit', {\n get: function get() {\n if (process.env.NODE_ENV !== 'production') {\n if (!warnOnce || process.env.NODE_ENV === 'test') {\n console.error(['Material-UI: theme.spacing.unit usage has been deprecated.', 'It will be removed in v5.', 'You can replace `theme.spacing.unit * y` with `theme.spacing(y)`.', '', 'You can use the `https://github.com/mui-org/material-ui/tree/master/packages/material-ui-codemod/README.md#theme-spacing-api` migration helper to make the process smoother.'].join('\\n'));\n }\n\n warnOnce = true;\n }\n\n return spacingInput;\n }\n });\n spacing.mui = true;\n return spacing;\n}","import createTheme from './createTheme';\nvar defaultTheme = createTheme();\nexport default defaultTheme;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport { styled as styledWithoutDefault } from '@material-ui/styles';\nimport defaultTheme from './defaultTheme';\n\nvar styled = function styled(Component) {\n var componentCreator = styledWithoutDefault(Component);\n return function (style, options) {\n return componentCreator(style, _extends({\n defaultTheme: defaultTheme\n }, options));\n };\n};\n\nexport default styled;","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\n// Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves\n// to learn the context in which each easing should be used.\nexport var easing = {\n // This is the most common easing curve.\n easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',\n // Objects enter the screen at full velocity from off-screen and\n // slowly decelerate to a resting point.\n easeOut: 'cubic-bezier(0.0, 0, 0.2, 1)',\n // Objects leave the screen at full velocity. They do not decelerate when off-screen.\n easeIn: 'cubic-bezier(0.4, 0, 1, 1)',\n // The sharp curve is used by objects that may return to the screen at any time.\n sharp: 'cubic-bezier(0.4, 0, 0.6, 1)'\n}; // Follow https://material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations\n// to learn when use what timing\n\nexport var duration = {\n shortest: 150,\n shorter: 200,\n short: 250,\n // most basic recommended timing\n standard: 300,\n // this is to be used in complex animations\n complex: 375,\n // recommended when something is entering screen\n enteringScreen: 225,\n // recommended when something is leaving screen\n leavingScreen: 195\n};\n\nfunction formatMs(milliseconds) {\n return \"\".concat(Math.round(milliseconds), \"ms\");\n}\n/**\n * @param {string|Array} props\n * @param {object} param\n * @param {string} param.prop\n * @param {number} param.duration\n * @param {string} param.easing\n * @param {number} param.delay\n */\n\n\nexport default {\n easing: easing,\n duration: duration,\n create: function create() {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['all'];\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n var _options$duration = options.duration,\n durationOption = _options$duration === void 0 ? duration.standard : _options$duration,\n _options$easing = options.easing,\n easingOption = _options$easing === void 0 ? easing.easeInOut : _options$easing,\n _options$delay = options.delay,\n delay = _options$delay === void 0 ? 0 : _options$delay,\n other = _objectWithoutProperties(options, [\"duration\", \"easing\", \"delay\"]);\n\n if (process.env.NODE_ENV !== 'production') {\n var isString = function isString(value) {\n return typeof value === 'string';\n };\n\n var isNumber = function isNumber(value) {\n return !isNaN(parseFloat(value));\n };\n\n if (!isString(props) && !Array.isArray(props)) {\n console.error('Material-UI: Argument \"props\" must be a string or Array.');\n }\n\n if (!isNumber(durationOption) && !isString(durationOption)) {\n console.error(\"Material-UI: Argument \\\"duration\\\" must be a number or a string but found \".concat(durationOption, \".\"));\n }\n\n if (!isString(easingOption)) {\n console.error('Material-UI: Argument \"easing\" must be a string.');\n }\n\n if (!isNumber(delay) && !isString(delay)) {\n console.error('Material-UI: Argument \"delay\" must be a number or a string.');\n }\n\n if (Object.keys(other).length !== 0) {\n console.error(\"Material-UI: Unrecognized argument(s) [\".concat(Object.keys(other).join(','), \"].\"));\n }\n }\n\n return (Array.isArray(props) ? props : [props]).map(function (animatedProp) {\n return \"\".concat(animatedProp, \" \").concat(typeof durationOption === 'string' ? durationOption : formatMs(durationOption), \" \").concat(easingOption, \" \").concat(typeof delay === 'string' ? delay : formatMs(delay));\n }).join(',');\n },\n getAutoHeightDuration: function getAutoHeightDuration(height) {\n if (!height) {\n return 0;\n }\n\n var constant = height / 36; // https://www.wolframalpha.com/input/?i=(4+%2B+15+*+(x+%2F+36+)+**+0.25+%2B+(x+%2F+36)+%2F+5)+*+10\n\n return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);\n }\n};","import { useTheme as useThemeWithoutDefault } from '@material-ui/styles';\nimport React from 'react';\nimport defaultTheme from './defaultTheme';\nexport default function useTheme() {\n var theme = useThemeWithoutDefault() || defaultTheme;\n\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useDebugValue(theme);\n }\n\n return theme;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport { withStyles as withStylesWithoutDefault } from '@material-ui/styles';\nimport defaultTheme from './defaultTheme';\n\nfunction withStyles(stylesOrCreator, options) {\n return withStylesWithoutDefault(stylesOrCreator, _extends({\n defaultTheme: defaultTheme\n }, options));\n}\n\nexport default withStyles;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport hoistNonReactStatics from 'hoist-non-react-statics';\nimport { chainPropTypes, getDisplayName } from '@material-ui/utils';\nimport makeStyles from '../makeStyles';\nimport getThemeProps from '../getThemeProps';\nimport useTheme from '../useTheme'; // Link a style sheet with a component.\n// It does not modify the component passed to it;\n// instead, it returns a new component, with a `classes` property.\n\nvar withStyles = function withStyles(stylesOrCreator) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return function (Component) {\n var defaultTheme = options.defaultTheme,\n _options$withTheme = options.withTheme,\n withTheme = _options$withTheme === void 0 ? false : _options$withTheme,\n name = options.name,\n stylesOptions = _objectWithoutProperties(options, [\"defaultTheme\", \"withTheme\", \"name\"]);\n\n if (process.env.NODE_ENV !== 'production') {\n if (Component === undefined) {\n throw new Error(['You are calling withStyles(styles)(Component) with an undefined component.', 'You may have forgotten to import it.'].join('\\n'));\n }\n }\n\n var classNamePrefix = name;\n\n if (process.env.NODE_ENV !== 'production') {\n if (!name) {\n // Provide a better DX outside production.\n var displayName = getDisplayName(Component);\n\n if (displayName !== undefined) {\n classNamePrefix = displayName;\n }\n }\n }\n\n var useStyles = makeStyles(stylesOrCreator, _extends({\n defaultTheme: defaultTheme,\n Component: Component,\n name: name || Component.displayName,\n classNamePrefix: classNamePrefix\n }, stylesOptions));\n var WithStyles = /*#__PURE__*/React.forwardRef(function WithStyles(props, ref) {\n var classesProp = props.classes,\n innerRef = props.innerRef,\n other = _objectWithoutProperties(props, [\"classes\", \"innerRef\"]); // The wrapper receives only user supplied props, which could be a subset of\n // the actual props Component might receive due to merging with defaultProps.\n // So copying it here would give us the same result in the wrapper as well.\n\n\n var classes = useStyles(_extends({}, Component.defaultProps, props));\n var theme;\n var more = other;\n\n if (typeof name === 'string' || withTheme) {\n // name and withTheme are invariant in the outer scope\n // eslint-disable-next-line react-hooks/rules-of-hooks\n theme = useTheme() || defaultTheme;\n\n if (name) {\n more = getThemeProps({\n theme: theme,\n name: name,\n props: other\n });\n } // Provide the theme to the wrapped component.\n // So we don't have to use the `withTheme()` Higher-order Component.\n\n\n if (withTheme && !more.theme) {\n more.theme = theme;\n }\n }\n\n return /*#__PURE__*/React.createElement(Component, _extends({\n ref: innerRef || ref,\n classes: classes\n }, more));\n });\n process.env.NODE_ENV !== \"production\" ? WithStyles.propTypes = {\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n\n /**\n * Use that prop to pass a ref to the decorated component.\n * @deprecated\n */\n innerRef: chainPropTypes(PropTypes.oneOfType([PropTypes.func, PropTypes.object]), function (props) {\n if (props.innerRef == null) {\n return null;\n }\n\n return null; // return new Error(\n // 'Material-UI: The `innerRef` prop is deprecated and will be removed in v5. ' +\n // 'Refs are now automatically forwarded to the inner component.',\n // );\n })\n } : void 0;\n\n if (process.env.NODE_ENV !== 'production') {\n WithStyles.displayName = \"WithStyles(\".concat(getDisplayName(Component), \")\");\n }\n\n hoistNonReactStatics(WithStyles, Component);\n\n if (process.env.NODE_ENV !== 'production') {\n // Exposed for test purposes.\n WithStyles.Naked = Component;\n WithStyles.options = options;\n WithStyles.useStyles = useStyles;\n }\n\n return WithStyles;\n };\n};\n\nexport default withStyles;","// We need to centralize the zIndex definitions as they work\n// like global values in the browser.\nvar zIndex = {\n mobileStepper: 1000,\n speedDial: 1050,\n appBar: 1100,\n drawer: 1200,\n modal: 1300,\n snackbar: 1400,\n tooltip: 1500\n};\nexport default zIndex;","export var reflow = function reflow(node) {\n return node.scrollTop;\n};\nexport function getTransitionProps(props, options) {\n var timeout = props.timeout,\n _props$style = props.style,\n style = _props$style === void 0 ? {} : _props$style;\n return {\n duration: style.transitionDuration || typeof timeout === 'number' ? timeout : timeout[options.mode] || 0,\n delay: style.transitionDelay\n };\n}","import { formatMuiErrorMessage as _formatMuiErrorMessage } from \"@material-ui/utils\";\n// It should to be noted that this function isn't equivalent to `text-transform: capitalize`.\n//\n// A strict capitalization should uppercase the first letter of each word a the sentence.\n// We only handle the first word.\nexport default function capitalize(string) {\n if (typeof string !== 'string') {\n throw new Error(process.env.NODE_ENV !== \"production\" ? \"Material-UI: capitalize(string) expects a string argument.\" : _formatMuiErrorMessage(7));\n }\n\n return string.charAt(0).toUpperCase() + string.slice(1);\n}","/**\n * Safe chained function\n *\n * Will only create a new function if needed,\n * otherwise will pass back existing functions or null.\n *\n * @param {function} functions to chain\n * @returns {function|null}\n */\nexport default function createChainedFunction() {\n for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {\n funcs[_key] = arguments[_key];\n }\n\n return funcs.reduce(function (acc, func) {\n if (func == null) {\n return acc;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (typeof func !== 'function') {\n console.error('Material-UI: Invalid Argument Type, must only provide functions, undefined, or null.');\n }\n }\n\n return function chainedFunction() {\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n acc.apply(this, args);\n func.apply(this, args);\n };\n }, function () {});\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport React from 'react';\nimport SvgIcon from '../SvgIcon';\n/**\n * Private module reserved for @material-ui/x packages.\n */\n\nexport default function createSvgIcon(path, displayName) {\n var Component = function Component(props, ref) {\n return /*#__PURE__*/React.createElement(SvgIcon, _extends({\n ref: ref\n }, props), path);\n };\n\n if (process.env.NODE_ENV !== 'production') {\n // Need to set `displayName` on the inner component for React.memo.\n // React prior to 16.14 ignores `displayName` on the wrapper.\n Component.displayName = \"\".concat(displayName, \"Icon\");\n }\n\n Component.muiName = SvgIcon.muiName;\n return /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Component));\n}","// Corresponds to 10 frames at 60 Hz.\n// A few bytes payload overhead when lodash/debounce is ~3 kB and debounce ~300 B.\nexport default function debounce(func) {\n var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 166;\n var timeout;\n\n function debounced() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n // eslint-disable-next-line consistent-this\n var that = this;\n\n var later = function later() {\n func.apply(that, args);\n };\n\n clearTimeout(timeout);\n timeout = setTimeout(later, wait);\n }\n\n debounced.clear = function () {\n clearTimeout(timeout);\n };\n\n return debounced;\n}","// A change of the browser zoom change the scrollbar size.\n// Credit https://github.com/twbs/bootstrap/blob/3ffe3a5d82f6f561b82ff78d82b32a7d14aed558/js/src/modal.js#L512-L519\nexport default function getScrollbarSize() {\n var scrollDiv = document.createElement('div');\n scrollDiv.style.width = '99px';\n scrollDiv.style.height = '99px';\n scrollDiv.style.position = 'absolute';\n scrollDiv.style.top = '-9999px';\n scrollDiv.style.overflow = 'scroll';\n document.body.appendChild(scrollDiv);\n var scrollbarSize = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n document.body.removeChild(scrollDiv);\n return scrollbarSize;\n}","export default function deprecatedPropType(validator, reason) {\n if (process.env.NODE_ENV === 'production') {\n return function () {\n return null;\n };\n }\n\n return function (props, propName, componentName, location, propFullName) {\n var componentNameSafe = componentName || '<>';\n var propFullNameSafe = propFullName || propName;\n\n if (typeof props[propName] !== 'undefined') {\n return new Error(\"The \".concat(location, \" `\").concat(propFullNameSafe, \"` of \") + \"`\".concat(componentNameSafe, \"` is deprecated. \").concat(reason));\n }\n\n return null;\n };\n}","export default function requirePropFactory(componentNameInError) {\n if (process.env.NODE_ENV === 'production') {\n return function () {\n return null;\n };\n }\n\n var requireProp = function requireProp(requiredProp) {\n return function (props, propName, componentName, location, propFullName) {\n var propFullNameSafe = propFullName || propName;\n\n if (typeof props[propName] !== 'undefined' && !props[requiredProp]) {\n return new Error(\"The prop `\".concat(propFullNameSafe, \"` of \") + \"`\".concat(componentNameInError, \"` must be used on `\").concat(requiredProp, \"`.\"));\n }\n\n return null;\n };\n };\n\n return requireProp;\n}","export default function unsupportedProp(props, propName, componentName, location, propFullName) {\n if (process.env.NODE_ENV === 'production') {\n return null;\n }\n\n var propFullNameSafe = propFullName || propName;\n\n if (typeof props[propName] !== 'undefined') {\n return new Error(\"The prop `\".concat(propFullNameSafe, \"` is not supported. Please remove it.\"));\n }\n\n return null;\n}","import * as React from 'react';\nexport default function isMuiElement(element, muiNames) {\n return /*#__PURE__*/React.isValidElement(element) && muiNames.indexOf(element.type.muiName) !== -1;\n}","export default function ownerDocument(node) {\n return node && node.ownerDocument || document;\n}","import ownerDocument from './ownerDocument';\nexport default function ownerWindow(node) {\n var doc = ownerDocument(node);\n return doc.defaultView || window;\n}","// TODO v5: consider to make it private\nexport default function setRef(ref, value) {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n}","import * as React from 'react';\n/**\n * Private module reserved for @material-ui/x packages.\n */\n\nexport default function useId(idOverride) {\n var _React$useState = React.useState(idOverride),\n defaultId = _React$useState[0],\n setDefaultId = _React$useState[1];\n\n var id = idOverride || defaultId;\n React.useEffect(function () {\n if (defaultId == null) {\n // Fallback to this default id when possible.\n // Use the random value for client-side rendering only.\n // We can't use it server-side.\n setDefaultId(\"mui-\".concat(Math.round(Math.random() * 1e5)));\n }\n }, [defaultId]);\n return id;\n}","/* eslint-disable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */\nimport * as React from 'react';\nexport default function useControlled(_ref) {\n var controlled = _ref.controlled,\n defaultProp = _ref.default,\n name = _ref.name,\n _ref$state = _ref.state,\n state = _ref$state === void 0 ? 'value' : _ref$state;\n\n var _React$useRef = React.useRef(controlled !== undefined),\n isControlled = _React$useRef.current;\n\n var _React$useState = React.useState(defaultProp),\n valueState = _React$useState[0],\n setValue = _React$useState[1];\n\n var value = isControlled ? controlled : valueState;\n\n if (process.env.NODE_ENV !== 'production') {\n React.useEffect(function () {\n if (isControlled !== (controlled !== undefined)) {\n console.error([\"Material-UI: A component is changing the \".concat(isControlled ? '' : 'un', \"controlled \").concat(state, \" state of \").concat(name, \" to be \").concat(isControlled ? 'un' : '', \"controlled.\"), 'Elements should not switch from uncontrolled to controlled (or vice versa).', \"Decide between using a controlled or uncontrolled \".concat(name, \" \") + 'element for the lifetime of the component.', \"The nature of the state is determined during the first render, it's considered controlled if the value is not `undefined`.\", 'More info: https://fb.me/react-controlled-components'].join('\\n'));\n }\n }, [controlled]);\n\n var _React$useRef2 = React.useRef(defaultProp),\n defaultValue = _React$useRef2.current;\n\n React.useEffect(function () {\n if (!isControlled && defaultValue !== defaultProp) {\n console.error([\"Material-UI: A component is changing the default \".concat(state, \" state of an uncontrolled \").concat(name, \" after being initialized. \") + \"To suppress this warning opt to use a controlled \".concat(name, \".\")].join('\\n'));\n }\n }, [JSON.stringify(defaultProp)]);\n }\n\n var setValueIfUncontrolled = React.useCallback(function (newValue) {\n if (!isControlled) {\n setValue(newValue);\n }\n }, []);\n return [value, setValueIfUncontrolled];\n}","import * as React from 'react';\nvar useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n/**\n * https://github.com/facebook/react/issues/14099#issuecomment-440013892\n *\n * @param {function} fn\n */\n\nexport default function useEventCallback(fn) {\n var ref = React.useRef(fn);\n useEnhancedEffect(function () {\n ref.current = fn;\n });\n return React.useCallback(function () {\n return (0, ref.current).apply(void 0, arguments);\n }, []);\n}","import * as React from 'react';\nimport setRef from './setRef';\nexport default function useForkRef(refA, refB) {\n /**\n * This will create a new function if the ref props change and are defined.\n * This means react will call the old forkRef with `null` and the new forkRef\n * with the ref. Cleanup naturally emerges from this behavior\n */\n return React.useMemo(function () {\n if (refA == null && refB == null) {\n return null;\n }\n\n return function (refValue) {\n setRef(refA, refValue);\n setRef(refB, refValue);\n };\n }, [refA, refB]);\n}","// based on https://github.com/WICG/focus-visible/blob/v4.1.5/src/focus-visible.js\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nvar hadKeyboardEvent = true;\nvar hadFocusVisibleRecently = false;\nvar hadFocusVisibleRecentlyTimeout = null;\nvar inputTypesWhitelist = {\n text: true,\n search: true,\n url: true,\n tel: true,\n email: true,\n password: true,\n number: true,\n date: true,\n month: true,\n week: true,\n time: true,\n datetime: true,\n 'datetime-local': true\n};\n/**\n * Computes whether the given element should automatically trigger the\n * `focus-visible` class being added, i.e. whether it should always match\n * `:focus-visible` when focused.\n * @param {Element} node\n * @return {boolean}\n */\n\nfunction focusTriggersKeyboardModality(node) {\n var type = node.type,\n tagName = node.tagName;\n\n if (tagName === 'INPUT' && inputTypesWhitelist[type] && !node.readOnly) {\n return true;\n }\n\n if (tagName === 'TEXTAREA' && !node.readOnly) {\n return true;\n }\n\n if (node.isContentEditable) {\n return true;\n }\n\n return false;\n}\n/**\n * Keep track of our keyboard modality state with `hadKeyboardEvent`.\n * If the most recent user interaction was via the keyboard;\n * and the key press did not include a meta, alt/option, or control key;\n * then the modality is keyboard. Otherwise, the modality is not keyboard.\n * @param {KeyboardEvent} event\n */\n\n\nfunction handleKeyDown(event) {\n if (event.metaKey || event.altKey || event.ctrlKey) {\n return;\n }\n\n hadKeyboardEvent = true;\n}\n/**\n * If at any point a user clicks with a pointing device, ensure that we change\n * the modality away from keyboard.\n * This avoids the situation where a user presses a key on an already focused\n * element, and then clicks on a different element, focusing it with a\n * pointing device, while we still think we're in keyboard modality.\n */\n\n\nfunction handlePointerDown() {\n hadKeyboardEvent = false;\n}\n\nfunction handleVisibilityChange() {\n if (this.visibilityState === 'hidden') {\n // If the tab becomes active again, the browser will handle calling focus\n // on the element (Safari actually calls it twice).\n // If this tab change caused a blur on an element with focus-visible,\n // re-apply the class when the user switches back to the tab.\n if (hadFocusVisibleRecently) {\n hadKeyboardEvent = true;\n }\n }\n}\n\nfunction prepare(doc) {\n doc.addEventListener('keydown', handleKeyDown, true);\n doc.addEventListener('mousedown', handlePointerDown, true);\n doc.addEventListener('pointerdown', handlePointerDown, true);\n doc.addEventListener('touchstart', handlePointerDown, true);\n doc.addEventListener('visibilitychange', handleVisibilityChange, true);\n}\n\nexport function teardown(doc) {\n doc.removeEventListener('keydown', handleKeyDown, true);\n doc.removeEventListener('mousedown', handlePointerDown, true);\n doc.removeEventListener('pointerdown', handlePointerDown, true);\n doc.removeEventListener('touchstart', handlePointerDown, true);\n doc.removeEventListener('visibilitychange', handleVisibilityChange, true);\n}\n\nfunction isFocusVisible(event) {\n var target = event.target;\n\n try {\n return target.matches(':focus-visible');\n } catch (error) {} // browsers not implementing :focus-visible will throw a SyntaxError\n // we use our own heuristic for those browsers\n // rethrow might be better if it's not the expected error but do we really\n // want to crash if focus-visible malfunctioned?\n // no need for validFocusTarget check. the user does that by attaching it to\n // focusable events only\n\n\n return hadKeyboardEvent || focusTriggersKeyboardModality(target);\n}\n/**\n * Should be called if a blur event is fired on a focus-visible element\n */\n\n\nfunction handleBlurVisible() {\n // To detect a tab/window switch, we look for a blur event followed\n // rapidly by a visibility change.\n // If we don't see a visibility change within 100ms, it's probably a\n // regular focus change.\n hadFocusVisibleRecently = true;\n window.clearTimeout(hadFocusVisibleRecentlyTimeout);\n hadFocusVisibleRecentlyTimeout = window.setTimeout(function () {\n hadFocusVisibleRecently = false;\n }, 100);\n}\n\nexport default function useIsFocusVisible() {\n var ref = React.useCallback(function (instance) {\n var node = ReactDOM.findDOMNode(instance);\n\n if (node != null) {\n prepare(node.ownerDocument);\n }\n }, []);\n\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useDebugValue(isFocusVisible);\n }\n\n return {\n isFocusVisible: isFocusVisible,\n onBlurVisible: handleBlurVisible,\n ref: ref\n };\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.zhCN = exports.viVN = exports.ukUA = exports.trTR = exports.svSE = exports.skSK = exports.ruRU = exports.roRO = exports.ptPT = exports.ptBR = exports.plPL = exports.nlNL = exports.koKR = exports.jaJP = exports.itIT = exports.isIS = exports.idID = exports.hyAM = exports.huHU = exports.hiIN = exports.heIL = exports.frFR = exports.fiFI = exports.faIR = exports.etEE = exports.esES = exports.enUS = exports.deDE = exports.csCZ = exports.caES = exports.bgBG = exports.azAZ = void 0;\nvar azAZ = {\n props: {\n MuiBreadcrumbs: {\n expandText: 'Yolu göstər'\n },\n MuiTablePagination: {\n backIconButtonText: 'Əvvəlki səhifə',\n labelRowsPerPage: 'Səhifəyə düşən sətrlər:',\n labelDisplayedRows: function labelDisplayedRows(_ref) {\n var from = _ref.from,\n to = _ref.to,\n count = _ref.count;\n return \"\".concat(from, \"-\").concat(to, \" d\\u0259n \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Növbəti səhifə'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n var pluralForm = 'Ulduz';\n var lastDigit = value % 10;\n\n if (lastDigit > 1 && lastDigit < 5) {\n pluralForm = 'Ulduzlar';\n }\n\n return \"\".concat(value, \" \").concat(pluralForm);\n },\n emptyLabelText: 'Boş'\n },\n MuiAutocomplete: {\n clearText: 'Silmək',\n closeText: 'Bağlamaq',\n loadingText: 'Yüklənir…',\n noOptionsText: 'Seçimlər mövcud deyil',\n openText: 'Открыть'\n },\n MuiAlert: {\n closeText: 'Bağlamaq'\n },\n MuiPagination: {\n 'aria-label': 'Səhifənin naviqasiyası',\n getItemAriaLabel: function getItemAriaLabel(type, page, selected) {\n if (type === 'page') {\n return \"\".concat(page, \" \").concat(selected ? 'səhifə' : 'səhifəyə keç');\n }\n\n if (type === 'first') {\n return 'Birinci səhifəyə keç';\n }\n\n if (type === 'last') {\n return 'Sonuncu səhifəyə keç';\n }\n\n if (type === 'next') {\n return 'Növbəti səhifəyə keç';\n }\n\n if (type === 'previous') {\n return 'Əvvəlki səhifəyə keç';\n }\n\n return undefined;\n }\n }\n }\n};\nexports.azAZ = azAZ;\nvar bgBG = {\n props: {\n MuiBreadcrumbs: {\n expandText: 'Показване на пътя'\n },\n MuiTablePagination: {\n backIconButtonText: 'Предишна страница',\n labelRowsPerPage: 'Редове на страница:',\n labelDisplayedRows: function labelDisplayedRows(_ref2) {\n var from = _ref2.from,\n to = _ref2.to,\n count = _ref2.count;\n return \"\".concat(from, \"-\").concat(to, \" \\u043E\\u0442 \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Следваща страница'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" \\u0417\\u0432\\u0435\\u0437\\u0434\").concat(value !== 1 ? 'и' : 'а');\n },\n emptyLabelText: 'Изчисти'\n },\n MuiAutocomplete: {\n clearText: 'Изчисти',\n closeText: 'Затвори',\n loadingText: 'Зареждане…',\n noOptionsText: 'Няма налични опции',\n openText: 'Отвори'\n },\n MuiAlert: {\n closeText: 'Затвори'\n },\n MuiPagination: {\n 'aria-label': 'Пагинация',\n getItemAriaLabel: function getItemAriaLabel(type, page, selected) {\n if (type === 'page') {\n return \"\".concat(selected ? '' : 'Към ', \"\\u0441\\u0442\\u0440\\u0430\\u043D\\u0438\\u0446\\u0430 \").concat(page);\n }\n\n if (type === 'first') {\n return 'Отиди на първата страница';\n }\n\n if (type === 'last') {\n return 'Отиди на последната страница';\n }\n\n if (type === 'next') {\n return 'Отиди на следващата страница';\n }\n\n if (type === 'previous') {\n return 'Отиди на предишната страница';\n }\n\n return undefined;\n }\n }\n }\n};\nexports.bgBG = bgBG;\nvar caES = {\n props: {\n // MuiBreadcrumbs: {\n // expandText: 'Show path',\n // },\n MuiTablePagination: {\n backIconButtonText: 'Pàgina anterior',\n labelRowsPerPage: 'Files per pàgina:',\n labelDisplayedRows: function labelDisplayedRows(_ref3) {\n var from = _ref3.from,\n to = _ref3.to,\n count = _ref3.count;\n return \"\".concat(from, \"-\").concat(to, \" de \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Següent pàgina'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" \").concat(value !== 1 ? 'Estrelles' : 'Estrella');\n },\n emptyLabelText: 'Buit'\n },\n MuiAutocomplete: {\n clearText: 'Netejar',\n closeText: 'Tancar',\n loadingText: 'Carregant…',\n noOptionsText: 'Sense opcions',\n openText: 'Obert'\n },\n MuiAlert: {\n closeText: 'Tancat'\n } // MuiPagination: {\n // 'aria-label': 'Pagination navigation',\n // getItemAriaLabel: (type, page, selected) => {\n // if (type === 'page') {\n // return `${selected ? '' : 'Go to '}page ${page}`;\n // }\n // if (type === 'first') {\n // return 'Go to first page';\n // }\n // if (type === 'last') {\n // return 'Go to last page';\n // }\n // if (type === 'next') {\n // return 'Go to next page';\n // }\n // if (type === 'previous') {\n // return 'Go to previous page';\n // }\n // return undefined;\n // },\n // },\n\n }\n};\nexports.caES = caES;\nvar csCZ = {\n props: {\n MuiBreadcrumbs: {\n expandText: 'Ukázat cestu'\n },\n MuiTablePagination: {\n backIconButtonText: 'Předchozí stránka',\n labelRowsPerPage: 'Řádků na stránce:',\n labelDisplayedRows: function labelDisplayedRows(_ref4) {\n var from = _ref4.from,\n to = _ref4.to,\n count = _ref4.count;\n return \"\".concat(from, \"-\").concat(to, \" z \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Další stránka'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n if (value === 1) {\n return \"\".concat(value, \" hv\\u011Bzdi\\u010Dka\");\n }\n\n if (value >= 2 && value <= 4) {\n return \"\".concat(value, \" hv\\u011Bzdi\\u010Dky\");\n }\n\n return \"\".concat(value, \" hv\\u011Bzdi\\u010Dek\");\n },\n emptyLabelText: 'Prázdné'\n },\n MuiAutocomplete: {\n clearText: 'Vymazat',\n closeText: 'Zavřít',\n loadingText: 'Načítání…',\n noOptionsText: 'Žádné možnosti',\n openText: 'Otevřít'\n },\n MuiAlert: {\n closeText: 'Zavřít'\n },\n MuiPagination: {\n 'aria-label': 'Navigace stránkováním',\n getItemAriaLabel: function getItemAriaLabel(type, page, selected) {\n if (type === 'page') {\n return \"\".concat(selected ? '' : 'Jít na ').concat(page, \" str\\xE1nku\");\n }\n\n if (type === 'first') {\n return 'Jít na první stránku';\n }\n\n if (type === 'last') {\n return 'Jít na poslední stránku';\n }\n\n if (type === 'next') {\n return 'Jít na další stránku';\n }\n\n if (type === 'previous') {\n return 'Jít na předchozí stránku';\n }\n\n return undefined;\n }\n }\n }\n};\nexports.csCZ = csCZ;\nvar deDE = {\n props: {\n MuiBreadcrumbs: {\n expandText: 'Pfad anzeigen'\n },\n MuiTablePagination: {\n backIconButtonText: 'Nächste Seite',\n labelRowsPerPage: 'Zeilen pro Seite:',\n labelDisplayedRows: function labelDisplayedRows(_ref5) {\n var from = _ref5.from,\n to = _ref5.to,\n count = _ref5.count;\n return \"\".concat(from, \"-\").concat(to, \" von \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Nächste Seite'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" \").concat(value !== 1 ? 'Sterne' : 'Stern');\n },\n emptyLabelText: 'Keine Wertung'\n },\n MuiAutocomplete: {\n clearText: 'Leeren',\n closeText: 'Schließen',\n loadingText: 'Wird geladen…',\n noOptionsText: 'Keine Optionen',\n openText: 'Öffnen'\n },\n MuiAlert: {\n closeText: 'Schließen'\n },\n MuiPagination: {\n 'aria-label': 'Navigation via Seitennummerierung',\n getItemAriaLabel: function getItemAriaLabel(type, page, selected) {\n if (type === 'page') {\n return \"\".concat(selected ? '' : 'Gehe zu ', \"Seite \").concat(page);\n }\n\n if (type === 'first') {\n return 'Zur ersten Seite';\n }\n\n if (type === 'last') {\n return 'Zur letzten Seite';\n }\n\n if (type === 'next') {\n return 'Zur nächsten Seite';\n }\n\n if (type === 'previous') {\n return 'Zur vorherigen Seite';\n }\n\n return undefined;\n }\n }\n }\n}; // default\n\nexports.deDE = deDE;\nvar enUS = {\n /*\n props: {\n MuiBreadcrumbs: {\n expandText: 'Show path',\n },\n MuiTablePagination: {\n backIconButtonText: 'Previous page',\n labelRowsPerPage: 'Rows per page:',\n labelDisplayedRows: ({ from, to, count }) =>\n `${from}-${to} of ${count !== -1 ? count : `more than ${to}`}`,\n nextIconButtonText: 'Next page',\n },\n MuiRating: {\n getLabelText: value => `${value} Star${value !== 1 ? 's' : ''}`,\n emptyLabelText: 'Empty',\n },\n MuiAutocomplete: {\n clearText: 'Clear',\n closeText: 'Close',\n loadingText: 'Loading…',\n noOptionsText: 'No options',\n openText: 'Open',\n },\n MuiAlert: {\n closeText: 'Close',\n },\n MuiPagination: {\n 'aria-label': 'Pagination navigation',\n getItemAriaLabel: (type, page, selected) => {\n if (type === 'page') {\n return `${selected ? '' : 'Go to '}page ${page}`;\n }\n if (type === 'first') {\n return 'Go to first page';\n }\n if (type === 'last') {\n return 'Go to last page';\n }\n if (type === 'next') {\n return 'Go to next page';\n }\n if (type === 'previous') {\n return 'Go to previous page';\n }\n return undefined;\n },\n },\n },\n */\n};\nexports.enUS = enUS;\nvar esES = {\n props: {\n MuiBreadcrumbs: {\n expandText: 'Mostrar ruta'\n },\n MuiTablePagination: {\n backIconButtonText: 'Página anterior',\n labelRowsPerPage: 'Filas por página:',\n labelDisplayedRows: function labelDisplayedRows(_ref6) {\n var from = _ref6.from,\n to = _ref6.to,\n count = _ref6.count;\n return \"\".concat(from, \"-\").concat(to, \" de \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Siguiente página'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" Estrella\").concat(value !== 1 ? 's' : '');\n },\n emptyLabelText: 'Vacío'\n },\n MuiAutocomplete: {\n clearText: 'Limpiar',\n closeText: 'Cerrar',\n loadingText: 'Cargando…',\n noOptionsText: 'Sin opciones',\n openText: 'Abierto'\n },\n MuiAlert: {\n closeText: 'Cerrar'\n },\n MuiPagination: {\n 'aria-label': 'Paginador',\n getItemAriaLabel: function getItemAriaLabel(type, page, selected) {\n if (type === 'page') {\n return \"\".concat(selected ? '' : 'Ir a la ', \"p\\xE1gina \").concat(page);\n }\n\n if (type === 'first') {\n return 'Ir a la primera página';\n }\n\n if (type === 'last') {\n return 'Ir a la última página';\n }\n\n if (type === 'next') {\n return 'Ir a la página siguiente';\n }\n\n if (type === 'previous') {\n return 'Ir a la página anterior';\n }\n\n return undefined;\n }\n }\n }\n};\nexports.esES = esES;\nvar etEE = {\n props: {\n MuiBreadcrumbs: {\n expandText: 'Näita teed'\n },\n MuiTablePagination: {\n backIconButtonText: 'Eelmine lehekülg',\n labelRowsPerPage: 'Ridu leheküljel:',\n labelDisplayedRows: function labelDisplayedRows(_ref7) {\n var from = _ref7.from,\n to = _ref7.to,\n count = _ref7.count;\n return \"\".concat(from, \"-\").concat(to, \" / \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Järgmine lehekülg'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" T\\xE4rn\").concat(value !== 1 ? 'i' : '');\n },\n emptyLabelText: 'Tühi'\n },\n MuiAutocomplete: {\n clearText: 'Tühjenda',\n closeText: 'Sulge',\n loadingText: 'Laen…',\n noOptionsText: 'Valikuid ei ole',\n openText: 'Ava'\n },\n MuiAlert: {\n closeText: 'Sulge'\n },\n MuiPagination: {\n 'aria-label': 'Lehekülgede valik',\n getItemAriaLabel: function getItemAriaLabel(type, page, selected) {\n if (type === 'page') {\n return \"\".concat(selected ? '' : 'Vali ', \"lehek\\xFClg \").concat(page);\n }\n\n if (type === 'first') {\n return 'Vali esimene lehekülg';\n }\n\n if (type === 'last') {\n return 'Vali viimane lehekülg';\n }\n\n if (type === 'next') {\n return 'Vali järgmine lehekülg';\n }\n\n if (type === 'previous') {\n return 'Vali eelmine lehekülg';\n }\n\n return undefined;\n }\n }\n }\n};\nexports.etEE = etEE;\nvar faIR = {\n props: {\n // MuiBreadcrumbs: {\n // expandText: 'Show path',\n // },\n MuiBreadcrumbs: {\n expandText: 'نمایش مسیر'\n },\n MuiTablePagination: {\n backIconButtonText: 'صفحهٔ قبل',\n labelRowsPerPage: 'تعداد سطرهای هر صفحه:',\n labelDisplayedRows: function labelDisplayedRows(_ref8) {\n var from = _ref8.from,\n to = _ref8.to,\n count = _ref8.count;\n return \"\".concat(from, \"-\").concat(to, \" \\u0627\\u0632 \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'صفحهٔ بعد'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" \\u0633\\u062A\\u0627\\u0631\\u0647\");\n },\n emptyLabelText: 'خالی'\n },\n MuiAutocomplete: {\n clearText: 'پاککردن',\n closeText: 'بستن',\n loadingText: 'در حال بارگذاری…',\n noOptionsText: 'بینتیجه',\n openText: 'بازکردن'\n },\n MuiAlert: {\n closeText: 'بستن'\n },\n MuiPagination: {\n 'aria-label': 'ناوبری صفحه',\n getItemAriaLabel: function getItemAriaLabel(type, page, selected) {\n if (type === 'page') {\n return \"\".concat(selected ? '' : 'رفتن به ', \"\\u0635\\u0641\\u062D\\u0647\\u0654 \").concat(page);\n }\n\n if (type === 'first') {\n return 'رفتن به اولین صفحه';\n }\n\n if (type === 'last') {\n return 'رفتن به آخرین صفحه';\n }\n\n if (type === 'next') {\n return 'رفتن به صفحهی بعدی';\n }\n\n if (type === 'previous') {\n return 'رفتن به صفحهی قبلی';\n }\n\n return undefined;\n }\n }\n }\n};\nexports.faIR = faIR;\nvar fiFI = {\n props: {\n MuiBreadcrumbs: {\n expandText: 'Näytä reitti'\n },\n MuiTablePagination: {\n backIconButtonText: 'Edellinen sivu',\n labelRowsPerPage: 'Rivejä per sivu:',\n labelDisplayedRows: function labelDisplayedRows(_ref9) {\n var from = _ref9.from,\n to = _ref9.to,\n count = _ref9.count;\n return \"\".concat(from, \"-\").concat(to, \" / \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Seuraava sivu'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" T\\xE4ht\").concat(value !== 1 ? 'eä' : 'i');\n },\n emptyLabelText: 'Tyhjä'\n },\n MuiAutocomplete: {\n clearText: 'Tyhjennä',\n closeText: 'Sulje',\n loadingText: 'Ladataan…',\n noOptionsText: 'Ei valintoja',\n openText: 'Avaa'\n },\n MuiAlert: {\n closeText: 'Sulje'\n },\n MuiPagination: {\n 'aria-label': 'Sivutus navigaatio',\n getItemAriaLabel: function getItemAriaLabel(type, page, selected) {\n if (type === 'page') {\n return \"\".concat(selected ? 'sivu' : 'Mene sivulle', \" \").concat(page);\n }\n\n if (type === 'first') {\n return 'Mene ensimmäiselle sivulle';\n }\n\n if (type === 'last') {\n return 'Mene viimeiselle sivulle';\n }\n\n if (type === 'next') {\n return 'Mene seuraavalle sivulle';\n }\n\n if (type === 'previous') {\n return 'Mene edelliselle sivulle';\n }\n\n return undefined;\n }\n }\n }\n};\nexports.fiFI = fiFI;\nvar frFR = {\n props: {\n MuiBreadcrumbs: {\n expandText: 'Montrer le chemin'\n },\n MuiTablePagination: {\n backIconButtonText: 'Page précédente',\n labelRowsPerPage: 'Lignes par page :',\n labelDisplayedRows: function labelDisplayedRows(_ref10) {\n var from = _ref10.from,\n to = _ref10.to,\n count = _ref10.count;\n return \"\".concat(from, \"-\").concat(to, \" sur \").concat(count !== -1 ? count : \"plus que \".concat(to));\n },\n nextIconButtonText: 'Page suivante'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" Etoile\").concat(value !== 1 ? 's' : '');\n },\n emptyLabelText: 'Vide'\n },\n MuiAutocomplete: {\n clearText: 'Vider',\n closeText: 'Fermer',\n loadingText: 'Chargement…',\n noOptionsText: 'Pas de résultats',\n openText: 'Ouvrir'\n },\n MuiAlert: {\n closeText: 'Fermer'\n },\n MuiPagination: {\n 'aria-label': 'navigation de pagination',\n getItemAriaLabel: function getItemAriaLabel(type, page, selected) {\n if (type === 'page') {\n return \"\".concat(selected ? '' : 'Aller à la ', \"page \").concat(page);\n }\n\n if (type === 'first') {\n return 'Aller à la première page';\n }\n\n if (type === 'last') {\n return 'Aller à la dernière page';\n }\n\n if (type === 'next') {\n return 'Aller à la page suivante';\n }\n\n if (type === 'previous') {\n return 'Aller à la page précédente';\n }\n\n return undefined;\n }\n }\n }\n};\nexports.frFR = frFR;\nvar heIL = {\n props: {\n // MuiBreadcrumbs: {\n // expandText: 'Show path',\n // },\n MuiTablePagination: {\n backIconButtonText: 'העמוד הקודם',\n labelRowsPerPage: 'שורות בעמוד:',\n labelDisplayedRows: function labelDisplayedRows(_ref11) {\n var from = _ref11.from,\n to = _ref11.to,\n count = _ref11.count;\n return \"\".concat(from, \"-\").concat(to, \" \\u05DE\\u05EA\\u05D5\\u05DA \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'העמוד הבא'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" \\u05DB\\u05D5\\u05DB\\u05D1\").concat(value !== 1 ? 'ים' : '');\n },\n emptyLabelText: 'ריק'\n },\n MuiAutocomplete: {\n clearText: 'נקה',\n closeText: 'סגור',\n loadingText: 'טוען…',\n noOptionsText: 'אין אופציות',\n openText: 'פתח'\n },\n MuiAlert: {\n closeText: 'סגור'\n } // MuiPagination: {\n // 'aria-label': 'Pagination navigation',\n // getItemAriaLabel: (type, page, selected) => {\n // if (type === 'page') {\n // return `${selected ? '' : 'Go to '}page ${page}`;\n // }\n // if (type === 'first') {\n // return 'Go to first page';\n // }\n // if (type === 'last') {\n // return 'Go to last page';\n // }\n // if (type === 'next') {\n // return 'Go to next page';\n // }\n // if (type === 'previous') {\n // return 'Go to previous page';\n // }\n // return undefined;\n // },\n // },\n\n }\n};\nexports.heIL = heIL;\nvar hiIN = {\n props: {\n MuiBreadcrumbs: {\n expandText: 'रास्ता दिखायें'\n },\n MuiTablePagination: {\n backIconButtonText: 'पिछला पृष्ठ',\n labelRowsPerPage: 'पंक्तियाँ प्रति पृष्ठ:',\n labelDisplayedRows: function labelDisplayedRows(_ref12) {\n var from = _ref12.from,\n to = _ref12.to,\n count = _ref12.count;\n return \"\".concat(from, \"-\").concat(to === -1 ? count : to, \" \\u0915\\u0941\\u0932 \").concat(count, \" \\u092E\\u0947\\u0902\");\n },\n nextIconButtonText: 'अगला पृष्ठ'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" \\u0924\\u093E\\u0930\").concat(value !== 1 ? 'े' : 'ा');\n },\n emptyLabelText: 'रिक्त'\n },\n MuiAutocomplete: {\n clearText: 'हटायें',\n closeText: 'बंद करें',\n loadingText: 'लोड हो रहा है…',\n noOptionsText: 'कोई विकल्प नहीं',\n openText: 'खोलें'\n },\n MuiAlert: {\n closeText: 'बंद करें'\n },\n MuiPagination: {\n 'aria-label': 'पृस्ठानुसार संचालन',\n getItemAriaLabel: function getItemAriaLabel(type, page, selected) {\n if (type === 'page') {\n return \"\\u092A\\u0943\\u0937\\u094D\\u0920 \".concat(page, \" \").concat(selected ? '' : ' पर जाएँ');\n }\n\n if (type === 'first') {\n return 'पहले पृष्ठ पर जाएँ';\n }\n\n if (type === 'last') {\n return 'अंतिम पृष्ठ पर जाएँ';\n }\n\n if (type === 'next') {\n return 'अगले पृष्ठ पर जाएँ';\n }\n\n if (type === 'previous') {\n return 'पिछले पृष्ठ पर जाएँ';\n }\n\n return undefined;\n }\n }\n }\n};\nexports.hiIN = hiIN;\nvar huHU = {\n props: {\n MuiBreadcrumbs: {\n expandText: 'Útvonal'\n },\n MuiTablePagination: {\n backIconButtonText: 'Előző oldal',\n labelRowsPerPage: 'Sorok száma:',\n labelDisplayedRows: function labelDisplayedRows(_ref13) {\n var from = _ref13.from,\n to = _ref13.to,\n count = _ref13.count;\n return \"\".concat(from, \"-\").concat(to, \" / \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Következő oldal'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" Csillag\");\n },\n emptyLabelText: 'Üres'\n },\n MuiAutocomplete: {\n clearText: 'Törlés',\n closeText: 'Bezárás',\n loadingText: 'Töltés…',\n noOptionsText: 'Nincs találat',\n openText: 'Megnyitás'\n },\n MuiAlert: {\n closeText: 'Bezárás'\n },\n MuiPagination: {\n 'aria-label': 'Lapozás',\n getItemAriaLabel: function getItemAriaLabel(type, page, selected) {\n if (type === 'page') {\n return \"\".concat(page, \". oldal\").concat(selected ? '' : 'ra');\n }\n\n if (type === 'first') {\n return 'Első oldalra';\n }\n\n if (type === 'last') {\n return 'Utolsó oldalra';\n }\n\n if (type === 'next') {\n return 'Következő oldalra';\n }\n\n if (type === 'previous') {\n return 'Előző oldalra';\n }\n\n return undefined;\n }\n }\n }\n};\nexports.huHU = huHU;\nvar hyAM = {\n props: {\n // MuiBreadcrumbs: {\n // expandText: 'Show path',\n // },\n MuiTablePagination: {\n backIconButtonText: 'Նախորդը',\n labelRowsPerPage: 'Տողեր մեկ էջում`',\n labelDisplayedRows: function labelDisplayedRows(_ref14) {\n var from = _ref14.from,\n to = _ref14.to,\n count = _ref14.count;\n return \"\".concat(from, \"-\").concat(to, \" / \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Հաջորդը'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" \\u0531\\u057D\\u057F\\u0572\");\n },\n emptyLabelText: 'Դատարկ'\n },\n MuiAutocomplete: {\n clearText: 'Մաքրել',\n closeText: 'Փակել',\n loadingText: 'Բեռնում…',\n noOptionsText: 'Տարբերակներ չկան',\n openText: 'Բացել'\n },\n MuiAlert: {\n closeText: 'Փակել'\n } // MuiPagination: {\n // 'aria-label': 'Pagination navigation',\n // getItemAriaLabel: (type, page, selected) => {\n // if (type === 'page') {\n // return `${selected ? '' : 'Go to '}page ${page}`;\n // }\n // if (type === 'first') {\n // return 'Go to first page';\n // }\n // if (type === 'last') {\n // return 'Go to last page';\n // }\n // if (type === 'next') {\n // return 'Go to next page';\n // }\n // if (type === 'previous') {\n // return 'Go to previous page';\n // }\n // return undefined;\n // },\n // },\n\n }\n};\nexports.hyAM = hyAM;\nvar idID = {\n props: {\n // MuiBreadcrumbs: {\n // expandText: 'Show path',\n // },\n MuiTablePagination: {\n backIconButtonText: 'Halaman sebelumnya',\n labelRowsPerPage: 'Baris per halaman:',\n labelDisplayedRows: function labelDisplayedRows(_ref15) {\n var from = _ref15.from,\n to = _ref15.to,\n count = _ref15.count;\n return \"\".concat(from, \"-\").concat(to, \" dari \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Halaman selanjutnya'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" Bintang\");\n } // emptyLabelText: 'Empty',\n\n },\n MuiAutocomplete: {\n clearText: 'Hapus',\n closeText: 'Tutup',\n loadingText: 'Memuat…',\n noOptionsText: 'Tidak ada opsi',\n openText: 'Buka'\n },\n MuiAlert: {\n closeText: 'Tutup'\n } // MuiPagination: {\n // 'aria-label': 'Pagination navigation',\n // getItemAriaLabel: (type, page, selected) => {\n // if (type === 'page') {\n // return `${selected ? '' : 'Go to '}page ${page}`;\n // }\n // if (type === 'first') {\n // return 'Go to first page';\n // }\n // if (type === 'last') {\n // return 'Go to last page';\n // }\n // if (type === 'next') {\n // return 'Go to next page';\n // }\n // if (type === 'previous') {\n // return 'Go to previous page';\n // }\n // return undefined;\n // },\n // },\n\n }\n};\nexports.idID = idID;\nvar isIS = {\n props: {\n // MuiBreadcrumbs: {\n // expandText: 'Show path',\n // },\n MuiTablePagination: {\n backIconButtonText: 'Fyrri síða',\n labelRowsPerPage: 'Raðir á síðu:',\n labelDisplayedRows: function labelDisplayedRows(_ref16) {\n var from = _ref16.from,\n to = _ref16.to,\n count = _ref16.count;\n return \"\".concat(from, \"-\").concat(to, \" af \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Næsta síða'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" \").concat(value === 1 ? 'Stjarna' : 'Stjörnur');\n },\n emptyLabelText: 'Tómt'\n },\n MuiAutocomplete: {\n clearText: 'Hreinsa',\n closeText: 'Loka',\n loadingText: 'Hlaða…',\n noOptionsText: 'Engar niðurstöður',\n openText: 'Opna'\n },\n MuiAlert: {\n closeText: 'Loka'\n } // MuiPagination: {\n // 'aria-label': 'Pagination navigation',\n // getItemAriaLabel: (type, page, selected) => {\n // if (type === 'page') {\n // return `${selected ? '' : 'Go to '}page ${page}`;\n // }\n // if (type === 'first') {\n // return 'Go to first page';\n // }\n // if (type === 'last') {\n // return 'Go to last page';\n // }\n // if (type === 'next') {\n // return 'Go to next page';\n // }\n // if (type === 'previous') {\n // return 'Go to previous page';\n // }\n // return undefined;\n // },\n // },\n\n }\n};\nexports.isIS = isIS;\nvar itIT = {\n props: {\n MuiBreadcrumbs: {\n expandText: 'Visualizza percorso'\n },\n MuiTablePagination: {\n backIconButtonText: 'Pagina precedente',\n labelRowsPerPage: 'Righe per pagina:',\n labelDisplayedRows: function labelDisplayedRows(_ref17) {\n var from = _ref17.from,\n to = _ref17.to,\n count = _ref17.count;\n return \"\".concat(from, \"-\").concat(to, \" di \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Pagina successiva'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" Stell\").concat(value !== 1 ? 'e' : 'a');\n },\n emptyLabelText: 'Vuoto'\n },\n MuiAutocomplete: {\n clearText: 'Svuota',\n closeText: 'Chiudi',\n loadingText: 'Caricamento in corso…',\n noOptionsText: 'Nessuna opzione',\n openText: 'Apri'\n },\n MuiAlert: {\n closeText: 'Chiudi'\n },\n MuiPagination: {\n 'aria-label': 'Navigazione impaginata',\n getItemAriaLabel: function getItemAriaLabel(type, page, selected) {\n if (type === 'page') {\n return \"\".concat(selected ? '' : 'Vai alla ', \"pagina \").concat(page);\n }\n\n if (type === 'first') {\n return 'Vai alla prima pagina';\n }\n\n if (type === 'last') {\n return \"Vai all'ultima pagina\";\n }\n\n if (type === 'next') {\n return 'Vai alla pagina successiva';\n }\n\n if (type === 'previous') {\n return 'Vai alla pagina precedente';\n }\n\n return undefined;\n }\n }\n }\n};\nexports.itIT = itIT;\nvar jaJP = {\n props: {\n // MuiBreadcrumbs: {\n // expandText: 'Show path',\n // },\n MuiTablePagination: {\n backIconButtonText: '前のページ',\n labelRowsPerPage: 'ページごとの行:',\n labelDisplayedRows: function labelDisplayedRows(_ref18) {\n var from = _ref18.from,\n to = _ref18.to,\n count = _ref18.count;\n return \"\".concat(from, \"-\").concat(to, \" of \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: '次のページ'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" \").concat(value !== 1 ? '出演者' : '星');\n } // emptyLabelText: 'Empty',\n\n },\n MuiAutocomplete: {\n clearText: 'クリア',\n closeText: '閉じる',\n loadingText: '積み込み…',\n noOptionsText: '結果がありません',\n openText: '開いた'\n },\n MuiAlert: {\n closeText: '閉じる'\n } // MuiPagination: {\n // 'aria-label': 'Pagination navigation',\n // getItemAriaLabel: (type, page, selected) => {\n // if (type === 'page') {\n // return `${selected ? '' : 'Go to '}page ${page}`;\n // }\n // if (type === 'first') {\n // return 'Go to first page';\n // }\n // if (type === 'last') {\n // return 'Go to last page';\n // }\n // if (type === 'next') {\n // return 'Go to next page';\n // }\n // if (type === 'previous') {\n // return 'Go to previous page';\n // }\n // return undefined;\n // },\n // },\n\n }\n};\nexports.jaJP = jaJP;\nvar koKR = {\n props: {\n // MuiBreadcrumbs: {\n // expandText: 'Show path',\n // },\n MuiTablePagination: {\n backIconButtonText: '이전 페이지',\n labelRowsPerPage: '페이지 당 행:',\n labelDisplayedRows: function labelDisplayedRows(_ref19) {\n var from = _ref19.from,\n to = _ref19.to,\n count = _ref19.count;\n return \"\".concat(from, \"-\").concat(to, \" / \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: '다음 페이지'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" \\uC810\");\n } // emptyLabelText: 'Empty',\n\n },\n MuiAutocomplete: {\n clearText: '지우기',\n closeText: '닫기',\n loadingText: '불러오는 중…',\n noOptionsText: '옵션 없음',\n openText: '열기'\n }\n }\n};\nexports.koKR = koKR;\nvar nlNL = {\n props: {\n // MuiBreadcrumbs: {\n // expandText: 'Show path',\n // },\n MuiTablePagination: {\n backIconButtonText: 'Vorige pagina',\n labelRowsPerPage: 'Regels per pagina :',\n labelDisplayedRows: function labelDisplayedRows(_ref20) {\n var from = _ref20.from,\n to = _ref20.to,\n count = _ref20.count;\n return \"\".concat(from, \"-\").concat(to, \" van \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Volgende pagina'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" Ster\").concat(value !== 1 ? 'ren' : '');\n } // emptyLabelText: 'Empty',\n\n },\n MuiAutocomplete: {\n clearText: 'Wissen',\n closeText: 'Sluiten',\n loadingText: 'Laden…',\n noOptionsText: 'Geen opties',\n openText: 'Openen'\n },\n MuiAlert: {\n closeText: 'Sluiten'\n } // MuiPagination: {\n // 'aria-label': 'Pagination navigation',\n // getItemAriaLabel: (type, page, selected) => {\n // if (type === 'page') {\n // return `${selected ? '' : 'Go to '}page ${page}`;\n // }\n // if (type === 'first') {\n // return 'Go to first page';\n // }\n // if (type === 'last') {\n // return 'Go to last page';\n // }\n // if (type === 'next') {\n // return 'Go to next page';\n // }\n // if (type === 'previous') {\n // return 'Go to previous page';\n // }\n // return undefined;\n // },\n // },\n\n }\n};\nexports.nlNL = nlNL;\nvar plPL = {\n props: {\n MuiBreadcrumbs: {\n expandText: 'Pokaż ścieżkę'\n },\n MuiTablePagination: {\n backIconButtonText: 'Poprzednia strona',\n labelRowsPerPage: 'Wierszy na stronę:',\n labelDisplayedRows: function labelDisplayedRows(_ref21) {\n var from = _ref21.from,\n to = _ref21.to,\n count = _ref21.count;\n return \"\".concat(from, \"-\").concat(to, \" z \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Następna strona'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n var pluralForm = 'gwiazdek';\n var lastDigit = value % 10;\n\n if ((value < 10 || value > 20) && lastDigit > 1 && lastDigit < 5) {\n pluralForm = 'gwiazdki';\n } else if (value === 1) {\n pluralForm = 'gwiazdka';\n }\n\n return \"\".concat(value, \" \").concat(pluralForm);\n },\n emptyLabelText: 'Brak gwiazdek'\n },\n MuiAutocomplete: {\n clearText: 'Wyczyść',\n closeText: 'Zamknij',\n loadingText: 'Ładowanie…',\n noOptionsText: 'Brak opcji',\n openText: 'Otwórz'\n },\n MuiAlert: {\n closeText: 'Zamknij'\n },\n MuiPagination: {\n 'aria-label': 'Nawigacja podziału na strony',\n getItemAriaLabel: function getItemAriaLabel(type, page, selected) {\n if (type === 'page') {\n return selected ? \"\".concat(page, \". strona\") : \"Przejd\\u017A do \".concat(page, \". strony\");\n }\n\n if (type === 'first') {\n return 'Przejdź do pierwszej strony';\n }\n\n if (type === 'last') {\n return 'Przejdź do ostatniej strony';\n }\n\n if (type === 'next') {\n return 'Przejdź do następnej strony';\n }\n\n if (type === 'previous') {\n return 'Przejdź do poprzedniej strony';\n }\n\n return undefined;\n }\n }\n }\n};\nexports.plPL = plPL;\nvar ptBR = {\n props: {\n MuiBreadcrumbs: {\n expandText: 'Mostrar caminho'\n },\n MuiTablePagination: {\n backIconButtonText: 'Página anterior',\n labelRowsPerPage: 'Linhas por página:',\n labelDisplayedRows: function labelDisplayedRows(_ref22) {\n var from = _ref22.from,\n to = _ref22.to,\n count = _ref22.count;\n return \"\".concat(from, \"-\").concat(to, \" de \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Próxima página'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" Estrela\").concat(value !== 1 ? 's' : '');\n },\n emptyLabelText: 'Vazio'\n },\n MuiAutocomplete: {\n clearText: 'Limpar',\n closeText: 'Fechar',\n loadingText: 'Carregando…',\n noOptionsText: 'Sem opções',\n openText: 'Abrir'\n },\n MuiAlert: {\n closeText: 'Fechar'\n },\n MuiPagination: {\n 'aria-label': 'Navegar pela paginação',\n getItemAriaLabel: function getItemAriaLabel(type, page, selected) {\n if (type === 'page') {\n return \"\".concat(selected ? '' : 'Ir para a ', \"p\\xE1gina \").concat(page);\n }\n\n if (type === 'first') {\n return 'Ir para a primeira página';\n }\n\n if (type === 'last') {\n return 'Ir para a última página';\n }\n\n if (type === 'next') {\n return 'Ir para a próxima página';\n }\n\n if (type === 'previous') {\n return 'Ir para a página anterior';\n }\n\n return undefined;\n }\n }\n }\n};\nexports.ptBR = ptBR;\nvar ptPT = {\n props: {\n MuiBreadcrumbs: {\n expandText: 'Mostrar caminho'\n },\n MuiTablePagination: {\n backIconButtonText: 'Página anterior',\n labelRowsPerPage: 'Linhas por página:',\n labelDisplayedRows: function labelDisplayedRows(_ref23) {\n var from = _ref23.from,\n to = _ref23.to,\n count = _ref23.count;\n return \"\".concat(from, \"-\").concat(to, \" de \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Próxima página'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" Estrela\").concat(value !== 1 ? 's' : '');\n },\n emptyLabelText: 'Vazio'\n },\n MuiAutocomplete: {\n clearText: 'Limpar',\n closeText: 'Fechar',\n loadingText: 'A carregar…',\n noOptionsText: 'Sem opções',\n openText: 'Abrir'\n },\n MuiAlert: {\n closeText: 'Fechar'\n },\n MuiPagination: {\n 'aria-label': 'Navegar por páginas',\n getItemAriaLabel: function getItemAriaLabel(type, page, selected) {\n if (type === 'page') {\n return \"\".concat(selected ? '' : 'Ir para a ', \"p\\xE1gina \").concat(page);\n }\n\n if (type === 'first') {\n return 'Primeira página';\n }\n\n if (type === 'last') {\n return 'Última página';\n }\n\n if (type === 'next') {\n return 'Próxima página';\n }\n\n if (type === 'previous') {\n return 'Página anterior';\n }\n\n return undefined;\n }\n }\n }\n};\nexports.ptPT = ptPT;\nvar roRO = {\n props: {\n MuiBreadcrumbs: {\n expandText: 'Arată calea'\n },\n MuiTablePagination: {\n backIconButtonText: 'Pagina precedentă',\n labelRowsPerPage: 'Rânduri pe pagină:',\n labelDisplayedRows: function labelDisplayedRows(_ref24) {\n var from = _ref24.from,\n to = _ref24.to,\n count = _ref24.count;\n return \"\".concat(from, \"-\").concat(to, \" din \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Pagina următoare'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" St\").concat(value !== 1 ? 'ele' : 'ea');\n },\n emptyLabelText: 'Gol'\n },\n MuiAutocomplete: {\n clearText: 'Șterge',\n closeText: 'Închide',\n loadingText: 'Se încarcă…',\n noOptionsText: 'Nicio opțiune',\n openText: 'Deschide'\n },\n MuiAlert: {\n closeText: 'Închide'\n },\n MuiPagination: {\n 'aria-label': 'Navigare prin paginare',\n getItemAriaLabel: function getItemAriaLabel(type, page, selected) {\n if (type === 'page') {\n return \"\".concat(selected ? '' : 'Mergi la ', \"pagina \").concat(page);\n }\n\n if (type === 'first') {\n return 'Mergi la prima pagină';\n }\n\n if (type === 'last') {\n return 'Mergi la ultima pagină';\n }\n\n if (type === 'next') {\n return 'Mergi la pagina următoare';\n }\n\n if (type === 'previous') {\n return 'Mergi la pagina precedentă';\n }\n\n return undefined;\n }\n }\n }\n};\nexports.roRO = roRO;\nvar ruRU = {\n props: {\n // MuiBreadcrumbs: {\n // expandText: 'Show path',\n // },\n MuiTablePagination: {\n backIconButtonText: 'Предыдущая страница',\n labelRowsPerPage: 'Строк на странице:',\n labelDisplayedRows: function labelDisplayedRows(_ref25) {\n var from = _ref25.from,\n to = _ref25.to,\n count = _ref25.count;\n return \"\".concat(from, \"-\").concat(to, \" \\u0438\\u0437 \").concat(count !== -1 ? count : \"\\u0431\\u043E\\u043B\\u0435\\u0435 \\u0447\\u0435\\u043C \".concat(to));\n },\n nextIconButtonText: 'Следующая страница'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n var pluralForm = 'Звёзд';\n var lastDigit = value % 10;\n\n if (lastDigit > 1 && lastDigit < 5) {\n pluralForm = 'Звезды';\n } else if (lastDigit === 1) {\n pluralForm = 'Звезда';\n }\n\n return \"\".concat(value, \" \").concat(pluralForm);\n } // emptyLabelText: 'Empty',\n\n },\n MuiAutocomplete: {\n clearText: 'Очистить',\n closeText: 'Закрыть',\n loadingText: 'Загрузка…',\n noOptionsText: 'Нет доступных вариантов',\n openText: 'Открыть'\n },\n MuiAlert: {\n closeText: 'Закрыть'\n } // MuiPagination: {\n // 'aria-label': 'Pagination navigation',\n // getItemAriaLabel: (type, page, selected) => {\n // if (type === 'page') {\n // return `${selected ? '' : 'Go to '}page ${page}`;\n // }\n // if (type === 'first') {\n // return 'Go to first page';\n // }\n // if (type === 'last') {\n // return 'Go to last page';\n // }\n // if (type === 'next') {\n // return 'Go to next page';\n // }\n // if (type === 'previous') {\n // return 'Go to previous page';\n // }\n // return undefined;\n // },\n // },\n\n }\n};\nexports.ruRU = ruRU;\nvar skSK = {\n props: {\n // MuiBreadcrumbs: {\n // expandText: 'Show path',\n // },\n MuiTablePagination: {\n backIconButtonText: 'Predchádzajúca stránka',\n labelRowsPerPage: 'Riadkov na stránke:',\n labelDisplayedRows: function labelDisplayedRows(_ref26) {\n var from = _ref26.from,\n to = _ref26.to,\n count = _ref26.count;\n return \"\".concat(from, \"-\").concat(to, \" z \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Ďalšia stránka'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n if (value === 1) {\n return \"\".concat(value, \" hviezdi\\u010Dka\");\n }\n\n if (value >= 2 && value <= 4) {\n return \"\".concat(value, \" hviezdi\\u010Dky\");\n }\n\n return \"\".concat(value, \" hviezdi\\u010Diek\");\n } // emptyLabelText: 'Empty',\n\n },\n MuiAutocomplete: {\n clearText: 'Vymazať',\n closeText: 'Zavrieť',\n loadingText: 'Načítanie…',\n noOptionsText: 'Žiadne možnosti',\n openText: 'Otvoriť'\n },\n MuiAlert: {\n closeText: 'Zavrieť'\n } // MuiPagination: {\n // 'aria-label': 'Pagination navigation',\n // getItemAriaLabel: (type, page, selected) => {\n // if (type === 'page') {\n // return `${selected ? '' : 'Go to '}page ${page}`;\n // }\n // if (type === 'first') {\n // return 'Go to first page';\n // }\n // if (type === 'last') {\n // return 'Go to last page';\n // }\n // if (type === 'next') {\n // return 'Go to next page';\n // }\n // if (type === 'previous') {\n // return 'Go to previous page';\n // }\n // return undefined;\n // },\n // },\n\n }\n};\nexports.skSK = skSK;\nvar svSE = {\n props: {\n // MuiBreadcrumbs: {\n // expandText: 'Show path',\n // },\n MuiTablePagination: {\n backIconButtonText: 'Föregående sida',\n labelRowsPerPage: 'Rader per sida:',\n labelDisplayedRows: function labelDisplayedRows(_ref27) {\n var from = _ref27.from,\n to = _ref27.to,\n count = _ref27.count;\n return \"\".concat(from, \"-\").concat(to, \" av \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Nästa sida'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" \").concat(value !== 1 ? 'Stjärnor' : 'Stjärna');\n } // emptyLabelText: 'Empty',\n\n },\n MuiAutocomplete: {\n clearText: 'Rensa',\n closeText: 'Stäng',\n loadingText: 'Laddar…',\n noOptionsText: 'Inga alternativ',\n openText: 'Öppen'\n },\n MuiAlert: {\n closeText: 'Stäng'\n } // MuiPagination: {\n // 'aria-label': 'Pagination navigation',\n // getItemAriaLabel: (type, page, selected) => {\n // if (type === 'page') {\n // return `${selected ? '' : 'Go to '}page ${page}`;\n // }\n // if (type === 'first') {\n // return 'Go to first page';\n // }\n // if (type === 'last') {\n // return 'Go to last page';\n // }\n // if (type === 'next') {\n // return 'Go to next page';\n // }\n // if (type === 'previous') {\n // return 'Go to previous page';\n // }\n // return undefined;\n // },\n // },\n\n }\n};\nexports.svSE = svSE;\nvar trTR = {\n props: {\n MuiBreadcrumbs: {\n expandText: 'Yolu göster'\n },\n MuiTablePagination: {\n backIconButtonText: 'Önceki sayfa',\n labelRowsPerPage: 'Sayfa başına satır:',\n labelDisplayedRows: function labelDisplayedRows(_ref28) {\n var from = _ref28.from,\n to = _ref28.to,\n count = _ref28.count;\n return \"\".concat(from, \"-\").concat(to, \" tanesinden \").concat(count !== -1 ? count : \"more than \".concat(to));\n },\n nextIconButtonText: 'Sonraki sayfa'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" Y\\u0131ld\\u0131z\");\n },\n emptyLabelText: 'Boş'\n },\n MuiAutocomplete: {\n clearText: 'Temizle',\n closeText: 'Kapat',\n loadingText: 'Yükleniyor…',\n noOptionsText: 'Seçenek yok',\n openText: 'Aç'\n },\n MuiAlert: {\n closeText: 'Kapat'\n },\n MuiPagination: {\n 'aria-label': 'Sayfa navigasyonu',\n getItemAriaLabel: function getItemAriaLabel(type, page, selected) {\n if (type === 'page') {\n return \"\".concat(page, \". \").concat(selected ? 'sayfa' : 'sayfaya git');\n }\n\n if (type === 'first') {\n return 'İlk sayfaya git';\n }\n\n if (type === 'last') {\n return 'Son sayfaya git';\n }\n\n if (type === 'next') {\n return 'Sonraki sayfaya git';\n }\n\n if (type === 'previous') {\n return 'Önceki sayfaya git';\n }\n\n return undefined;\n }\n }\n }\n};\nexports.trTR = trTR;\nvar ukUA = {\n props: {\n MuiBreadcrumbs: {\n expandText: 'Показати шлях сторінок'\n },\n MuiTablePagination: {\n backIconButtonText: 'Попередня сторінка',\n labelRowsPerPage: 'Рядків на сторінці:',\n labelDisplayedRows: function labelDisplayedRows(_ref29) {\n var from = _ref29.from,\n to = _ref29.to,\n count = _ref29.count;\n return \"\".concat(from, \"-\").concat(to, \" \\u0437 \").concat(count !== -1 ? count : \"\\u043F\\u043E\\u043D\\u0430\\u0434 \".concat(to));\n },\n nextIconButtonText: 'Наступна сторінка'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n var pluralForm = 'Зірок';\n var lastDigit = value % 10;\n\n if (lastDigit > 1 && lastDigit < 5) {\n pluralForm = 'Зірки';\n } else if (lastDigit === 1) {\n pluralForm = 'Зірка';\n }\n\n return \"\".concat(value, \" \").concat(pluralForm);\n },\n emptyLabelText: 'Рейтинг відсутній'\n },\n MuiAutocomplete: {\n clearText: 'Очистити',\n closeText: 'Згорнути',\n loadingText: 'Завантаження…',\n noOptionsText: 'Немає варіантів',\n openText: 'Розгорнути'\n },\n MuiAlert: {\n closeText: 'Згорнути'\n },\n MuiPagination: {\n 'aria-label': 'Навігація сторінками',\n getItemAriaLabel: function getItemAriaLabel(type, page, selected) {\n if (type === 'page') {\n return \"\".concat(selected ? '' : 'Перейти на ', \"\\u0441\\u0442\\u043E\\u0440\\u0456\\u043D\\u043A\\u0443 \").concat(page);\n }\n\n if (type === 'first') {\n return 'Перейти на першу сторінку';\n }\n\n if (type === 'last') {\n return 'Перейти на останню сторінку';\n }\n\n if (type === 'next') {\n return 'Перейти на наступну сторінку';\n }\n\n if (type === 'previous') {\n return 'Перейти на попередню сторінку';\n }\n\n return undefined;\n }\n }\n }\n};\nexports.ukUA = ukUA;\nvar viVN = {\n props: {\n // MuiBreadcrumbs: {\n // expandText: 'Show path',\n // },\n MuiTablePagination: {\n backIconButtonText: 'Trang trước',\n labelRowsPerPage: 'Số hàng mỗi trang:',\n labelDisplayedRows: function labelDisplayedRows(_ref30) {\n var from = _ref30.from,\n to = _ref30.to,\n count = _ref30.count;\n return \"\".concat(from, \"-\").concat(to, \" trong \").concat(count !== -1 ? count : \"nhi\\u1EC1u h\\u01A1n \".concat(to));\n },\n nextIconButtonText: 'Trang sau'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" sao\");\n },\n emptyLabelText: 'Trống'\n },\n MuiAutocomplete: {\n clearText: 'Xóa',\n closeText: 'Đóng',\n loadingText: 'Đang tải…',\n noOptionsText: 'Không có lựa chọn',\n openText: 'Mở'\n },\n MuiAlert: {\n closeText: 'Đóng'\n } // MuiPagination: {\n // 'aria-label': 'Pagination navigation',\n // getItemAriaLabel: (type, page, selected) => {\n // if (type === 'page') {\n // return `${selected ? '' : 'Go to '}page ${page}`;\n // }\n // if (type === 'first') {\n // return 'Go to first page';\n // }\n // if (type === 'last') {\n // return 'Go to last page';\n // }\n // if (type === 'next') {\n // return 'Go to next page';\n // }\n // if (type === 'previous') {\n // return 'Go to previous page';\n // }\n // return undefined;\n // },\n // },\n\n }\n};\nexports.viVN = viVN;\nvar zhCN = {\n props: {\n // MuiBreadcrumbs: {\n // expandText: 'Show path',\n // },\n MuiTablePagination: {\n backIconButtonText: '上一页',\n labelRowsPerPage: '每页行数:',\n labelDisplayedRows: function labelDisplayedRows(_ref31) {\n var from = _ref31.from,\n to = _ref31.to,\n count = _ref31.count;\n return \"\".concat(from, \"-\").concat(to, \" \\u7684 \").concat(count !== -1 ? count : \"\\u8D85\\u8FC7 \".concat(to));\n },\n nextIconButtonText: '下一页'\n },\n MuiRating: {\n getLabelText: function getLabelText(value) {\n return \"\".concat(value, \" \\u661F\").concat(value !== 1 ? '星' : '');\n } // emptyLabelText: 'Empty',\n\n },\n MuiAutocomplete: {\n clearText: '明确',\n closeText: '关',\n loadingText: '载入中…',\n noOptionsText: '没有选择',\n openText: '打开'\n },\n MuiAlert: {\n closeText: '关'\n } // MuiPagination: {\n // 'aria-label': 'Pagination navigation',\n // getItemAriaLabel: (type, page, selected) => {\n // if (type === 'page') {\n // return `${selected ? '' : 'Go to '}page ${page}`;\n // }\n // if (type === 'first') {\n // return 'Go to first page';\n // }\n // if (type === 'last') {\n // return 'Go to last page';\n // }\n // if (type === 'next') {\n // return 'Go to next page';\n // }\n // if (type === 'previous') {\n // return 'Go to previous page';\n // }\n // return undefined;\n // },\n // },\n\n }\n};\nexports.zhCN = zhCN;","/** @license React v17.0.2\n * react-is.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var b=60103,c=60106,d=60107,e=60108,f=60114,g=60109,h=60110,k=60112,l=60113,m=60120,n=60115,p=60116,q=60121,r=60122,u=60117,v=60129,w=60131;\nif(\"function\"===typeof Symbol&&Symbol.for){var x=Symbol.for;b=x(\"react.element\");c=x(\"react.portal\");d=x(\"react.fragment\");e=x(\"react.strict_mode\");f=x(\"react.profiler\");g=x(\"react.provider\");h=x(\"react.context\");k=x(\"react.forward_ref\");l=x(\"react.suspense\");m=x(\"react.suspense_list\");n=x(\"react.memo\");p=x(\"react.lazy\");q=x(\"react.block\");r=x(\"react.server.block\");u=x(\"react.fundamental\");v=x(\"react.debug_trace_mode\");w=x(\"react.legacy_hidden\")}\nfunction y(a){if(\"object\"===typeof a&&null!==a){var t=a.$$typeof;switch(t){case b:switch(a=a.type,a){case d:case f:case e:case l:case m:return a;default:switch(a=a&&a.$$typeof,a){case h:case k:case p:case n:case g:return a;default:return t}}case c:return t}}}var z=g,A=b,B=k,C=d,D=p,E=n,F=c,G=f,H=e,I=l;exports.ContextConsumer=h;exports.ContextProvider=z;exports.Element=A;exports.ForwardRef=B;exports.Fragment=C;exports.Lazy=D;exports.Memo=E;exports.Portal=F;exports.Profiler=G;exports.StrictMode=H;\nexports.Suspense=I;exports.isAsyncMode=function(){return!1};exports.isConcurrentMode=function(){return!1};exports.isContextConsumer=function(a){return y(a)===h};exports.isContextProvider=function(a){return y(a)===g};exports.isElement=function(a){return\"object\"===typeof a&&null!==a&&a.$$typeof===b};exports.isForwardRef=function(a){return y(a)===k};exports.isFragment=function(a){return y(a)===d};exports.isLazy=function(a){return y(a)===p};exports.isMemo=function(a){return y(a)===n};\nexports.isPortal=function(a){return y(a)===c};exports.isProfiler=function(a){return y(a)===f};exports.isStrictMode=function(a){return y(a)===e};exports.isSuspense=function(a){return y(a)===l};exports.isValidElementType=function(a){return\"string\"===typeof a||\"function\"===typeof a||a===d||a===f||a===v||a===e||a===l||a===m||a===w||\"object\"===typeof a&&null!==a&&(a.$$typeof===p||a.$$typeof===n||a.$$typeof===g||a.$$typeof===h||a.$$typeof===k||a.$$typeof===u||a.$$typeof===q||a[0]===r)?!0:!1};\nexports.typeOf=y;\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-is.production.min.js');\n} else {\n module.exports = require('./cjs/react-is.development.js');\n}\n","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport config from './config';\nimport { timeoutsShape } from './utils/PropTypes';\nimport TransitionGroupContext from './TransitionGroupContext';\nimport { forceReflow } from './utils/reflow';\nexport var UNMOUNTED = 'unmounted';\nexport var EXITED = 'exited';\nexport var ENTERING = 'entering';\nexport var ENTERED = 'entered';\nexport var EXITING = 'exiting';\n/**\n * The Transition component lets you describe a transition from one component\n * state to another _over time_ with a simple declarative API. Most commonly\n * it's used to animate the mounting and unmounting of a component, but can also\n * be used to describe in-place transition states as well.\n *\n * ---\n *\n * **Note**: `Transition` is a platform-agnostic base component. If you're using\n * transitions in CSS, you'll probably want to use\n * [`CSSTransition`](https://reactcommunity.org/react-transition-group/css-transition)\n * instead. It inherits all the features of `Transition`, but contains\n * additional features necessary to play nice with CSS transitions (hence the\n * name of the component).\n *\n * ---\n *\n * By default the `Transition` component does not alter the behavior of the\n * component it renders, it only tracks \"enter\" and \"exit\" states for the\n * components. It's up to you to give meaning and effect to those states. For\n * example we can add styles to a component when it enters or exits:\n *\n * ```jsx\n * import { Transition } from 'react-transition-group';\n *\n * const duration = 300;\n *\n * const defaultStyle = {\n * transition: `opacity ${duration}ms ease-in-out`,\n * opacity: 0,\n * }\n *\n * const transitionStyles = {\n * entering: { opacity: 1 },\n * entered: { opacity: 1 },\n * exiting: { opacity: 0 },\n * exited: { opacity: 0 },\n * };\n *\n * const Fade = ({ in: inProp }) => (\n * \n * {state => (\n * \n * I'm a fade Transition!\n *
\n * )}\n * \n * );\n * ```\n *\n * There are 4 main states a Transition can be in:\n * - `'entering'`\n * - `'entered'`\n * - `'exiting'`\n * - `'exited'`\n *\n * Transition state is toggled via the `in` prop. When `true` the component\n * begins the \"Enter\" stage. During this stage, the component will shift from\n * its current transition state, to `'entering'` for the duration of the\n * transition and then to the `'entered'` stage once it's complete. Let's take\n * the following example (we'll use the\n * [useState](https://reactjs.org/docs/hooks-reference.html#usestate) hook):\n *\n * ```jsx\n * function App() {\n * const [inProp, setInProp] = useState(false);\n * return (\n * \n * \n * {state => (\n * // ...\n * )}\n * \n * setInProp(true)}>\n * Click to Enter\n * \n *
\n * );\n * }\n * ```\n *\n * When the button is clicked the component will shift to the `'entering'` state\n * and stay there for 500ms (the value of `timeout`) before it finally switches\n * to `'entered'`.\n *\n * When `in` is `false` the same thing happens except the state moves from\n * `'exiting'` to `'exited'`.\n */\n\nvar Transition = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(Transition, _React$Component);\n\n function Transition(props, context) {\n var _this;\n\n _this = _React$Component.call(this, props, context) || this;\n var parentGroup = context; // In the context of a TransitionGroup all enters are really appears\n\n var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;\n var initialStatus;\n _this.appearStatus = null;\n\n if (props.in) {\n if (appear) {\n initialStatus = EXITED;\n _this.appearStatus = ENTERING;\n } else {\n initialStatus = ENTERED;\n }\n } else {\n if (props.unmountOnExit || props.mountOnEnter) {\n initialStatus = UNMOUNTED;\n } else {\n initialStatus = EXITED;\n }\n }\n\n _this.state = {\n status: initialStatus\n };\n _this.nextCallback = null;\n return _this;\n }\n\n Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {\n var nextIn = _ref.in;\n\n if (nextIn && prevState.status === UNMOUNTED) {\n return {\n status: EXITED\n };\n }\n\n return null;\n } // getSnapshotBeforeUpdate(prevProps) {\n // let nextStatus = null\n // if (prevProps !== this.props) {\n // const { status } = this.state\n // if (this.props.in) {\n // if (status !== ENTERING && status !== ENTERED) {\n // nextStatus = ENTERING\n // }\n // } else {\n // if (status === ENTERING || status === ENTERED) {\n // nextStatus = EXITING\n // }\n // }\n // }\n // return { nextStatus }\n // }\n ;\n\n var _proto = Transition.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n this.updateStatus(true, this.appearStatus);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var nextStatus = null;\n\n if (prevProps !== this.props) {\n var status = this.state.status;\n\n if (this.props.in) {\n if (status !== ENTERING && status !== ENTERED) {\n nextStatus = ENTERING;\n }\n } else {\n if (status === ENTERING || status === ENTERED) {\n nextStatus = EXITING;\n }\n }\n }\n\n this.updateStatus(false, nextStatus);\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.cancelNextCallback();\n };\n\n _proto.getTimeouts = function getTimeouts() {\n var timeout = this.props.timeout;\n var exit, enter, appear;\n exit = enter = appear = timeout;\n\n if (timeout != null && typeof timeout !== 'number') {\n exit = timeout.exit;\n enter = timeout.enter; // TODO: remove fallback for next major\n\n appear = timeout.appear !== undefined ? timeout.appear : enter;\n }\n\n return {\n exit: exit,\n enter: enter,\n appear: appear\n };\n };\n\n _proto.updateStatus = function updateStatus(mounting, nextStatus) {\n if (mounting === void 0) {\n mounting = false;\n }\n\n if (nextStatus !== null) {\n // nextStatus will always be ENTERING or EXITING.\n this.cancelNextCallback();\n\n if (nextStatus === ENTERING) {\n if (this.props.unmountOnExit || this.props.mountOnEnter) {\n var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749\n // With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.\n // To make the animation happen, we have to separate each rendering and avoid being processed as batched.\n\n if (node) forceReflow(node);\n }\n\n this.performEnter(mounting);\n } else {\n this.performExit();\n }\n } else if (this.props.unmountOnExit && this.state.status === EXITED) {\n this.setState({\n status: UNMOUNTED\n });\n }\n };\n\n _proto.performEnter = function performEnter(mounting) {\n var _this2 = this;\n\n var enter = this.props.enter;\n var appearing = this.context ? this.context.isMounting : mounting;\n\n var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM.findDOMNode(this), appearing],\n maybeNode = _ref2[0],\n maybeAppearing = _ref2[1];\n\n var timeouts = this.getTimeouts();\n var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED\n // if we are mounting and running this it means appear _must_ be set\n\n if (!mounting && !enter || config.disabled) {\n this.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(maybeNode);\n });\n return;\n }\n\n this.props.onEnter(maybeNode, maybeAppearing);\n this.safeSetState({\n status: ENTERING\n }, function () {\n _this2.props.onEntering(maybeNode, maybeAppearing);\n\n _this2.onTransitionEnd(enterTimeout, function () {\n _this2.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(maybeNode, maybeAppearing);\n });\n });\n });\n };\n\n _proto.performExit = function performExit() {\n var _this3 = this;\n\n var exit = this.props.exit;\n var timeouts = this.getTimeouts();\n var maybeNode = this.props.nodeRef ? undefined : ReactDOM.findDOMNode(this); // no exit animation skip right to EXITED\n\n if (!exit || config.disabled) {\n this.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(maybeNode);\n });\n return;\n }\n\n this.props.onExit(maybeNode);\n this.safeSetState({\n status: EXITING\n }, function () {\n _this3.props.onExiting(maybeNode);\n\n _this3.onTransitionEnd(timeouts.exit, function () {\n _this3.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(maybeNode);\n });\n });\n });\n };\n\n _proto.cancelNextCallback = function cancelNextCallback() {\n if (this.nextCallback !== null) {\n this.nextCallback.cancel();\n this.nextCallback = null;\n }\n };\n\n _proto.safeSetState = function safeSetState(nextState, callback) {\n // This shouldn't be necessary, but there are weird race conditions with\n // setState callbacks and unmounting in testing, so always make sure that\n // we can cancel any pending setState callbacks after we unmount.\n callback = this.setNextCallback(callback);\n this.setState(nextState, callback);\n };\n\n _proto.setNextCallback = function setNextCallback(callback) {\n var _this4 = this;\n\n var active = true;\n\n this.nextCallback = function (event) {\n if (active) {\n active = false;\n _this4.nextCallback = null;\n callback(event);\n }\n };\n\n this.nextCallback.cancel = function () {\n active = false;\n };\n\n return this.nextCallback;\n };\n\n _proto.onTransitionEnd = function onTransitionEnd(timeout, handler) {\n this.setNextCallback(handler);\n var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);\n var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;\n\n if (!node || doesNotHaveTimeoutOrListener) {\n setTimeout(this.nextCallback, 0);\n return;\n }\n\n if (this.props.addEndListener) {\n var _ref3 = this.props.nodeRef ? [this.nextCallback] : [node, this.nextCallback],\n maybeNode = _ref3[0],\n maybeNextCallback = _ref3[1];\n\n this.props.addEndListener(maybeNode, maybeNextCallback);\n }\n\n if (timeout != null) {\n setTimeout(this.nextCallback, timeout);\n }\n };\n\n _proto.render = function render() {\n var status = this.state.status;\n\n if (status === UNMOUNTED) {\n return null;\n }\n\n var _this$props = this.props,\n children = _this$props.children,\n _in = _this$props.in,\n _mountOnEnter = _this$props.mountOnEnter,\n _unmountOnExit = _this$props.unmountOnExit,\n _appear = _this$props.appear,\n _enter = _this$props.enter,\n _exit = _this$props.exit,\n _timeout = _this$props.timeout,\n _addEndListener = _this$props.addEndListener,\n _onEnter = _this$props.onEnter,\n _onEntering = _this$props.onEntering,\n _onEntered = _this$props.onEntered,\n _onExit = _this$props.onExit,\n _onExiting = _this$props.onExiting,\n _onExited = _this$props.onExited,\n _nodeRef = _this$props.nodeRef,\n childProps = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"in\", \"mountOnEnter\", \"unmountOnExit\", \"appear\", \"enter\", \"exit\", \"timeout\", \"addEndListener\", \"onEnter\", \"onEntering\", \"onEntered\", \"onExit\", \"onExiting\", \"onExited\", \"nodeRef\"]);\n\n return (\n /*#__PURE__*/\n // allows for nested Transitions\n React.createElement(TransitionGroupContext.Provider, {\n value: null\n }, typeof children === 'function' ? children(status, childProps) : React.cloneElement(React.Children.only(children), childProps))\n );\n };\n\n return Transition;\n}(React.Component);\n\nTransition.contextType = TransitionGroupContext;\nTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * A React reference to DOM element that need to transition:\n * https://stackoverflow.com/a/51127130/4671932\n *\n * - When `nodeRef` prop is used, `node` is not passed to callback functions\n * (e.g. `onEnter`) because user already has direct access to the node.\n * - When changing `key` prop of `Transition` in a `TransitionGroup` a new\n * `nodeRef` need to be provided to `Transition` with changed `key` prop\n * (see\n * [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).\n */\n nodeRef: PropTypes.shape({\n current: typeof Element === 'undefined' ? PropTypes.any : function (propValue, key, componentName, location, propFullName, secret) {\n var value = propValue[key];\n return PropTypes.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);\n }\n }),\n\n /**\n * A `function` child can be used instead of a React element. This function is\n * called with the current transition status (`'entering'`, `'entered'`,\n * `'exiting'`, `'exited'`), which can be used to apply context\n * specific props to a component.\n *\n * ```jsx\n * \n * {state => (\n * \n * ```\n */\n children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,\n\n /**\n * Show the component; triggers the enter or exit states\n */\n in: PropTypes.bool,\n\n /**\n * By default the child component is mounted immediately along with\n * the parent `Transition` component. If you want to \"lazy mount\" the component on the\n * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay\n * mounted, even on \"exited\", unless you also specify `unmountOnExit`.\n */\n mountOnEnter: PropTypes.bool,\n\n /**\n * By default the child component stays mounted after it reaches the `'exited'` state.\n * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.\n */\n unmountOnExit: PropTypes.bool,\n\n /**\n * By default the child component does not perform the enter transition when\n * it first mounts, regardless of the value of `in`. If you want this\n * behavior, set both `appear` and `in` to `true`.\n *\n * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop\n * > only adds an additional enter transition. However, in the\n * > `` component that first enter transition does result in\n * > additional `.appear-*` classes, that way you can choose to style it\n * > differently.\n */\n appear: PropTypes.bool,\n\n /**\n * Enable or disable enter transitions.\n */\n enter: PropTypes.bool,\n\n /**\n * Enable or disable exit transitions.\n */\n exit: PropTypes.bool,\n\n /**\n * The duration of the transition, in milliseconds.\n * Required unless `addEndListener` is provided.\n *\n * You may specify a single timeout for all transitions:\n *\n * ```jsx\n * timeout={500}\n * ```\n *\n * or individually:\n *\n * ```jsx\n * timeout={{\n * appear: 500,\n * enter: 300,\n * exit: 500,\n * }}\n * ```\n *\n * - `appear` defaults to the value of `enter`\n * - `enter` defaults to `0`\n * - `exit` defaults to `0`\n *\n * @type {number | { enter?: number, exit?: number, appear?: number }}\n */\n timeout: function timeout(props) {\n var pt = timeoutsShape;\n if (!props.addEndListener) pt = pt.isRequired;\n\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n return pt.apply(void 0, [props].concat(args));\n },\n\n /**\n * Add a custom transition end trigger. Called with the transitioning\n * DOM node and a `done` callback. Allows for more fine grained transition end\n * logic. Timeouts are still used as a fallback if provided.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * ```jsx\n * addEndListener={(node, done) => {\n * // use the css transitionend event to mark the finish of a transition\n * node.addEventListener('transitionend', done, false);\n * }}\n * ```\n */\n addEndListener: PropTypes.func,\n\n /**\n * Callback fired before the \"entering\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool) -> void\n */\n onEnter: PropTypes.func,\n\n /**\n * Callback fired after the \"entering\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool)\n */\n onEntering: PropTypes.func,\n\n /**\n * Callback fired after the \"entered\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool) -> void\n */\n onEntered: PropTypes.func,\n\n /**\n * Callback fired before the \"exiting\" status is applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExit: PropTypes.func,\n\n /**\n * Callback fired after the \"exiting\" status is applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExiting: PropTypes.func,\n\n /**\n * Callback fired after the \"exited\" status is applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExited: PropTypes.func\n} : {}; // Name the function so it is clearer in the documentation\n\nfunction noop() {}\n\nTransition.defaultProps = {\n in: false,\n mountOnEnter: false,\n unmountOnExit: false,\n appear: false,\n enter: true,\n exit: true,\n onEnter: noop,\n onEntering: noop,\n onEntered: noop,\n onExit: noop,\n onExiting: noop,\n onExited: noop\n};\nTransition.UNMOUNTED = UNMOUNTED;\nTransition.EXITED = EXITED;\nTransition.ENTERING = ENTERING;\nTransition.ENTERED = ENTERED;\nTransition.EXITING = EXITING;\nexport default Transition;","import React from 'react';\nexport default React.createContext(null);","export default {\n disabled: false\n};","export var forceReflow = function forceReflow(node) {\n return node.scrollTop;\n};","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\n}), 'CheckCircle');\n\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19 6.41L17.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\"\n}), 'Close');\n\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\n}), 'Error');\n\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"\n}), 'ExpandMore');\n\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\n}), 'Info');\n\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"\n}), 'Warning');\n\nexports.default = _default;","import * as React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"\n}), 'AddCircleOutline');","import * as React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z\"\n}), 'Delete');","import * as React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z\"\n}), 'Edit');","import * as React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z\"\n}), 'FileCopy');","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nObject.defineProperty(exports, \"default\", {\n enumerable: true,\n get: function get() {\n return _utils.createSvgIcon;\n }\n});\n\nvar _utils = require(\"@material-ui/core/utils\");","import * as React from 'react';\nimport { createSvgIcon } from '@material-ui/core/utils';\n/**\n * @ignore - internal component.\n */\n\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z\"\n}), 'SuccessOutlined');","import * as React from 'react';\nimport { createSvgIcon } from '@material-ui/core/utils';\n/**\n * @ignore - internal component.\n */\n\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z\"\n}), 'ReportProblemOutlined');","import * as React from 'react';\nimport { createSvgIcon } from '@material-ui/core/utils';\n/**\n * @ignore - internal component.\n */\n\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"\n}), 'ErrorOutline');","import * as React from 'react';\nimport { createSvgIcon } from '@material-ui/core/utils';\n/**\n * @ignore - internal component.\n */\n\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z\"\n}), 'InfoOutlined');","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { withStyles, lighten, darken } from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper';\nimport SuccessOutlinedIcon from '../internal/svg-icons/SuccessOutlined';\nimport ReportProblemOutlinedIcon from '../internal/svg-icons/ReportProblemOutlined';\nimport ErrorOutlineIcon from '../internal/svg-icons/ErrorOutline';\nimport InfoOutlinedIcon from '../internal/svg-icons/InfoOutlined';\nimport CloseIcon from '../internal/svg-icons/Close';\nimport IconButton from '@material-ui/core/IconButton';\nimport { capitalize } from '@material-ui/core/utils';\nexport var styles = function styles(theme) {\n var getColor = theme.palette.type === 'light' ? darken : lighten;\n var getBackgroundColor = theme.palette.type === 'light' ? lighten : darken;\n return {\n /* Styles applied to the root element. */\n root: _extends({}, theme.typography.body2, {\n borderRadius: theme.shape.borderRadius,\n backgroundColor: 'transparent',\n display: 'flex',\n padding: '6px 16px'\n }),\n\n /* Styles applied to the root element if `variant=\"standard\"` and `color=\"success\"`. */\n standardSuccess: {\n color: getColor(theme.palette.success.main, 0.6),\n backgroundColor: getBackgroundColor(theme.palette.success.main, 0.9),\n '& $icon': {\n color: theme.palette.success.main\n }\n },\n\n /* Styles applied to the root element if `variant=\"standard\"` and `color=\"info\"`. */\n standardInfo: {\n color: getColor(theme.palette.info.main, 0.6),\n backgroundColor: getBackgroundColor(theme.palette.info.main, 0.9),\n '& $icon': {\n color: theme.palette.info.main\n }\n },\n\n /* Styles applied to the root element if `variant=\"standard\"` and `color=\"warning\"`. */\n standardWarning: {\n color: getColor(theme.palette.warning.main, 0.6),\n backgroundColor: getBackgroundColor(theme.palette.warning.main, 0.9),\n '& $icon': {\n color: theme.palette.warning.main\n }\n },\n\n /* Styles applied to the root element if `variant=\"standard\"` and `color=\"error\"`. */\n standardError: {\n color: getColor(theme.palette.error.main, 0.6),\n backgroundColor: getBackgroundColor(theme.palette.error.main, 0.9),\n '& $icon': {\n color: theme.palette.error.main\n }\n },\n\n /* Styles applied to the root element if `variant=\"outlined\"` and `color=\"success\"`. */\n outlinedSuccess: {\n color: getColor(theme.palette.success.main, 0.6),\n border: \"1px solid \".concat(theme.palette.success.main),\n '& $icon': {\n color: theme.palette.success.main\n }\n },\n\n /* Styles applied to the root element if `variant=\"outlined\"` and `color=\"info\"`. */\n outlinedInfo: {\n color: getColor(theme.palette.info.main, 0.6),\n border: \"1px solid \".concat(theme.palette.info.main),\n '& $icon': {\n color: theme.palette.info.main\n }\n },\n\n /* Styles applied to the root element if `variant=\"outlined\"` and `color=\"warning\"`. */\n outlinedWarning: {\n color: getColor(theme.palette.warning.main, 0.6),\n border: \"1px solid \".concat(theme.palette.warning.main),\n '& $icon': {\n color: theme.palette.warning.main\n }\n },\n\n /* Styles applied to the root element if `variant=\"outlined\"` and `color=\"error\"`. */\n outlinedError: {\n color: getColor(theme.palette.error.main, 0.6),\n border: \"1px solid \".concat(theme.palette.error.main),\n '& $icon': {\n color: theme.palette.error.main\n }\n },\n\n /* Styles applied to the root element if `variant=\"filled\"` and `color=\"success\"`. */\n filledSuccess: {\n color: '#fff',\n fontWeight: theme.typography.fontWeightMedium,\n backgroundColor: theme.palette.success.main\n },\n\n /* Styles applied to the root element if `variant=\"filled\"` and `color=\"info\"`. */\n filledInfo: {\n color: '#fff',\n fontWeight: theme.typography.fontWeightMedium,\n backgroundColor: theme.palette.info.main\n },\n\n /* Styles applied to the root element if `variant=\"filled\"` and `color=\"warning\"`. */\n filledWarning: {\n color: '#fff',\n fontWeight: theme.typography.fontWeightMedium,\n backgroundColor: theme.palette.warning.main\n },\n\n /* Styles applied to the root element if `variant=\"filled\"` and `color=\"error\"`. */\n filledError: {\n color: '#fff',\n fontWeight: theme.typography.fontWeightMedium,\n backgroundColor: theme.palette.error.main\n },\n\n /* Styles applied to the icon wrapper element. */\n icon: {\n marginRight: 12,\n padding: '7px 0',\n display: 'flex',\n fontSize: 22,\n opacity: 0.9\n },\n\n /* Styles applied to the message wrapper element. */\n message: {\n padding: '8px 0'\n },\n\n /* Styles applied to the action wrapper element if `action` is provided. */\n action: {\n display: 'flex',\n alignItems: 'center',\n marginLeft: 'auto',\n paddingLeft: 16,\n marginRight: -8\n }\n };\n};\nvar defaultIconMapping = {\n success: /*#__PURE__*/React.createElement(SuccessOutlinedIcon, {\n fontSize: \"inherit\"\n }),\n warning: /*#__PURE__*/React.createElement(ReportProblemOutlinedIcon, {\n fontSize: \"inherit\"\n }),\n error: /*#__PURE__*/React.createElement(ErrorOutlineIcon, {\n fontSize: \"inherit\"\n }),\n info: /*#__PURE__*/React.createElement(InfoOutlinedIcon, {\n fontSize: \"inherit\"\n })\n};\n\nvar _ref = /*#__PURE__*/React.createElement(CloseIcon, {\n fontSize: \"small\"\n});\n\nvar Alert = /*#__PURE__*/React.forwardRef(function Alert(props, ref) {\n var action = props.action,\n children = props.children,\n classes = props.classes,\n className = props.className,\n _props$closeText = props.closeText,\n closeText = _props$closeText === void 0 ? 'Close' : _props$closeText,\n color = props.color,\n icon = props.icon,\n _props$iconMapping = props.iconMapping,\n iconMapping = _props$iconMapping === void 0 ? defaultIconMapping : _props$iconMapping,\n onClose = props.onClose,\n _props$role = props.role,\n role = _props$role === void 0 ? 'alert' : _props$role,\n _props$severity = props.severity,\n severity = _props$severity === void 0 ? 'success' : _props$severity,\n _props$variant = props.variant,\n variant = _props$variant === void 0 ? 'standard' : _props$variant,\n other = _objectWithoutProperties(props, [\"action\", \"children\", \"classes\", \"className\", \"closeText\", \"color\", \"icon\", \"iconMapping\", \"onClose\", \"role\", \"severity\", \"variant\"]);\n\n return /*#__PURE__*/React.createElement(Paper, _extends({\n role: role,\n square: true,\n elevation: 0,\n className: clsx(classes.root, classes[\"\".concat(variant).concat(capitalize(color || severity))], className),\n ref: ref\n }, other), icon !== false ? /*#__PURE__*/React.createElement(\"div\", {\n className: classes.icon\n }, icon || iconMapping[severity] || defaultIconMapping[severity]) : null, /*#__PURE__*/React.createElement(\"div\", {\n className: classes.message\n }, children), action != null ? /*#__PURE__*/React.createElement(\"div\", {\n className: classes.action\n }, action) : null, action == null && onClose ? /*#__PURE__*/React.createElement(\"div\", {\n className: classes.action\n }, /*#__PURE__*/React.createElement(IconButton, {\n size: \"small\",\n \"aria-label\": closeText,\n title: closeText,\n color: \"inherit\",\n onClick: onClose\n }, _ref)) : null);\n});\nprocess.env.NODE_ENV !== \"production\" ? Alert.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 * The action to display. It renders after the message, at the end of the alert.\n */\n action: PropTypes.node,\n\n /**\n * The content of the component.\n */\n children: 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 * Override the default label for the *close popup* icon button.\n *\n * For localization purposes, you can use the provided [translations](/guides/localization/).\n */\n closeText: PropTypes.string,\n\n /**\n * The main color for the alert. Unless provided, the value is taken from the `severity` prop.\n */\n color: PropTypes.oneOf(['error', 'info', 'success', 'warning']),\n\n /**\n * Override the icon displayed before the children.\n * Unless provided, the icon is mapped to the value of the `severity` prop.\n */\n icon: PropTypes.node,\n\n /**\n * The component maps the `severity` prop to a range of different icons,\n * for instance success to ``.\n * If you wish to change this mapping, you can provide your own.\n * Alternatively, you can use the `icon` prop to override the icon displayed.\n */\n iconMapping: PropTypes.shape({\n error: PropTypes.node,\n info: PropTypes.node,\n success: PropTypes.node,\n warning: PropTypes.node\n }),\n\n /**\n * Callback fired when the component requests to be closed.\n * When provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.\n *\n * @param {object} event The event source of the callback.\n */\n onClose: PropTypes.func,\n\n /**\n * The ARIA role attribute of the element.\n */\n role: PropTypes.string,\n\n /**\n * The severity of the alert. This defines the color and icon used.\n */\n severity: PropTypes.oneOf(['error', 'info', 'success', 'warning']),\n\n /**\n * The variant to use.\n */\n variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiAlert'\n})(Alert);","import * as React from 'react';\nimport { createSvgIcon } from '@material-ui/core/utils';\n/**\n * @ignore - internal component.\n */\n\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19 6.41L17.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\"\n}), 'Close');","/** @license React v17.0.2\n * react-is.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var b=60103,c=60106,d=60107,e=60108,f=60114,g=60109,h=60110,k=60112,l=60113,m=60120,n=60115,p=60116,q=60121,r=60122,u=60117,v=60129,w=60131;\nif(\"function\"===typeof Symbol&&Symbol.for){var x=Symbol.for;b=x(\"react.element\");c=x(\"react.portal\");d=x(\"react.fragment\");e=x(\"react.strict_mode\");f=x(\"react.profiler\");g=x(\"react.provider\");h=x(\"react.context\");k=x(\"react.forward_ref\");l=x(\"react.suspense\");m=x(\"react.suspense_list\");n=x(\"react.memo\");p=x(\"react.lazy\");q=x(\"react.block\");r=x(\"react.server.block\");u=x(\"react.fundamental\");v=x(\"react.debug_trace_mode\");w=x(\"react.legacy_hidden\")}\nfunction y(a){if(\"object\"===typeof a&&null!==a){var t=a.$$typeof;switch(t){case b:switch(a=a.type,a){case d:case f:case e:case l:case m:return a;default:switch(a=a&&a.$$typeof,a){case h:case k:case p:case n:case g:return a;default:return t}}case c:return t}}}var z=g,A=b,B=k,C=d,D=p,E=n,F=c,G=f,H=e,I=l;exports.ContextConsumer=h;exports.ContextProvider=z;exports.Element=A;exports.ForwardRef=B;exports.Fragment=C;exports.Lazy=D;exports.Memo=E;exports.Portal=F;exports.Profiler=G;exports.StrictMode=H;\nexports.Suspense=I;exports.isAsyncMode=function(){return!1};exports.isConcurrentMode=function(){return!1};exports.isContextConsumer=function(a){return y(a)===h};exports.isContextProvider=function(a){return y(a)===g};exports.isElement=function(a){return\"object\"===typeof a&&null!==a&&a.$$typeof===b};exports.isForwardRef=function(a){return y(a)===k};exports.isFragment=function(a){return y(a)===d};exports.isLazy=function(a){return y(a)===p};exports.isMemo=function(a){return y(a)===n};\nexports.isPortal=function(a){return y(a)===c};exports.isProfiler=function(a){return y(a)===f};exports.isStrictMode=function(a){return y(a)===e};exports.isSuspense=function(a){return y(a)===l};exports.isValidElementType=function(a){return\"string\"===typeof a||\"function\"===typeof a||a===d||a===f||a===v||a===e||a===l||a===m||a===w||\"object\"===typeof a&&null!==a&&(a.$$typeof===p||a.$$typeof===n||a.$$typeof===g||a.$$typeof===h||a.$$typeof===k||a.$$typeof===u||a.$$typeof===q||a[0]===r)?!0:!1};\nexports.typeOf=y;\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-is.production.min.js');\n} else {\n module.exports = require('./cjs/react-is.development.js');\n}\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { exactProp } from '@material-ui/utils';\nimport ThemeContext from '../useTheme/ThemeContext';\nimport useTheme from '../useTheme';\nimport nested from './nested'; // To support composition of theme.\n\nfunction mergeOuterLocalTheme(outerTheme, localTheme) {\n if (typeof localTheme === 'function') {\n var mergedTheme = localTheme(outerTheme);\n\n if (process.env.NODE_ENV !== 'production') {\n if (!mergedTheme) {\n console.error(['Material-UI: You should return an object from your theme function, i.e.', ' ({})} />'].join('\\n'));\n }\n }\n\n return mergedTheme;\n }\n\n return _extends({}, outerTheme, localTheme);\n}\n/**\n * This component takes a `theme` prop.\n * It makes the `theme` available down the React tree thanks to React context.\n * This component should preferably be used at **the root of your component tree**.\n */\n\n\nfunction ThemeProvider(props) {\n var children = props.children,\n localTheme = props.theme;\n var outerTheme = useTheme();\n\n if (process.env.NODE_ENV !== 'production') {\n if (outerTheme === null && typeof localTheme === 'function') {\n console.error(['Material-UI: You are providing a theme function prop to the ThemeProvider component:', ' outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\\n'));\n }\n }\n\n var theme = React.useMemo(function () {\n var output = outerTheme === null ? localTheme : mergeOuterLocalTheme(outerTheme, localTheme);\n\n if (output != null) {\n output[nested] = outerTheme !== null;\n }\n\n return output;\n }, [localTheme, outerTheme]);\n return /*#__PURE__*/React.createElement(ThemeContext.Provider, {\n value: theme\n }, children);\n}\n\nprocess.env.NODE_ENV !== \"production\" ? ThemeProvider.propTypes = {\n /**\n * Your component tree.\n */\n children: PropTypes.node.isRequired,\n\n /**\n * A theme object. You can provide a function to extend the outer theme.\n */\n theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired\n} : void 0;\n\nif (process.env.NODE_ENV !== 'production') {\n process.env.NODE_ENV !== \"production\" ? ThemeProvider.propTypes = exactProp(ThemeProvider.propTypes) : void 0;\n}\n\nexport default ThemeProvider;","var hasSymbol = typeof Symbol === 'function' && Symbol.for;\nexport default hasSymbol ? Symbol.for('mui.nested') : '__THEME_NESTED__';","/* eslint-disable no-restricted-syntax */\nexport default function getThemeProps(params) {\n var theme = params.theme,\n name = params.name,\n props = params.props;\n\n if (!theme || !theme.props || !theme.props[name]) {\n return props;\n } // Resolve default props, code borrow from React source.\n // https://github.com/facebook/react/blob/15a8f031838a553e41c0b66eb1bcf1da8448104d/packages/react/src/ReactElement.js#L221\n\n\n var defaultProps = theme.props[name];\n var propName;\n\n for (propName in defaultProps) {\n if (props[propName] === undefined) {\n props[propName] = defaultProps[propName];\n }\n }\n\n return props;\n}","var _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; };\n\nexport var isBrowser = (typeof window === \"undefined\" ? \"undefined\" : _typeof(window)) === \"object\" && (typeof document === \"undefined\" ? \"undefined\" : _typeof(document)) === 'object' && document.nodeType === 9;\n\nexport default isBrowser;\n","import _extends from '@babel/runtime/helpers/esm/extends';\nimport isInBrowser from 'is-in-browser';\nimport warning from 'tiny-warning';\nimport _createClass from '@babel/runtime/helpers/esm/createClass';\nimport _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';\nimport _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';\nimport _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';\n\nvar plainObjectConstrurctor = {}.constructor;\nfunction cloneStyle(style) {\n if (style == null || typeof style !== 'object') return style;\n if (Array.isArray(style)) return style.map(cloneStyle);\n if (style.constructor !== plainObjectConstrurctor) return style;\n var newStyle = {};\n\n for (var name in style) {\n newStyle[name] = cloneStyle(style[name]);\n }\n\n return newStyle;\n}\n\n/**\n * Create a rule instance.\n */\n\nfunction createRule(name, decl, options) {\n if (name === void 0) {\n name = 'unnamed';\n }\n\n var jss = options.jss;\n var declCopy = cloneStyle(decl);\n var rule = jss.plugins.onCreateRule(name, declCopy, options);\n if (rule) return rule; // It is an at-rule and it has no instance.\n\n if (name[0] === '@') {\n process.env.NODE_ENV !== \"production\" ? warning(false, \"[JSS] Unknown rule \" + name) : void 0;\n }\n\n return null;\n}\n\nvar join = function join(value, by) {\n var result = '';\n\n for (var i = 0; i < value.length; i++) {\n // Remove !important from the value, it will be readded later.\n if (value[i] === '!important') break;\n if (result) result += by;\n result += value[i];\n }\n\n return result;\n};\n/**\n * Converts JSS array value to a CSS string.\n *\n * `margin: [['5px', '10px']]` > `margin: 5px 10px;`\n * `border: ['1px', '2px']` > `border: 1px, 2px;`\n * `margin: [['5px', '10px'], '!important']` > `margin: 5px 10px !important;`\n * `color: ['red', !important]` > `color: red !important;`\n */\n\n\nvar toCssValue = function toCssValue(value) {\n if (!Array.isArray(value)) return value;\n var cssValue = ''; // Support space separated values via `[['5px', '10px']]`.\n\n if (Array.isArray(value[0])) {\n for (var i = 0; i < value.length; i++) {\n if (value[i] === '!important') break;\n if (cssValue) cssValue += ', ';\n cssValue += join(value[i], ' ');\n }\n } else cssValue = join(value, ', '); // Add !important, because it was ignored.\n\n\n if (value[value.length - 1] === '!important') {\n cssValue += ' !important';\n }\n\n return cssValue;\n};\n\nfunction getWhitespaceSymbols(options) {\n if (options && options.format === false) {\n return {\n linebreak: '',\n space: ''\n };\n }\n\n return {\n linebreak: '\\n',\n space: ' '\n };\n}\n\n/**\n * Indent a string.\n * http://jsperf.com/array-join-vs-for\n */\n\nfunction indentStr(str, indent) {\n var result = '';\n\n for (var index = 0; index < indent; index++) {\n result += ' ';\n }\n\n return result + str;\n}\n/**\n * Converts a Rule to CSS string.\n */\n\n\nfunction toCss(selector, style, options) {\n if (options === void 0) {\n options = {};\n }\n\n var result = '';\n if (!style) return result;\n var _options = options,\n _options$indent = _options.indent,\n indent = _options$indent === void 0 ? 0 : _options$indent;\n var fallbacks = style.fallbacks;\n\n if (options.format === false) {\n indent = -Infinity;\n }\n\n var _getWhitespaceSymbols = getWhitespaceSymbols(options),\n linebreak = _getWhitespaceSymbols.linebreak,\n space = _getWhitespaceSymbols.space;\n\n if (selector) indent++; // Apply fallbacks first.\n\n if (fallbacks) {\n // Array syntax {fallbacks: [{prop: value}]}\n if (Array.isArray(fallbacks)) {\n for (var index = 0; index < fallbacks.length; index++) {\n var fallback = fallbacks[index];\n\n for (var prop in fallback) {\n var value = fallback[prop];\n\n if (value != null) {\n if (result) result += linebreak;\n result += indentStr(prop + \":\" + space + toCssValue(value) + \";\", indent);\n }\n }\n }\n } else {\n // Object syntax {fallbacks: {prop: value}}\n for (var _prop in fallbacks) {\n var _value = fallbacks[_prop];\n\n if (_value != null) {\n if (result) result += linebreak;\n result += indentStr(_prop + \":\" + space + toCssValue(_value) + \";\", indent);\n }\n }\n }\n }\n\n for (var _prop2 in style) {\n var _value2 = style[_prop2];\n\n if (_value2 != null && _prop2 !== 'fallbacks') {\n if (result) result += linebreak;\n result += indentStr(_prop2 + \":\" + space + toCssValue(_value2) + \";\", indent);\n }\n } // Allow empty style in this case, because properties will be added dynamically.\n\n\n if (!result && !options.allowEmpty) return result; // When rule is being stringified before selector was defined.\n\n if (!selector) return result;\n indent--;\n if (result) result = \"\" + linebreak + result + linebreak;\n return indentStr(\"\" + selector + space + \"{\" + result, indent) + indentStr('}', indent);\n}\n\nvar escapeRegex = /([[\\].#*$><+~=|^:(),\"'`\\s])/g;\nvar nativeEscape = typeof CSS !== 'undefined' && CSS.escape;\nvar escape = (function (str) {\n return nativeEscape ? nativeEscape(str) : str.replace(escapeRegex, '\\\\$1');\n});\n\nvar BaseStyleRule =\n/*#__PURE__*/\nfunction () {\n function BaseStyleRule(key, style, options) {\n this.type = 'style';\n this.isProcessed = false;\n var sheet = options.sheet,\n Renderer = options.Renderer;\n this.key = key;\n this.options = options;\n this.style = style;\n if (sheet) this.renderer = sheet.renderer;else if (Renderer) this.renderer = new Renderer();\n }\n /**\n * Get or set a style property.\n */\n\n\n var _proto = BaseStyleRule.prototype;\n\n _proto.prop = function prop(name, value, options) {\n // It's a getter.\n if (value === undefined) return this.style[name]; // Don't do anything if the value has not changed.\n\n var force = options ? options.force : false;\n if (!force && this.style[name] === value) return this;\n var newValue = value;\n\n if (!options || options.process !== false) {\n newValue = this.options.jss.plugins.onChangeValue(value, name, this);\n }\n\n var isEmpty = newValue == null || newValue === false;\n var isDefined = name in this.style; // Value is empty and wasn't defined before.\n\n if (isEmpty && !isDefined && !force) return this; // We are going to remove this value.\n\n var remove = isEmpty && isDefined;\n if (remove) delete this.style[name];else this.style[name] = newValue; // Renderable is defined if StyleSheet option `link` is true.\n\n if (this.renderable && this.renderer) {\n if (remove) this.renderer.removeProperty(this.renderable, name);else this.renderer.setProperty(this.renderable, name, newValue);\n return this;\n }\n\n var sheet = this.options.sheet;\n\n if (sheet && sheet.attached) {\n process.env.NODE_ENV !== \"production\" ? warning(false, '[JSS] Rule is not linked. Missing sheet option \"link: true\".') : void 0;\n }\n\n return this;\n };\n\n return BaseStyleRule;\n}();\nvar StyleRule =\n/*#__PURE__*/\nfunction (_BaseStyleRule) {\n _inheritsLoose(StyleRule, _BaseStyleRule);\n\n function StyleRule(key, style, options) {\n var _this;\n\n _this = _BaseStyleRule.call(this, key, style, options) || this;\n var selector = options.selector,\n scoped = options.scoped,\n sheet = options.sheet,\n generateId = options.generateId;\n\n if (selector) {\n _this.selectorText = selector;\n } else if (scoped !== false) {\n _this.id = generateId(_assertThisInitialized(_assertThisInitialized(_this)), sheet);\n _this.selectorText = \".\" + escape(_this.id);\n }\n\n return _this;\n }\n /**\n * Set selector string.\n * Attention: use this with caution. Most browsers didn't implement\n * selectorText setter, so this may result in rerendering of entire Style Sheet.\n */\n\n\n var _proto2 = StyleRule.prototype;\n\n /**\n * Apply rule to an element inline.\n */\n _proto2.applyTo = function applyTo(renderable) {\n var renderer = this.renderer;\n\n if (renderer) {\n var json = this.toJSON();\n\n for (var prop in json) {\n renderer.setProperty(renderable, prop, json[prop]);\n }\n }\n\n return this;\n }\n /**\n * Returns JSON representation of the rule.\n * Fallbacks are not supported.\n * Useful for inline styles.\n */\n ;\n\n _proto2.toJSON = function toJSON() {\n var json = {};\n\n for (var prop in this.style) {\n var value = this.style[prop];\n if (typeof value !== 'object') json[prop] = value;else if (Array.isArray(value)) json[prop] = toCssValue(value);\n }\n\n return json;\n }\n /**\n * Generates a CSS string.\n */\n ;\n\n _proto2.toString = function toString(options) {\n var sheet = this.options.sheet;\n var link = sheet ? sheet.options.link : false;\n var opts = link ? _extends({}, options, {\n allowEmpty: true\n }) : options;\n return toCss(this.selectorText, this.style, opts);\n };\n\n _createClass(StyleRule, [{\n key: \"selector\",\n set: function set(selector) {\n if (selector === this.selectorText) return;\n this.selectorText = selector;\n var renderer = this.renderer,\n renderable = this.renderable;\n if (!renderable || !renderer) return;\n var hasChanged = renderer.setSelector(renderable, selector); // If selector setter is not implemented, rerender the rule.\n\n if (!hasChanged) {\n renderer.replaceRule(renderable, this);\n }\n }\n /**\n * Get selector string.\n */\n ,\n get: function get() {\n return this.selectorText;\n }\n }]);\n\n return StyleRule;\n}(BaseStyleRule);\nvar pluginStyleRule = {\n onCreateRule: function onCreateRule(key, style, options) {\n if (key[0] === '@' || options.parent && options.parent.type === 'keyframes') {\n return null;\n }\n\n return new StyleRule(key, style, options);\n }\n};\n\nvar defaultToStringOptions = {\n indent: 1,\n children: true\n};\nvar atRegExp = /@([\\w-]+)/;\n/**\n * Conditional rule for @media, @supports\n */\n\nvar ConditionalRule =\n/*#__PURE__*/\nfunction () {\n function ConditionalRule(key, styles, options) {\n this.type = 'conditional';\n this.isProcessed = false;\n this.key = key;\n var atMatch = key.match(atRegExp);\n this.at = atMatch ? atMatch[1] : 'unknown'; // Key might contain a unique suffix in case the `name` passed by user was duplicate.\n\n this.query = options.name || \"@\" + this.at;\n this.options = options;\n this.rules = new RuleList(_extends({}, options, {\n parent: this\n }));\n\n for (var name in styles) {\n this.rules.add(name, styles[name]);\n }\n\n this.rules.process();\n }\n /**\n * Get a rule.\n */\n\n\n var _proto = ConditionalRule.prototype;\n\n _proto.getRule = function getRule(name) {\n return this.rules.get(name);\n }\n /**\n * Get index of a rule.\n */\n ;\n\n _proto.indexOf = function indexOf(rule) {\n return this.rules.indexOf(rule);\n }\n /**\n * Create and register rule, run plugins.\n */\n ;\n\n _proto.addRule = function addRule(name, style, options) {\n var rule = this.rules.add(name, style, options);\n if (!rule) return null;\n this.options.jss.plugins.onProcessRule(rule);\n return rule;\n }\n /**\n * Replace rule, run plugins.\n */\n ;\n\n _proto.replaceRule = function replaceRule(name, style, options) {\n var newRule = this.rules.replace(name, style, options);\n if (newRule) this.options.jss.plugins.onProcessRule(newRule);\n return newRule;\n }\n /**\n * Generates a CSS string.\n */\n ;\n\n _proto.toString = function toString(options) {\n if (options === void 0) {\n options = defaultToStringOptions;\n }\n\n var _getWhitespaceSymbols = getWhitespaceSymbols(options),\n linebreak = _getWhitespaceSymbols.linebreak;\n\n if (options.indent == null) options.indent = defaultToStringOptions.indent;\n if (options.children == null) options.children = defaultToStringOptions.children;\n\n if (options.children === false) {\n return this.query + \" {}\";\n }\n\n var children = this.rules.toString(options);\n return children ? this.query + \" {\" + linebreak + children + linebreak + \"}\" : '';\n };\n\n return ConditionalRule;\n}();\nvar keyRegExp = /@container|@media|@supports\\s+/;\nvar pluginConditionalRule = {\n onCreateRule: function onCreateRule(key, styles, options) {\n return keyRegExp.test(key) ? new ConditionalRule(key, styles, options) : null;\n }\n};\n\nvar defaultToStringOptions$1 = {\n indent: 1,\n children: true\n};\nvar nameRegExp = /@keyframes\\s+([\\w-]+)/;\n/**\n * Rule for @keyframes\n */\n\nvar KeyframesRule =\n/*#__PURE__*/\nfunction () {\n function KeyframesRule(key, frames, options) {\n this.type = 'keyframes';\n this.at = '@keyframes';\n this.isProcessed = false;\n var nameMatch = key.match(nameRegExp);\n\n if (nameMatch && nameMatch[1]) {\n this.name = nameMatch[1];\n } else {\n this.name = 'noname';\n process.env.NODE_ENV !== \"production\" ? warning(false, \"[JSS] Bad keyframes name \" + key) : void 0;\n }\n\n this.key = this.type + \"-\" + this.name;\n this.options = options;\n var scoped = options.scoped,\n sheet = options.sheet,\n generateId = options.generateId;\n this.id = scoped === false ? this.name : escape(generateId(this, sheet));\n this.rules = new RuleList(_extends({}, options, {\n parent: this\n }));\n\n for (var name in frames) {\n this.rules.add(name, frames[name], _extends({}, options, {\n parent: this\n }));\n }\n\n this.rules.process();\n }\n /**\n * Generates a CSS string.\n */\n\n\n var _proto = KeyframesRule.prototype;\n\n _proto.toString = function toString(options) {\n if (options === void 0) {\n options = defaultToStringOptions$1;\n }\n\n var _getWhitespaceSymbols = getWhitespaceSymbols(options),\n linebreak = _getWhitespaceSymbols.linebreak;\n\n if (options.indent == null) options.indent = defaultToStringOptions$1.indent;\n if (options.children == null) options.children = defaultToStringOptions$1.children;\n\n if (options.children === false) {\n return this.at + \" \" + this.id + \" {}\";\n }\n\n var children = this.rules.toString(options);\n if (children) children = \"\" + linebreak + children + linebreak;\n return this.at + \" \" + this.id + \" {\" + children + \"}\";\n };\n\n return KeyframesRule;\n}();\nvar keyRegExp$1 = /@keyframes\\s+/;\nvar refRegExp = /\\$([\\w-]+)/g;\n\nvar findReferencedKeyframe = function findReferencedKeyframe(val, keyframes) {\n if (typeof val === 'string') {\n return val.replace(refRegExp, function (match, name) {\n if (name in keyframes) {\n return keyframes[name];\n }\n\n process.env.NODE_ENV !== \"production\" ? warning(false, \"[JSS] Referenced keyframes rule \\\"\" + name + \"\\\" is not defined.\") : void 0;\n return match;\n });\n }\n\n return val;\n};\n/**\n * Replace the reference for a animation name.\n */\n\n\nvar replaceRef = function replaceRef(style, prop, keyframes) {\n var value = style[prop];\n var refKeyframe = findReferencedKeyframe(value, keyframes);\n\n if (refKeyframe !== value) {\n style[prop] = refKeyframe;\n }\n};\n\nvar pluginKeyframesRule = {\n onCreateRule: function onCreateRule(key, frames, options) {\n return typeof key === 'string' && keyRegExp$1.test(key) ? new KeyframesRule(key, frames, options) : null;\n },\n // Animation name ref replacer.\n onProcessStyle: function onProcessStyle(style, rule, sheet) {\n if (rule.type !== 'style' || !sheet) return style;\n if ('animation-name' in style) replaceRef(style, 'animation-name', sheet.keyframes);\n if ('animation' in style) replaceRef(style, 'animation', sheet.keyframes);\n return style;\n },\n onChangeValue: function onChangeValue(val, prop, rule) {\n var sheet = rule.options.sheet;\n\n if (!sheet) {\n return val;\n }\n\n switch (prop) {\n case 'animation':\n return findReferencedKeyframe(val, sheet.keyframes);\n\n case 'animation-name':\n return findReferencedKeyframe(val, sheet.keyframes);\n\n default:\n return val;\n }\n }\n};\n\nvar KeyframeRule =\n/*#__PURE__*/\nfunction (_BaseStyleRule) {\n _inheritsLoose(KeyframeRule, _BaseStyleRule);\n\n function KeyframeRule() {\n return _BaseStyleRule.apply(this, arguments) || this;\n }\n\n var _proto = KeyframeRule.prototype;\n\n /**\n * Generates a CSS string.\n */\n _proto.toString = function toString(options) {\n var sheet = this.options.sheet;\n var link = sheet ? sheet.options.link : false;\n var opts = link ? _extends({}, options, {\n allowEmpty: true\n }) : options;\n return toCss(this.key, this.style, opts);\n };\n\n return KeyframeRule;\n}(BaseStyleRule);\nvar pluginKeyframeRule = {\n onCreateRule: function onCreateRule(key, style, options) {\n if (options.parent && options.parent.type === 'keyframes') {\n return new KeyframeRule(key, style, options);\n }\n\n return null;\n }\n};\n\nvar FontFaceRule =\n/*#__PURE__*/\nfunction () {\n function FontFaceRule(key, style, options) {\n this.type = 'font-face';\n this.at = '@font-face';\n this.isProcessed = false;\n this.key = key;\n this.style = style;\n this.options = options;\n }\n /**\n * Generates a CSS string.\n */\n\n\n var _proto = FontFaceRule.prototype;\n\n _proto.toString = function toString(options) {\n var _getWhitespaceSymbols = getWhitespaceSymbols(options),\n linebreak = _getWhitespaceSymbols.linebreak;\n\n if (Array.isArray(this.style)) {\n var str = '';\n\n for (var index = 0; index < this.style.length; index++) {\n str += toCss(this.at, this.style[index]);\n if (this.style[index + 1]) str += linebreak;\n }\n\n return str;\n }\n\n return toCss(this.at, this.style, options);\n };\n\n return FontFaceRule;\n}();\nvar keyRegExp$2 = /@font-face/;\nvar pluginFontFaceRule = {\n onCreateRule: function onCreateRule(key, style, options) {\n return keyRegExp$2.test(key) ? new FontFaceRule(key, style, options) : null;\n }\n};\n\nvar ViewportRule =\n/*#__PURE__*/\nfunction () {\n function ViewportRule(key, style, options) {\n this.type = 'viewport';\n this.at = '@viewport';\n this.isProcessed = false;\n this.key = key;\n this.style = style;\n this.options = options;\n }\n /**\n * Generates a CSS string.\n */\n\n\n var _proto = ViewportRule.prototype;\n\n _proto.toString = function toString(options) {\n return toCss(this.key, this.style, options);\n };\n\n return ViewportRule;\n}();\nvar pluginViewportRule = {\n onCreateRule: function onCreateRule(key, style, options) {\n return key === '@viewport' || key === '@-ms-viewport' ? new ViewportRule(key, style, options) : null;\n }\n};\n\nvar SimpleRule =\n/*#__PURE__*/\nfunction () {\n function SimpleRule(key, value, options) {\n this.type = 'simple';\n this.isProcessed = false;\n this.key = key;\n this.value = value;\n this.options = options;\n }\n /**\n * Generates a CSS string.\n */\n // eslint-disable-next-line no-unused-vars\n\n\n var _proto = SimpleRule.prototype;\n\n _proto.toString = function toString(options) {\n if (Array.isArray(this.value)) {\n var str = '';\n\n for (var index = 0; index < this.value.length; index++) {\n str += this.key + \" \" + this.value[index] + \";\";\n if (this.value[index + 1]) str += '\\n';\n }\n\n return str;\n }\n\n return this.key + \" \" + this.value + \";\";\n };\n\n return SimpleRule;\n}();\nvar keysMap = {\n '@charset': true,\n '@import': true,\n '@namespace': true\n};\nvar pluginSimpleRule = {\n onCreateRule: function onCreateRule(key, value, options) {\n return key in keysMap ? new SimpleRule(key, value, options) : null;\n }\n};\n\nvar plugins = [pluginStyleRule, pluginConditionalRule, pluginKeyframesRule, pluginKeyframeRule, pluginFontFaceRule, pluginViewportRule, pluginSimpleRule];\n\nvar defaultUpdateOptions = {\n process: true\n};\nvar forceUpdateOptions = {\n force: true,\n process: true\n /**\n * Contains rules objects and allows adding/removing etc.\n * Is used for e.g. by `StyleSheet` or `ConditionalRule`.\n */\n\n};\n\nvar RuleList =\n/*#__PURE__*/\nfunction () {\n // Rules registry for access by .get() method.\n // It contains the same rule registered by name and by selector.\n // Original styles object.\n // Used to ensure correct rules order.\n function RuleList(options) {\n this.map = {};\n this.raw = {};\n this.index = [];\n this.counter = 0;\n this.options = options;\n this.classes = options.classes;\n this.keyframes = options.keyframes;\n }\n /**\n * Create and register rule.\n *\n * Will not render after Style Sheet was rendered the first time.\n */\n\n\n var _proto = RuleList.prototype;\n\n _proto.add = function add(name, decl, ruleOptions) {\n var _this$options = this.options,\n parent = _this$options.parent,\n sheet = _this$options.sheet,\n jss = _this$options.jss,\n Renderer = _this$options.Renderer,\n generateId = _this$options.generateId,\n scoped = _this$options.scoped;\n\n var options = _extends({\n classes: this.classes,\n parent: parent,\n sheet: sheet,\n jss: jss,\n Renderer: Renderer,\n generateId: generateId,\n scoped: scoped,\n name: name,\n keyframes: this.keyframes,\n selector: undefined\n }, ruleOptions); // When user uses .createStyleSheet(), duplicate names are not possible, but\n // `sheet.addRule()` opens the door for any duplicate rule name. When this happens\n // we need to make the key unique within this RuleList instance scope.\n\n\n var key = name;\n\n if (name in this.raw) {\n key = name + \"-d\" + this.counter++;\n } // We need to save the original decl before creating the rule\n // because cache plugin needs to use it as a key to return a cached rule.\n\n\n this.raw[key] = decl;\n\n if (key in this.classes) {\n // E.g. rules inside of @media container\n options.selector = \".\" + escape(this.classes[key]);\n }\n\n var rule = createRule(key, decl, options);\n if (!rule) return null;\n this.register(rule);\n var index = options.index === undefined ? this.index.length : options.index;\n this.index.splice(index, 0, rule);\n return rule;\n }\n /**\n * Replace rule.\n * Create a new rule and remove old one instead of overwriting\n * because we want to invoke onCreateRule hook to make plugins work.\n */\n ;\n\n _proto.replace = function replace(name, decl, ruleOptions) {\n var oldRule = this.get(name);\n var oldIndex = this.index.indexOf(oldRule);\n\n if (oldRule) {\n this.remove(oldRule);\n }\n\n var options = ruleOptions;\n if (oldIndex !== -1) options = _extends({}, ruleOptions, {\n index: oldIndex\n });\n return this.add(name, decl, options);\n }\n /**\n * Get a rule by name or selector.\n */\n ;\n\n _proto.get = function get(nameOrSelector) {\n return this.map[nameOrSelector];\n }\n /**\n * Delete a rule.\n */\n ;\n\n _proto.remove = function remove(rule) {\n this.unregister(rule);\n delete this.raw[rule.key];\n this.index.splice(this.index.indexOf(rule), 1);\n }\n /**\n * Get index of a rule.\n */\n ;\n\n _proto.indexOf = function indexOf(rule) {\n return this.index.indexOf(rule);\n }\n /**\n * Run `onProcessRule()` plugins on every rule.\n */\n ;\n\n _proto.process = function process() {\n var plugins = this.options.jss.plugins; // We need to clone array because if we modify the index somewhere else during a loop\n // we end up with very hard-to-track-down side effects.\n\n this.index.slice(0).forEach(plugins.onProcessRule, plugins);\n }\n /**\n * Register a rule in `.map`, `.classes` and `.keyframes` maps.\n */\n ;\n\n _proto.register = function register(rule) {\n this.map[rule.key] = rule;\n\n if (rule instanceof StyleRule) {\n this.map[rule.selector] = rule;\n if (rule.id) this.classes[rule.key] = rule.id;\n } else if (rule instanceof KeyframesRule && this.keyframes) {\n this.keyframes[rule.name] = rule.id;\n }\n }\n /**\n * Unregister a rule.\n */\n ;\n\n _proto.unregister = function unregister(rule) {\n delete this.map[rule.key];\n\n if (rule instanceof StyleRule) {\n delete this.map[rule.selector];\n delete this.classes[rule.key];\n } else if (rule instanceof KeyframesRule) {\n delete this.keyframes[rule.name];\n }\n }\n /**\n * Update the function values with a new data.\n */\n ;\n\n _proto.update = function update() {\n var name;\n var data;\n var options;\n\n if (typeof (arguments.length <= 0 ? undefined : arguments[0]) === 'string') {\n name = arguments.length <= 0 ? undefined : arguments[0];\n data = arguments.length <= 1 ? undefined : arguments[1];\n options = arguments.length <= 2 ? undefined : arguments[2];\n } else {\n data = arguments.length <= 0 ? undefined : arguments[0];\n options = arguments.length <= 1 ? undefined : arguments[1];\n name = null;\n }\n\n if (name) {\n this.updateOne(this.get(name), data, options);\n } else {\n for (var index = 0; index < this.index.length; index++) {\n this.updateOne(this.index[index], data, options);\n }\n }\n }\n /**\n * Execute plugins, update rule props.\n */\n ;\n\n _proto.updateOne = function updateOne(rule, data, options) {\n if (options === void 0) {\n options = defaultUpdateOptions;\n }\n\n var _this$options2 = this.options,\n plugins = _this$options2.jss.plugins,\n sheet = _this$options2.sheet; // It is a rules container like for e.g. ConditionalRule.\n\n if (rule.rules instanceof RuleList) {\n rule.rules.update(data, options);\n return;\n }\n\n var style = rule.style;\n plugins.onUpdate(data, rule, sheet, options); // We rely on a new `style` ref in case it was mutated during onUpdate hook.\n\n if (options.process && style && style !== rule.style) {\n // We need to run the plugins in case new `style` relies on syntax plugins.\n plugins.onProcessStyle(rule.style, rule, sheet); // Update and add props.\n\n for (var prop in rule.style) {\n var nextValue = rule.style[prop];\n var prevValue = style[prop]; // We need to use `force: true` because `rule.style` has been updated during onUpdate hook, so `rule.prop()` will not update the CSSOM rule.\n // We do this comparison to avoid unneeded `rule.prop()` calls, since we have the old `style` object here.\n\n if (nextValue !== prevValue) {\n rule.prop(prop, nextValue, forceUpdateOptions);\n }\n } // Remove props.\n\n\n for (var _prop in style) {\n var _nextValue = rule.style[_prop];\n var _prevValue = style[_prop]; // We need to use `force: true` because `rule.style` has been updated during onUpdate hook, so `rule.prop()` will not update the CSSOM rule.\n // We do this comparison to avoid unneeded `rule.prop()` calls, since we have the old `style` object here.\n\n if (_nextValue == null && _nextValue !== _prevValue) {\n rule.prop(_prop, null, forceUpdateOptions);\n }\n }\n }\n }\n /**\n * Convert rules to a CSS string.\n */\n ;\n\n _proto.toString = function toString(options) {\n var str = '';\n var sheet = this.options.sheet;\n var link = sheet ? sheet.options.link : false;\n\n var _getWhitespaceSymbols = getWhitespaceSymbols(options),\n linebreak = _getWhitespaceSymbols.linebreak;\n\n for (var index = 0; index < this.index.length; index++) {\n var rule = this.index[index];\n var css = rule.toString(options); // No need to render an empty rule.\n\n if (!css && !link) continue;\n if (str) str += linebreak;\n str += css;\n }\n\n return str;\n };\n\n return RuleList;\n}();\n\nvar StyleSheet =\n/*#__PURE__*/\nfunction () {\n function StyleSheet(styles, options) {\n this.attached = false;\n this.deployed = false;\n this.classes = {};\n this.keyframes = {};\n this.options = _extends({}, options, {\n sheet: this,\n parent: this,\n classes: this.classes,\n keyframes: this.keyframes\n });\n\n if (options.Renderer) {\n this.renderer = new options.Renderer(this);\n }\n\n this.rules = new RuleList(this.options);\n\n for (var name in styles) {\n this.rules.add(name, styles[name]);\n }\n\n this.rules.process();\n }\n /**\n * Attach renderable to the render tree.\n */\n\n\n var _proto = StyleSheet.prototype;\n\n _proto.attach = function attach() {\n if (this.attached) return this;\n if (this.renderer) this.renderer.attach();\n this.attached = true; // Order is important, because we can't use insertRule API if style element is not attached.\n\n if (!this.deployed) this.deploy();\n return this;\n }\n /**\n * Remove renderable from render tree.\n */\n ;\n\n _proto.detach = function detach() {\n if (!this.attached) return this;\n if (this.renderer) this.renderer.detach();\n this.attached = false;\n return this;\n }\n /**\n * Add a rule to the current stylesheet.\n * Will insert a rule also after the stylesheet has been rendered first time.\n */\n ;\n\n _proto.addRule = function addRule(name, decl, options) {\n var queue = this.queue; // Plugins can create rules.\n // In order to preserve the right order, we need to queue all `.addRule` calls,\n // which happen after the first `rules.add()` call.\n\n if (this.attached && !queue) this.queue = [];\n var rule = this.rules.add(name, decl, options);\n if (!rule) return null;\n this.options.jss.plugins.onProcessRule(rule);\n\n if (this.attached) {\n if (!this.deployed) return rule; // Don't insert rule directly if there is no stringified version yet.\n // It will be inserted all together when .attach is called.\n\n if (queue) queue.push(rule);else {\n this.insertRule(rule);\n\n if (this.queue) {\n this.queue.forEach(this.insertRule, this);\n this.queue = undefined;\n }\n }\n return rule;\n } // We can't add rules to a detached style node.\n // We will redeploy the sheet once user will attach it.\n\n\n this.deployed = false;\n return rule;\n }\n /**\n * Replace a rule in the current stylesheet.\n */\n ;\n\n _proto.replaceRule = function replaceRule(nameOrSelector, decl, options) {\n var oldRule = this.rules.get(nameOrSelector);\n if (!oldRule) return this.addRule(nameOrSelector, decl, options);\n var newRule = this.rules.replace(nameOrSelector, decl, options);\n\n if (newRule) {\n this.options.jss.plugins.onProcessRule(newRule);\n }\n\n if (this.attached) {\n if (!this.deployed) return newRule; // Don't replace / delete rule directly if there is no stringified version yet.\n // It will be inserted all together when .attach is called.\n\n if (this.renderer) {\n if (!newRule) {\n this.renderer.deleteRule(oldRule);\n } else if (oldRule.renderable) {\n this.renderer.replaceRule(oldRule.renderable, newRule);\n }\n }\n\n return newRule;\n } // We can't replace rules to a detached style node.\n // We will redeploy the sheet once user will attach it.\n\n\n this.deployed = false;\n return newRule;\n }\n /**\n * Insert rule into the StyleSheet\n */\n ;\n\n _proto.insertRule = function insertRule(rule) {\n if (this.renderer) {\n this.renderer.insertRule(rule);\n }\n }\n /**\n * Create and add rules.\n * Will render also after Style Sheet was rendered the first time.\n */\n ;\n\n _proto.addRules = function addRules(styles, options) {\n var added = [];\n\n for (var name in styles) {\n var rule = this.addRule(name, styles[name], options);\n if (rule) added.push(rule);\n }\n\n return added;\n }\n /**\n * Get a rule by name or selector.\n */\n ;\n\n _proto.getRule = function getRule(nameOrSelector) {\n return this.rules.get(nameOrSelector);\n }\n /**\n * Delete a rule by name.\n * Returns `true`: if rule has been deleted from the DOM.\n */\n ;\n\n _proto.deleteRule = function deleteRule(name) {\n var rule = typeof name === 'object' ? name : this.rules.get(name);\n\n if (!rule || // Style sheet was created without link: true and attached, in this case we\n // won't be able to remove the CSS rule from the DOM.\n this.attached && !rule.renderable) {\n return false;\n }\n\n this.rules.remove(rule);\n\n if (this.attached && rule.renderable && this.renderer) {\n return this.renderer.deleteRule(rule.renderable);\n }\n\n return true;\n }\n /**\n * Get index of a rule.\n */\n ;\n\n _proto.indexOf = function indexOf(rule) {\n return this.rules.indexOf(rule);\n }\n /**\n * Deploy pure CSS string to a renderable.\n */\n ;\n\n _proto.deploy = function deploy() {\n if (this.renderer) this.renderer.deploy();\n this.deployed = true;\n return this;\n }\n /**\n * Update the function values with a new data.\n */\n ;\n\n _proto.update = function update() {\n var _this$rules;\n\n (_this$rules = this.rules).update.apply(_this$rules, arguments);\n\n return this;\n }\n /**\n * Updates a single rule.\n */\n ;\n\n _proto.updateOne = function updateOne(rule, data, options) {\n this.rules.updateOne(rule, data, options);\n return this;\n }\n /**\n * Convert rules to a CSS string.\n */\n ;\n\n _proto.toString = function toString(options) {\n return this.rules.toString(options);\n };\n\n return StyleSheet;\n}();\n\nvar PluginsRegistry =\n/*#__PURE__*/\nfunction () {\n function PluginsRegistry() {\n this.plugins = {\n internal: [],\n external: []\n };\n this.registry = {};\n }\n\n var _proto = PluginsRegistry.prototype;\n\n /**\n * Call `onCreateRule` hooks and return an object if returned by a hook.\n */\n _proto.onCreateRule = function onCreateRule(name, decl, options) {\n for (var i = 0; i < this.registry.onCreateRule.length; i++) {\n var rule = this.registry.onCreateRule[i](name, decl, options);\n if (rule) return rule;\n }\n\n return null;\n }\n /**\n * Call `onProcessRule` hooks.\n */\n ;\n\n _proto.onProcessRule = function onProcessRule(rule) {\n if (rule.isProcessed) return;\n var sheet = rule.options.sheet;\n\n for (var i = 0; i < this.registry.onProcessRule.length; i++) {\n this.registry.onProcessRule[i](rule, sheet);\n }\n\n if (rule.style) this.onProcessStyle(rule.style, rule, sheet);\n rule.isProcessed = true;\n }\n /**\n * Call `onProcessStyle` hooks.\n */\n ;\n\n _proto.onProcessStyle = function onProcessStyle(style, rule, sheet) {\n for (var i = 0; i < this.registry.onProcessStyle.length; i++) {\n rule.style = this.registry.onProcessStyle[i](rule.style, rule, sheet);\n }\n }\n /**\n * Call `onProcessSheet` hooks.\n */\n ;\n\n _proto.onProcessSheet = function onProcessSheet(sheet) {\n for (var i = 0; i < this.registry.onProcessSheet.length; i++) {\n this.registry.onProcessSheet[i](sheet);\n }\n }\n /**\n * Call `onUpdate` hooks.\n */\n ;\n\n _proto.onUpdate = function onUpdate(data, rule, sheet, options) {\n for (var i = 0; i < this.registry.onUpdate.length; i++) {\n this.registry.onUpdate[i](data, rule, sheet, options);\n }\n }\n /**\n * Call `onChangeValue` hooks.\n */\n ;\n\n _proto.onChangeValue = function onChangeValue(value, prop, rule) {\n var processedValue = value;\n\n for (var i = 0; i < this.registry.onChangeValue.length; i++) {\n processedValue = this.registry.onChangeValue[i](processedValue, prop, rule);\n }\n\n return processedValue;\n }\n /**\n * Register a plugin.\n */\n ;\n\n _proto.use = function use(newPlugin, options) {\n if (options === void 0) {\n options = {\n queue: 'external'\n };\n }\n\n var plugins = this.plugins[options.queue]; // Avoids applying same plugin twice, at least based on ref.\n\n if (plugins.indexOf(newPlugin) !== -1) {\n return;\n }\n\n plugins.push(newPlugin);\n this.registry = [].concat(this.plugins.external, this.plugins.internal).reduce(function (registry, plugin) {\n for (var name in plugin) {\n if (name in registry) {\n registry[name].push(plugin[name]);\n } else {\n process.env.NODE_ENV !== \"production\" ? warning(false, \"[JSS] Unknown hook \\\"\" + name + \"\\\".\") : void 0;\n }\n }\n\n return registry;\n }, {\n onCreateRule: [],\n onProcessRule: [],\n onProcessStyle: [],\n onProcessSheet: [],\n onChangeValue: [],\n onUpdate: []\n });\n };\n\n return PluginsRegistry;\n}();\n\n/**\n * Sheets registry to access all instances in one place.\n */\n\nvar SheetsRegistry =\n/*#__PURE__*/\nfunction () {\n function SheetsRegistry() {\n this.registry = [];\n }\n\n var _proto = SheetsRegistry.prototype;\n\n /**\n * Register a Style Sheet.\n */\n _proto.add = function add(sheet) {\n var registry = this.registry;\n var index = sheet.options.index;\n if (registry.indexOf(sheet) !== -1) return;\n\n if (registry.length === 0 || index >= this.index) {\n registry.push(sheet);\n return;\n } // Find a position.\n\n\n for (var i = 0; i < registry.length; i++) {\n if (registry[i].options.index > index) {\n registry.splice(i, 0, sheet);\n return;\n }\n }\n }\n /**\n * Reset the registry.\n */\n ;\n\n _proto.reset = function reset() {\n this.registry = [];\n }\n /**\n * Remove a Style Sheet.\n */\n ;\n\n _proto.remove = function remove(sheet) {\n var index = this.registry.indexOf(sheet);\n this.registry.splice(index, 1);\n }\n /**\n * Convert all attached sheets to a CSS string.\n */\n ;\n\n _proto.toString = function toString(_temp) {\n var _ref = _temp === void 0 ? {} : _temp,\n attached = _ref.attached,\n options = _objectWithoutPropertiesLoose(_ref, [\"attached\"]);\n\n var _getWhitespaceSymbols = getWhitespaceSymbols(options),\n linebreak = _getWhitespaceSymbols.linebreak;\n\n var css = '';\n\n for (var i = 0; i < this.registry.length; i++) {\n var sheet = this.registry[i];\n\n if (attached != null && sheet.attached !== attached) {\n continue;\n }\n\n if (css) css += linebreak;\n css += sheet.toString(options);\n }\n\n return css;\n };\n\n _createClass(SheetsRegistry, [{\n key: \"index\",\n\n /**\n * Current highest index number.\n */\n get: function get() {\n return this.registry.length === 0 ? 0 : this.registry[this.registry.length - 1].options.index;\n }\n }]);\n\n return SheetsRegistry;\n}();\n\n/**\n * This is a global sheets registry. Only DomRenderer will add sheets to it.\n * On the server one should use an own SheetsRegistry instance and add the\n * sheets to it, because you need to make sure to create a new registry for\n * each request in order to not leak sheets across requests.\n */\n\nvar sheets = new SheetsRegistry();\n\n/* eslint-disable */\n\n/**\n * Now that `globalThis` is available on most platforms\n * (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/globalThis#browser_compatibility)\n * we check for `globalThis` first. `globalThis` is necessary for jss\n * to run in Agoric's secure version of JavaScript (SES). Under SES,\n * `globalThis` exists, but `window`, `self`, and `Function('return\n * this')()` are all undefined for security reasons.\n *\n * https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\n */\nvar globalThis$1 = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' && window.Math === Math ? window : typeof self !== 'undefined' && self.Math === Math ? self : Function('return this')();\n\nvar ns = '2f1acc6c3a606b082e5eef5e54414ffb';\nif (globalThis$1[ns] == null) globalThis$1[ns] = 0; // Bundle may contain multiple JSS versions at the same time. In order to identify\n// the current version with just one short number and use it for classes generation\n// we use a counter. Also it is more accurate, because user can manually reevaluate\n// the module.\n\nvar moduleId = globalThis$1[ns]++;\n\nvar maxRules = 1e10;\n/**\n * Returns a function which generates unique class names based on counters.\n * When new generator function is created, rule counter is reseted.\n * We need to reset the rule counter for SSR for each request.\n */\n\nvar createGenerateId = function createGenerateId(options) {\n if (options === void 0) {\n options = {};\n }\n\n var ruleCounter = 0;\n\n var generateId = function generateId(rule, sheet) {\n ruleCounter += 1;\n\n if (ruleCounter > maxRules) {\n process.env.NODE_ENV !== \"production\" ? warning(false, \"[JSS] You might have a memory leak. Rule counter is at \" + ruleCounter + \".\") : void 0;\n }\n\n var jssId = '';\n var prefix = '';\n\n if (sheet) {\n if (sheet.options.classNamePrefix) {\n prefix = sheet.options.classNamePrefix;\n }\n\n if (sheet.options.jss.id != null) {\n jssId = String(sheet.options.jss.id);\n }\n }\n\n if (options.minify) {\n // Using \"c\" because a number can't be the first char in a class name.\n return \"\" + (prefix || 'c') + moduleId + jssId + ruleCounter;\n }\n\n return prefix + rule.key + \"-\" + moduleId + (jssId ? \"-\" + jssId : '') + \"-\" + ruleCounter;\n };\n\n return generateId;\n};\n\n/**\n * Cache the value from the first time a function is called.\n */\n\nvar memoize = function memoize(fn) {\n var value;\n return function () {\n if (!value) value = fn();\n return value;\n };\n};\n/**\n * Get a style property value.\n */\n\n\nvar getPropertyValue = function getPropertyValue(cssRule, prop) {\n try {\n // Support CSSTOM.\n if (cssRule.attributeStyleMap) {\n return cssRule.attributeStyleMap.get(prop);\n }\n\n return cssRule.style.getPropertyValue(prop);\n } catch (err) {\n // IE may throw if property is unknown.\n return '';\n }\n};\n/**\n * Set a style property.\n */\n\n\nvar setProperty = function setProperty(cssRule, prop, value) {\n try {\n var cssValue = value;\n\n if (Array.isArray(value)) {\n cssValue = toCssValue(value);\n } // Support CSSTOM.\n\n\n if (cssRule.attributeStyleMap) {\n cssRule.attributeStyleMap.set(prop, cssValue);\n } else {\n var indexOfImportantFlag = cssValue ? cssValue.indexOf('!important') : -1;\n var cssValueWithoutImportantFlag = indexOfImportantFlag > -1 ? cssValue.substr(0, indexOfImportantFlag - 1) : cssValue;\n cssRule.style.setProperty(prop, cssValueWithoutImportantFlag, indexOfImportantFlag > -1 ? 'important' : '');\n }\n } catch (err) {\n // IE may throw if property is unknown.\n return false;\n }\n\n return true;\n};\n/**\n * Remove a style property.\n */\n\n\nvar removeProperty = function removeProperty(cssRule, prop) {\n try {\n // Support CSSTOM.\n if (cssRule.attributeStyleMap) {\n cssRule.attributeStyleMap.delete(prop);\n } else {\n cssRule.style.removeProperty(prop);\n }\n } catch (err) {\n process.env.NODE_ENV !== \"production\" ? warning(false, \"[JSS] DOMException \\\"\" + err.message + \"\\\" was thrown. Tried to remove property \\\"\" + prop + \"\\\".\") : void 0;\n }\n};\n/**\n * Set the selector.\n */\n\n\nvar setSelector = function setSelector(cssRule, selectorText) {\n cssRule.selectorText = selectorText; // Return false if setter was not successful.\n // Currently works in chrome only.\n\n return cssRule.selectorText === selectorText;\n};\n/**\n * Gets the `head` element upon the first call and caches it.\n * We assume it can't be null.\n */\n\n\nvar getHead = memoize(function () {\n return document.querySelector('head');\n});\n/**\n * Find attached sheet with an index higher than the passed one.\n */\n\nfunction findHigherSheet(registry, options) {\n for (var i = 0; i < registry.length; i++) {\n var sheet = registry[i];\n\n if (sheet.attached && sheet.options.index > options.index && sheet.options.insertionPoint === options.insertionPoint) {\n return sheet;\n }\n }\n\n return null;\n}\n/**\n * Find attached sheet with the highest index.\n */\n\n\nfunction findHighestSheet(registry, options) {\n for (var i = registry.length - 1; i >= 0; i--) {\n var sheet = registry[i];\n\n if (sheet.attached && sheet.options.insertionPoint === options.insertionPoint) {\n return sheet;\n }\n }\n\n return null;\n}\n/**\n * Find a comment with \"jss\" inside.\n */\n\n\nfunction findCommentNode(text) {\n var head = getHead();\n\n for (var i = 0; i < head.childNodes.length; i++) {\n var node = head.childNodes[i];\n\n if (node.nodeType === 8 && node.nodeValue.trim() === text) {\n return node;\n }\n }\n\n return null;\n}\n/**\n * Find a node before which we can insert the sheet.\n */\n\n\nfunction findPrevNode(options) {\n var registry = sheets.registry;\n\n if (registry.length > 0) {\n // Try to insert before the next higher sheet.\n var sheet = findHigherSheet(registry, options);\n\n if (sheet && sheet.renderer) {\n return {\n parent: sheet.renderer.element.parentNode,\n node: sheet.renderer.element\n };\n } // Otherwise insert after the last attached.\n\n\n sheet = findHighestSheet(registry, options);\n\n if (sheet && sheet.renderer) {\n return {\n parent: sheet.renderer.element.parentNode,\n node: sheet.renderer.element.nextSibling\n };\n }\n } // Try to find a comment placeholder if registry is empty.\n\n\n var insertionPoint = options.insertionPoint;\n\n if (insertionPoint && typeof insertionPoint === 'string') {\n var comment = findCommentNode(insertionPoint);\n\n if (comment) {\n return {\n parent: comment.parentNode,\n node: comment.nextSibling\n };\n } // If user specifies an insertion point and it can't be found in the document -\n // bad specificity issues may appear.\n\n\n process.env.NODE_ENV !== \"production\" ? warning(false, \"[JSS] Insertion point \\\"\" + insertionPoint + \"\\\" not found.\") : void 0;\n }\n\n return false;\n}\n/**\n * Insert style element into the DOM.\n */\n\n\nfunction insertStyle(style, options) {\n var insertionPoint = options.insertionPoint;\n var nextNode = findPrevNode(options);\n\n if (nextNode !== false && nextNode.parent) {\n nextNode.parent.insertBefore(style, nextNode.node);\n return;\n } // Works with iframes and any node types.\n\n\n if (insertionPoint && typeof insertionPoint.nodeType === 'number') {\n var insertionPointElement = insertionPoint;\n var parentNode = insertionPointElement.parentNode;\n if (parentNode) parentNode.insertBefore(style, insertionPointElement.nextSibling);else process.env.NODE_ENV !== \"production\" ? warning(false, '[JSS] Insertion point is not in the DOM.') : void 0;\n return;\n }\n\n getHead().appendChild(style);\n}\n/**\n * Read jss nonce setting from the page if the user has set it.\n */\n\n\nvar getNonce = memoize(function () {\n var node = document.querySelector('meta[property=\"csp-nonce\"]');\n return node ? node.getAttribute('content') : null;\n});\n\nvar _insertRule = function insertRule(container, rule, index) {\n try {\n if ('insertRule' in container) {\n container.insertRule(rule, index);\n } // Keyframes rule.\n else if ('appendRule' in container) {\n container.appendRule(rule);\n }\n } catch (err) {\n process.env.NODE_ENV !== \"production\" ? warning(false, \"[JSS] \" + err.message) : void 0;\n return false;\n }\n\n return container.cssRules[index];\n};\n\nvar getValidRuleInsertionIndex = function getValidRuleInsertionIndex(container, index) {\n var maxIndex = container.cssRules.length; // In case previous insertion fails, passed index might be wrong\n\n if (index === undefined || index > maxIndex) {\n // eslint-disable-next-line no-param-reassign\n return maxIndex;\n }\n\n return index;\n};\n\nvar createStyle = function createStyle() {\n var el = document.createElement('style'); // Without it, IE will have a broken source order specificity if we\n // insert rules after we insert the style tag.\n // It seems to kick-off the source order specificity algorithm.\n\n el.textContent = '\\n';\n return el;\n};\n\nvar DomRenderer =\n/*#__PURE__*/\nfunction () {\n // Will be empty if link: true option is not set, because\n // it is only for use together with insertRule API.\n function DomRenderer(sheet) {\n this.getPropertyValue = getPropertyValue;\n this.setProperty = setProperty;\n this.removeProperty = removeProperty;\n this.setSelector = setSelector;\n this.hasInsertedRules = false;\n this.cssRules = [];\n // There is no sheet when the renderer is used from a standalone StyleRule.\n if (sheet) sheets.add(sheet);\n this.sheet = sheet;\n\n var _ref = this.sheet ? this.sheet.options : {},\n media = _ref.media,\n meta = _ref.meta,\n element = _ref.element;\n\n this.element = element || createStyle();\n this.element.setAttribute('data-jss', '');\n if (media) this.element.setAttribute('media', media);\n if (meta) this.element.setAttribute('data-meta', meta);\n var nonce = getNonce();\n if (nonce) this.element.setAttribute('nonce', nonce);\n }\n /**\n * Insert style element into render tree.\n */\n\n\n var _proto = DomRenderer.prototype;\n\n _proto.attach = function attach() {\n // In the case the element node is external and it is already in the DOM.\n if (this.element.parentNode || !this.sheet) return;\n insertStyle(this.element, this.sheet.options); // When rules are inserted using `insertRule` API, after `sheet.detach().attach()`\n // most browsers create a new CSSStyleSheet, except of all IEs.\n\n var deployed = Boolean(this.sheet && this.sheet.deployed);\n\n if (this.hasInsertedRules && deployed) {\n this.hasInsertedRules = false;\n this.deploy();\n }\n }\n /**\n * Remove style element from render tree.\n */\n ;\n\n _proto.detach = function detach() {\n if (!this.sheet) return;\n var parentNode = this.element.parentNode;\n if (parentNode) parentNode.removeChild(this.element); // In the most browsers, rules inserted using insertRule() API will be lost when style element is removed.\n // Though IE will keep them and we need a consistent behavior.\n\n if (this.sheet.options.link) {\n this.cssRules = [];\n this.element.textContent = '\\n';\n }\n }\n /**\n * Inject CSS string into element.\n */\n ;\n\n _proto.deploy = function deploy() {\n var sheet = this.sheet;\n if (!sheet) return;\n\n if (sheet.options.link) {\n this.insertRules(sheet.rules);\n return;\n }\n\n this.element.textContent = \"\\n\" + sheet.toString() + \"\\n\";\n }\n /**\n * Insert RuleList into an element.\n */\n ;\n\n _proto.insertRules = function insertRules(rules, nativeParent) {\n for (var i = 0; i < rules.index.length; i++) {\n this.insertRule(rules.index[i], i, nativeParent);\n }\n }\n /**\n * Insert a rule into element.\n */\n ;\n\n _proto.insertRule = function insertRule(rule, index, nativeParent) {\n if (nativeParent === void 0) {\n nativeParent = this.element.sheet;\n }\n\n if (rule.rules) {\n var parent = rule;\n var latestNativeParent = nativeParent;\n\n if (rule.type === 'conditional' || rule.type === 'keyframes') {\n var _insertionIndex = getValidRuleInsertionIndex(nativeParent, index); // We need to render the container without children first.\n\n\n latestNativeParent = _insertRule(nativeParent, parent.toString({\n children: false\n }), _insertionIndex);\n\n if (latestNativeParent === false) {\n return false;\n }\n\n this.refCssRule(rule, _insertionIndex, latestNativeParent);\n }\n\n this.insertRules(parent.rules, latestNativeParent);\n return latestNativeParent;\n }\n\n var ruleStr = rule.toString();\n if (!ruleStr) return false;\n var insertionIndex = getValidRuleInsertionIndex(nativeParent, index);\n\n var nativeRule = _insertRule(nativeParent, ruleStr, insertionIndex);\n\n if (nativeRule === false) {\n return false;\n }\n\n this.hasInsertedRules = true;\n this.refCssRule(rule, insertionIndex, nativeRule);\n return nativeRule;\n };\n\n _proto.refCssRule = function refCssRule(rule, index, cssRule) {\n rule.renderable = cssRule; // We only want to reference the top level rules, deleteRule API doesn't support removing nested rules\n // like rules inside media queries or keyframes\n\n if (rule.options.parent instanceof StyleSheet) {\n this.cssRules.splice(index, 0, cssRule);\n }\n }\n /**\n * Delete a rule.\n */\n ;\n\n _proto.deleteRule = function deleteRule(cssRule) {\n var sheet = this.element.sheet;\n var index = this.indexOf(cssRule);\n if (index === -1) return false;\n sheet.deleteRule(index);\n this.cssRules.splice(index, 1);\n return true;\n }\n /**\n * Get index of a CSS Rule.\n */\n ;\n\n _proto.indexOf = function indexOf(cssRule) {\n return this.cssRules.indexOf(cssRule);\n }\n /**\n * Generate a new CSS rule and replace the existing one.\n */\n ;\n\n _proto.replaceRule = function replaceRule(cssRule, rule) {\n var index = this.indexOf(cssRule);\n if (index === -1) return false;\n this.element.sheet.deleteRule(index);\n this.cssRules.splice(index, 1);\n return this.insertRule(rule, index);\n }\n /**\n * Get all rules elements.\n */\n ;\n\n _proto.getRules = function getRules() {\n return this.element.sheet.cssRules;\n };\n\n return DomRenderer;\n}();\n\nvar instanceCounter = 0;\n\nvar Jss =\n/*#__PURE__*/\nfunction () {\n function Jss(options) {\n this.id = instanceCounter++;\n this.version = \"10.10.0\";\n this.plugins = new PluginsRegistry();\n this.options = {\n id: {\n minify: false\n },\n createGenerateId: createGenerateId,\n Renderer: isInBrowser ? DomRenderer : null,\n plugins: []\n };\n this.generateId = createGenerateId({\n minify: false\n });\n\n for (var i = 0; i < plugins.length; i++) {\n this.plugins.use(plugins[i], {\n queue: 'internal'\n });\n }\n\n this.setup(options);\n }\n /**\n * Prepares various options, applies plugins.\n * Should not be used twice on the same instance, because there is no plugins\n * deduplication logic.\n */\n\n\n var _proto = Jss.prototype;\n\n _proto.setup = function setup(options) {\n if (options === void 0) {\n options = {};\n }\n\n if (options.createGenerateId) {\n this.options.createGenerateId = options.createGenerateId;\n }\n\n if (options.id) {\n this.options.id = _extends({}, this.options.id, options.id);\n }\n\n if (options.createGenerateId || options.id) {\n this.generateId = this.options.createGenerateId(this.options.id);\n }\n\n if (options.insertionPoint != null) this.options.insertionPoint = options.insertionPoint;\n\n if ('Renderer' in options) {\n this.options.Renderer = options.Renderer;\n } // eslint-disable-next-line prefer-spread\n\n\n if (options.plugins) this.use.apply(this, options.plugins);\n return this;\n }\n /**\n * Create a Style Sheet.\n */\n ;\n\n _proto.createStyleSheet = function createStyleSheet(styles, options) {\n if (options === void 0) {\n options = {};\n }\n\n var _options = options,\n index = _options.index;\n\n if (typeof index !== 'number') {\n index = sheets.index === 0 ? 0 : sheets.index + 1;\n }\n\n var sheet = new StyleSheet(styles, _extends({}, options, {\n jss: this,\n generateId: options.generateId || this.generateId,\n insertionPoint: this.options.insertionPoint,\n Renderer: this.options.Renderer,\n index: index\n }));\n this.plugins.onProcessSheet(sheet);\n return sheet;\n }\n /**\n * Detach the Style Sheet and remove it from the registry.\n */\n ;\n\n _proto.removeStyleSheet = function removeStyleSheet(sheet) {\n sheet.detach();\n sheets.remove(sheet);\n return this;\n }\n /**\n * Create a rule without a Style Sheet.\n * [Deprecated] will be removed in the next major version.\n */\n ;\n\n _proto.createRule = function createRule$1(name, style, options) {\n if (style === void 0) {\n style = {};\n }\n\n if (options === void 0) {\n options = {};\n }\n\n // Enable rule without name for inline styles.\n if (typeof name === 'object') {\n return this.createRule(undefined, name, style);\n }\n\n var ruleOptions = _extends({}, options, {\n name: name,\n jss: this,\n Renderer: this.options.Renderer\n });\n\n if (!ruleOptions.generateId) ruleOptions.generateId = this.generateId;\n if (!ruleOptions.classes) ruleOptions.classes = {};\n if (!ruleOptions.keyframes) ruleOptions.keyframes = {};\n\n var rule = createRule(name, style, ruleOptions);\n\n if (rule) this.plugins.onProcessRule(rule);\n return rule;\n }\n /**\n * Register plugin. Passed function will be invoked with a rule instance.\n */\n ;\n\n _proto.use = function use() {\n var _this = this;\n\n for (var _len = arguments.length, plugins = new Array(_len), _key = 0; _key < _len; _key++) {\n plugins[_key] = arguments[_key];\n }\n\n plugins.forEach(function (plugin) {\n _this.plugins.use(plugin);\n });\n return this;\n };\n\n return Jss;\n}();\n\nvar createJss = function createJss(options) {\n return new Jss(options);\n};\n\n/**\n * SheetsManager is like a WeakMap which is designed to count StyleSheet\n * instances and attach/detach automatically.\n * Used in react-jss.\n */\n\nvar SheetsManager =\n/*#__PURE__*/\nfunction () {\n function SheetsManager() {\n this.length = 0;\n this.sheets = new WeakMap();\n }\n\n var _proto = SheetsManager.prototype;\n\n _proto.get = function get(key) {\n var entry = this.sheets.get(key);\n return entry && entry.sheet;\n };\n\n _proto.add = function add(key, sheet) {\n if (this.sheets.has(key)) return;\n this.length++;\n this.sheets.set(key, {\n sheet: sheet,\n refs: 0\n });\n };\n\n _proto.manage = function manage(key) {\n var entry = this.sheets.get(key);\n\n if (entry) {\n if (entry.refs === 0) {\n entry.sheet.attach();\n }\n\n entry.refs++;\n return entry.sheet;\n }\n\n warning(false, \"[JSS] SheetsManager: can't find sheet to manage\");\n return undefined;\n };\n\n _proto.unmanage = function unmanage(key) {\n var entry = this.sheets.get(key);\n\n if (entry) {\n if (entry.refs > 0) {\n entry.refs--;\n if (entry.refs === 0) entry.sheet.detach();\n }\n } else {\n warning(false, \"SheetsManager: can't find sheet to unmanage\");\n }\n };\n\n _createClass(SheetsManager, [{\n key: \"size\",\n get: function get() {\n return this.length;\n }\n }]);\n\n return SheetsManager;\n}();\n\n/**\n* Export a constant indicating if this browser has CSSTOM support.\n* https://developers.google.com/web/updates/2018/03/cssom\n*/\nvar hasCSSTOMSupport = typeof CSS === 'object' && CSS != null && 'number' in CSS;\n\n/**\n * Extracts a styles object with only props that contain function values.\n */\nfunction getDynamicStyles(styles) {\n var to = null;\n\n for (var key in styles) {\n var value = styles[key];\n var type = typeof value;\n\n if (type === 'function') {\n if (!to) to = {};\n to[key] = value;\n } else if (type === 'object' && value !== null && !Array.isArray(value)) {\n var extracted = getDynamicStyles(value);\n\n if (extracted) {\n if (!to) to = {};\n to[key] = extracted;\n }\n }\n }\n\n return to;\n}\n\n/**\n * A better abstraction over CSS.\n *\n * @copyright Oleg Isonen (Slobodskoi) / Isonen 2014-present\n * @website https://github.com/cssinjs/jss\n * @license MIT\n */\nvar index = createJss();\n\nexport default index;\nexport { RuleList, SheetsManager, SheetsRegistry, createJss as create, createGenerateId, createRule, getDynamicStyles, hasCSSTOMSupport, sheets, toCssValue };\n","// Used https://github.com/thinkloop/multi-key-cache as inspiration\nvar multiKeyStore = {\n set: function set(cache, key1, key2, value) {\n var subCache = cache.get(key1);\n\n if (!subCache) {\n subCache = new Map();\n cache.set(key1, subCache);\n }\n\n subCache.set(key2, value);\n },\n get: function get(cache, key1, key2) {\n var subCache = cache.get(key1);\n return subCache ? subCache.get(key2) : undefined;\n },\n delete: function _delete(cache, key1, key2) {\n var subCache = cache.get(key1);\n subCache.delete(key2);\n }\n};\nexport default multiKeyStore;","import nested from '../ThemeProvider/nested';\n/**\n * This is the list of the style rule name we use as drop in replacement for the built-in\n * pseudo classes (:checked, :disabled, :focused, etc.).\n *\n * Why do they exist in the first place?\n * These classes are used at a specificity of 2.\n * It allows them to override previously definied styles as well as\n * being untouched by simple user overrides.\n */\n\nvar pseudoClasses = ['checked', 'disabled', 'error', 'focused', 'focusVisible', 'required', 'expanded', 'selected']; // Returns a function which generates unique class names based on counters.\n// When new generator function is created, rule counter is reset.\n// We need to reset the rule counter for SSR for each request.\n//\n// It's inspired by\n// https://github.com/cssinjs/jss/blob/4e6a05dd3f7b6572fdd3ab216861d9e446c20331/src/utils/createGenerateClassName.js\n\nexport default function createGenerateClassName() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var _options$disableGloba = options.disableGlobal,\n disableGlobal = _options$disableGloba === void 0 ? false : _options$disableGloba,\n _options$productionPr = options.productionPrefix,\n productionPrefix = _options$productionPr === void 0 ? 'jss' : _options$productionPr,\n _options$seed = options.seed,\n seed = _options$seed === void 0 ? '' : _options$seed;\n var seedPrefix = seed === '' ? '' : \"\".concat(seed, \"-\");\n var ruleCounter = 0;\n\n var getNextCounterId = function getNextCounterId() {\n ruleCounter += 1;\n\n if (process.env.NODE_ENV !== 'production') {\n if (ruleCounter >= 1e10) {\n console.warn(['Material-UI: You might have a memory leak.', 'The ruleCounter is not supposed to grow that much.'].join(''));\n }\n }\n\n return ruleCounter;\n };\n\n return function (rule, styleSheet) {\n var name = styleSheet.options.name; // Is a global static MUI style?\n\n if (name && name.indexOf('Mui') === 0 && !styleSheet.options.link && !disableGlobal) {\n // We can use a shorthand class name, we never use the keys to style the components.\n if (pseudoClasses.indexOf(rule.key) !== -1) {\n return \"Mui-\".concat(rule.key);\n }\n\n var prefix = \"\".concat(seedPrefix).concat(name, \"-\").concat(rule.key);\n\n if (!styleSheet.options.theme[nested] || seed !== '') {\n return prefix;\n }\n\n return \"\".concat(prefix, \"-\").concat(getNextCounterId());\n }\n\n if (process.env.NODE_ENV === 'production') {\n return \"\".concat(seedPrefix).concat(productionPrefix).concat(getNextCounterId());\n }\n\n var suffix = \"\".concat(rule.key, \"-\").concat(getNextCounterId()); // Help with debuggability.\n\n if (styleSheet.options.classNamePrefix) {\n return \"\".concat(seedPrefix).concat(styleSheet.options.classNamePrefix, \"-\").concat(suffix);\n }\n\n return \"\".concat(seedPrefix).concat(suffix);\n };\n}","import warning from 'tiny-warning';\nimport { createRule } from 'jss';\n\nvar now = Date.now();\nvar fnValuesNs = \"fnValues\" + now;\nvar fnRuleNs = \"fnStyle\" + ++now;\n\nvar functionPlugin = function functionPlugin() {\n return {\n onCreateRule: function onCreateRule(name, decl, options) {\n if (typeof decl !== 'function') return null;\n var rule = createRule(name, {}, options);\n rule[fnRuleNs] = decl;\n return rule;\n },\n onProcessStyle: function onProcessStyle(style, rule) {\n // We need to extract function values from the declaration, so that we can keep core unaware of them.\n // We need to do that only once.\n // We don't need to extract functions on each style update, since this can happen only once.\n // We don't support function values inside of function rules.\n if (fnValuesNs in rule || fnRuleNs in rule) return style;\n var fnValues = {};\n\n for (var prop in style) {\n var value = style[prop];\n if (typeof value !== 'function') continue;\n delete style[prop];\n fnValues[prop] = value;\n }\n\n rule[fnValuesNs] = fnValues;\n return style;\n },\n onUpdate: function onUpdate(data, rule, sheet, options) {\n var styleRule = rule;\n var fnRule = styleRule[fnRuleNs]; // If we have a style function, the entire rule is dynamic and style object\n // will be returned from that function.\n\n if (fnRule) {\n // Empty object will remove all currently defined props\n // in case function rule returns a falsy value.\n styleRule.style = fnRule(data) || {};\n\n if (process.env.NODE_ENV === 'development') {\n for (var prop in styleRule.style) {\n if (typeof styleRule.style[prop] === 'function') {\n process.env.NODE_ENV !== \"production\" ? warning(false, '[JSS] Function values inside function rules are not supported.') : void 0;\n break;\n }\n }\n }\n }\n\n var fnValues = styleRule[fnValuesNs]; // If we have a fn values map, it is a rule with function values.\n\n if (fnValues) {\n for (var _prop in fnValues) {\n styleRule.prop(_prop, fnValues[_prop](data), options);\n }\n }\n }\n };\n};\n\nexport default functionPlugin;\n","import _extends from '@babel/runtime/helpers/esm/extends';\nimport { RuleList } from 'jss';\n\nvar at = '@global';\nvar atPrefix = '@global ';\n\nvar GlobalContainerRule =\n/*#__PURE__*/\nfunction () {\n function GlobalContainerRule(key, styles, options) {\n this.type = 'global';\n this.at = at;\n this.isProcessed = false;\n this.key = key;\n this.options = options;\n this.rules = new RuleList(_extends({}, options, {\n parent: this\n }));\n\n for (var selector in styles) {\n this.rules.add(selector, styles[selector]);\n }\n\n this.rules.process();\n }\n /**\n * Get a rule.\n */\n\n\n var _proto = GlobalContainerRule.prototype;\n\n _proto.getRule = function getRule(name) {\n return this.rules.get(name);\n }\n /**\n * Create and register rule, run plugins.\n */\n ;\n\n _proto.addRule = function addRule(name, style, options) {\n var rule = this.rules.add(name, style, options);\n if (rule) this.options.jss.plugins.onProcessRule(rule);\n return rule;\n }\n /**\n * Replace rule, run plugins.\n */\n ;\n\n _proto.replaceRule = function replaceRule(name, style, options) {\n var newRule = this.rules.replace(name, style, options);\n if (newRule) this.options.jss.plugins.onProcessRule(newRule);\n return newRule;\n }\n /**\n * Get index of a rule.\n */\n ;\n\n _proto.indexOf = function indexOf(rule) {\n return this.rules.indexOf(rule);\n }\n /**\n * Generates a CSS string.\n */\n ;\n\n _proto.toString = function toString(options) {\n return this.rules.toString(options);\n };\n\n return GlobalContainerRule;\n}();\n\nvar GlobalPrefixedRule =\n/*#__PURE__*/\nfunction () {\n function GlobalPrefixedRule(key, style, options) {\n this.type = 'global';\n this.at = at;\n this.isProcessed = false;\n this.key = key;\n this.options = options;\n var selector = key.substr(atPrefix.length);\n this.rule = options.jss.createRule(selector, style, _extends({}, options, {\n parent: this\n }));\n }\n\n var _proto2 = GlobalPrefixedRule.prototype;\n\n _proto2.toString = function toString(options) {\n return this.rule ? this.rule.toString(options) : '';\n };\n\n return GlobalPrefixedRule;\n}();\n\nvar separatorRegExp = /\\s*,\\s*/g;\n\nfunction addScope(selector, scope) {\n var parts = selector.split(separatorRegExp);\n var scoped = '';\n\n for (var i = 0; i < parts.length; i++) {\n scoped += scope + \" \" + parts[i].trim();\n if (parts[i + 1]) scoped += ', ';\n }\n\n return scoped;\n}\n\nfunction handleNestedGlobalContainerRule(rule, sheet) {\n var options = rule.options,\n style = rule.style;\n var rules = style ? style[at] : null;\n if (!rules) return;\n\n for (var name in rules) {\n sheet.addRule(name, rules[name], _extends({}, options, {\n selector: addScope(name, rule.selector)\n }));\n }\n\n delete style[at];\n}\n\nfunction handlePrefixedGlobalRule(rule, sheet) {\n var options = rule.options,\n style = rule.style;\n\n for (var prop in style) {\n if (prop[0] !== '@' || prop.substr(0, at.length) !== at) continue;\n var selector = addScope(prop.substr(at.length), rule.selector);\n sheet.addRule(selector, style[prop], _extends({}, options, {\n selector: selector\n }));\n delete style[prop];\n }\n}\n/**\n * Convert nested rules to separate, remove them from original styles.\n */\n\n\nfunction jssGlobal() {\n function onCreateRule(name, styles, options) {\n if (!name) return null;\n\n if (name === at) {\n return new GlobalContainerRule(name, styles, options);\n }\n\n if (name[0] === '@' && name.substr(0, atPrefix.length) === atPrefix) {\n return new GlobalPrefixedRule(name, styles, options);\n }\n\n var parent = options.parent;\n\n if (parent) {\n if (parent.type === 'global' || parent.options.parent && parent.options.parent.type === 'global') {\n options.scoped = false;\n }\n }\n\n if (!options.selector && options.scoped === false) {\n options.selector = name;\n }\n\n return null;\n }\n\n function onProcessRule(rule, sheet) {\n if (rule.type !== 'style' || !sheet) return;\n handleNestedGlobalContainerRule(rule, sheet);\n handlePrefixedGlobalRule(rule, sheet);\n }\n\n return {\n onCreateRule: onCreateRule,\n onProcessRule: onProcessRule\n };\n}\n\nexport default jssGlobal;\n","import _extends from '@babel/runtime/helpers/esm/extends';\nimport warning from 'tiny-warning';\n\nvar separatorRegExp = /\\s*,\\s*/g;\nvar parentRegExp = /&/g;\nvar refRegExp = /\\$([\\w-]+)/g;\n/**\n * Convert nested rules to separate, remove them from original styles.\n */\n\nfunction jssNested() {\n // Get a function to be used for $ref replacement.\n function getReplaceRef(container, sheet) {\n return function (match, key) {\n var rule = container.getRule(key) || sheet && sheet.getRule(key);\n\n if (rule) {\n return rule.selector;\n }\n\n process.env.NODE_ENV !== \"production\" ? warning(false, \"[JSS] Could not find the referenced rule \\\"\" + key + \"\\\" in \\\"\" + (container.options.meta || container.toString()) + \"\\\".\") : void 0;\n return key;\n };\n }\n\n function replaceParentRefs(nestedProp, parentProp) {\n var parentSelectors = parentProp.split(separatorRegExp);\n var nestedSelectors = nestedProp.split(separatorRegExp);\n var result = '';\n\n for (var i = 0; i < parentSelectors.length; i++) {\n var parent = parentSelectors[i];\n\n for (var j = 0; j < nestedSelectors.length; j++) {\n var nested = nestedSelectors[j];\n if (result) result += ', '; // Replace all & by the parent or prefix & with the parent.\n\n result += nested.indexOf('&') !== -1 ? nested.replace(parentRegExp, parent) : parent + \" \" + nested;\n }\n }\n\n return result;\n }\n\n function getOptions(rule, container, prevOptions) {\n // Options has been already created, now we only increase index.\n if (prevOptions) return _extends({}, prevOptions, {\n index: prevOptions.index + 1\n });\n var nestingLevel = rule.options.nestingLevel;\n nestingLevel = nestingLevel === undefined ? 1 : nestingLevel + 1;\n\n var options = _extends({}, rule.options, {\n nestingLevel: nestingLevel,\n index: container.indexOf(rule) + 1 // We don't need the parent name to be set options for chlid.\n\n });\n\n delete options.name;\n return options;\n }\n\n function onProcessStyle(style, rule, sheet) {\n if (rule.type !== 'style') return style;\n var styleRule = rule;\n var container = styleRule.options.parent;\n var options;\n var replaceRef;\n\n for (var prop in style) {\n var isNested = prop.indexOf('&') !== -1;\n var isNestedConditional = prop[0] === '@';\n if (!isNested && !isNestedConditional) continue;\n options = getOptions(styleRule, container, options);\n\n if (isNested) {\n var selector = replaceParentRefs(prop, styleRule.selector); // Lazily create the ref replacer function just once for\n // all nested rules within the sheet.\n\n if (!replaceRef) replaceRef = getReplaceRef(container, sheet); // Replace all $refs.\n\n selector = selector.replace(refRegExp, replaceRef);\n var name = styleRule.key + \"-\" + prop;\n\n if ('replaceRule' in container) {\n // for backward compatibility\n container.replaceRule(name, style[prop], _extends({}, options, {\n selector: selector\n }));\n } else {\n container.addRule(name, style[prop], _extends({}, options, {\n selector: selector\n }));\n }\n } else if (isNestedConditional) {\n // Place conditional right after the parent rule to ensure right ordering.\n container.addRule(prop, {}, options).addRule(styleRule.key, style[prop], {\n selector: styleRule.selector\n });\n }\n\n delete style[prop];\n }\n\n return style;\n }\n\n return {\n onProcessStyle: onProcessStyle\n };\n}\n\nexport default jssNested;\n","/* eslint-disable no-var, prefer-template */\nvar uppercasePattern = /[A-Z]/g\nvar msPattern = /^ms-/\nvar cache = {}\n\nfunction toHyphenLower(match) {\n return '-' + match.toLowerCase()\n}\n\nfunction hyphenateStyleName(name) {\n if (cache.hasOwnProperty(name)) {\n return cache[name]\n }\n\n var hName = name.replace(uppercasePattern, toHyphenLower)\n return (cache[name] = msPattern.test(hName) ? '-' + hName : hName)\n}\n\nexport default hyphenateStyleName\n","import hyphenate from 'hyphenate-style-name';\n\n/**\n * Convert camel cased property names to dash separated.\n */\n\nfunction convertCase(style) {\n var converted = {};\n\n for (var prop in style) {\n var key = prop.indexOf('--') === 0 ? prop : hyphenate(prop);\n converted[key] = style[prop];\n }\n\n if (style.fallbacks) {\n if (Array.isArray(style.fallbacks)) converted.fallbacks = style.fallbacks.map(convertCase);else converted.fallbacks = convertCase(style.fallbacks);\n }\n\n return converted;\n}\n/**\n * Allow camel cased property names by converting them back to dasherized.\n */\n\n\nfunction camelCase() {\n function onProcessStyle(style) {\n if (Array.isArray(style)) {\n // Handle rules like @font-face, which can have multiple styles in an array\n for (var index = 0; index < style.length; index++) {\n style[index] = convertCase(style[index]);\n }\n\n return style;\n }\n\n return convertCase(style);\n }\n\n function onChangeValue(value, prop, rule) {\n if (prop.indexOf('--') === 0) {\n return value;\n }\n\n var hyphenatedProp = hyphenate(prop); // There was no camel case in place\n\n if (prop === hyphenatedProp) return value;\n rule.prop(hyphenatedProp, value); // Core will ignore that property value we set the proper one above.\n\n return null;\n }\n\n return {\n onProcessStyle: onProcessStyle,\n onChangeValue: onChangeValue\n };\n}\n\nexport default camelCase;\n","import { hasCSSTOMSupport } from 'jss';\n\nvar px = hasCSSTOMSupport && CSS ? CSS.px : 'px';\nvar ms = hasCSSTOMSupport && CSS ? CSS.ms : 'ms';\nvar percent = hasCSSTOMSupport && CSS ? CSS.percent : '%';\n/**\n * Generated jss-plugin-default-unit CSS property units\n */\n\nvar defaultUnits = {\n // Animation properties\n 'animation-delay': ms,\n 'animation-duration': ms,\n // Background properties\n 'background-position': px,\n 'background-position-x': px,\n 'background-position-y': px,\n 'background-size': px,\n // Border Properties\n border: px,\n 'border-bottom': px,\n 'border-bottom-left-radius': px,\n 'border-bottom-right-radius': px,\n 'border-bottom-width': px,\n 'border-left': px,\n 'border-left-width': px,\n 'border-radius': px,\n 'border-right': px,\n 'border-right-width': px,\n 'border-top': px,\n 'border-top-left-radius': px,\n 'border-top-right-radius': px,\n 'border-top-width': px,\n 'border-width': px,\n 'border-block': px,\n 'border-block-end': px,\n 'border-block-end-width': px,\n 'border-block-start': px,\n 'border-block-start-width': px,\n 'border-block-width': px,\n 'border-inline': px,\n 'border-inline-end': px,\n 'border-inline-end-width': px,\n 'border-inline-start': px,\n 'border-inline-start-width': px,\n 'border-inline-width': px,\n 'border-start-start-radius': px,\n 'border-start-end-radius': px,\n 'border-end-start-radius': px,\n 'border-end-end-radius': px,\n // Margin properties\n margin: px,\n 'margin-bottom': px,\n 'margin-left': px,\n 'margin-right': px,\n 'margin-top': px,\n 'margin-block': px,\n 'margin-block-end': px,\n 'margin-block-start': px,\n 'margin-inline': px,\n 'margin-inline-end': px,\n 'margin-inline-start': px,\n // Padding properties\n padding: px,\n 'padding-bottom': px,\n 'padding-left': px,\n 'padding-right': px,\n 'padding-top': px,\n 'padding-block': px,\n 'padding-block-end': px,\n 'padding-block-start': px,\n 'padding-inline': px,\n 'padding-inline-end': px,\n 'padding-inline-start': px,\n // Mask properties\n 'mask-position-x': px,\n 'mask-position-y': px,\n 'mask-size': px,\n // Width and height properties\n height: px,\n width: px,\n 'min-height': px,\n 'max-height': px,\n 'min-width': px,\n 'max-width': px,\n // Position properties\n bottom: px,\n left: px,\n top: px,\n right: px,\n inset: px,\n 'inset-block': px,\n 'inset-block-end': px,\n 'inset-block-start': px,\n 'inset-inline': px,\n 'inset-inline-end': px,\n 'inset-inline-start': px,\n // Shadow properties\n 'box-shadow': px,\n 'text-shadow': px,\n // Column properties\n 'column-gap': px,\n 'column-rule': px,\n 'column-rule-width': px,\n 'column-width': px,\n // Font and text properties\n 'font-size': px,\n 'font-size-delta': px,\n 'letter-spacing': px,\n 'text-decoration-thickness': px,\n 'text-indent': px,\n 'text-stroke': px,\n 'text-stroke-width': px,\n 'word-spacing': px,\n // Motion properties\n motion: px,\n 'motion-offset': px,\n // Outline properties\n outline: px,\n 'outline-offset': px,\n 'outline-width': px,\n // Perspective properties\n perspective: px,\n 'perspective-origin-x': percent,\n 'perspective-origin-y': percent,\n // Transform properties\n 'transform-origin': percent,\n 'transform-origin-x': percent,\n 'transform-origin-y': percent,\n 'transform-origin-z': percent,\n // Transition properties\n 'transition-delay': ms,\n 'transition-duration': ms,\n // Alignment properties\n 'vertical-align': px,\n 'flex-basis': px,\n // Some random properties\n 'shape-margin': px,\n size: px,\n gap: px,\n // Grid properties\n grid: px,\n 'grid-gap': px,\n 'row-gap': px,\n 'grid-row-gap': px,\n 'grid-column-gap': px,\n 'grid-template-rows': px,\n 'grid-template-columns': px,\n 'grid-auto-rows': px,\n 'grid-auto-columns': px,\n // Not existing properties.\n // Used to avoid issues with jss-plugin-expand integration.\n 'box-shadow-x': px,\n 'box-shadow-y': px,\n 'box-shadow-blur': px,\n 'box-shadow-spread': px,\n 'font-line-height': px,\n 'text-shadow-x': px,\n 'text-shadow-y': px,\n 'text-shadow-blur': px\n};\n\n/**\n * Clones the object and adds a camel cased property version.\n */\n\nfunction addCamelCasedVersion(obj) {\n var regExp = /(-[a-z])/g;\n\n var replace = function replace(str) {\n return str[1].toUpperCase();\n };\n\n var newObj = {};\n\n for (var key in obj) {\n newObj[key] = obj[key];\n newObj[key.replace(regExp, replace)] = obj[key];\n }\n\n return newObj;\n}\n\nvar units = addCamelCasedVersion(defaultUnits);\n/**\n * Recursive deep style passing function\n */\n\nfunction iterate(prop, value, options) {\n if (value == null) return value;\n\n if (Array.isArray(value)) {\n for (var i = 0; i < value.length; i++) {\n value[i] = iterate(prop, value[i], options);\n }\n } else if (typeof value === 'object') {\n if (prop === 'fallbacks') {\n for (var innerProp in value) {\n value[innerProp] = iterate(innerProp, value[innerProp], options);\n }\n } else {\n for (var _innerProp in value) {\n value[_innerProp] = iterate(prop + \"-\" + _innerProp, value[_innerProp], options);\n }\n } // eslint-disable-next-line no-restricted-globals\n\n } else if (typeof value === 'number' && isNaN(value) === false) {\n var unit = options[prop] || units[prop]; // Add the unit if available, except for the special case of 0px.\n\n if (unit && !(value === 0 && unit === px)) {\n return typeof unit === 'function' ? unit(value).toString() : \"\" + value + unit;\n }\n\n return value.toString();\n }\n\n return value;\n}\n/**\n * Add unit to numeric values.\n */\n\n\nfunction defaultUnit(options) {\n if (options === void 0) {\n options = {};\n }\n\n var camelCasedOptions = addCamelCasedVersion(options);\n\n function onProcessStyle(style, rule) {\n if (rule.type !== 'style') return style;\n\n for (var prop in style) {\n style[prop] = iterate(prop, style[prop], camelCasedOptions);\n }\n\n return style;\n }\n\n function onChangeValue(value, prop) {\n return iterate(prop, value, camelCasedOptions);\n }\n\n return {\n onProcessStyle: onProcessStyle,\n onChangeValue: onChangeValue\n };\n}\n\nexport default defaultUnit;\n","import isInBrowser from 'is-in-browser';\nimport _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';\n\n// Export javascript style and css style vendor prefixes.\nvar js = '';\nvar css = '';\nvar vendor = '';\nvar browser = '';\nvar isTouch = isInBrowser && 'ontouchstart' in document.documentElement; // We should not do anything if required serverside.\n\nif (isInBrowser) {\n // Order matters. We need to check Webkit the last one because\n // other vendors use to add Webkit prefixes to some properties\n var jsCssMap = {\n Moz: '-moz-',\n ms: '-ms-',\n O: '-o-',\n Webkit: '-webkit-'\n };\n\n var _document$createEleme = document.createElement('p'),\n style = _document$createEleme.style;\n\n var testProp = 'Transform';\n\n for (var key in jsCssMap) {\n if (key + testProp in style) {\n js = key;\n css = jsCssMap[key];\n break;\n }\n } // Correctly detect the Edge browser.\n\n\n if (js === 'Webkit' && 'msHyphens' in style) {\n js = 'ms';\n css = jsCssMap.ms;\n browser = 'edge';\n } // Correctly detect the Safari browser.\n\n\n if (js === 'Webkit' && '-apple-trailing-word' in style) {\n vendor = 'apple';\n }\n}\n/**\n * Vendor prefix string for the current browser.\n *\n * @type {{js: String, css: String, vendor: String, browser: String}}\n * @api public\n */\n\n\nvar prefix = {\n js: js,\n css: css,\n vendor: vendor,\n browser: browser,\n isTouch: isTouch\n};\n\n/**\n * Test if a keyframe at-rule should be prefixed or not\n *\n * @param {String} vendor prefix string for the current browser.\n * @return {String}\n * @api public\n */\n\nfunction supportedKeyframes(key) {\n // Keyframes is already prefixed. e.g. key = '@-webkit-keyframes a'\n if (key[1] === '-') return key; // No need to prefix IE/Edge. Older browsers will ignore unsupported rules.\n // https://caniuse.com/#search=keyframes\n\n if (prefix.js === 'ms') return key;\n return \"@\" + prefix.css + \"keyframes\" + key.substr(10);\n}\n\n// https://caniuse.com/#search=appearance\n\nvar appearence = {\n noPrefill: ['appearance'],\n supportedProperty: function supportedProperty(prop) {\n if (prop !== 'appearance') return false;\n if (prefix.js === 'ms') return \"-webkit-\" + prop;\n return prefix.css + prop;\n }\n};\n\n// https://caniuse.com/#search=color-adjust\n\nvar colorAdjust = {\n noPrefill: ['color-adjust'],\n supportedProperty: function supportedProperty(prop) {\n if (prop !== 'color-adjust') return false;\n if (prefix.js === 'Webkit') return prefix.css + \"print-\" + prop;\n return prop;\n }\n};\n\nvar regExp = /[-\\s]+(.)?/g;\n/**\n * Replaces the letter with the capital letter\n *\n * @param {String} match\n * @param {String} c\n * @return {String}\n * @api private\n */\n\nfunction toUpper(match, c) {\n return c ? c.toUpperCase() : '';\n}\n/**\n * Convert dash separated strings to camel-cased.\n *\n * @param {String} str\n * @return {String}\n * @api private\n */\n\n\nfunction camelize(str) {\n return str.replace(regExp, toUpper);\n}\n\n/**\n * Convert dash separated strings to pascal cased.\n *\n * @param {String} str\n * @return {String}\n * @api private\n */\n\nfunction pascalize(str) {\n return camelize(\"-\" + str);\n}\n\n// but we can use a longhand property instead.\n// https://caniuse.com/#search=mask\n\nvar mask = {\n noPrefill: ['mask'],\n supportedProperty: function supportedProperty(prop, style) {\n if (!/^mask/.test(prop)) return false;\n\n if (prefix.js === 'Webkit') {\n var longhand = 'mask-image';\n\n if (camelize(longhand) in style) {\n return prop;\n }\n\n if (prefix.js + pascalize(longhand) in style) {\n return prefix.css + prop;\n }\n }\n\n return prop;\n }\n};\n\n// https://caniuse.com/#search=text-orientation\n\nvar textOrientation = {\n noPrefill: ['text-orientation'],\n supportedProperty: function supportedProperty(prop) {\n if (prop !== 'text-orientation') return false;\n\n if (prefix.vendor === 'apple' && !prefix.isTouch) {\n return prefix.css + prop;\n }\n\n return prop;\n }\n};\n\n// https://caniuse.com/#search=transform\n\nvar transform = {\n noPrefill: ['transform'],\n supportedProperty: function supportedProperty(prop, style, options) {\n if (prop !== 'transform') return false;\n\n if (options.transform) {\n return prop;\n }\n\n return prefix.css + prop;\n }\n};\n\n// https://caniuse.com/#search=transition\n\nvar transition = {\n noPrefill: ['transition'],\n supportedProperty: function supportedProperty(prop, style, options) {\n if (prop !== 'transition') return false;\n\n if (options.transition) {\n return prop;\n }\n\n return prefix.css + prop;\n }\n};\n\n// https://caniuse.com/#search=writing-mode\n\nvar writingMode = {\n noPrefill: ['writing-mode'],\n supportedProperty: function supportedProperty(prop) {\n if (prop !== 'writing-mode') return false;\n\n if (prefix.js === 'Webkit' || prefix.js === 'ms' && prefix.browser !== 'edge') {\n return prefix.css + prop;\n }\n\n return prop;\n }\n};\n\n// https://caniuse.com/#search=user-select\n\nvar userSelect = {\n noPrefill: ['user-select'],\n supportedProperty: function supportedProperty(prop) {\n if (prop !== 'user-select') return false;\n\n if (prefix.js === 'Moz' || prefix.js === 'ms' || prefix.vendor === 'apple') {\n return prefix.css + prop;\n }\n\n return prop;\n }\n};\n\n// https://caniuse.com/#search=multicolumn\n// https://github.com/postcss/autoprefixer/issues/491\n// https://github.com/postcss/autoprefixer/issues/177\n\nvar breakPropsOld = {\n supportedProperty: function supportedProperty(prop, style) {\n if (!/^break-/.test(prop)) return false;\n\n if (prefix.js === 'Webkit') {\n var jsProp = \"WebkitColumn\" + pascalize(prop);\n return jsProp in style ? prefix.css + \"column-\" + prop : false;\n }\n\n if (prefix.js === 'Moz') {\n var _jsProp = \"page\" + pascalize(prop);\n\n return _jsProp in style ? \"page-\" + prop : false;\n }\n\n return false;\n }\n};\n\n// See https://github.com/postcss/autoprefixer/issues/324.\n\nvar inlineLogicalOld = {\n supportedProperty: function supportedProperty(prop, style) {\n if (!/^(border|margin|padding)-inline/.test(prop)) return false;\n if (prefix.js === 'Moz') return prop;\n var newProp = prop.replace('-inline', '');\n return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;\n }\n};\n\n// Camelization is required because we can't test using.\n// CSS syntax for e.g. in FF.\n\nvar unprefixed = {\n supportedProperty: function supportedProperty(prop, style) {\n return camelize(prop) in style ? prop : false;\n }\n};\n\nvar prefixed = {\n supportedProperty: function supportedProperty(prop, style) {\n var pascalized = pascalize(prop); // Return custom CSS variable without prefixing.\n\n if (prop[0] === '-') return prop; // Return already prefixed value without prefixing.\n\n if (prop[0] === '-' && prop[1] === '-') return prop;\n if (prefix.js + pascalized in style) return prefix.css + prop; // Try webkit fallback.\n\n if (prefix.js !== 'Webkit' && \"Webkit\" + pascalized in style) return \"-webkit-\" + prop;\n return false;\n }\n};\n\n// https://caniuse.com/#search=scroll-snap\n\nvar scrollSnap = {\n supportedProperty: function supportedProperty(prop) {\n if (prop.substring(0, 11) !== 'scroll-snap') return false;\n\n if (prefix.js === 'ms') {\n return \"\" + prefix.css + prop;\n }\n\n return prop;\n }\n};\n\n// https://caniuse.com/#search=overscroll-behavior\n\nvar overscrollBehavior = {\n supportedProperty: function supportedProperty(prop) {\n if (prop !== 'overscroll-behavior') return false;\n\n if (prefix.js === 'ms') {\n return prefix.css + \"scroll-chaining\";\n }\n\n return prop;\n }\n};\n\nvar propMap = {\n 'flex-grow': 'flex-positive',\n 'flex-shrink': 'flex-negative',\n 'flex-basis': 'flex-preferred-size',\n 'justify-content': 'flex-pack',\n order: 'flex-order',\n 'align-items': 'flex-align',\n 'align-content': 'flex-line-pack' // 'align-self' is handled by 'align-self' plugin.\n\n}; // Support old flex spec from 2012.\n\nvar flex2012 = {\n supportedProperty: function supportedProperty(prop, style) {\n var newProp = propMap[prop];\n if (!newProp) return false;\n return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;\n }\n};\n\nvar propMap$1 = {\n flex: 'box-flex',\n 'flex-grow': 'box-flex',\n 'flex-direction': ['box-orient', 'box-direction'],\n order: 'box-ordinal-group',\n 'align-items': 'box-align',\n 'flex-flow': ['box-orient', 'box-direction'],\n 'justify-content': 'box-pack'\n};\nvar propKeys = Object.keys(propMap$1);\n\nvar prefixCss = function prefixCss(p) {\n return prefix.css + p;\n}; // Support old flex spec from 2009.\n\n\nvar flex2009 = {\n supportedProperty: function supportedProperty(prop, style, _ref) {\n var multiple = _ref.multiple;\n\n if (propKeys.indexOf(prop) > -1) {\n var newProp = propMap$1[prop];\n\n if (!Array.isArray(newProp)) {\n return prefix.js + pascalize(newProp) in style ? prefix.css + newProp : false;\n }\n\n if (!multiple) return false;\n\n for (var i = 0; i < newProp.length; i++) {\n if (!(prefix.js + pascalize(newProp[0]) in style)) {\n return false;\n }\n }\n\n return newProp.map(prefixCss);\n }\n\n return false;\n }\n};\n\n// plugins = [\n// ...plugins,\n// breakPropsOld,\n// inlineLogicalOld,\n// unprefixed,\n// prefixed,\n// scrollSnap,\n// flex2012,\n// flex2009\n// ]\n// Plugins without 'noPrefill' value, going last.\n// 'flex-*' plugins should be at the bottom.\n// 'flex2009' going after 'flex2012'.\n// 'prefixed' going after 'unprefixed'\n\nvar plugins = [appearence, colorAdjust, mask, textOrientation, transform, transition, writingMode, userSelect, breakPropsOld, inlineLogicalOld, unprefixed, prefixed, scrollSnap, overscrollBehavior, flex2012, flex2009];\nvar propertyDetectors = plugins.filter(function (p) {\n return p.supportedProperty;\n}).map(function (p) {\n return p.supportedProperty;\n});\nvar noPrefill = plugins.filter(function (p) {\n return p.noPrefill;\n}).reduce(function (a, p) {\n a.push.apply(a, _toConsumableArray(p.noPrefill));\n return a;\n}, []);\n\nvar el;\nvar cache = {};\n\nif (isInBrowser) {\n el = document.createElement('p'); // We test every property on vendor prefix requirement.\n // Once tested, result is cached. It gives us up to 70% perf boost.\n // http://jsperf.com/element-style-object-access-vs-plain-object\n //\n // Prefill cache with known css properties to reduce amount of\n // properties we need to feature test at runtime.\n // http://davidwalsh.name/vendor-prefix\n\n var computed = window.getComputedStyle(document.documentElement, '');\n\n for (var key$1 in computed) {\n // eslint-disable-next-line no-restricted-globals\n if (!isNaN(key$1)) cache[computed[key$1]] = computed[key$1];\n } // Properties that cannot be correctly detected using the\n // cache prefill method.\n\n\n noPrefill.forEach(function (x) {\n return delete cache[x];\n });\n}\n/**\n * Test if a property is supported, returns supported property with vendor\n * prefix if required. Returns `false` if not supported.\n *\n * @param {String} prop dash separated\n * @param {Object} [options]\n * @return {String|Boolean}\n * @api public\n */\n\n\nfunction supportedProperty(prop, options) {\n if (options === void 0) {\n options = {};\n }\n\n // For server-side rendering.\n if (!el) return prop; // Remove cache for benchmark tests or return property from the cache.\n\n if (process.env.NODE_ENV !== 'benchmark' && cache[prop] != null) {\n return cache[prop];\n } // Check if 'transition' or 'transform' natively supported in browser.\n\n\n if (prop === 'transition' || prop === 'transform') {\n options[prop] = prop in el.style;\n } // Find a plugin for current prefix property.\n\n\n for (var i = 0; i < propertyDetectors.length; i++) {\n cache[prop] = propertyDetectors[i](prop, el.style, options); // Break loop, if value found.\n\n if (cache[prop]) break;\n } // Reset styles for current property.\n // Firefox can even throw an error for invalid properties, e.g., \"0\".\n\n\n try {\n el.style[prop] = '';\n } catch (err) {\n return false;\n }\n\n return cache[prop];\n}\n\nvar cache$1 = {};\nvar transitionProperties = {\n transition: 1,\n 'transition-property': 1,\n '-webkit-transition': 1,\n '-webkit-transition-property': 1\n};\nvar transPropsRegExp = /(^\\s*[\\w-]+)|, (\\s*[\\w-]+)(?![^()]*\\))/g;\nvar el$1;\n/**\n * Returns prefixed value transition/transform if needed.\n *\n * @param {String} match\n * @param {String} p1\n * @param {String} p2\n * @return {String}\n * @api private\n */\n\nfunction prefixTransitionCallback(match, p1, p2) {\n if (p1 === 'var') return 'var';\n if (p1 === 'all') return 'all';\n if (p2 === 'all') return ', all';\n var prefixedValue = p1 ? supportedProperty(p1) : \", \" + supportedProperty(p2);\n if (!prefixedValue) return p1 || p2;\n return prefixedValue;\n}\n\nif (isInBrowser) el$1 = document.createElement('p');\n/**\n * Returns prefixed value if needed. Returns `false` if value is not supported.\n *\n * @param {String} property\n * @param {String} value\n * @return {String|Boolean}\n * @api public\n */\n\nfunction supportedValue(property, value) {\n // For server-side rendering.\n var prefixedValue = value;\n if (!el$1 || property === 'content') return value; // It is a string or a number as a string like '1'.\n // We want only prefixable values here.\n // eslint-disable-next-line no-restricted-globals\n\n if (typeof prefixedValue !== 'string' || !isNaN(parseInt(prefixedValue, 10))) {\n return prefixedValue;\n } // Create cache key for current value.\n\n\n var cacheKey = property + prefixedValue; // Remove cache for benchmark tests or return value from cache.\n\n if (process.env.NODE_ENV !== 'benchmark' && cache$1[cacheKey] != null) {\n return cache$1[cacheKey];\n } // IE can even throw an error in some cases, for e.g. style.content = 'bar'.\n\n\n try {\n // Test value as it is.\n el$1.style[property] = prefixedValue;\n } catch (err) {\n // Return false if value not supported.\n cache$1[cacheKey] = false;\n return false;\n } // If 'transition' or 'transition-property' property.\n\n\n if (transitionProperties[property]) {\n prefixedValue = prefixedValue.replace(transPropsRegExp, prefixTransitionCallback);\n } else if (el$1.style[property] === '') {\n // Value with a vendor prefix.\n prefixedValue = prefix.css + prefixedValue; // Hardcode test to convert \"flex\" to \"-ms-flexbox\" for IE10.\n\n if (prefixedValue === '-ms-flex') el$1.style[property] = '-ms-flexbox'; // Test prefixed value.\n\n el$1.style[property] = prefixedValue; // Return false if value not supported.\n\n if (el$1.style[property] === '') {\n cache$1[cacheKey] = false;\n return false;\n }\n } // Reset styles for current property.\n\n\n el$1.style[property] = ''; // Write current value to cache.\n\n cache$1[cacheKey] = prefixedValue;\n return cache$1[cacheKey];\n}\n\nexport { prefix, supportedKeyframes, supportedProperty, supportedValue };\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { exactProp } from '@material-ui/utils';\nimport createGenerateClassName from '../createGenerateClassName';\nimport { create } from 'jss';\nimport jssPreset from '../jssPreset'; // Default JSS instance.\n\nvar jss = create(jssPreset()); // Use a singleton or the provided one by the context.\n//\n// The counter-based approach doesn't tolerate any mistake.\n// It's much safer to use the same counter everywhere.\n\nvar generateClassName = createGenerateClassName(); // Exported for test purposes\n\nexport var sheetsManager = new Map();\nvar defaultOptions = {\n disableGeneration: false,\n generateClassName: generateClassName,\n jss: jss,\n sheetsCache: null,\n sheetsManager: sheetsManager,\n sheetsRegistry: null\n};\nexport var StylesContext = React.createContext(defaultOptions);\n\nif (process.env.NODE_ENV !== 'production') {\n StylesContext.displayName = 'StylesContext';\n}\n\nvar injectFirstNode;\nexport default function StylesProvider(props) {\n var children = props.children,\n _props$injectFirst = props.injectFirst,\n injectFirst = _props$injectFirst === void 0 ? false : _props$injectFirst,\n _props$disableGenerat = props.disableGeneration,\n disableGeneration = _props$disableGenerat === void 0 ? false : _props$disableGenerat,\n localOptions = _objectWithoutProperties(props, [\"children\", \"injectFirst\", \"disableGeneration\"]);\n\n var outerOptions = React.useContext(StylesContext);\n\n var context = _extends({}, outerOptions, {\n disableGeneration: disableGeneration\n }, localOptions);\n\n if (process.env.NODE_ENV !== 'production') {\n if (typeof window === 'undefined' && !context.sheetsManager) {\n console.error('Material-UI: You need to use the ServerStyleSheets API when rendering on the server.');\n }\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (context.jss.options.insertionPoint && injectFirst) {\n console.error('Material-UI: You cannot use a custom insertionPoint and at the same time.');\n }\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (injectFirst && localOptions.jss) {\n console.error('Material-UI: You cannot use the jss and injectFirst props at the same time.');\n }\n }\n\n if (!context.jss.options.insertionPoint && injectFirst && typeof window !== 'undefined') {\n if (!injectFirstNode) {\n var head = document.head;\n injectFirstNode = document.createComment('mui-inject-first');\n head.insertBefore(injectFirstNode, head.firstChild);\n }\n\n context.jss = create({\n plugins: jssPreset().plugins,\n insertionPoint: injectFirstNode\n });\n }\n\n return /*#__PURE__*/React.createElement(StylesContext.Provider, {\n value: context\n }, children);\n}\nprocess.env.NODE_ENV !== \"production\" ? StylesProvider.propTypes = {\n /**\n * Your component tree.\n */\n children: PropTypes.node.isRequired,\n\n /**\n * You can disable the generation of the styles with this option.\n * It can be useful when traversing the React tree outside of the HTML\n * rendering step on the server.\n * Let's say you are using react-apollo to extract all\n * the queries made by the interface server-side - you can significantly speed up the traversal with this prop.\n */\n disableGeneration: PropTypes.bool,\n\n /**\n * JSS's class name generator.\n */\n generateClassName: PropTypes.func,\n\n /**\n * By default, the styles are injected last in the element of the page.\n * As a result, they gain more specificity than any other style sheet.\n * If you want to override Material-UI's styles, set this prop.\n */\n injectFirst: PropTypes.bool,\n\n /**\n * JSS's instance.\n */\n jss: PropTypes.object,\n\n /**\n * @ignore\n */\n serverGenerateClassName: PropTypes.func,\n\n /**\n * @ignore\n *\n * Beta feature.\n *\n * Cache for the sheets.\n */\n sheetsCache: PropTypes.object,\n\n /**\n * @ignore\n *\n * The sheetsManager is used to deduplicate style sheet injection in the page.\n * It's deduplicating using the (theme, styles) couple.\n * On the server, you should provide a new instance for each request.\n */\n sheetsManager: PropTypes.object,\n\n /**\n * @ignore\n *\n * Collect the sheets.\n */\n sheetsRegistry: PropTypes.object\n} : void 0;\n\nif (process.env.NODE_ENV !== 'production') {\n process.env.NODE_ENV !== \"production\" ? StylesProvider.propTypes = exactProp(StylesProvider.propTypes) : void 0;\n}","/**\n * Sort props by length.\n */\nfunction jssPropsSort() {\n var sort = function sort(prop0, prop1) {\n if (prop0.length === prop1.length) {\n return prop0 > prop1 ? 1 : -1;\n }\n\n return prop0.length - prop1.length;\n };\n\n return {\n onProcessStyle: function onProcessStyle(style, rule) {\n if (rule.type !== 'style') return style;\n var newStyle = {};\n var props = Object.keys(style).sort(sort);\n\n for (var i = 0; i < props.length; i++) {\n newStyle[props[i]] = style[props[i]];\n }\n\n return newStyle;\n }\n };\n}\n\nexport default jssPropsSort;\n","import functions from 'jss-plugin-rule-value-function';\nimport global from 'jss-plugin-global';\nimport nested from 'jss-plugin-nested';\nimport camelCase from 'jss-plugin-camel-case';\nimport defaultUnit from 'jss-plugin-default-unit';\nimport vendorPrefixer from 'jss-plugin-vendor-prefixer';\nimport propsSort from 'jss-plugin-props-sort'; // Subset of jss-preset-default with only the plugins the Material-UI components are using.\n\nexport default function jssPreset() {\n return {\n plugins: [functions(), global(), nested(), camelCase(), defaultUnit(), // Disable the vendor prefixer server-side, it does nothing.\n // This way, we can get a performance boost.\n // In the documentation, we are using `autoprefixer` to solve this problem.\n typeof window === 'undefined' ? null : vendorPrefixer(), propsSort()]\n };\n}","import { supportedKeyframes, supportedValue, supportedProperty } from 'css-vendor';\nimport { toCssValue } from 'jss';\n\n/**\n * Add vendor prefix to a property name when needed.\n */\n\nfunction jssVendorPrefixer() {\n function onProcessRule(rule) {\n if (rule.type === 'keyframes') {\n var atRule = rule;\n atRule.at = supportedKeyframes(atRule.at);\n }\n }\n\n function prefixStyle(style) {\n for (var prop in style) {\n var value = style[prop];\n\n if (prop === 'fallbacks' && Array.isArray(value)) {\n style[prop] = value.map(prefixStyle);\n continue;\n }\n\n var changeProp = false;\n var supportedProp = supportedProperty(prop);\n if (supportedProp && supportedProp !== prop) changeProp = true;\n var changeValue = false;\n var supportedValue$1 = supportedValue(supportedProp, toCssValue(value));\n if (supportedValue$1 && supportedValue$1 !== value) changeValue = true;\n\n if (changeProp || changeValue) {\n if (changeProp) delete style[prop];\n style[supportedProp || prop] = supportedValue$1 || value;\n }\n }\n\n return style;\n }\n\n function onProcessStyle(style, rule) {\n if (rule.type !== 'style') return style;\n return prefixStyle(style);\n }\n\n function onChangeValue(value, prop) {\n return supportedValue(prop, toCssValue(value)) || value;\n }\n\n return {\n onProcessRule: onProcessRule,\n onProcessStyle: onProcessStyle,\n onChangeValue: onChangeValue\n };\n}\n\nexport default jssVendorPrefixer;\n","/* eslint-disable import/prefer-default-export */\n// Global index counter to preserve source order.\n// We create the style sheet during the creation of the component,\n// children are handled after the parents, so the order of style elements would be parent->child.\n// It is a problem though when a parent passes a className\n// which needs to override any child's styles.\n// StyleSheet of the child has a higher specificity, because of the source order.\n// So our solution is to render sheets them in the reverse order child->sheet, so\n// that parent has a higher specificity.\nvar indexCounter = -1e9;\nexport function increment() {\n indexCounter += 1;\n\n if (process.env.NODE_ENV !== 'production') {\n if (indexCounter >= 0) {\n console.warn(['Material-UI: You might have a memory leak.', 'The indexCounter is not supposed to grow that much.'].join('\\n'));\n }\n }\n\n return indexCounter;\n}","// We use the same empty object to ref count the styles that don't need a theme object.\nvar noopTheme = {};\nexport default noopTheme;","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport React from 'react';\nimport { getDynamicStyles } from 'jss';\nimport mergeClasses from '../mergeClasses';\nimport multiKeyStore from './multiKeyStore';\nimport useTheme from '../useTheme';\nimport { StylesContext } from '../StylesProvider';\nimport { increment } from './indexCounter';\nimport getStylesCreator from '../getStylesCreator';\nimport noopTheme from '../getStylesCreator/noopTheme';\n\nfunction getClasses(_ref, classes, Component) {\n var state = _ref.state,\n stylesOptions = _ref.stylesOptions;\n\n if (stylesOptions.disableGeneration) {\n return classes || {};\n }\n\n if (!state.cacheClasses) {\n state.cacheClasses = {\n // Cache for the finalized classes value.\n value: null,\n // Cache for the last used classes prop pointer.\n lastProp: null,\n // Cache for the last used rendered classes pointer.\n lastJSS: {}\n };\n } // Tracks if either the rendered classes or classes prop has changed,\n // requiring the generation of a new finalized classes object.\n\n\n var generate = false;\n\n if (state.classes !== state.cacheClasses.lastJSS) {\n state.cacheClasses.lastJSS = state.classes;\n generate = true;\n }\n\n if (classes !== state.cacheClasses.lastProp) {\n state.cacheClasses.lastProp = classes;\n generate = true;\n }\n\n if (generate) {\n state.cacheClasses.value = mergeClasses({\n baseClasses: state.cacheClasses.lastJSS,\n newClasses: classes,\n Component: Component\n });\n }\n\n return state.cacheClasses.value;\n}\n\nfunction attach(_ref2, props) {\n var state = _ref2.state,\n theme = _ref2.theme,\n stylesOptions = _ref2.stylesOptions,\n stylesCreator = _ref2.stylesCreator,\n name = _ref2.name;\n\n if (stylesOptions.disableGeneration) {\n return;\n }\n\n var sheetManager = multiKeyStore.get(stylesOptions.sheetsManager, stylesCreator, theme);\n\n if (!sheetManager) {\n sheetManager = {\n refs: 0,\n staticSheet: null,\n dynamicStyles: null\n };\n multiKeyStore.set(stylesOptions.sheetsManager, stylesCreator, theme, sheetManager);\n }\n\n var options = _extends({}, stylesCreator.options, stylesOptions, {\n theme: theme,\n flip: typeof stylesOptions.flip === 'boolean' ? stylesOptions.flip : theme.direction === 'rtl'\n });\n\n options.generateId = options.serverGenerateClassName || options.generateClassName;\n var sheetsRegistry = stylesOptions.sheetsRegistry;\n\n if (sheetManager.refs === 0) {\n var staticSheet;\n\n if (stylesOptions.sheetsCache) {\n staticSheet = multiKeyStore.get(stylesOptions.sheetsCache, stylesCreator, theme);\n }\n\n var styles = stylesCreator.create(theme, name);\n\n if (!staticSheet) {\n staticSheet = stylesOptions.jss.createStyleSheet(styles, _extends({\n link: false\n }, options));\n staticSheet.attach();\n\n if (stylesOptions.sheetsCache) {\n multiKeyStore.set(stylesOptions.sheetsCache, stylesCreator, theme, staticSheet);\n }\n }\n\n if (sheetsRegistry) {\n sheetsRegistry.add(staticSheet);\n }\n\n sheetManager.staticSheet = staticSheet;\n sheetManager.dynamicStyles = getDynamicStyles(styles);\n }\n\n if (sheetManager.dynamicStyles) {\n var dynamicSheet = stylesOptions.jss.createStyleSheet(sheetManager.dynamicStyles, _extends({\n link: true\n }, options));\n dynamicSheet.update(props);\n dynamicSheet.attach();\n state.dynamicSheet = dynamicSheet;\n state.classes = mergeClasses({\n baseClasses: sheetManager.staticSheet.classes,\n newClasses: dynamicSheet.classes\n });\n\n if (sheetsRegistry) {\n sheetsRegistry.add(dynamicSheet);\n }\n } else {\n state.classes = sheetManager.staticSheet.classes;\n }\n\n sheetManager.refs += 1;\n}\n\nfunction update(_ref3, props) {\n var state = _ref3.state;\n\n if (state.dynamicSheet) {\n state.dynamicSheet.update(props);\n }\n}\n\nfunction detach(_ref4) {\n var state = _ref4.state,\n theme = _ref4.theme,\n stylesOptions = _ref4.stylesOptions,\n stylesCreator = _ref4.stylesCreator;\n\n if (stylesOptions.disableGeneration) {\n return;\n }\n\n var sheetManager = multiKeyStore.get(stylesOptions.sheetsManager, stylesCreator, theme);\n sheetManager.refs -= 1;\n var sheetsRegistry = stylesOptions.sheetsRegistry;\n\n if (sheetManager.refs === 0) {\n multiKeyStore.delete(stylesOptions.sheetsManager, stylesCreator, theme);\n stylesOptions.jss.removeStyleSheet(sheetManager.staticSheet);\n\n if (sheetsRegistry) {\n sheetsRegistry.remove(sheetManager.staticSheet);\n }\n }\n\n if (state.dynamicSheet) {\n stylesOptions.jss.removeStyleSheet(state.dynamicSheet);\n\n if (sheetsRegistry) {\n sheetsRegistry.remove(state.dynamicSheet);\n }\n }\n}\n\nfunction useSynchronousEffect(func, values) {\n var key = React.useRef([]);\n var output; // Store \"generation\" key. Just returns a new object every time\n\n var currentKey = React.useMemo(function () {\n return {};\n }, values); // eslint-disable-line react-hooks/exhaustive-deps\n // \"the first render\", or \"memo dropped the value\"\n\n if (key.current !== currentKey) {\n key.current = currentKey;\n output = func();\n }\n\n React.useEffect(function () {\n return function () {\n if (output) {\n output();\n }\n };\n }, [currentKey] // eslint-disable-line react-hooks/exhaustive-deps\n );\n}\n\nexport default function makeStyles(stylesOrCreator) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n var name = options.name,\n classNamePrefixOption = options.classNamePrefix,\n Component = options.Component,\n _options$defaultTheme = options.defaultTheme,\n defaultTheme = _options$defaultTheme === void 0 ? noopTheme : _options$defaultTheme,\n stylesOptions2 = _objectWithoutProperties(options, [\"name\", \"classNamePrefix\", \"Component\", \"defaultTheme\"]);\n\n var stylesCreator = getStylesCreator(stylesOrCreator);\n var classNamePrefix = name || classNamePrefixOption || 'makeStyles';\n stylesCreator.options = {\n index: increment(),\n name: name,\n meta: classNamePrefix,\n classNamePrefix: classNamePrefix\n };\n\n var useStyles = function useStyles() {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var theme = useTheme() || defaultTheme;\n\n var stylesOptions = _extends({}, React.useContext(StylesContext), stylesOptions2);\n\n var instance = React.useRef();\n var shouldUpdate = React.useRef();\n useSynchronousEffect(function () {\n var current = {\n name: name,\n state: {},\n stylesCreator: stylesCreator,\n stylesOptions: stylesOptions,\n theme: theme\n };\n attach(current, props);\n shouldUpdate.current = false;\n instance.current = current;\n return function () {\n detach(current);\n };\n }, [theme, stylesCreator]);\n React.useEffect(function () {\n if (shouldUpdate.current) {\n update(instance.current, props);\n }\n\n shouldUpdate.current = true;\n });\n var classes = getClasses(instance.current, props.classes, Component);\n\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useDebugValue(classes);\n }\n\n return classes;\n };\n\n return useStyles;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport { deepmerge } from '@material-ui/utils';\nimport noopTheme from './noopTheme';\nexport default function getStylesCreator(stylesOrCreator) {\n var themingEnabled = typeof stylesOrCreator === 'function';\n\n if (process.env.NODE_ENV !== 'production') {\n if (_typeof(stylesOrCreator) !== 'object' && !themingEnabled) {\n console.error(['Material-UI: The `styles` argument provided is invalid.', 'You need to provide a function generating the styles or a styles object.'].join('\\n'));\n }\n }\n\n return {\n create: function create(theme, name) {\n var styles;\n\n try {\n styles = themingEnabled ? stylesOrCreator(theme) : stylesOrCreator;\n } catch (err) {\n if (process.env.NODE_ENV !== 'production') {\n if (themingEnabled === true && theme === noopTheme) {\n // TODO: prepend error message/name instead\n console.error(['Material-UI: The `styles` argument provided is invalid.', 'You are providing a function without a theme in the context.', 'One of the parent elements needs to use a ThemeProvider.'].join('\\n'));\n }\n }\n\n throw err;\n }\n\n if (!name || !theme.overrides || !theme.overrides[name]) {\n return styles;\n }\n\n var overrides = theme.overrides[name];\n\n var stylesWithOverrides = _extends({}, styles);\n\n Object.keys(overrides).forEach(function (key) {\n if (process.env.NODE_ENV !== 'production') {\n if (!stylesWithOverrides[key]) {\n console.warn(['Material-UI: You are trying to override a style that does not exist.', \"Fix the `\".concat(key, \"` key of `theme.overrides.\").concat(name, \"`.\")].join('\\n'));\n }\n }\n\n stylesWithOverrides[key] = deepmerge(stylesWithOverrides[key], overrides[key]);\n });\n return stylesWithOverrides;\n },\n options: {}\n };\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport { getDisplayName } from '@material-ui/utils';\nexport default function mergeClasses() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var baseClasses = options.baseClasses,\n newClasses = options.newClasses,\n Component = options.Component;\n\n if (!newClasses) {\n return baseClasses;\n }\n\n var nextClasses = _extends({}, baseClasses);\n\n if (process.env.NODE_ENV !== 'production') {\n if (typeof newClasses === 'string') {\n console.error([\"Material-UI: The value `\".concat(newClasses, \"` \") + \"provided to the classes prop of \".concat(getDisplayName(Component), \" is incorrect.\"), 'You might want to use the className prop instead.'].join('\\n'));\n return baseClasses;\n }\n }\n\n Object.keys(newClasses).forEach(function (key) {\n if (process.env.NODE_ENV !== 'production') {\n if (!baseClasses[key] && newClasses[key]) {\n console.error([\"Material-UI: The key `\".concat(key, \"` \") + \"provided to the classes prop is not implemented in \".concat(getDisplayName(Component), \".\"), \"You can only override one of the following: \".concat(Object.keys(baseClasses).join(','), \".\")].join('\\n'));\n }\n\n if (newClasses[key] && typeof newClasses[key] !== 'string') {\n console.error([\"Material-UI: The key `\".concat(key, \"` \") + \"provided to the classes prop is not valid for \".concat(getDisplayName(Component), \".\"), \"You need to provide a non empty string instead of: \".concat(newClasses[key], \".\")].join('\\n'));\n }\n }\n\n if (newClasses[key]) {\n nextClasses[key] = \"\".concat(baseClasses[key], \" \").concat(newClasses[key]);\n }\n });\n return nextClasses;\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport React from 'react';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport { chainPropTypes, getDisplayName } from '@material-ui/utils';\nimport hoistNonReactStatics from 'hoist-non-react-statics';\nimport makeStyles from '../makeStyles';\n\nfunction omit(input, fields) {\n var output = {};\n Object.keys(input).forEach(function (prop) {\n if (fields.indexOf(prop) === -1) {\n output[prop] = input[prop];\n }\n });\n return output;\n} // styled-components's API removes the mapping between components and styles.\n// Using components as a low-level styling construct can be simpler.\n\n\nexport default function styled(Component) {\n var componentCreator = function componentCreator(style) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n var name = options.name,\n stylesOptions = _objectWithoutProperties(options, [\"name\"]);\n\n if (process.env.NODE_ENV !== 'production' && Component === undefined) {\n throw new Error(['You are calling styled(Component)(style) with an undefined component.', 'You may have forgotten to import it.'].join('\\n'));\n }\n\n var classNamePrefix = name;\n\n if (process.env.NODE_ENV !== 'production') {\n if (!name) {\n // Provide a better DX outside production.\n var displayName = getDisplayName(Component);\n\n if (displayName !== undefined) {\n classNamePrefix = displayName;\n }\n }\n }\n\n var stylesOrCreator = typeof style === 'function' ? function (theme) {\n return {\n root: function root(props) {\n return style(_extends({\n theme: theme\n }, props));\n }\n };\n } : {\n root: style\n };\n var useStyles = makeStyles(stylesOrCreator, _extends({\n Component: Component,\n name: name || Component.displayName,\n classNamePrefix: classNamePrefix\n }, stylesOptions));\n var filterProps;\n var propTypes = {};\n\n if (style.filterProps) {\n filterProps = style.filterProps;\n delete style.filterProps;\n }\n /* eslint-disable react/forbid-foreign-prop-types */\n\n\n if (style.propTypes) {\n propTypes = style.propTypes;\n delete style.propTypes;\n }\n /* eslint-enable react/forbid-foreign-prop-types */\n\n\n var StyledComponent = /*#__PURE__*/React.forwardRef(function StyledComponent(props, ref) {\n var children = props.children,\n classNameProp = props.className,\n clone = props.clone,\n ComponentProp = props.component,\n other = _objectWithoutProperties(props, [\"children\", \"className\", \"clone\", \"component\"]);\n\n var classes = useStyles(props);\n var className = clsx(classes.root, classNameProp);\n var spread = other;\n\n if (filterProps) {\n spread = omit(spread, filterProps);\n }\n\n if (clone) {\n return /*#__PURE__*/React.cloneElement(children, _extends({\n className: clsx(children.props.className, className)\n }, spread));\n }\n\n if (typeof children === 'function') {\n return children(_extends({\n className: className\n }, spread));\n }\n\n var FinalComponent = ComponentProp || Component;\n return /*#__PURE__*/React.createElement(FinalComponent, _extends({\n ref: ref,\n className: className\n }, spread), children);\n });\n process.env.NODE_ENV !== \"production\" ? StyledComponent.propTypes = _extends({\n /**\n * A render function or node.\n */\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * If `true`, the component will recycle it's children HTML element.\n * It's using `React.cloneElement` internally.\n *\n * This prop will be deprecated and removed in v5\n */\n clone: chainPropTypes(PropTypes.bool, function (props) {\n if (props.clone && props.component) {\n return new Error('You can not use the clone and component prop at the same time.');\n }\n\n return null;\n }),\n\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes\n /* @typescript-to-proptypes-ignore */\n .elementType\n }, propTypes) : void 0;\n\n if (process.env.NODE_ENV !== 'production') {\n StyledComponent.displayName = \"Styled(\".concat(classNamePrefix, \")\");\n }\n\n hoistNonReactStatics(StyledComponent, Component);\n return StyledComponent;\n };\n\n return componentCreator;\n}","import React from 'react';\nvar ThemeContext = React.createContext(null);\n\nif (process.env.NODE_ENV !== 'production') {\n ThemeContext.displayName = 'ThemeContext';\n}\n\nexport default ThemeContext;","import React from 'react';\nimport ThemeContext from './ThemeContext';\nexport default function useTheme() {\n var theme = React.useContext(ThemeContext);\n\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useDebugValue(theme);\n }\n\n return theme;\n}","import style from './style';\nimport compose from './compose';\n\nfunction getBorder(value) {\n if (typeof value !== 'number') {\n return value;\n }\n\n return \"\".concat(value, \"px solid\");\n}\n\nexport var border = style({\n prop: 'border',\n themeKey: 'borders',\n transform: getBorder\n});\nexport var borderTop = style({\n prop: 'borderTop',\n themeKey: 'borders',\n transform: getBorder\n});\nexport var borderRight = style({\n prop: 'borderRight',\n themeKey: 'borders',\n transform: getBorder\n});\nexport var borderBottom = style({\n prop: 'borderBottom',\n themeKey: 'borders',\n transform: getBorder\n});\nexport var borderLeft = style({\n prop: 'borderLeft',\n themeKey: 'borders',\n transform: getBorder\n});\nexport var borderColor = style({\n prop: 'borderColor',\n themeKey: 'palette'\n});\nexport var borderRadius = style({\n prop: 'borderRadius',\n themeKey: 'shape'\n});\nvar borders = compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderRadius);\nexport default borders;","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport PropTypes from 'prop-types';\nimport merge from './merge'; // The breakpoint **start** at this value.\n// For instance with the first breakpoint xs: [xs, sm[.\n\nvar values = {\n xs: 0,\n sm: 600,\n md: 960,\n lg: 1280,\n xl: 1920\n};\nvar defaultBreakpoints = {\n // Sorted ASC by size. That's important.\n // It can't be configured as it's used statically for propTypes.\n keys: ['xs', 'sm', 'md', 'lg', 'xl'],\n up: function up(key) {\n return \"@media (min-width:\".concat(values[key], \"px)\");\n }\n};\nexport function handleBreakpoints(props, propValue, styleFromPropValue) {\n if (process.env.NODE_ENV !== 'production') {\n if (!props.theme) {\n console.error('Material-UI: You are calling a style function without a theme value.');\n }\n }\n\n if (Array.isArray(propValue)) {\n var themeBreakpoints = props.theme.breakpoints || defaultBreakpoints;\n return propValue.reduce(function (acc, item, index) {\n acc[themeBreakpoints.up(themeBreakpoints.keys[index])] = styleFromPropValue(propValue[index]);\n return acc;\n }, {});\n }\n\n if (_typeof(propValue) === 'object') {\n var _themeBreakpoints = props.theme.breakpoints || defaultBreakpoints;\n\n return Object.keys(propValue).reduce(function (acc, breakpoint) {\n acc[_themeBreakpoints.up(breakpoint)] = styleFromPropValue(propValue[breakpoint]);\n return acc;\n }, {});\n }\n\n var output = styleFromPropValue(propValue);\n return output;\n}\n\nfunction breakpoints(styleFunction) {\n var newStyleFunction = function newStyleFunction(props) {\n var base = styleFunction(props);\n var themeBreakpoints = props.theme.breakpoints || defaultBreakpoints;\n var extended = themeBreakpoints.keys.reduce(function (acc, key) {\n if (props[key]) {\n acc = acc || {};\n acc[themeBreakpoints.up(key)] = styleFunction(_extends({\n theme: props.theme\n }, props[key]));\n }\n\n return acc;\n }, null);\n return merge(base, extended);\n };\n\n newStyleFunction.propTypes = process.env.NODE_ENV !== 'production' ? _extends({}, styleFunction.propTypes, {\n xs: PropTypes.object,\n sm: PropTypes.object,\n md: PropTypes.object,\n lg: PropTypes.object,\n xl: PropTypes.object\n }) : {};\n newStyleFunction.filterProps = ['xs', 'sm', 'md', 'lg', 'xl'].concat(_toConsumableArray(styleFunction.filterProps));\n return newStyleFunction;\n}\n\nexport default breakpoints;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport merge from './merge';\n\nfunction compose() {\n for (var _len = arguments.length, styles = new Array(_len), _key = 0; _key < _len; _key++) {\n styles[_key] = arguments[_key];\n }\n\n var fn = function fn(props) {\n return styles.reduce(function (acc, style) {\n var output = style(props);\n\n if (output) {\n return merge(acc, output);\n }\n\n return acc;\n }, {});\n }; // Alternative approach that doesn't yield any performance gain.\n // const handlers = styles.reduce((acc, style) => {\n // style.filterProps.forEach(prop => {\n // acc[prop] = style;\n // });\n // return acc;\n // }, {});\n // const fn = props => {\n // return Object.keys(props).reduce((acc, prop) => {\n // if (handlers[prop]) {\n // return merge(acc, handlers[prop](props));\n // }\n // return acc;\n // }, {});\n // };\n\n\n fn.propTypes = process.env.NODE_ENV !== 'production' ? styles.reduce(function (acc, style) {\n return _extends(acc, style.propTypes);\n }, {}) : {};\n fn.filterProps = styles.reduce(function (acc, style) {\n return acc.concat(style.filterProps);\n }, []);\n return fn;\n}\n\nexport default compose;","import style from './style';\nimport compose from './compose';\nexport var displayPrint = style({\n prop: 'displayPrint',\n cssProperty: false,\n transform: function transform(value) {\n return {\n '@media print': {\n display: value\n }\n };\n }\n});\nexport var displayRaw = style({\n prop: 'display'\n});\nexport var overflow = style({\n prop: 'overflow'\n});\nexport var textOverflow = style({\n prop: 'textOverflow'\n});\nexport var visibility = style({\n prop: 'visibility'\n});\nexport var whiteSpace = style({\n prop: 'whiteSpace'\n});\nexport default compose(displayPrint, displayRaw, overflow, textOverflow, visibility, whiteSpace);","import style from './style';\nimport compose from './compose';\nexport var flexBasis = style({\n prop: 'flexBasis'\n});\nexport var flexDirection = style({\n prop: 'flexDirection'\n});\nexport var flexWrap = style({\n prop: 'flexWrap'\n});\nexport var justifyContent = style({\n prop: 'justifyContent'\n});\nexport var alignItems = style({\n prop: 'alignItems'\n});\nexport var alignContent = style({\n prop: 'alignContent'\n});\nexport var order = style({\n prop: 'order'\n});\nexport var flex = style({\n prop: 'flex'\n});\nexport var flexGrow = style({\n prop: 'flexGrow'\n});\nexport var flexShrink = style({\n prop: 'flexShrink'\n});\nexport var alignSelf = style({\n prop: 'alignSelf'\n});\nexport var justifyItems = style({\n prop: 'justifyItems'\n});\nexport var justifySelf = style({\n prop: 'justifySelf'\n});\nvar flexbox = compose(flexBasis, flexDirection, flexWrap, justifyContent, alignItems, alignContent, order, flex, flexGrow, flexShrink, alignSelf, justifyItems, justifySelf);\nexport default flexbox;","import style from './style';\nimport compose from './compose';\nexport var gridGap = style({\n prop: 'gridGap'\n});\nexport var gridColumnGap = style({\n prop: 'gridColumnGap'\n});\nexport var gridRowGap = style({\n prop: 'gridRowGap'\n});\nexport var gridColumn = style({\n prop: 'gridColumn'\n});\nexport var gridRow = style({\n prop: 'gridRow'\n});\nexport var gridAutoFlow = style({\n prop: 'gridAutoFlow'\n});\nexport var gridAutoColumns = style({\n prop: 'gridAutoColumns'\n});\nexport var gridAutoRows = style({\n prop: 'gridAutoRows'\n});\nexport var gridTemplateColumns = style({\n prop: 'gridTemplateColumns'\n});\nexport var gridTemplateRows = style({\n prop: 'gridTemplateRows'\n});\nexport var gridTemplateAreas = style({\n prop: 'gridTemplateAreas'\n});\nexport var gridArea = style({\n prop: 'gridArea'\n});\nvar grid = compose(gridGap, gridColumnGap, gridRowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea);\nexport default grid;","import { deepmerge } from '@material-ui/utils';\n\nfunction merge(acc, item) {\n if (!item) {\n return acc;\n }\n\n return deepmerge(acc, item, {\n clone: false // No need to clone deep, it's way faster.\n\n });\n}\n\nexport default merge;","import style from './style';\nimport compose from './compose';\nexport var color = style({\n prop: 'color',\n themeKey: 'palette'\n});\nexport var bgcolor = style({\n prop: 'bgcolor',\n cssProperty: 'backgroundColor',\n themeKey: 'palette'\n});\nvar palette = compose(color, bgcolor);\nexport default palette;","import style from './style';\nimport compose from './compose';\nexport var position = style({\n prop: 'position'\n});\nexport var zIndex = style({\n prop: 'zIndex',\n themeKey: 'zIndex'\n});\nexport var top = style({\n prop: 'top'\n});\nexport var right = style({\n prop: 'right'\n});\nexport var bottom = style({\n prop: 'bottom'\n});\nexport var left = style({\n prop: 'left'\n});\nexport default compose(position, zIndex, top, right, bottom, left);","import style from './style';\nvar boxShadow = style({\n prop: 'boxShadow',\n themeKey: 'shadows'\n});\nexport default boxShadow;","import style from './style';\nimport compose from './compose';\n\nfunction transform(value) {\n return value <= 1 ? \"\".concat(value * 100, \"%\") : value;\n}\n\nexport var width = style({\n prop: 'width',\n transform: transform\n});\nexport var maxWidth = style({\n prop: 'maxWidth',\n transform: transform\n});\nexport var minWidth = style({\n prop: 'minWidth',\n transform: transform\n});\nexport var height = style({\n prop: 'height',\n transform: transform\n});\nexport var maxHeight = style({\n prop: 'maxHeight',\n transform: transform\n});\nexport var minHeight = style({\n prop: 'minHeight',\n transform: transform\n});\nexport var sizeWidth = style({\n prop: 'size',\n cssProperty: 'width',\n transform: transform\n});\nexport var sizeHeight = style({\n prop: 'size',\n cssProperty: 'height',\n transform: transform\n});\nexport var boxSizing = style({\n prop: 'boxSizing'\n});\nvar sizing = compose(width, maxWidth, minWidth, height, maxHeight, minHeight, boxSizing);\nexport default sizing;","export default function memoize(fn) {\n var cache = {};\n return function (arg) {\n if (cache[arg] === undefined) {\n cache[arg] = fn(arg);\n }\n\n return cache[arg];\n };\n}","import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport responsivePropType from './responsivePropType';\nimport { handleBreakpoints } from './breakpoints';\nimport merge from './merge';\nimport memoize from './memoize';\nvar properties = {\n m: 'margin',\n p: 'padding'\n};\nvar directions = {\n t: 'Top',\n r: 'Right',\n b: 'Bottom',\n l: 'Left',\n x: ['Left', 'Right'],\n y: ['Top', 'Bottom']\n};\nvar aliases = {\n marginX: 'mx',\n marginY: 'my',\n paddingX: 'px',\n paddingY: 'py'\n}; // memoize() impact:\n// From 300,000 ops/sec\n// To 350,000 ops/sec\n\nvar getCssProperties = memoize(function (prop) {\n // It's not a shorthand notation.\n if (prop.length > 2) {\n if (aliases[prop]) {\n prop = aliases[prop];\n } else {\n return [prop];\n }\n }\n\n var _prop$split = prop.split(''),\n _prop$split2 = _slicedToArray(_prop$split, 2),\n a = _prop$split2[0],\n b = _prop$split2[1];\n\n var property = properties[a];\n var direction = directions[b] || '';\n return Array.isArray(direction) ? direction.map(function (dir) {\n return property + dir;\n }) : [property + direction];\n});\nvar spacingKeys = ['m', 'mt', 'mr', 'mb', 'ml', 'mx', 'my', 'p', 'pt', 'pr', 'pb', 'pl', 'px', 'py', 'margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft', 'marginX', 'marginY', 'padding', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingLeft', 'paddingX', 'paddingY'];\nexport function createUnarySpacing(theme) {\n var themeSpacing = theme.spacing || 8;\n\n if (typeof themeSpacing === 'number') {\n return function (abs) {\n if (process.env.NODE_ENV !== 'production') {\n if (typeof abs !== 'number') {\n console.error(\"Material-UI: Expected spacing argument to be a number, got \".concat(abs, \".\"));\n }\n }\n\n return themeSpacing * abs;\n };\n }\n\n if (Array.isArray(themeSpacing)) {\n return function (abs) {\n if (process.env.NODE_ENV !== 'production') {\n if (abs > themeSpacing.length - 1) {\n console.error([\"Material-UI: The value provided (\".concat(abs, \") overflows.\"), \"The supported values are: \".concat(JSON.stringify(themeSpacing), \".\"), \"\".concat(abs, \" > \").concat(themeSpacing.length - 1, \", you need to add the missing values.\")].join('\\n'));\n }\n }\n\n return themeSpacing[abs];\n };\n }\n\n if (typeof themeSpacing === 'function') {\n return themeSpacing;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n console.error([\"Material-UI: The `theme.spacing` value (\".concat(themeSpacing, \") is invalid.\"), 'It should be a number, an array or a function.'].join('\\n'));\n }\n\n return function () {\n return undefined;\n };\n}\n\nfunction getValue(transformer, propValue) {\n if (typeof propValue === 'string' || propValue == null) {\n return propValue;\n }\n\n var abs = Math.abs(propValue);\n var transformed = transformer(abs);\n\n if (propValue >= 0) {\n return transformed;\n }\n\n if (typeof transformed === 'number') {\n return -transformed;\n }\n\n return \"-\".concat(transformed);\n}\n\nfunction getStyleFromPropValue(cssProperties, transformer) {\n return function (propValue) {\n return cssProperties.reduce(function (acc, cssProperty) {\n acc[cssProperty] = getValue(transformer, propValue);\n return acc;\n }, {});\n };\n}\n\nfunction spacing(props) {\n var theme = props.theme;\n var transformer = createUnarySpacing(theme);\n return Object.keys(props).map(function (prop) {\n // Using a hash computation over an array iteration could be faster, but with only 28 items,\n // it's doesn't worth the bundle size.\n if (spacingKeys.indexOf(prop) === -1) {\n return null;\n }\n\n var cssProperties = getCssProperties(prop);\n var styleFromPropValue = getStyleFromPropValue(cssProperties, transformer);\n var propValue = props[prop];\n return handleBreakpoints(props, propValue, styleFromPropValue);\n }).reduce(merge, {});\n}\n\nspacing.propTypes = process.env.NODE_ENV !== 'production' ? spacingKeys.reduce(function (obj, key) {\n obj[key] = responsivePropType;\n return obj;\n}, {}) : {};\nspacing.filterProps = spacingKeys;\nexport default spacing;","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport responsivePropType from './responsivePropType';\nimport { handleBreakpoints } from './breakpoints';\n\nfunction getPath(obj, path) {\n if (!path || typeof path !== 'string') {\n return null;\n }\n\n return path.split('.').reduce(function (acc, item) {\n return acc && acc[item] ? acc[item] : null;\n }, obj);\n}\n\nfunction style(options) {\n var prop = options.prop,\n _options$cssProperty = options.cssProperty,\n cssProperty = _options$cssProperty === void 0 ? options.prop : _options$cssProperty,\n themeKey = options.themeKey,\n transform = options.transform;\n\n var fn = function fn(props) {\n if (props[prop] == null) {\n return null;\n }\n\n var propValue = props[prop];\n var theme = props.theme;\n var themeMapping = getPath(theme, themeKey) || {};\n\n var styleFromPropValue = function styleFromPropValue(propValueFinal) {\n var value;\n\n if (typeof themeMapping === 'function') {\n value = themeMapping(propValueFinal);\n } else if (Array.isArray(themeMapping)) {\n value = themeMapping[propValueFinal] || propValueFinal;\n } else {\n value = getPath(themeMapping, propValueFinal) || propValueFinal;\n\n if (transform) {\n value = transform(value);\n }\n }\n\n if (cssProperty === false) {\n return value;\n }\n\n return _defineProperty({}, cssProperty, value);\n };\n\n return handleBreakpoints(props, propValue, styleFromPropValue);\n };\n\n fn.propTypes = process.env.NODE_ENV !== 'production' ? _defineProperty({}, prop, responsivePropType) : {};\n fn.filterProps = [prop];\n return fn;\n}\n\nexport default style;","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport PropTypes from 'prop-types';\nimport { chainPropTypes } from '@material-ui/utils';\nimport merge from './merge';\n\nfunction omit(input, fields) {\n var output = {};\n Object.keys(input).forEach(function (prop) {\n if (fields.indexOf(prop) === -1) {\n output[prop] = input[prop];\n }\n });\n return output;\n}\n\nvar warnedOnce = false;\n\nfunction styleFunctionSx(styleFunction) {\n var newStyleFunction = function newStyleFunction(props) {\n var output = styleFunction(props);\n\n if (props.css) {\n return _extends({}, merge(output, styleFunction(_extends({\n theme: props.theme\n }, props.css))), omit(props.css, [styleFunction.filterProps]));\n }\n\n if (props.sx) {\n return _extends({}, merge(output, styleFunction(_extends({\n theme: props.theme\n }, props.sx))), omit(props.sx, [styleFunction.filterProps]));\n }\n\n return output;\n };\n\n newStyleFunction.propTypes = process.env.NODE_ENV !== 'production' ? _extends({}, styleFunction.propTypes, {\n css: chainPropTypes(PropTypes.object, function (props) {\n if (!warnedOnce && props.css !== undefined) {\n warnedOnce = true;\n return new Error('Material-UI: The `css` prop is deprecated, please use the `sx` prop instead.');\n }\n\n return null;\n }),\n sx: PropTypes.object\n }) : {};\n newStyleFunction.filterProps = ['css', 'sx'].concat(_toConsumableArray(styleFunction.filterProps));\n return newStyleFunction;\n}\n/**\n *\n * @deprecated\n * The css style function is deprecated. Use the `styleFunctionSx` instead.\n */\n\n\nexport function css(styleFunction) {\n if (process.env.NODE_ENV !== 'production') {\n console.warn('Material-UI: The `css` function is deprecated. Use the `styleFunctionSx` instead.');\n }\n\n return styleFunctionSx(styleFunction);\n}\nexport default styleFunctionSx;","import style from './style';\nimport compose from './compose';\nexport var fontFamily = style({\n prop: 'fontFamily',\n themeKey: 'typography'\n});\nexport var fontSize = style({\n prop: 'fontSize',\n themeKey: 'typography'\n});\nexport var fontStyle = style({\n prop: 'fontStyle',\n themeKey: 'typography'\n});\nexport var fontWeight = style({\n prop: 'fontWeight',\n themeKey: 'typography'\n});\nexport var letterSpacing = style({\n prop: 'letterSpacing'\n});\nexport var lineHeight = style({\n prop: 'lineHeight'\n});\nexport var textAlign = style({\n prop: 'textAlign'\n});\nvar typography = compose(fontFamily, fontSize, fontStyle, fontWeight, letterSpacing, lineHeight, textAlign);\nexport default typography;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nexport function isPlainObject(item) {\n return item && _typeof(item) === 'object' && item.constructor === Object;\n}\nexport default function deepmerge(target, source) {\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {\n clone: true\n };\n var output = options.clone ? _extends({}, target) : target;\n\n if (isPlainObject(target) && isPlainObject(source)) {\n Object.keys(source).forEach(function (key) {\n // Avoid prototype pollution\n if (key === '__proto__') {\n return;\n }\n\n if (isPlainObject(source[key]) && key in target) {\n output[key] = deepmerge(target[key], source[key], options);\n } else {\n output[key] = source[key];\n }\n });\n }\n\n return output;\n}","/**\n * WARNING: Don't import this directly.\n * Use `MuiError` from `@material-ui/utils/macros/MuiError.macro` instead.\n * @param {number} code\n */\nexport default function formatMuiErrorMessage(code) {\n // Apply babel-plugin-transform-template-literals in loose mode\n // loose mode is safe iff we're concatenating primitives\n // see https://babeljs.io/docs/en/babel-plugin-transform-template-literals#loose\n\n /* eslint-disable prefer-template */\n var url = 'https://mui.com/production-error/?code=' + code;\n\n for (var i = 1; i < arguments.length; i += 1) {\n // rest params over-transpile for this case\n // eslint-disable-next-line prefer-rest-params\n url += '&args[]=' + encodeURIComponent(arguments[i]);\n }\n\n return 'Minified Material-UI error #' + code + '; visit ' + url + ' for the full message.';\n /* eslint-enable prefer-template */\n}","import React from \"react\";\n\nconst ProgramContext = React.createContext(\"program\");\n\nexport default ProgramContext;\n\n//initial context data\nlet ProgramSettings = {\n managerView: false,\n userId: null,\n};\n\nexport { ProgramSettings };\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport styled from \"styled-components\";\n\nconst StyledCardDescription = styled.div`\n display: block;\n display: -webkit-box;\n height: 55px;\n max-height: 55px;\n margin: 0 auto;\n font-size: 14px;\n line-height: 1.4;\n overflow: hidden;\n position: relative;\n padding-bottom: 5px;\n\n p {\n margin-top: 0;\n padding-top: 0;\n }\n\n .fadeout {\n position: absolute;\n bottom: 0em;\n left: 0;\n width: 100%;\n height: 29px;\n background: -webkit-linear-gradient(\n rgba(255, 255, 255, 0) 0%,\n rgba(255, 255, 255, 1) 100%\n );\n background-image: -moz-linear-gradient(\n rgba(255, 255, 255, 0) 0%,\n rgba(255, 255, 255, 1) 100%\n );\n background-image: -o-linear-gradient(\n rgba(255, 255, 255, 0) 0%,\n rgba(255, 255, 255, 1) 100%\n );\n background-image: linear-gradient(\n rgba(255, 255, 255, 0) 0%,\n rgba(255, 255, 255, 1) 100%\n );\n background-image: -ms-linear-gradient(\n rgba(255, 255, 255, 0) 0%,\n rgba(255, 255, 255, 1) 100%\n );\n }\n\n span {\n text-transform: initial !important;\n font-size: 14px !important;\n }\n`;\n\nconst CardDesciption = (props) => {\n return (\n \n {props.children}\n
\n \n );\n};\n\nCardDesciption.propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]),\n};\n\nCardDesciption.defaultProps = {\n children: null,\n};\n\nexport default CardDesciption;\n","import React, { useContext, useState } from \"react\";\nimport config from \"lib/config\";\nimport moment from \"moment\";\nimport {\n PROP_TYPE_PROGRAM_COURSE,\n PROP_DEFAULT_PROGRAM_COURSE,\n} from \"../../../../propTypes\";\nimport LangContext from \"../../../../langContext\";\nimport {\n OBJECT_TYPE_CLASSROOM,\n ATTEST_WAITING,\n} from \"../../../../constants.js\";\nimport ProgramContext from \"../../ProgramContext\";\nimport Description from \"../../../Description\";\nimport {\n formatCourseDuration,\n GetRequestedCourseLink,\n StyledEmptyProgress,\n StyledEmptyTag,\n StyledEmptyStars,\n StyledEmptyDescription,\n} from \"../../../../functions\";\nimport ModalCourseDetails from \"lib/components/MyCoursesCardView/courseDetails\";\nimport Rating from \"lib/components/Rating\";\nimport { sanitize } from \"lib/sanitizer.js\";\nimport { AddLinebreaksRemoveHtmlTags } from \"lib/utils\";\n\nconst WarningTag = ({ course, languageContext }) => {\n if (course.requested) {\n return (\n {languageContext(\"courserequested\")} \n );\n }\n\n if (!course.completed && course.attestStatus === ATTEST_WAITING) {\n return (\n {languageContext(\"waitingforattest\")} \n );\n }\n\n return \n {isPortalOverview && (\n
\n )}\n {displayRating ? (\n
\n ) : (\n !isPortalOverview &&
\n )}\n {displayCourseDates &&
}\n {displayDescription ? (\n
\n \n ) : (\n !isPortalOverview &&
\n )}\n {isPortalOverview && (\n
\n
\n {`${languageContext(\"reason\")}: `}\n {course.reason} \n
\n
\n )}\n\n {!isPortalOverview && (\n
\n )}\n\n {!isPortalOverview &&
}\n\n
\n {displayTime && (\n \n \n )}\n\n {course.isActiveStep &&\n !course.requested &&\n !isPortalOverview &&\n !isPreview && (\n \n setDisplayCourseDetails(true)}\n className=\"button-transparent link\"\n >\n {languageContext(\"showactivity\")}\n \n
\n )}\n\n {isPortalOverview && (\n props.onClose(false)}\n personalId={ProgramSettings.userId}\n activityId={activityId}\n isManagerOrAdmin={ProgramSettings.managerView}\n >\n );\n};\n\nconst ProgramTypeClassroomDates = (props) => {\n const languageContext = useContext(LangContext);\n const { startDate, endDate } = props.dates;\n const dateFormat =\n config && config.shortDateFormat\n ? config.shortDateFormat.toUpperCase()\n : \"yyyy-MM-dd HH:mm\";\n\n return (\n \n {moment().isAfter(startDate) && (\n \n {`${languageContext(\"enddate\")}: ${moment(endDate).format(\n dateFormat,\n )}`}\n \n )}\n {moment().isBefore(startDate) && (\n \n {`${languageContext(\"startdate\")}: ${moment(startDate).format(\n dateFormat,\n )}`}\n \n )}\n
\n );\n};\n\nProgramTypeClassroom.propTypes = {\n course: PROP_TYPE_PROGRAM_COURSE,\n};\n\nProgramTypeClassroom.defaultProps = {\n course: PROP_DEFAULT_PROGRAM_COURSE,\n};\n\nexport default ProgramTypeClassroom;\n","import React from \"react\";\nimport LuvitComponent from \"LuvitComponent\";\nimport format from \"lib/format\";\nimport Modal from \"lib/components/modal\";\nimport config from \"lib/config\";\nimport moment from \"moment\";\nimport { getString } from \"lib/translation\";\nimport { GET, POST } from \"lib/api\";\n\nconst dateFormat = config.shortDateFormat.toUpperCase();\nconst mobileViewport = window.matchMedia(\"(max-width: 400px)\").matches || false;\n\nexport default class RestartCourse extends LuvitComponent {\n constructor(props, context) {\n super(props, context, \"ActivityCentre\");\n }\n\n async componentWillMount() {\n let coursesInfo = await GET(\n \"v1/user/:personalId/onlinecourseinfo/:courseId\",\n {\n personalId: this.props.personalId,\n courseId: this.props.course.courseId,\n },\n );\n\n this.setState({ coursesInfo, ready: true });\n }\n\n async reRegisterOnCourse(personalId, courseId) {\n await POST(\"v1/user/:personalId/onlinecourse/:courseId/reregister\", {\n courseId,\n personalId,\n });\n this.props.refresh();\n this.setState({ registrationCompleted: true });\n }\n\n renderRestartInfo() {\n let styledFooterButtonMobileViewport = {\n height: \"20px\",\n lineHeight: \"20px\",\n marginBottom: \"5px\",\n };\n let repeatInfo = this.state.registrationCompleted\n ? getString(\n \"ActivityCentre\",\n \"repeatCourseReRegistrationCompletedInfoText\",\n )\n : getString(\"ActivityCentre\", \"repeatCourseInfoText\");\n\n let qsFrom = \"\";\n if (luvit.GetQueryString(\"activityid\"))\n qsFrom = \"from=p&prid=\" + luvit.GetQueryString(\"activityid\");\n else qsFrom = \"from=ml\";\n\n let basePath = document.location.pathname;\n basePath = basePath.replace(\"activitycentre/activitycentre.aspx\", \"\");\n\n let coursesInfo = this.state.coursesInfo.map((a) => (\n \n
\n {repeatInfo.replace(\"#1\", moment(a.completedDate).format(dateFormat))}\n
\n {!this.state.registrationCompleted && (\n
\n this.reRegisterOnCourse(\n this.props.personalId,\n this.props.course.courseId,\n )\n }\n >\n {getString(\"ActivityCentre\", \"repeatCourseWithNewResult\")}\n \n )}\n {this.state.registrationCompleted && (\n \n {getString(\"ActivityCentre\", \"enter\")}\n \n )}\n
;\n\n return (\n \n \n
\n {this.renderRestartInfo()}\n
\n \n {this.l(\"close\")}\n \n
\n
\n {isPortalOverview && (\n
\n )}\n {course.allowRating && !isPortalOverview ? (\n
\n ) : (\n !isPortalOverview &&
\n )}\n {displayDescription ? (\n
\n \n ) : (\n !isPortalOverview &&
\n )}\n {isPortalOverview && (\n
\n
\n {`${languageContext(\"reason\")}: `}\n {course.reason} \n
\n
\n )}\n {course.requested && (\n
\n {languageContext(\"courserequested\")}\n \n )}\n\n {course.requested && !ProgramSettings.managerView ? (\n
\n ) : (\n !isPortalOverview &&
\n )}\n\n {progress\n ? !isPortalOverview && (\n
\n )\n : !isPortalOverview &&
}\n\n
\n {displayTime && (\n \n \n )}\n {((course.isActiveStep && !ProgramSettings.managerView) ||\n isPortalOverview) && (\n <>\n {!isPortalOverview ? (\n \n {!isPreview && (\n goToCourse(course.courseId)}\n className={`button-transparent link ${\n reRegistrationPossible(course) && \"button--double-buttons\"\n }`}\n >\n {languageContext(getCourseOnlineLinkLabel(course, false))}\n \n )}\n
\n ) : (\n setRestartCourse(false)}\n refresh={() => (course.completed = false)}\n personalId={PERSONAL_ID}\n isManagerOrAdmin={false}\n >\n )}\n \n );\n};\n\nProgramTypeOnline.propTypes = {\n course: PROP_TYPE_PROGRAM_COURSE,\n};\n\nProgramTypeOnline.defaultProps = {\n course: PROP_DEFAULT_PROGRAM_COURSE,\n};\n\nexport default ProgramTypeOnline;\n","import React, { useContext, useState } from \"react\";\nimport {\n PROP_TYPE_PROGRAM_COURSE,\n PROP_DEFAULT_PROGRAM_COURSE,\n} from \"../../../../propTypes\";\nimport LangContext from \"../../../../langContext\";\nimport ProgramContext from \"../../ProgramContext\";\nimport Description from \"../../../Description\";\nimport AddActivity from \"domains/talentmanagement/coworker/goals/addactivity\";\nimport config from \"lib/config\";\nimport { API_PROGRAM_ACTIVITY } from \"lib/endpoints/programs\";\nimport ContentLoader from \"react-content-loader\";\nimport styled from \"styled-components\";\nimport {\n StyledEmptyProgress,\n StyledEmptyTag,\n StyledEmptyDescription,\n formatCourseDuration,\n} from \"../../../../functions\";\nimport { sanitize } from \"lib/sanitizer.js\";\nimport { AddLinebreaksRemoveHtmlTags } from \"lib/utils\";\nimport { GET } from \"lib/api\";\n\nconst { personalId } = config;\n\nconst fetchActivity = async (activityId, activityType) => {\n let activity =\n (await GET(API_PROGRAM_ACTIVITY, {\n activityId,\n })) || [];\n\n activity.type = \"programotheractivity\";\n\n if (activityType === \"CommonActivity\") {\n activity.type = \"programcommonactivity\";\n }\n\n return activity;\n};\n\nconst ProgramTypeActivity = (props) => {\n const languageContext = useContext(LangContext);\n const [displayActivity, setDisplayActivity] = useState(false);\n const [activityDetails, setActivityDetails] = useState(null);\n const { activity, setCompleted, isPreview, isManager } = props;\n const displayDescription =\n (activity.itemDescription && activity.itemDescription !== \"\") ||\n (activity.stepDescription && activity.stepDescription !== \"\");\n const descriptionText = activity.stepDescription || activity.itemDescription;\n\n const displayTime = formatCourseDuration(activity);\n\n const toggleActivity = async (activityId, refreshOnly) => {\n if (!activityDetails || refreshOnly) {\n let activityData = await fetchActivity(activityId, activity.type);\n\n activityData = { id: activityId, ...activityData };\n setActivityDetails(activityData);\n setCompleted(activityData.isCompleted);\n }\n if (!refreshOnly) setDisplayActivity(true);\n };\n\n const onActivitySave = () => {\n toggleActivity(activity.personalPlannedCoursesId, true);\n setDisplayActivity(false);\n };\n\n const onActivityReset = () => {\n setDisplayActivity(false);\n };\n\n return (\n \n
\n\n {displayDescription ? (\n
\n \n ) : (\n
\n )}\n\n {activity.requested && (\n
\n {languageContext(\"courserequested\")}\n \n )}\n\n
\n\n
\n\n
\n {displayTime && (\n \n \n )}\n\n {activity.isActiveStep && !isPreview && (\n \n \n toggleActivity(activity.personalPlannedCoursesId, false)\n }\n >\n {languageContext(\"displayActivity\")}\n \n
\n )}\n \n
\n )}\n\n {displayActivity && activityDetails && (\n {}}\n onShowSaveNotification={() => onActivitySave()}\n personalId={personalId}\n isManager={isManager}\n resetEditActivity={() => onActivityReset()}\n refreshOnClose={true}\n allowAttachment={true}\n fromProgramPage={true}\n />\n )}\n \n );\n};\n\nProgramTypeActivity.propTypes = {\n activity: PROP_TYPE_PROGRAM_COURSE,\n};\n\nProgramTypeActivity.defaultProps = {\n activity: PROP_DEFAULT_PROGRAM_COURSE,\n};\n\nexport default ProgramTypeActivity;\n","import React, { useContext } from \"react\";\nimport {\n PROP_TYPE_PROGRAM_COURSE,\n PROP_DEFAULT_PROGRAM_COURSE,\n} from \"../../../../propTypes\";\nimport LangContext from \"../../../../langContext\";\nimport Description from \"../../../Description\";\nimport {\n formatCourseDuration,\n GetRequestedCourseLink,\n} from \"../../../../functions\";\nimport Rating from \"lib/components/Rating\";\n\nconst ProgramTypeProgram = (props) => {\n const languageContext = useContext(LangContext);\n const { course, activityId, isPreview, isPortalOverview } = props;\n const displayTime = formatCourseDuration(course);\n const displayDescription =\n course.itemDescription && course.itemDescription !== \"\";\n\n return (\n \n
\n
\n
\n {`${languageContext(\"reason\")}: `}\n {course.reason} \n
\n
\n
\n {displayTime && (\n \n \n )}\n {((course.isActiveStep && !isPreview) || isPortalOverview) && (\n \n
\n
\n {languageContext(course.itemDescription)}
\n \n {course.mandatorySurveySent && !course.completed && (\n
\n
\n {languageContext(\"surveyHasBeenSent\")}\n \n
\n {!isPreview && (\n
\n {languageContext(\"goToSurvey\")}\n \n )}\n \n
\n )}\n
{`${course.order}) ${course.title}`}\n );\n\n const setCompleted = (completed) => {\n setCourseCompleted(completed);\n onRefresh();\n };\n\n useEffect(() => {\n setCourseCompleted(course.completed);\n }, [course]);\n\n return (\n \n {!isSurvey &&\n (isPortalOverview ? (\n \n \n ) : (\n \n \n {languageContext(\"connectedToTeams\")}\n \n \n {languageContext(\"mandatory\")}\n \n \n )}\n {course.mandatory && !completed && !course.microsoftTeamId && (\n \n \n {languageContext(\"mandatory\")}\n \n \n )}\n {!course.mandatory && !completed && course.microsoftTeamId && (\n \n \n {languageContext(\"connectedToTeams\")}\n \n \n )}\n {completed && (\n \n {languageContext(\"completed\")} \n \n )}\n\n {course.numberOfDaysUntilRegistration > 0 && !course.completed && (\n \n \n \n {languageContext(\"unlocksin\")}{\" \"}\n {course.numberOfDaysUntilRegistration}{\" \"}\n {languageContext(\"days\").toLowerCase()}\n
\n \n \n )}\n {!isPortalOverview && !course.isActiveStep && (\n \n );\n};\n\nProgramCard.propTypes = {\n course: PROP_TYPE_PROGRAM_COURSE,\n displayImage: PropTypes.bool,\n};\n\nProgramCard.defaultProps = {\n course: PROP_DEFAULT_PROGRAM_COURSE,\n displayImage: false,\n};\n\nexport default ProgramCard;\n","import React from \"react\";\nimport { getProgramTypeIconClass } from \"../../../functions\";\n\nconst CardIcon = (props) => {\n return (\n \n );\n};\n\nexport default CardIcon;\n","import React, { useContext } from \"react\";\nimport LangContext from \"../../../langContext\";\nimport Pie from \"lib/components/charts/pie.jsx\";\nimport * as CONSTANTS from \"../../../constants\";\n\nconst PieChart = (props) => {\n const languageContext = useContext(LangContext);\n const progressValue = props.progress || 0;\n\n return (\n \n \n
{
}
\n
\n \n
{title} \n
{activityTitle} \n {responsible && (\n
\n {languageContext(\"responsible1\")}: \n {responsible} \n
\n )}\n
\n {languageContext(\"enrolled\")}: \n {!isPreview && (\n {moment(registrationDate).format(dateFormat)} \n )}\n
\n {microsoftTeamId != \"\" && (\n
\n navigateToMsTeams(activityId)}\n >\n {languageContext(\"toMSTeams\")}\n \n
\n )}\n {!displayShowMoreToggle && (\n
\n )}\n {displayShowMoreToggle && (\n <>\n
\n
\n
setShowMore(!showMore)}\n tabIndex=\"0\"\n >\n {showMore\n ? languageContext(\"showlessinfo\")\n : languageContext(\"readmore\")}\n \n \n )}\n \n );\n};\n\nHeader.propTypes = {\n data: PropTypes.shape({\n title: PropTypes.string.isRequired,\n activityTitle: PropTypes.string,\n responsible: PropTypes.string,\n registerdate: PropTypes.string,\n image: PropTypes.string,\n }),\n};\n\nHeader.defaultProps = {\n activityTitle: \"\",\n responsible: \"\",\n registerdate: \"\",\n image: null,\n};\n\nexport default Header;\n","import React from \"react\";\nimport Card from \"./Card\";\nimport SettingStore from \"stores/settings\";\nimport {\n PROP_TYPE_PROGRAM_CONTENT,\n PROP_DEFAULT_PROGRAM_CONTENT,\n} from \"../../../propTypes\";\nimport * as CONSTANTS from \"../../../constants\";\nimport styled from \"styled-components\";\nimport { Box } from \"lib/components/Base/Layout/Box\";\n\nconst StyledProgramCard = styled.span`\n .MuiBox-root {\n width: 300px !important;\n }\n\n .MuiCardActionArea-root {\n height: 30% !important;\n }\n\n .MuiCard-root {\n height: 250px;\n }\n\n .MuiCardContent-root {\n padding: 0 16px !important;\n }\n`;\n\nconst ProgramCards = (props) => {\n const {\n steps,\n activityId,\n onRefresh,\n programParticipant,\n isPreview,\n isManager,\n } = props;\n const displayCardImage =\n SettingStore.getSettingValue(\n CONSTANTS.SYSTEM_SETTING_SHOW_COURSE_IMAGE_PORTAL,\n ) === CONSTANTS.SYSTEM_SETTING_ON;\n\n return (\n \n {steps.map((course, index) => {\n course.index = index;\n\n return (\n \n \n \n \n );\n })}\n \n );\n};\n\nProgramCards.propTypes = {\n steps: PROP_TYPE_PROGRAM_CONTENT,\n};\n\nProgramCards.defaultProps = {\n steps: PROP_DEFAULT_PROGRAM_CONTENT,\n};\n\nexport default ProgramCards;\n","import React, { useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport styled from \"styled-components\";\nimport {\n PROP_TYPE_PROGRAM_CONTENT,\n PROP_DEFAULT_PROGRAM_CONTENT,\n PROP_TYPE_PROGRAM_COURSE,\n PROP_DEFAULT_PROGRAM_COURSE,\n} from \"../../../propTypes\";\nimport {\n getProgressColor,\n getIconBackgroundColor,\n getProgramTypeIcon,\n} from \"../../../functions\";\nimport ProgramCard from \"../components/Card\";\n\nimport * as CONSTANTS from \"../../../constants\";\n\nconst StyledCourseTimeLine = styled.div`\n padding: 10px;\n overflow: hidden;\n\n .timeline-course {\n min-width: 700px;\n max-width: 850px;\n margin: 0px 0 0px 15px;\n min-height: 80px;\n }\n`;\n\nconst StyledTimeline = styled.div`\n width: 155px;\n padding-top: 5px;\n border-left-width: 6px;\n border-left-color: ${(props) => getProgressColor(props.course)};\n padding-right: 10px;\n border-left-style: ${(props) =>\n props.course.completed === true ? \"solid\" : \"dotted\"};\n margin-right: 20px;\n display: flex;\n min-height: 70px;\n`;\n\nconst TimelineCourse = (props) => {\n const { course } = props;\n const COURSE_PROGRESS_COLOR_BG = getProgressColor(course);\n\n return (\n <>\n \n
\n \n \n {props.number} \n \n
\n \n \n
\n \n
\n \n \n \n \n {title}\n \n
\n
\n \n ))}\n \n );\n};\n\nCourseTimeline.propTypes = {\n steps: PROP_TYPE_PROGRAM_CONTENT,\n title: PropTypes.string.isRequired,\n};\n\nCourseTimeline.defaultProps = {\n steps: PROP_DEFAULT_PROGRAM_CONTENT,\n};\n\nexport default CourseTimeline;\n","import React, { useState, useEffect, useContext, useCallback } from \"react\";\nimport config from \"lib/config\";\nimport { API_PROGRAM } from \"lib/endpoints/programs\";\nimport ContentLoader from \"react-content-loader\";\nimport withLanguageContext from \"lib/hocs/withLanguageContext\";\nimport ProgramContext, { ProgramSettings } from \"./ProgramContext\";\nimport LangContext from \"../../langContext\";\nimport Header from \"./components/Header\";\nimport Cards from \"./components/Cards\";\nimport Timeline from \"./components/Timeline\";\nimport * as CONSTANTS from \"../../constants\";\nimport { filterProgramContent } from \"../../functions\";\nimport { StyledFilterButtons, StyledProgram } from \"./style\";\nimport { GET } from \"lib/api\";\n\nconst DISPLAY_CARDS = 2;\nconst DISPLAY_TIMELINE = 3;\n\nconst Program = (props) => {\n const { managerView, personalId, isPreview } = props;\n const PERSONAL_ID = personalId || config.personalId;\n const PROGRAM_ID = props.activityId;\n const [program, setProgram] = useState(null);\n const [preview, setPreview] = useState(false);\n const { compact } = props;\n\n ProgramSettings.managerView = managerView;\n ProgramSettings.userId = PERSONAL_ID;\n\n const fetchData = useCallback(async () => {\n let program =\n (await GET(API_PROGRAM, {\n programId: PROGRAM_ID,\n personalId: PERSONAL_ID,\n })) || [];\n program = { activityId: PROGRAM_ID, ...program };\n\n const responseData = props.program !== undefined ? props.program : program;\n setPreview(program.isActivityAdminOnly || (isPreview ?? false));\n setProgram(responseData);\n }, []);\n\n const refreshProgram = () => {\n fetchData();\n };\n\n useEffect(() => {\n fetchData();\n }, []);\n\n if (!program) {\n return (\n \n
\n );\n }\n\n return (\n \n \n \n \n );\n};\n\nexport default withLanguageContext(Program, \"Programs\");\n\nconst ProgramView = (props) => {\n const languageContext = useContext(LangContext);\n const [activeFilterSelection, setActiveFilterSelection] = useState(\n CONSTANTS.PROGRESS_ALL,\n );\n const { steps, activityId } = props.data;\n const { onRefresh, programParticipant, isPreview, isManager } = props;\n const [filteredContent, setFilteredContent] = useState(steps);\n const emptyContent = filteredContent.length === 0;\n\n const handleFilter = (filter) => {\n const selectedContent = filterProgramContent(steps, filter);\n setActiveFilterSelection(filter);\n setFilteredContent(selectedContent);\n };\n\n const buttons = [\n { value: languageContext(\"all\"), filter: CONSTANTS.PROGRESS_ALL },\n {\n value: languageContext(\"lefttodo\"),\n filter: CONSTANTS.PROGRESS_TODO,\n },\n {\n value: languageContext(\"Finished2\"),\n filter: CONSTANTS.PROGRESS_DONE,\n },\n ];\n\n useEffect(() => {\n handleFilter(activeFilterSelection);\n }, [steps]);\n\n return (\n <>\n \n \n \n
\n }\n \n {emptyContent && (\n {languageContext(\"noactivecontent\")} \n )}\n
\n \n \n );\n};\n\nconst EmptyContent = (props) => {\n return {props.children}
;\n};\n","import styled from \"styled-components\";\nimport FilterButtons from \"lib/components/Fragment/FilterButtons\";\n\nexport const StyledFilterButtons = styled(FilterButtons)`\n margin-left: 24px;\n`;\n\nexport const StyledProgram = styled.div`\n padding: 0 0 48px 0;\n max-width: 1100px;\n\n .lc-icon-button {\n min-width: 48px;\n height: 48px;\n width: 48px;\n max-width: 48px;\n max-height: 48px;\n overflow: hidden;\n min-width: 48px;\n min-height: 48px;\n display: flex;\n align-items: center;\n }\n\n .lc-button-group button {\n margin: 0;\n height: 40px;\n line-height: 0px;\n min-width: max-content;\n }\n\n .card-course-icon {\n position: absolute;\n top: 5px;\n left: 5px;\n }\n\n .lc-card-dates span {\n font-size: 14px;\n }\n\n .managerSelect__menu {\n z-index: 10 !important;\n }\n\n .lc-card-footer {\n min-height: 30px;\n max-height: 30px;\n }\n\n .lc-card-footer .icon-clock {\n font: normal normal normal 14px/1 FontAwesome;\n }\n`;\n\nexport const StyledSurveyLinkContainer = styled.div`\n margin-top: 25px;\n`;\n","export const COLOR_1 = \"#000\";\nexport const COLOR_2 = \"var(--primaryColor)\";\nexport const COLOR_3 = \"lightgray\";\nexport const COLOR_4 = \"#FFF\";\nexport const COLOR_5 = \"#e66da5\";\n\nexport const COLOR_6 = \"#44acf8\";\nexport const COLOR_7 = \"#fcd647\";\nexport const COLOR_8 = \"#cecece\";\nexport const COLOR_9 = \"#8400FF\";\n\nexport const COLOR_10 = \"rgba(230, 109, 165, .05)\";\nexport const COLOR_11 = \"rgba(68, 172, 248, .05)\";\nexport const COLOR_12 = \"rgba(252, 214, 71, .10)\";\n\nexport const COLOR_COURSE_ONLINE = COLOR_5;\nexport const COLOR_COURSE_ONLINE_BACKGROUND = COLOR_10;\nexport const COLOR_COURSE_CLASSROOM = COLOR_6;\nexport const COLOR_COURSE_CLASSROOM_BACKGROUND = COLOR_11;\nexport const COLOR_COURSE_ACTIVITY = COLOR_7;\nexport const COLOR_COURSE_ACTIVITY_BACKGROUND = COLOR_12;\nexport const COLOR_PROGRAM = COLOR_9;\n\nexport const COLOR_PROGRESS_BG = \"#efefef\";\nexport const COLOR_BADGE = \"#007BC6\";\nexport const COLOR_BADGE_BG = \"#DDD\";\nexport const COLOR_BADGE_SELECTED = \"#DDD\";\nexport const COLOR_BADGE_SELECTED_BG = \"#007BC6\";\n\nexport const COURSE_TYPE_ONLINE = \"Online\";\nexport const COURSE_TYPE_CLASSROOM = \"Classroom\";\nexport const COURSE_TYPE_ACTIVITY = \"Activity\";\nexport const COURSE_TYPE_COMMON_ACTIVITY = \"CommonActivity\";\nexport const COURSE_TYPE_NEW_COMMON_ACTIVITY = \"NewCommonActivity\";\nexport const COURSE_TYPE_PROGRAM = \"Program\";\nexport const COURSE_TYPE_SURVEY_TO_COMPLETE = \"SurveyToComplete\";\n\nexport const COURSE_COLOR_PROGRESS_NEUTRAL = COLOR_8;\nexport const COURSE_COLOR_PROGRESS_LOW = \"red\";\nexport const COURSE_COLOR_PROGRESS_MEDIUM = \"#eabd3c\";\nexport const COURSE_COLOR_PROGRESS_HIGH = \"#007702\";\n\nexport const ICON_SIZE = 20;\n\nexport const PROGRESS_ALL = \"ALL\";\nexport const PROGRESS_TODO = \"TODO\";\nexport const PROGRESS_DONE = \"DONE\";\nexport const PROGRESS_ONGOING = \"ONGOING\";\n\nexport const SYSTEM_SETTING_SHOW_COURSE_IMAGE_PORTAL =\n \"showcourseimageinportal\";\nexport const SYSTEM_SETTING_ON = \"1\";\n\nexport const PROGRAM_ICON_CLASS = \"fa fa-graduation-cap\";\nexport const PROGRAM_ACTIVITY_IMAGE = \"./Content/img/neutral.jpg\"; //\"./Content/img/activity.jpg\";\nexport const PROGRAM_COURSE_IMAGE = \"./Content/img/neutral.jpg\";\nexport const PROGRAM_COURSE_IMAGE_BLANK = \"./Content/img/blank.gif\";\nexport const PROGRAM_COURSE_IMAGE_BLANK_PORTALOVERVIEW =\n \"../Content/img/blank.gif\";\nexport const PROGRAM_IMAGE = \"./Content/img/program.png\";\nexport const PROGRAM_IMAGE_PORTALOVERVIEW = \"../Content/img/program.png\";\nexport const PROGRAM_COURSE_IMAGE_PORTALOVERVIEW = \"../Content/img/neutral.jpg\";\nexport const PROGRAM_SURVEY_IMAGE = \"./Content/img/programStepSurvey.jpg\";\n\nexport const OBJECT_TYPE_ONLINE = 4;\nexport const OBJECT_TYPE_CLASSROOM = 5;\n\nexport const ATTEST_WAITING = 0;\n","import React, { useContext } from \"react\";\nimport config from \"lib/config\";\nimport LangContext from \"./langContext\";\nimport * as CONSTANTS from \"./constants\";\nimport { ONLINE, CLASSROOM, ACTIVITY } from \"lib/icons\";\nimport styled from \"styled-components\";\nimport { GET } from \"lib/api\";\n\nexport const formatCourseDuration = (course) => {\n const languageContext = useContext(LangContext);\n\n let time = \"\";\n\n if (course.durationHours || course.durationMinutes) {\n if (course.durationHours && course.durationHours != 0) {\n time = course.durationHours + \" h \";\n }\n\n if (course.durationMinutes) {\n time += course.durationMinutes + \" \" + languageContext(\"minutesshort\");\n }\n }\n\n return time;\n};\n\nexport const getCourseOnlineLinkLabel = (course, reRegisterLink) => {\n if (!course.lastLoggedIn) {\n return \"start\";\n }\n\n if (course.completed) {\n return \"show\";\n }\n\n return \"continue\";\n};\n\nexport const reRegistrationPossible = (course) => {\n if (course.completed && course.allowUserReRegistration) {\n return true;\n }\n\n return false;\n};\n\nexport const getProgressBgColor = (course) => {\n let progressColor = CONSTANTS.COURSE_COLOR_PROGRESS_NEUTRAL;\n\n if (!course || course === \"\") {\n return progressColor;\n }\n\n const PROGRESS_LOW = course.completed === false;\n const PROGRESS_MEDIUM =\n course.completed === false && course.progress && course.progress > 30;\n const PROGRESS_HIGH = course.completed === true;\n\n if (PROGRESS_LOW) {\n progressColor = CONSTANTS.COURSE_COLOR_PROGRESS_NEUTRAL;\n }\n if (PROGRESS_MEDIUM) {\n progressColor = CONSTANTS.COURSE_COLOR_PROGRESS_MEDIUM;\n }\n if (PROGRESS_HIGH) {\n progressColor = CONSTANTS.COURSE_COLOR_PROGRESS_HIGH;\n }\n return progressColor;\n};\n\nexport const getProgressColor = (course) => {\n let progressColor = CONSTANTS.COLOR_1;\n\n if (!course || course === \"\") {\n return progressColor;\n }\n\n const PROGRESS_LOW = course.completed === false;\n const PROGRESS_MEDIUM =\n course.completed === false && course.progress && course.progress > 30;\n const PROGRESS_HIGH = course.completed === true;\n\n if (PROGRESS_LOW) {\n progressColor = CONSTANTS.COLOR_1;\n }\n if (PROGRESS_MEDIUM) {\n progressColor = CONSTANTS.COLOR_1;\n }\n if (PROGRESS_HIGH) {\n progressColor = CONSTANTS.COLOR_4;\n }\n return progressColor;\n};\n\nexport const getFullName = (person) => {\n let { firstName = \"\", lastName = \"\" } = person;\n\n if (firstName === null) {\n firstName = \"\";\n }\n if (lastName === null) {\n lastName = \"\";\n }\n\n return `${firstName} ${lastName}`.trim();\n};\n\nexport const getIconBackgroundColor = (type) => {\n if (type == CONSTANTS.COURSE_TYPE_ONLINE) {\n return CONSTANTS.COLOR_COURSE_ONLINE;\n }\n if (type == CONSTANTS.COURSE_TYPE_CLASSROOM) {\n return CONSTANTS.COLOR_COURSE_CLASSROOM;\n }\n if (\n type == CONSTANTS.COURSE_TYPE_ACTIVITY ||\n CONSTANTS.COURSE_TYPE_COMMON_ACTIVITY\n ) {\n return CONSTANTS.COLOR_COURSE_ACTIVITY;\n }\n};\n\nexport const getCardBackgroundColor = (type) => {\n if (type == CONSTANTS.COURSE_TYPE_ONLINE) {\n return CONSTANTS.COLOR_COURSE_ONLINE_BACKGROUND;\n }\n if (type == CONSTANTS.COURSE_TYPE_CLASSROOM) {\n return CONSTANTS.COLOR_COURSE_CLASSROOM_BACKGROUND;\n }\n if (\n type == CONSTANTS.COURSE_TYPE_ACTIVITY ||\n CONSTANTS.COURSE_TYPE_COMMON_ACTIVITY\n ) {\n return CONSTANTS.COLOR_COURSE_ACTIVITY_BACKGROUND;\n }\n};\n\nexport const getProgramTypeIcon = (type) => {\n if (type == CONSTANTS.COURSE_TYPE_ONLINE) {\n return \n {title && title.length > 1 ? title.substr(0, 2) : title.substr(0, 1)}\n
\n );\n};\n\nexport const navigateToMsTeams = async (activityId) => {\n let url = await GET(\"v1/msteams/url/:activityId/\", {\n activityId,\n });\n\n if (url) {\n let win = window.open(url, \"_blank\");\n win.focus();\n }\n};\n\nexport const CardNoImage = () => {\n return
;\n};\n\nexport const StyledEmptyTag = styled.div`\n height: 30px;\n`;\n\nexport const StyledEmptyStars = styled.div`\n height: 20px;\n`;\n\nexport const StyledEmptyActivityTitle = styled.div`\n height: 15px;\n`;\n\nexport const StyledEmptyDescription = styled.div`\n height: 64px;\n max-height: 64px;\n`;\n\nexport const StyledEmptyDate = styled.div`\n height: 20px;\n`;\n\nexport const StyledEmptyProgress = styled.div`\n height: 15px;\n margin: 5px 0;\n`;\n\nexport const StyledCardBanner = styled.div`\n position: absolute;\n display: flex;\n top: -5px;\n right: -4px;\n padding: 8px;\n font-size: 12px;\n`;\n\nexport const StyledCardIconContainer = styled.div`\n .card-course-icon {\n position: absolute;\n top: 5px;\n left: 5px;\n }\n`;\n\nexport const StyledCardLockIconContainer = styled.div`\n left: 0px !important;\n top: 0px !important;\n font-size: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n background-color: rgba(50, 50, 50, 0.3);\n border-radius: 5px;\n z-index: 2;\n`;\n\nexport const StyledCardLockInformationTextBox = styled.div`\n font-size: 16px;\n border-radius: 4px;\n padding: 0 4px;\n`;\n\nexport const StyledFooterButtonMobileViewport = {\n height: \"20px\",\n lineHeight: \"20px\",\n marginBottom: \"5px\",\n};\n\nexport const StyledFooterIcon = styled.div`\n min-width: 80px;\n position: absolute;\n top: -20px;\n`;\n","import React from \"react\";\n\nconst LangContext = React.createContext(\"languageContext\");\n\nexport default LangContext;\n","import PropTypes from \"prop-types\";\nimport {\n COURSE_TYPE_ONLINE,\n COURSE_TYPE_CLASSROOM,\n COURSE_TYPE_ACTIVITY,\n COURSE_TYPE_COMMON_ACTIVITY,\n} from \"./constants\";\n\nexport const PROP_TYPE_PROGRAM = PropTypes.shape({\n activityId: PropTypes.number.isRequired,\n title: PropTypes.string.isRequired,\n image: PropTypes.string,\n description: PropTypes.string.isRequired,\n responsible: PropTypes.string.isRequired,\n registerdate: PropTypes.string.isRequired,\n completed: PropTypes.bool.isRequired,\n progress: PropTypes.number.isRequired,\n content: PROP_TYPE_PROGRAM_CONTENT,\n});\n\nexport const PROP_DEFAULT_PROGRAM = {\n activityId: 1,\n title: \"\",\n image: \"\",\n description: \"\",\n responsible: \"\",\n registerdate: \"2020-01-18\",\n completed: 0,\n progress: 0,\n content: [PROP_DEFAULT_PROGRAM_COURSE],\n};\n\nexport const PROP_TYPE_PROGRAM_CONTENT = PropTypes.arrayOf(\n PropTypes.shape({\n type: PropTypes.oneOf([\n COURSE_TYPE_ONLINE,\n COURSE_TYPE_CLASSROOM,\n COURSE_TYPE_ACTIVITY,\n COURSE_TYPE_COMMON_ACTIVITY,\n ]).isRequired,\n courseId: PropTypes.number.isRequired,\n title: PropTypes.string.isRequired,\n itemDescription: PropTypes.string,\n stepDescription: PropTypes.string,\n image: PropTypes.string,\n isProgram: PropTypes.bool,\n completed: PropTypes.bool.isRequired,\n order: PropTypes.number,\n personalPlannedCoursesId: PropTypes.number,\n accessDate: PropTypes.string,\n activityId: PropTypes.number.isRequired,\n courseEnds: PropTypes.string,\n courseStarts: PropTypes.string,\n createdDate: PropTypes.string,\n durationHours: PropTypes.number,\n durationMinutes: PropTypes.number,\n lastLoggedIn: PropTypes.string,\n lastLoggedIn2: PropTypes.string,\n personalId: PropTypes.string,\n profileId: PropTypes.number,\n requested: PropTypes.bool,\n trainingCategoryId: PropTypes.number,\n }),\n);\n\nexport const PROP_DEFAULT_PROGRAM_CONTENT = [PROP_DEFAULT_PROGRAM_COURSE];\n\nexport const PROP_TYPE_PROGRAM_COURSE = PropTypes.shape({\n type: PropTypes.oneOf([\n COURSE_TYPE_ONLINE,\n COURSE_TYPE_CLASSROOM,\n COURSE_TYPE_ACTIVITY,\n COURSE_TYPE_COMMON_ACTIVITY,\n ]).isRequired,\n courseId: PropTypes.number.isRequired,\n title: PropTypes.string.isRequired,\n itemDescription: PropTypes.string,\n stepDescription: PropTypes.string,\n image: PropTypes.string,\n isProgram: PropTypes.bool,\n completed: PropTypes.bool.isRequired,\n order: PropTypes.number,\n personalPlannedCoursesId: PropTypes.number,\n accessDate: PropTypes.string,\n activityId: PropTypes.number.isRequired,\n courseEnds: PropTypes.string,\n courseStarts: PropTypes.string,\n createdDate: PropTypes.string,\n durationHours: PropTypes.number,\n durationMinutes: PropTypes.number,\n lastLoggedIn: PropTypes.string,\n lastLoggedIn2: PropTypes.string,\n personalId: PropTypes.string,\n profileId: PropTypes.number,\n requested: PropTypes.bool,\n trainingCategoryId: PropTypes.number,\n});\n\nexport const PROP_DEFAULT_PROGRAM_COURSE = {\n type: COURSE_TYPE_ONLINE,\n courseId: 5023,\n title: \"kurs 1\",\n itemDescription: \"kurs 1 beskrivning\",\n stepDescription: \"steg 1\",\n image: null,\n completed: true,\n progress: 100,\n order: 1,\n personalPlannedCoursesId: 0,\n accessDate: \"0001-01-01T00:00:00\",\n activityId: 0,\n assignments: null,\n courseEnds: \"2029-11-20T00:00:00\",\n courseStarts: \"2019-11-20T00:00:00\",\n createdDate: \"2019-11-20T13:53:17.54\",\n durationHours: 0,\n durationMinutes: 0,\n lastLoggedIn: \"2020-02-25T08:58:25.467\",\n lastLoggedIn2: \"0001-01-01T00:00:00\",\n personalId: \"1C4F7518-6DAD-4573-9E48-218E1EB8E05C\",\n profileId: 1,\n requested: false,\n trainingCategoryId: 0,\n};\n","import React from \"react\";\nimport { GET } from \"lib/api\";\nimport SettingStore from \"stores/settings\";\nimport withLanguageContext from \"lib/hocs/withLanguageContext\";\n\nclass PersonalGoalsDropdown extends React.Component {\n constructor(props) {\n super(props);\n }\n\n async componentWillMount() {\n const isBt = SettingStore.isBt();\n let year = this.props.year;\n\n if (!year) year = new Date().getFullYear();\n\n if (isBt) {\n year = null;\n }\n\n let goals = await GET(\n `v1/user/goalsnohierarchy?${new URLSearchParams({\n personalId: this.props.personalId,\n year,\n })}`,\n );\n\n this.setState({\n ready: true,\n goals,\n currentValue: this.props.defaultValue,\n });\n }\n\n setValue(e) {\n this.setState({ currentValue: e.target.value });\n\n if (this.props.updateParentState)\n this.props.updateParentState(e.target.value);\n }\n\n render() {\n if (!this.state || !this.state.ready) return
;\n const { languageContext } = this.props;\n return (\n \n \n {`- ${languageContext(\"disconnectbusinessgoals\")} -`}\n \n {this.state.goals.map((goal) => (\n \n {goal.title}\n \n ))}\n \n );\n }\n}\n\nexport default withLanguageContext(PersonalGoalsDropdown, \"TalentManagement\");\n","import styled from \"styled-components\";\n\nexport const StyledFormalCompetenceList = styled.ul`\n list-style: disc;\n margin: 10px;\n padding-left: 25px;\n`;\n","import React from \"react\";\nimport { GET } from \"lib/api\";\nimport { InputLabelDatePicker } from \"lib/components/Fragment/InputLabelDatePicker\";\nimport PriorityDropdown from \"lib/components/PriorityDropdown\";\nimport Form from \"lib/components/Form\";\nimport { IconButton, CTAButton } from \"lib/components/Button\";\nimport { Button } from \"lib/components/Base/Inputs/Button\";\nimport { Grid } from \"lib/components/Base/Layout/Grid\";\nimport LuvitComponent from \"LuvitComponent\";\nimport PersonalGoalsDropdown from \"lib/components/PersonalGoalsDropdown\";\nimport config from \"lib/config\";\nimport dompurify from \"dompurify\";\nimport * as constants from \"./constants\";\nimport * as styles from \"./styles\";\nimport SettingStore from \"stores/settings\";\nimport format from \"lib/format\";\nimport ValidationSummary from \"lib/components/ValidationSummary\";\n\nvar filter = [0, 0, 0, 0, 0];\n\nconst MODAL_STEP_ADD = 0;\nconst MODAL_STEP_SUBMIT = 1;\n\nexport default class AddInternal extends LuvitComponent {\n constructor(props, context) {\n super(props, context, \"TalentManagement\");\n this.toggleCourseDetails = this.toggleCourseDetails.bind(this);\n this.renderOption = this.renderOption.bind(this);\n this.updateParentBack = this.updateParentBack.bind(this);\n this.updateSearch = this.updateSearch.bind(this);\n this.sanitizer = dompurify.sanitize;\n }\n\n componentWillMount() {\n let act = this.props.activity;\n const isBt = SettingStore.getSettingValue(\"bt\") === \"1\";\n\n this.onRefresh();\n this.setState({\n signed: false,\n responsible: act.responsible || this.props.personalName || \"\",\n priority: act.priority,\n goal: act.personalGoalId || act.goalId,\n comment: act.comments,\n deadlineDate: act.dueDate || act.deadlineDate || \"\",\n isBt: isBt || false,\n personalPlannedCourseId: undefined,\n ableToRegister: false,\n });\n }\n\n async onRefresh() {\n let results = await GET(\n `/v1/coursecatalogue?${new URLSearchParams({\n personalId: this.props.personalId,\n portalSiteId: config.siteId,\n })}&${filter.map((category) => \"categories=\" + category).join(\"&\")}`,\n );\n let categories = await GET(`/v1/coursecataloguecategories/:portalSiteId/`, {\n portalSiteId: config.siteId,\n });\n\n let courses = results.map((c) => {\n return {\n label: c.title,\n description: c.description,\n type: c.type,\n value: c.type.toLowerCase() == \"online\" ? c.courseId : c.courseObjectId,\n };\n });\n this.setState({\n ready: true,\n courses,\n categories: categories,\n errors: [],\n });\n }\n\n renderOption(option) {\n let style = { cursor: \"pointer\" };\n const { selectedCourse } = this.state;\n\n if (selectedCourse == option) {\n style.backgroundColor = \"rgba(100,155,255,0.1)\";\n }\n\n return (\n \n \n \n \n {option.label}\n \n \n \n \n
\n {this.GetOptionTypeTranslation(option)}\n
\n
\n {this.l(\"readmore\")}\n \n \n self.updateFilter(e, order)}\n >\n -- {self.l(c.title)} -- \n {self.renderCategoryValues(c.values)}\n {\" \"}\n \n
\n );\n });\n\n return categories;\n }\n\n renderCategoryValues(values) {\n return values.map(function (v) {\n return (\n \n {v.title}\n \n );\n });\n }\n\n updateFilter(e, count) {\n filter[count] = e.target.value;\n this.setState({ filter });\n this.onRefresh();\n }\n\n toggleCourseDetails() {\n let act = this.props.activity;\n this.viewCourseDetails(act, true);\n }\n\n updateParentBack() {\n setTimeout(\n (() => {\n const { courseDetails, openCourse, activeView } = this.state;\n this.props.hideBack(\n !!(\n courseDetails ||\n openCourse ||\n (!this.props.activity.id && activeView > MODAL_STEP_ADD)\n ),\n );\n }).bind(this),\n 10,\n );\n }\n\n setActiveView(newView) {\n return (() => {\n this.setState({ activeView: newView });\n\n this.updateParentBack();\n }).bind(this);\n }\n\n updateSearch() {\n let searchVal = this.refs.searchField.value.toLowerCase();\n let newState = { searchVal };\n\n if (\n this.state.selectedCourse &&\n this.state.selectedCourse.label.toLowerCase().indexOf(searchVal) < 0\n )\n newState = { searchVal, selectedCourse: null, selectedCourseId: null };\n\n this.setState(newState);\n }\n\n changePriority(p) {\n this.setState({ priority: p });\n }\n\n changeGoal(g) {\n this.setState({ goal: g });\n }\n\n async getUserCourseInfo(courseId) {\n const userCourseData = await GET(\n \"v1/user/:personalId/onlinecourseinfo/:courseId\",\n {\n personalId: this.props.personalId,\n courseId: courseId,\n },\n );\n return userCourseData[0] || false;\n }\n\n async checkIfAbleToRegister(selectedCourse) {\n const { activity } = this.props;\n const withActivityData =\n activity.hasOwnProperty(\"isLocked\") &&\n activity.hasOwnProperty(\"status\") &&\n activity.hasOwnProperty(\"isCompleted\");\n if (withActivityData) {\n return (\n !activity.isLocked &&\n activity.status !== \"registered\" &&\n !activity.isCompleted\n );\n } else {\n const userCourseInfo = await this.getUserCourseInfo(selectedCourse.value);\n const canRegisterOnlineCourse =\n !userCourseInfo.completed && !userCourseInfo.registered;\n selectedCourse && selectedCourse.type.toLowerCase() === \"online\";\n this.setState({ ableToRegister: canRegisterOnlineCourse });\n }\n }\n\n doRender() {\n if (!this.state || !this.state.ready) return
;\n let path = document.location.pathname;\n path.indexOf(\"/talentmanagement/\") > -1 &&\n (path = path.substr(0, path.indexOf(\"talentmanagement/\")));\n\n const { courseDetails, openCourse, selectedCourse, ableToRegister } =\n this.state;\n const { personalId, isManager, activity } = this.props;\n\n if (courseDetails && openCourse) {\n let url = path;\n if (openCourse.type) {\n const isOnlineCourse =\n openCourse.type.toLowerCase() == \"online\" ||\n openCourse.courseId ||\n openCourse.courseID;\n if (isOnlineCourse) {\n let courseId = openCourse.courseId;\n if (!courseId) courseId = openCourse.courseID;\n\n if (!courseId) courseId = openCourse.value;\n\n url +=\n \"Activities/OnlineCourseDetails.aspx?personalid=\" +\n personalId +\n \"&ismanager=\" +\n isManager +\n \"&m=true&courseid=\" +\n courseId;\n } else {\n let courseObjectId = openCourse.courseObjectId;\n if (!courseObjectId) courseObjectId = openCourse.courseObjectID;\n\n if (!courseObjectId) courseObjectId = openCourse.value;\n\n url +=\n \"Activities/ActivityDetails.aspx?id=\" +\n courseObjectId +\n \"&pid=\" +\n personalId +\n \"&ismanager=\" +\n isManager +\n \"&from=cpl&m=1\";\n }\n }\n\n let src = url;\n\n return (\n \n );\n }\n const title = activity?.title ?? activity.courseTitle;\n\n let mobileViewport =\n window.matchMedia(\"(max-width: 400px)\").matches || false;\n let courseListStyle = mobileViewport\n ? {}\n : { maxHeight: \"455px\", overflow: \"auto\" };\n const activityURL = activity.munioURL\n ? activity.munioURL\n : format.url(\"/education/entercourse.aspx?courseid=\" + activity.courseId);\n\n const selectedCourseIsOnlineCourse =\n activity.courseId ||\n activity.courseID ||\n (selectedCourse && selectedCourse.type.toLowerCase() === \"online\");\n\n const displayActivityLinks =\n (activity.courseObjectId ||\n activity.courseObjectID ||\n activity.courseId ||\n activity.courseID) &&\n !activity.isLocked;\n\n const addedActivityOpenAndCanRegister =\n activity.hasOwnProperty(\"isLocked\") &&\n activity.hasOwnProperty(\"status\") &&\n activity.hasOwnProperty(\"isCompleted\") &&\n !activity.isLocked &&\n activity.status !== \"registered\" &&\n !activity.isCompleted;\n\n return (\n \n );\n }\n}\n","import React from \"react\";\nimport { default as MUIInput } from \"@material-ui/core/Input\";\nimport styled from \"styled-components\";\n\nconst StyledMUIInput = styled(MUIInput)`\n :before {\n content: unset !important;\n }\n\n :after {\n content: unset !important;\n }\n\n input:focus {\n border: 2px solid var(--primaryColor) !important;\n }\n`;\n\nexport const Input = (props) => {\n return \n \n {hourLabel} \n {\n updateHours(event.target.value);\n }}\n error={itemHours > 24}\n inputProps={{ type: \"number\", min: 0, max: 24 }}\n placeholder=\"hh\"\n />\n \n \n {minutesLabel} \n {\n updateMinutes(event.target.value);\n }}\n error={itemHours > 60}\n inputProps={{ type: \"number\", min: 0, max: 60 }}\n placeholder=\"mm\"\n />\n \n \n );\n};\n\nHoursAndMinutesTime.propTypes = {\n setItemHours: PropTypes.func.isRequired,\n hours: PropTypes.number,\n setItemMinutes: PropTypes.func.isRequired,\n minutes: PropTypes.number,\n};\n\nHoursAndMinutesTime.defaultProps = {\n hours: 0,\n minutes: 0,\n};\n\nexport default HoursAndMinutesTime;\n","import React from \"react\";\nimport { GET } from \"lib/api\";\nimport config from \"lib/config\";\nimport { InputLabelDatePicker } from \"lib/components/Fragment/InputLabelDatePicker\";\nimport PriorityDropdown from \"lib/components/PriorityDropdown\";\nimport LuvitComponent from \"LuvitComponent\";\nimport Form from \"lib/components/Form\";\nimport HoursAndMinutesTime from \"lib/components/hoursAndMinutesTime\";\nimport { Label } from \"lib/components/Form\";\nimport { openExternalURL } from \"lib/utils\";\nimport PersonalGoalsDropdown from \"lib/components/PersonalGoalsDropdown\";\nimport { IconButton } from \"lib/components/Button\";\nimport { Button } from \"lib/components/Base/Inputs/Button\";\nimport { Grid } from \"lib/components/Base/Layout/Grid\";\nimport Dropzone from \"react-dropzone\";\nimport { autobind } from \"lib/decorators\";\nimport _ from \"lodash\";\nimport SettingStore from \"stores/settings\";\nimport ValidationSummary from \"lib/components/ValidationSummary\";\nimport ActivitySignedStatus from \"./activitySignedStatus\";\nimport moment from \"moment\";\nimport { Input } from \"lib/components/Base/Inputs/Input\";\n\nconst mobileViewport = window.matchMedia(\"(max-width: 400px)\").matches || false;\nconst DATE_FORMAT = config.shortDateFormat?.toUpperCase();\n\nexport default class AddExternal extends LuvitComponent {\n constructor(props, context) {\n super(props, context, \"TalentManagement\");\n\n this.state = {\n errorMsgs: [],\n startDate: \"\",\n endDate: \"\",\n expireDate: \"\",\n };\n\n this.clearForm = this.clearForm.bind(this);\n this.removeFile = this.removeFile.bind(this);\n this.setHours = this.setHours.bind(this);\n this.setMinutes = this.setMinutes.bind(this);\n }\n\n async componentWillMount() {\n const { activity } = this.props;\n\n const allowedExtensions = await GET(\"/v1/allowedextensions\");\n\n let hours;\n let minutes;\n const personalGoalId =\n activity && (activity.personalGoalId || activity.goalId);\n if (activity) {\n if (activity.hours) {\n hours = activity.hours;\n }\n\n if (activity.minutes) {\n minutes = activity.minutes;\n }\n }\n this.setState({\n title: activity.title,\n ready: true,\n editDoc: {},\n allowedExtensions,\n hours,\n minutes,\n personalGoalId,\n });\n }\n\n componentWillReceiveProps(props) {\n let errors = {};\n if (props.error) {\n errors.file = { msg: this.l(props.error) };\n }\n\n this.setState({ errors });\n }\n\n handleInvalidDateFormat(date) {\n return moment(date).isValid() ? moment(date).format(DATE_FORMAT) : \"\";\n }\n\n async SaveActivity() {\n const { title, files, personalGoalId } = this.state;\n\n const expireDate =\n this.state.expireDate ||\n this.props.activity.dueDate ||\n this.props.activity.deadlineDate ||\n \"\";\n\n let errorMsgs = [];\n\n if (!title) errorMsgs.push({ msg: this.l(\"errEnterTitle\") });\n\n if (!this.props.fromEducationHistory && !expireDate) {\n errorMsgs.push({ msg: this.l(\"enterExpiredate\") });\n }\n\n if (files) {\n if (!this.extOk(files[0].name)) {\n errorMsgs.push({ msg: this.l(\"extnotallowed\") });\n }\n }\n\n if (errorMsgs.length === 0) {\n let data;\n if (this.props.fromEducationHistory) {\n data = {\n personalId: this.props.personalId,\n attachmentId: this.props.activity.attachmentId,\n title: title,\n comments: this.refs.TxtComment.value || \"-\",\n isCompleted: true,\n createdBy: this.props.personalId,\n description: this.refs.TxtDescription.value,\n startDate: this.handleInvalidDateFormat(this.state.startDate),\n endDate: this.handleInvalidDateFormat(this.state.endDate),\n isOtherTraining: false,\n removeAttachment: this.state.removeAttachment,\n hours: this.state.hours,\n minutes: this.state.minutes,\n };\n } else {\n data = {\n personalId: this.props.personalId,\n attachmentId: this.props.activity.attachmentId,\n compTalkId: null,\n courseObjectId: null,\n title: title,\n comments: this.refs.TxtComment.value || \"-\",\n isCompleted: this.refs.ChkCompleted.checked,\n createdBy: this.props.personalId,\n period: \"-\",\n priority: this.refs.SelPrio.state.currentValue,\n description: this.refs.TxtDescription.value,\n showComment: false,\n startDate: this.handleInvalidDateFormat(this.state.startDate),\n endDate: this.handleInvalidDateFormat(this.state.endDate),\n isOtherTraining: false,\n courseId: null,\n deadlineDate: this.handleInvalidDateFormat(expireDate),\n personalGoalId,\n responsible: this.refs.TxtResponsible.value,\n link: this.refs.TxtLink.value,\n linkLabel: this.refs.TxtLinkLabel.value,\n removeAttachment: this.state.removeAttachment,\n hours: this.state.hours,\n minutes: this.state.minutes,\n isExternalCourse: true,\n };\n }\n this.props.save(data, this.state.files); // .then(this.clearForm);\n }\n\n this.setState({ errorMsgs });\n }\n\n extOk(fileName) {\n let extPos = fileName.lastIndexOf(\".\");\n let ext = fileName.substr(extPos + 1);\n let foundExt = _.find(this.state.allowedExtensions, (e) => {\n return e == ext.toLowerCase();\n });\n\n return foundExt;\n }\n\n @autobind\n onDrop(files) {\n let { errors } = this.state;\n\n if (errors && errors.file) {\n errors.file = null;\n }\n\n this.setState({ files, removeAttachment: false, errors });\n\n if (this.state.editDoc.attachmentId) {\n this.state.editDoc.fileName = files[0].name;\n this.setState({ editDoc: this.state.editDoc });\n }\n }\n\n renderSelectedFiles() {\n let selectedFiles =
;\n\n if (this.state.files) {\n selectedFiles = this.state.files.map((f) => {\n return (\n \n {f.name}\n
\n );\n });\n } else if (\n this.props.activity.attachmentId &&\n !this.state.removeAttachment\n ) {\n selectedFiles = (\n \n {this.props.activity.fileName}\n \n );\n }\n return selectedFiles;\n }\n\n clearForm() {\n this.refs.TxtTitle.value = \"\";\n this.refs.TxtDescription.value = \"\";\n this.refs.TxtComment.value = \"\";\n this.refs.TxtResponsible.value = \"\";\n this.refs.SelPrio.value = \"-\";\n this.refs.TxtLink.value = \"\";\n\n this.setState({\n expireDate: \"\",\n startDate: \"\",\n endDate: \"\",\n });\n }\n\n saveExpireDate(d) {\n if (d) {\n this.setState({ expireDate: new Date(d) });\n }\n }\n\n saveStartDate(d) {\n if (d) {\n this.setState({ startDate: new Date(d) });\n }\n }\n\n saveEndDate(d) {\n if (d) {\n this.setState({ endDate: new Date(d) });\n }\n }\n\n removeFile() {\n if (confirm(this.l(\"confirmdeletefile\"))) {\n this.setState({ removeAttachment: true, files: null });\n }\n }\n\n setHours(hours) {\n this.setState({ hours });\n }\n\n setMinutes(minutes) {\n this.setState({ minutes });\n }\n\n doRender() {\n if (!this.state || !this.state.ready) return
;\n\n let act = this.props.activity;\n let formContentStyle = mobileViewport\n ? {}\n : { maxHeight: \"650px\", overflow: \"auto\" };\n let responsible = this.props.personalName;\n let { editDoc, files } = this.state;\n\n if (act && act.id) responsible = \"\";\n\n const activeExpireDate =\n this.state.expireDate || act.dueDate || act.deadlineDate || \"\";\n const activeStartDate = this.state.startDate || act.startDate || \"\";\n const activeEndDate = this.state.endDate || act.endDate || \"\";\n\n return (\n \n );\n }\n}\n","import React from \"react\";\nimport { GET } from \"lib/api\";\nimport { InputLabelDatePicker } from \"lib/components/Fragment/InputLabelDatePicker\";\nimport Form from \"lib/components/Form\";\nimport { Label } from \"lib/components/Form\";\nimport { IconButton } from \"lib/components/Button\";\nimport PersonalGoalsDropdown from \"lib/components/PersonalGoalsDropdown\";\nimport { openExternalURL } from \"lib/utils\";\nimport PriorityDropdown from \"lib/components/PriorityDropdown\";\nimport { Grid } from \"lib/components/Base/Layout/Grid\";\nimport { Button } from \"lib/components/Base/Inputs/Button\";\nimport LuvitComponent from \"LuvitComponent\";\nimport Dropzone from \"react-dropzone\";\nimport { autobind } from \"lib/decorators\";\nimport ValidationSummary from \"lib/components/ValidationSummary\";\nimport _ from \"lodash\";\nimport SettingStore from \"stores/settings\";\nimport * as constants from \"./constants\";\nimport * as styles from \"./styles\";\nimport { Input } from \"../../../../js/lib/components/Base/Inputs/Input\";\n\nconst ACTIVITY_CATEGORIES_API = \"v1/activitycategories\";\n\nexport default class AddOtherActivity extends LuvitComponent {\n constructor(props, context) {\n super(props, context, \"TalentManagement\");\n\n this.state = {\n activityCategories: [],\n expireDate: null,\n startDate: null,\n endDate: null,\n errorMsgs: [],\n errorElements: [],\n };\n\n this.clearForm = this.clearForm.bind(this);\n this.fetchActivityCategories = this.fetchActivityCategories.bind(this);\n this.doRenderActivityCategories =\n this.doRenderActivityCategories.bind(this);\n this.removeFile = this.removeFile.bind(this);\n this.fetchActivityCategories();\n }\n\n async componentWillMount() {\n const { activity } = this.props;\n const isBt = SettingStore.getSettingValue(\"bt\") === \"1\";\n\n const allowedExtensions = await GET(\"/v1/allowedextensions\");\n const expireDate =\n activity && (activity.dueDate || activity.deadlineDate || \"\");\n const startDate = activity && (activity.startDate || \"\");\n const endDate = activity && (activity.endDate || \"\");\n const personalGoalId =\n activity && (activity.personalGoalId || activity.goalId);\n this.setState({\n title: activity.title,\n ready: true,\n editDoc: {},\n allowedExtensions,\n expireDate,\n startDate,\n endDate,\n isBt: isBt || false,\n personalGoalId,\n });\n }\n\n componentWillReceiveProps(props) {\n let errors = {};\n if (props.error) {\n errors.file = { msg: this.l(props.error) };\n }\n\n this.setState({ errors });\n }\n\n SaveActivity() {\n const {\n fromEducationHistory,\n activity,\n isProgramCommonActivity,\n personalId,\n } = this.props;\n\n const {\n files,\n title,\n startDate,\n endDate,\n removeAttachment,\n expireDate,\n personalGoalId,\n errorElements,\n activityCategories,\n } = this.state;\n\n let errorMsgs = [];\n let tempErrorElements = errorElements.slice(0);\n const saveActivityCategory = activityCategories.length > 0;\n\n if (!title) {\n errorMsgs.push({ msg: this.l(\"errEnterTitle\") });\n\n if (!tempErrorElements.includes(\"title\")) {\n tempErrorElements.push(\"title\");\n } else {\n tempErrorElements.forEach((e, i) => {\n if (e === \"title\") {\n tempErrorElements.splice(i, 1);\n }\n });\n }\n }\n\n if (!fromEducationHistory && !this.state.expireDate) {\n errorMsgs.push({ msg: this.l(\"enterExpiredate\") });\n\n if (!tempErrorElements.includes(\"expiredate\")) {\n tempErrorElements.push(\"expiredate\");\n } else {\n tempErrorElements.forEach((e, i) => {\n if (e === \"expiredate\") {\n tempErrorElements.splice(i, 1);\n }\n });\n }\n }\n\n if (files) {\n if (!this.extOk(files[0].name)) {\n errorMsgs.push({ msg: this.l(\"extnotallowed\") });\n }\n }\n\n if (errorMsgs.length === 0) {\n let data;\n let activityTitle = \"\";\n let description = \"\";\n let responsible = \"\";\n let link = activity.link ?? \"\";\n let linkLabel = activity.linkLabel ?? \"\";\n\n if (isProgramCommonActivity) {\n activityTitle = activity.title;\n description = activity.description;\n } else {\n activityTitle = title;\n description = this.refs.TxtDescription.value;\n }\n\n if (this.refs.TxtResponsible) {\n responsible = this.refs.TxtResponsible.value;\n }\n if (this.refs.TxtLink) {\n link = this.refs.TxtLink.value;\n }\n\n if (this.refs.TxtLinkLabel) {\n linkLabel = this.refs.TxtLinkLabel.value;\n }\n\n if (fromEducationHistory) {\n data = {\n personalId,\n attachmentId: activity.attachmentId,\n title: activityTitle,\n comments: this.refs.TxtComment.value || \"-\",\n isCompleted: true,\n createdBy: personalId,\n description,\n startDate: startDate == \"\" ? null : startDate,\n endDate: endDate == \"\" ? null : endDate,\n isOtherTraining: true,\n removeAttachment,\n isExternalCourse: false,\n };\n } else {\n data = {\n personalId,\n attachmentId: activity.attachmentId,\n compTalkId: null,\n courseObjectId: null,\n title: activityTitle,\n comments: this.refs.TxtComment.value || \"-\",\n isCompleted: this.refs.ChkCompleted.checked,\n createdBy: personalId,\n period: \"-\",\n priority: this.refs.SelPrio\n ? this.refs.SelPrio.state.currentValue\n : null,\n description,\n showComment: false,\n startDate: startDate == \"\" ? null : startDate,\n endDate: endDate == \"\" ? null : endDate,\n isOtherTraining: true,\n courseId: null,\n deadlineDate: expireDate,\n personalGoalId,\n responsible,\n link,\n linkLabel,\n removeAttachment,\n allowUserToCompleteActivity:\n this.getAllowUserToCompleteActivityFormValue(),\n isExternalCourse: false,\n };\n }\n\n if (saveActivityCategory) {\n let category = \"\";\n\n if (this.refs.activityCategory) {\n category = this.refs.activityCategory.value;\n }\n\n data.category = category;\n }\n this.props.save(data, files);\n } else {\n document.getElementsByClassName(\"movablemodal-body\")[0].scrollTop = 0;\n }\n\n this.setState({ errorMsgs, errorElements: tempErrorElements });\n }\n\n async fetchActivityCategories() {\n const categories = await GET(`${ACTIVITY_CATEGORIES_API}`);\n this.setState({ activityCategories: categories });\n }\n\n extOk(fileName) {\n let extPos = fileName.lastIndexOf(\".\");\n let ext = fileName.substr(extPos + 1);\n let foundExt = _.find(this.state.allowedExtensions, (e) => {\n return e == ext.toLowerCase();\n });\n return foundExt;\n }\n\n @autobind\n onDrop(files) {\n const { editDoc } = this.state;\n\n this.setState({ files, removeAttachment: false });\n\n if (editDoc.attachmentId) {\n editDoc.fileName = files[0].name;\n this.setState({ editDoc: editDoc });\n }\n }\n\n getAllowUserToCompleteActivityFormValue() {\n const { isManager, activity } = this.props;\n const isNewActivity = !activity.id;\n\n if (isManager && this.refs.ChkAllowUserToCompleteActivity.checked) {\n return true;\n }\n if (!isManager) {\n if (isNewActivity || activity.allowUserToCompleteActivity) {\n return true;\n }\n }\n return false;\n }\n\n renderSelectedFiles() {\n const { activity } = this.props;\n const { files, removeAttachment } = this.state;\n\n let selectedFiles =
;\n\n if (files) {\n selectedFiles = files.map((f) => {\n return (\n \n {f.name}\n
\n );\n });\n } else if (activity.attachmentId && !removeAttachment) {\n selectedFiles = (\n \n
\n {activity.fileName}\n \n \n \n \n {this.l(\"category\")}:\n \n \n - {this.l(\"choosecategory\")} - \n {categories.map((category, index) => (\n \n {this.l(category.title)}\n \n ))}\n \n
\n );\n }\n\n doRender() {\n const {\n isProgramCommonActivity,\n fromProgramPage,\n personalName,\n activity,\n fromEducationHistory,\n isManager,\n personalId,\n allowAttachment,\n onCancel,\n } = this.props;\n\n const {\n ready,\n activityCategories,\n errorMsgs,\n isBt,\n expireDate,\n startDate,\n endDate,\n errors,\n removeAttachment,\n } = this.state;\n let { editDoc, files } = this.state;\n\n if (!this.state || !ready) return
;\n let act = activity;\n const newActivity = !act.hasOwnProperty(\"id\");\n const HideCompletedCheckbox =\n fromEducationHistory ||\n (!act.allowUserToCompleteActivity && !isManager) ||\n newActivity;\n\n let responsible = personalName;\n let renderActivityCategories = activityCategories.length > 0 || false;\n\n if (act && act.id) responsible = \"\";\n\n const programMyLearningViewShowLink = !isBt && act.link;\n\n return (\n \n );\n }\n}\n\nAddOtherActivity.defaultProps = {\n activity: { title: \"\" },\n};\n","import React from \"react\";\nimport { GET, POST, PUT } from \"lib/api\";\nimport { L } from \"lib/translation\";\nimport Modal from \"lib/components/modalPortal\";\nimport AddInternal from \"./addinternal.jsx\";\nimport AddExternal from \"./addexternal.jsx\";\nimport AddOtherActivity from \"./addotheractivity.jsx\";\nimport Notifier from \"lib/components/notifier\";\nimport { OptionButton } from \"lib/components/Button\";\nimport LuvitComponent from \"LuvitComponent\";\nimport config from \"lib/config\";\nimport SettingStore from \"stores/settings\";\nimport { hasRight } from \"../../../../js/lib/rightsmanager.js\";\nimport { observer } from \"mobx-react\";\nimport _ from \"lodash\";\n\nvar pId = config.personalId;\n\n@observer\nexport default class AddActivity extends LuvitComponent {\n constructor(props, context) {\n super(props, context, \"TalentManagement\");\n\n this.save = this.save.bind(this);\n this.onModalClose = this.onModalClose.bind(this);\n this.setType = this.setType.bind(this);\n this._executeBeforeModalOpen = this._executeBeforeModalOpen.bind(this);\n this.hideBack = this.hideBack.bind(this);\n this.state = {\n open: true,\n };\n }\n\n async componentWillMount() {\n let mode = \"c\";\n let isManager = false;\n const { personalId } = this.props;\n\n if (personalId !== pId) {\n mode = \"m\";\n isManager = true;\n } else {\n isManager = this.props.isManager && this.props.isManager == true;\n }\n\n let personalName = await GET(\"/v1/users/name/:personalId\", {\n personalId,\n });\n\n let allowUsersToCompleteCourses = SettingStore.getSettingValue(\n \"allowusertocompletecourses\",\n );\n\n let allowUsersToCompleteActivities = SettingStore.getSettingValue(\n \"allowusertocompleteactivities\",\n );\n\n let hideOtherActivitiesInEducationHistory = SettingStore.getSettingValue(\n \"hideotheractivitiesineducationhistory\",\n );\n\n const hasAccessToCourseCatalogue = await hasRight(1010);\n let type = !hasAccessToCourseCatalogue\n ? \"otheractivity\"\n : this.props.type || \"\";\n\n this.setState({\n ready: true,\n type,\n errors: {},\n saveStatus: null,\n allowUsersToCompleteCourses,\n allowUsersToCompleteActivities,\n hideOtherActivitiesInEducationHistory,\n isManager,\n personalName,\n hasAccessToCourseCatalogue,\n hideBack: !hasAccessToCourseCatalogue,\n });\n }\n\n state = {\n displayOverview: true,\n };\n\n setType(type) {\n return (() => {\n this.setState({ type: type });\n }).bind(this);\n }\n\n onRefresh() {\n this.props.onRefresh();\n }\n\n onCancelAddActivity() {\n this.refs.modal && this.refs.modal.close();\n }\n\n addActivityDialogStyles = {\n overflowY: \"auto\",\n movable: false,\n zIndex: 1001,\n };\n\n _executeBeforeModalOpen() {\n var scrollTop = document.body.scrollTop;\n var top = scrollTop + 20 + \"px\";\n\n this.setState({\n type: (this.props && this.props.type) || \"\",\n hideBack: false,\n });\n }\n\n componentWillReceiveProps(newProps) {\n this.refs &&\n this.refs.modal &&\n this.refs.modal.show &&\n this.refs.modal.show();\n\n if (this.props.activity != newProps.activity)\n this.setState({ errors: {}, saveStatus: null });\n }\n\n save(data, files, registration) {\n let act = this.props.activity;\n if (data.personalPlannedCourseId !== undefined && !act.id) {\n act.id = data.personalPlannedCourseId;\n }\n let toSave = {\n Id: act.id === true ? null : act.id,\n personalGoalId: act.personalGoalId,\n ...data,\n };\n\n const pId = luvit.GetQueryString(\"id\") || config.pId;\n\n if (pId) toSave.personalId = pId;\n\n const formData = new FormData();\n for (let key in toSave) {\n formData.append(key, toSave[key]);\n }\n\n let uploadedFiles = files || [];\n\n uploadedFiles.forEach((file) => {\n formData.append(file.name, file);\n });\n\n let req;\n if (this.props.fromEducationHistory) {\n if (act.id && act.id !== true)\n req = PUT(\"/v1/coworker/externalcourse/\", {}, formData, false);\n else req = POST(\"/v1/coworker/externalcourse/\", {}, formData, false);\n } else {\n if (act.id && act.id !== true)\n req = PUT(\"/v1/coworkeractivity/\", {}, formData, false);\n else req = POST(\"/v1/coworkeractivity/\", {}, formData, false);\n }\n\n let busy = req;\n\n busy.then((res) => {\n if (res == null) {\n return busy;\n }\n //Error\n if (res < 0) {\n this.handleSaveError();\n } else {\n //New activity\n if (res > 0) {\n this.props.onRefresh();\n this.props.onShowSaveNotification(\n this.l(\"success\"),\n this.l(\"theactivityisnowavailableinthelist\"),\n );\n }\n //Updating activity\n if (res == 0 && act.id) {\n this.props.onRefresh();\n this.props.onShowSaveNotification(\n this.l(\"success\"),\n this.l(\"theactivitywasupdated\"),\n );\n }\n if (!registration) {\n this.onModalClose();\n this.onCancelAddActivity();\n }\n }\n });\n\n return busy;\n }\n\n handleSaveError = () => {\n if (res === -1) {\n this.setState({ error: \"extnotallowed\" });\n } else if (res === -2) {\n this.setState({ error: \"erremptyfile\" });\n } else if (res === -3) {\n this.setState({ error: \"fileSizeTooLarge\" });\n } else {\n this.setState({ error: \"infUploadErr\" });\n }\n };\n\n onModalClose() {\n this.setState({ open: false });\n this.props.resetEditActivity();\n\n if (this.props.refreshOnClose) {\n this.props.onRefresh();\n }\n }\n\n hideBack(val) {\n this.setState({ hideBack: val });\n }\n\n showSaveNotification(title, text) {\n this.refs.notificator.success(title, text, 30000);\n }\n\n showErrorNotification(title, text) {\n this.refs.notificator.error(title, text, 30000);\n }\n\n doRender() {\n if (!this.state || !this.state.ready) return
;\n\n let { hasAccessToCourseCatalogue } = this.state;\n\n let act = this.props.activity;\n if (!act) return
;\n if (!this.state.open) {\n return
;\n }\n\n let typ =\n act.type ||\n (this.state.type == \"internalcourse\"\n ? \"fromcoursecatalogue\"\n : this.state.type);\n\n let addCompletedModalHeader = this.l(\"addcompletedactivity\");\n let addActivityModalHeader = this.l(\"addactivity\");\n\n if (typ) {\n addCompletedModalHeader += \" - \" + this.l(typ);\n addActivityModalHeader += \" - \" + this.l(typ);\n }\n\n let showAddOtherActivity = true;\n let showAddExternalCourse = true;\n\n const PERMISSION = { ALLOWED: \"1\", DISALLOWED: \"0\" };\n const HIDDEN = \"1\";\n const hideOtherActivity =\n this.props.fromEducationHistory &&\n ((this.state.allowUsersToCompleteActivities === PERMISSION.DISALLOWED &&\n !this.state.isManager) ||\n this.state.hideOtherActivitiesInEducationHistory === HIDDEN);\n const hideExternalCourse =\n this.props.fromEducationHistory &&\n this.state.allowUsersToCompleteCourses === PERMISSION.DISALLOWED &&\n !this.state.isManager;\n\n if (hideOtherActivity) {\n showAddOtherActivity = false;\n }\n\n if (hideExternalCourse) {\n showAddExternalCourse = false;\n }\n\n let Type = AddInternal;\n let TypeTranslation = \"internalcourse\";\n let isProgramCommonActivity = false;\n\n if (typ.toLowerCase() === \"externalcourse\") {\n Type = AddExternal;\n TypeTranslation = \"externalCourse\";\n isProgramCommonActivity = false;\n } else if (typ.toLowerCase() === \"otheractivity\") {\n Type = AddOtherActivity;\n TypeTranslation = \"otherActivity\";\n isProgramCommonActivity = false;\n } else if (typ.toLowerCase() === \"commonactivity\") {\n Type = AddOtherActivity;\n TypeTranslation = \"commonactivity\";\n isProgramCommonActivity = false;\n } else if (typ.toLowerCase() === \"programotheractivity\") {\n Type = AddOtherActivity;\n TypeTranslation = \"otherActivity\";\n isProgramCommonActivity = true;\n } else if (typ.toLowerCase() === \"programcommonactivity\") {\n Type = AddOtherActivity;\n TypeTranslation = \"commonactivity\";\n isProgramCommonActivity = true;\n }\n\n return (\n \n \n addcommonactivity\n }\n onClick={this.setType(\"commonactivity\")}\n />\n )}\n
\n )}\n\n {typ && (\n \n
\n {!act.id && !this.state.hideBack && (\n
\n )}\n\n
\n {this.state.saveStatus ? this.state.saveStatus.msg : \"\"}\n this.onModalClose()}\n onRefresh={this.onRefresh.bind(this)}\n activity={act}\n personalId={this.props.personalId}\n save={this.save.bind(this)}\n hideBack={this.hideBack}\n personalName={this.state.personalName}\n error={this.state.error}\n isProgramCommonActivity={isProgramCommonActivity}\n showSaveNotification={this.showSaveNotification.bind(this)}\n showErrorNotification={this.showErrorNotification.bind(this)}\n />\n \n )}\n \n );\n }\n}\n","export const DEVELOPMENT_PLAN_FILTER_ARCHIVED = \"archived\";\nexport const DEVELOPMENT_PLAN_FILTER_NON_ARCHIVED = \"nonArchived\";\n\nexport const DEVELOPMENT_PLAN_FILTER_SPLIT = /\\|\\|/g;\n\nexport const ACTIVITY_TYPE_ONLINECOURSE = \"onlinecourse\";\nexport const ACTIVITY_TYPE_EXTERNAL_COURSE = \"externalcourse\";\n\nexport const TABLE_OBJECT_ID_PERSONALGOAL = 13;\n\nexport const GOAL_TYPE_STATUS = 1;\nexport const GOAL_TYPE_FIVESCALE = 2;\nexport const GOAL_TYPE_MEASURABLE = 3;\nexport const GOAL_TYPE_CHECKLIST = 4;\n\nexport const ORGGOALS_URL = \"/v1/user/:personalId/organisationgoals\";\n","var fmt = require(\"../lib/format\");\nglobal.CKEDITOR_BASEPATH = fmt.url(\"/ckeditor45/\");\n\nexport function setup() {\n if (luvit.IsTouchDevice()) {\n CKEDITOR.config.toolbar_Basic = [\n [\"Bold\", \"Italic\", \"Underline\"],\n [\"BulletedList\"],\n ];\n CKEDITOR.config.toolbar = \"Basic\";\n CKEDITOR.config.width = \"100%\";\n CKEDITOR.config.height = 200;\n CKEDITOR.env.isCompatible = true;\n }\n}\n\nexport function load() {\n return new Promise((success, error) => {\n require.ensure([], function () {\n require(\"../../../ckeditor45/ckeditor.js\");\n setup();\n success(CKEDITOR);\n });\n });\n}\n","var config = require(\"../lib/config\");\nvar moment = require(\"../../node_modules/moment\");\nmoment.locale((config.culture || \"en\").substring(0, 2));\nmodule.exports = moment;\n","var eduutils = eduutils || {};\n\nmodule.exports = eduutils;\n\neduutils.StartWithDocActions = \"false\";\neduutils.toggleMenuBreakPoint = 769;\n\neduutils.ToggleCourseMenu = function () {\n //Opens\n if (!$(\".menu\").hasClass(\"selected\")) {\n $(\"#OpenCourseMaterial\").removeClass(\"active\");\n $(\".lastVisitedFrame\").removeClass(\"hidden\");\n if (matchMedia) {\n $(\n \".doc-actions, .content-edu, .header-wrapper, .course-switcher\",\n ).addClass(\"pushed\");\n $(\".doc-actions, .content-edu, .header-wrapper\").removeClass(\"moveleft\");\n }\n $(\".toolbar-bottom\").removeClass(\"hidden\");\n eduutils.SetCourseMenuState();\n }\n //Closes\n else {\n eduutils.CloseCourseSubMenus();\n $(\".lastVisitedFrame\").addClass(\"hidden\");\n $(\n \".doc-actions, .content-edu, .header-wrapper, .course-switcher\",\n ).removeClass(\"pushed\");\n if (window.matchMedia(\"( max-width:1600px)\").matches) {\n $(\".doc-actions, .content-edu, .header-wrapper\").addClass(\"moveleft\");\n $(\n \".doc-actions, .content-edu, .header-wrapper, .course-switcher\",\n ).removeClass(\"pushed\");\n }\n $(\".menu-column\").scrollTop(0);\n\n //Remove scroll lock\n $(\"body\").removeClass(\"fixed\");\n\n $(\"#OpenCourseMaterial\").addClass(\"active\");\n $(\".toolbar-bottom\").addClass(\"hidden\");\n }\n\n $(\".menu\").toggleClass(\"selected\");\n $(\".course.menu\").trigger(\"stateChanged\");\n};\n\neduutils.SetCourseMenuState = function () {\n try {\n if (luvit.getItem(\"luvit_coursemenustate\")) {\n var activeMenu = $.parseJSON(\n luvit.getItem(\"luvit_coursemenustate\"),\n ).active;\n\n //set overview as active when first logging in\n if (!activeMenu && activeMenu != \"\") activeMenu = 27;\n } else {\n if (!activeMenu) activeMenu = 27;\n }\n\n //only activate item in menu if nothing is active in navtree\n if (!luvitedu.getActiveNavtreeId()) {\n let item = $(\"li[data-id='\" + activeMenu + \"']\");\n if ($(item).length == 0) item = $(\"li[data-id='\" + activeMenu + \"']\");\n\n $(item).closest(\"ul.menu-expandlist-content\").removeClass(\"contracted\");\n\n //Toggle expand/collapse icons\n let iconToggle = $(item).parent().closest(\"li\").find(\".icon-expand\");\n if (iconToggle[0]) {\n $(iconToggle).removeClass();\n $(iconToggle).addClass(\"icon-collapse\");\n }\n\n $(\".menu-column .menu-functionmenu li.active\").removeClass(\"active\");\n $(item).addClass(\"active\");\n }\n } catch (err) {\n //do nothing\n }\n};\n\neduutils.DeselectCourseMenu = function () {\n eduutils.SetCourseMenuState(\"\");\n if ($(\".course.menu\").length > 0) {\n $(\".course.menu .menu-functionmenu li\").removeClass(\"active\");\n } else {\n parent.$(\".course.menu .menu-functionmenu li\").removeClass(\"active\");\n }\n};\n\neduutils.CloseCourseSubMenus = function () {\n $(\".course.menu .menu-functionmenu .menu-expandlist-content\").addClass(\n \"contracted\",\n );\n\n $(\".course.menu .menu-functionmenu\")\n .not(\"#mycourseslist\")\n .find(\".icon-collapse\")\n .addClass(\"icon-expand\")\n .removeClass(\"icon-collapse\");\n};\n\neduutils.SetActiveCourseMenuItem = function (menuItemId) {\n let state = { active: menuItemId };\n\n if (luvit.getItem(\"luvit_coursemenustate\")) {\n let menuState = JSON.parse(luvit.getItem(\"luvit_coursemenustate\"));\n menuState.active = menuItemId;\n luvit.setItem(\n \"luvit_coursemenustate\",\n '{ \"main\": \"' +\n menuState.main +\n '\", \"active\":\"' +\n menuState.active +\n '\"}',\n );\n } else {\n luvit.setItem(\"luvit_coursemenustate\", '{\"active\":\"' + state.active + '\"}');\n }\n};\n","import Cookies from \"js-cookie\";\nimport config from \"../config\";\n\n/**\n * Replaces parameters in url noted by :parameter by the equivalent property in the parameters object\n * e.g: urlFormat('v1/api/:id' ,{ id: 1 }) returns 'v1/api/1'\n * @param {string} url\n * @param {object} parameters\n * @returns url with :params replaced by values in parameter\n */\nexport const urlFormat = (url, parameters) => {\n if (parameters !== undefined) {\n //replace :parameter with value defined in object.\n url = url.replace(/:([a-zA-Z0-9_]+)/g, function (_, v) {\n return encodeURIComponent(parameters[v] || \"\");\n });\n }\n\n url = config.apiUrl + url.replace(/^\\//, \"\");\n return url;\n};\n\nexport const getHeaders = (bodyAsJson) => {\n let headers = {\n ...getAuthorizationHeader(),\n ...getAcceptLanguageHeader(),\n };\n if (bodyAsJson) {\n headers[\"Content-Type\"] = \"application/json\";\n }\n\n return headers;\n};\n\nconst getAcceptLanguageHeader = () => {\n return {\n \"Accept-Language\": config.culture,\n };\n};\n\nconst getAuthorizationHeader = () => {\n let token = Cookies.get(\"apiToken\");\n refreshTokenIfHalfLifetimeHasPassed(token);\n\n return {\n Authorization: token,\n };\n};\n\nexport const getJsonOrDefault = (text) => {\n try {\n return JSON.parse(text);\n } catch {\n return text;\n }\n};\n\n/**\n * Refreshes the api session(apiToken cookie), refreshing the lifelength to the value set by configuration\n */\nexport const refreshApiCookie = async () => {\n let token = Cookies.get(\"apiToken\");\n const headers = { ...getAcceptLanguageHeader(), Authorization: token };\n\n let baseUrl = config.apiUrl || \"\";\n await fetch(baseUrl + \"v1/users/refreshToken\", {\n method: \"POST\",\n headers,\n body: \"\",\n })\n .then((response) => response.text())\n .then((data) => getJsonOrDefault(data))\n .then((body) => {\n const expiration = new Date(/LoginToken_(.*?)_/g.exec(body)[1]);\n Cookies.set(\"apiToken\", body, {\n expires: expiration,\n secure: true,\n sameSite: \"Strict\",\n });\n })\n .catch(() => {\n logOut();\n });\n};\n\nconst refreshTokenIfHalfLifetimeHasPassed = (token) => {\n if (!token || token === \"example-token-1\") {\n logOut();\n } else {\n let sTimer = Number(Cookies.get(\"sessionTimeout\") || \"1\") || 1;\n let result = /LoginToken_(.*?)_/g.exec(token);\n let guidResult =\n /[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}/g.exec(\n token,\n );\n if (result) {\n let expirationDate = new Date(result[1]);\n let now = new Date();\n\n if (expirationDate - now < (sTimer / 2) * 60 * 1000) {\n // Token is expiring soon, fetch new token \"in the background\" for future requests\n refreshApiCookie();\n refreshPortalCookie();\n }\n } else if (guidResult) {\n // do nothing\n } else {\n logOut();\n }\n }\n};\n\n/**\n * Refreshes the portal session(lp2004b cookie), refreshing the lifelength to the value set by configuration\n */\nexport const refreshPortalCookie = async () => {\n let token = Cookies.get(\"apiToken\");\n const headers = { ...getAcceptLanguageHeader(), Authorization: token };\n const portalUrl = config.urlRoot || \"/luvitportal/\";\n await fetch(\n `${\n window.location.origin\n }${portalUrl}authenticatedkeepalive.aspx?time=${new Date().getTime()}`,\n {\n method: \"GET\",\n headers,\n },\n ).catch(() => {\n logOut();\n });\n};\n\nexport const logOut = () => {\n window.location.href = config.urlRoot + \"/logout\";\n};\n","import {\n refreshApiCookie,\n refreshPortalCookie,\n urlFormat,\n getHeaders,\n getJsonOrDefault,\n} from \"./functions\";\n\nexport function refreshToken() {\n refreshApiCookie();\n refreshPortalCookie();\n}\n\n/**\n *\n * @param {string} url - endpoint url to query against\n * @param {object} parameters - object mapping of url parameters to values, e.g. api/:id gets value from object.id\n * @returns the response body as json if possible, otherwise plaintext.\n */\nexport const GET = async (url, parameters = {}) => {\n const headers = getHeaders(false);\n\n return fetch(urlFormat(url, parameters, true), {\n method: \"GET\",\n headers,\n })\n .then((response) => response.text())\n .then((data) => getJsonOrDefault(data));\n};\n\n/**\n *\n * @param {string} url - endpoint url\n * @param {object} parameters - object mapping of url parameters to values, e.g. api/:id gets value from object.id\n * @param {object} body - body to send\n * @param {boolean} bodyAsJson - flag which states if the body is JSON or not.\n * @returns the response body in json if possible, otherwise text.\n */\nexport const POST = async (url, parameters = {}, body, bodyAsJson = true) => {\n const headers = getHeaders(bodyAsJson);\n\n return fetch(urlFormat(url, parameters), {\n method: \"POST\",\n headers,\n body: bodyAsJson ? JSON.stringify(body) : body,\n })\n .then((response) => response.text())\n .then((data) => getJsonOrDefault(data));\n};\n\n/**\n *\n * @param {string} url - endpoint url\n * @param {object} parameters - object mapping of url parameters to values, e.g. api/:id gets value from object.id\n * @param {object} body - body to send\n * @param {boolean} bodyAsJson - flag which states if the body is JSON or not.\n * @returns the response body in json if possible, otherwise text.\n */\nexport const DELETE = (url, parameters = {}, body, bodyAsJson = true) => {\n return RAW_DELETE(url, parameters, body, bodyAsJson)\n .then((response) => response.text())\n .then((data) => getJsonOrDefault(data));\n};\n/**\n *\n * @param {string} url - endpoint url\n * @param {object} parameters - object mapping of url parameters to values, e.g. api/:id gets value from object.id\n * @param {object} body - body to send\n * @param {boolean} bodyAsJson - flag which states if the body is JSON or not.\n * @returns the response object\n */\nexport const RAW_DELETE = async (\n url,\n parameters = {},\n body,\n bodyAsJson = true,\n) => {\n const headers = getHeaders(bodyAsJson);\n\n return await fetch(urlFormat(url, parameters), {\n method: \"DELETE\",\n headers,\n body: bodyAsJson ? JSON.stringify(body) : body,\n });\n};\n\n/**\n *\n * @param {string} url - endpoint url\n * @param {object} parameters - object mapping of url parameters to values, e.g. api/:id gets value from object.id\n * @param {object} body - body to send\n * @param {boolean} bodyAsJson - flag which states if the body is JSON or not.\n * @returns the response body in json if possible, otherwise text.\n */\nexport const PATCH = async (url, parameters = {}, body, bodyAsJson = true) => {\n const headers = getHeaders(bodyAsJson);\n\n return fetch(urlFormat(url, parameters), {\n method: \"PATCH\",\n headers,\n body: bodyAsJson ? JSON.stringify(body) : body,\n })\n .then((response) => response.text())\n .then((data) => getJsonOrDefault(data));\n};\n\n/**\n *\n * @param {string} url - endpoint url\n * @param {object} parameters - object mapping of url parameters to values, e.g. api/:id gets value from object.id\n * @param {object} body - body to send\n * @param {boolean} bodyAsJson - flag which states if the body is JSON or not.\n * @returns the response body in json if possible, otherwise text.\n */\nexport const PUT = async (url, parameters = {}, body, bodyAsJson = true) => {\n const headers = getHeaders(bodyAsJson);\n\n return fetch(urlFormat(url, parameters), {\n method: \"PUT\",\n headers,\n body: bodyAsJson ? JSON.stringify(body) : body,\n })\n .then((response) => response.text())\n .then((data) => getJsonOrDefault(data));\n};\n","import _ from \"lodash\";\n\nlet uid = 0;\nlet loaderElement = null;\nconst loaders = {};\nglobal.load = loaders;\n\n// process when dom ready\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n processOpts();\n});\nexport default function busy(promise, options) {\n let opts = options || {};\n findLoader();\n\n let id = ++uid;\n loaders[id] = opts;\n if (promise && promise.then)\n promise.then(complete, (ex) => {\n complete();\n throw ex;\n });\n let done = false;\n processOpts();\n return complete;\n\n function complete() {\n if (done) return;\n const loader = findLoader();\n\n if (!loader) {\n done = true;\n return;\n }\n\n delete loaders[id];\n done = true;\n\n if (document.body.contains(loader)) {\n document.body.removeChild(loader);\n }\n\n if (Object.keys(loaders).length === 0) {\n processVisible();\n } else {\n processOpts();\n }\n }\n}\n\nfunction findLoader() {\n if (loaderElement) return loaderElement;\n loaderElement = document.querySelector(\"#loader\");\n if (!loaderElement) {\n loaderElement = document.createElement(\"div\");\n loaderElement.setAttribute(\"id\", \"loader\");\n loaderElement.setAttribute(\"class\", \"loader\");\n document.body.appendChild(loaderElement);\n }\n return loaderElement;\n}\n\nfunction processVisible() {\n let loader = findLoader();\n let isLoading = !!_.find(loaders, (l) => l);\n\n if (isLoading) {\n showLoader(loader);\n } else if (\n !loader.classList.contains(\"loader-initialload\") &&\n !loader.classList.contains(\"loader-immediate\")\n ) {\n hideLoader(loader);\n } else {\n setTimeout(() => {\n let isLoading2 = !!_.find(loaders, (l) => l);\n if (!isLoading2) {\n hideLoader(loader);\n }\n }, 150);\n }\n}\n\nfunction processOpts() {\n let loader = findLoader();\n let hasImmediate = !!_.find(loaders, (l) => l.immediate);\n if (loader.classList.contains(\"loader-hidden\")) {\n loader.classList.remove(\"loader-initialload\");\n }\n if (hasImmediate) {\n loader.classList.add(\"loader-immediate\");\n loader.classList.remove(\"loader\");\n } else if (loader.classList.contains(\"loader-hidden\")) {\n loader.classList.remove(\"loader-immediate\");\n }\n\n processVisible();\n}\n\nfunction showLoader(loader) {\n if (\n !loader.classList.contains(\"loader-initialload\") &&\n !loader.classList.contains(\"loader-immediate\")\n ) {\n loader.classList.add(\"loader\");\n }\n\n loader.classList.remove(\"loader-hidden\");\n}\n\nfunction hideLoader(loader) {\n loader.classList.remove(\"loader\");\n loader.classList.add(\"loader-hidden\");\n}\n","import React from \"react\";\nimport { Avatar as MUIAvatar } from \"@material-ui/core\";\nimport styled from \"styled-components\";\n\nconst styles = ({ size }) => `\n height: ${sizes[size] ?? size}px !important;\n width: ${sizes[size] ?? size}px !important;\n font-size: ${(sizes[size] ?? size) / 2}px !important;\n display: inline-flex !important;\n color: #444 !important;\n .MuiAvatar-img {\n width: 100% !important;\n height: 100% !important;\n }\n`;\nconst StyledMUIAvatar = styled(MUIAvatar)(styles);\n\nexport const sizes = {\n \"x-large\": 125,\n large: 100,\n medium: 75,\n small: 50,\n \"x-small\": 25,\n};\n\nconst Avatar = ({\n size = \"medium\",\n title = \"Avatar\",\n src,\n alt,\n label,\n className,\n}) => {\n // note: className is needed for nested styles with styled components\n return (\n \n {label}\n \n );\n};\n\nexport default Avatar;\n","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { chainPropTypes } from '@material-ui/utils';\nimport withStyles from '../styles/withStyles';\nimport TableContext from './TableContext';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n display: 'table',\n width: '100%',\n borderCollapse: 'collapse',\n borderSpacing: 0,\n '& caption': _extends({}, theme.typography.body2, {\n padding: theme.spacing(2),\n color: theme.palette.text.secondary,\n textAlign: 'left',\n captionSide: 'bottom'\n })\n },\n\n /* Styles applied to the root element if `stickyHeader={true}`. */\n stickyHeader: {\n borderCollapse: 'separate'\n }\n };\n};\nvar defaultComponent = 'table';\nvar Table = /*#__PURE__*/React.forwardRef(function Table(props, ref) {\n var classes = props.classes,\n className = props.className,\n _props$component = props.component,\n Component = _props$component === void 0 ? defaultComponent : _props$component,\n _props$padding = props.padding,\n padding = _props$padding === void 0 ? 'normal' : _props$padding,\n _props$size = props.size,\n size = _props$size === void 0 ? 'medium' : _props$size,\n _props$stickyHeader = props.stickyHeader,\n stickyHeader = _props$stickyHeader === void 0 ? false : _props$stickyHeader,\n other = _objectWithoutProperties(props, [\"classes\", \"className\", \"component\", \"padding\", \"size\", \"stickyHeader\"]);\n\n var table = React.useMemo(function () {\n return {\n padding: padding,\n size: size,\n stickyHeader: stickyHeader\n };\n }, [padding, size, stickyHeader]);\n return /*#__PURE__*/React.createElement(TableContext.Provider, {\n value: table\n }, /*#__PURE__*/React.createElement(Component, _extends({\n role: Component === defaultComponent ? null : 'table',\n ref: ref,\n className: clsx(classes.root, className, stickyHeader && classes.stickyHeader)\n }, other)));\n});\nprocess.env.NODE_ENV !== \"production\" ? Table.propTypes = {\n /**\n * The content of the table, normally `TableHead` and `TableBody`.\n */\n children: PropTypes.node.isRequired,\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.isRequired,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes\n /* @typescript-to-proptypes-ignore */\n .elementType,\n\n /**\n * Allows TableCells to inherit padding of the Table.\n * `default` is deprecated, use `normal` instead.\n */\n padding: chainPropTypes(PropTypes.oneOf(['normal', 'checkbox', 'none', 'default']), function (props) {\n if (props.padding === 'default') {\n return new Error('Material-UI: padding=\"default\" was renamed to padding=\"normal\" for consistency.');\n }\n\n return null;\n }),\n\n /**\n * Allows TableCells to inherit size of the Table.\n */\n size: PropTypes.oneOf(['small', 'medium']),\n\n /**\n * Set the header sticky.\n *\n * ⚠️ It doesn't work with IE 11.\n */\n stickyHeader: PropTypes.bool\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiTable'\n})(Table);","import React from \"react\";\nimport { default as MUITable } from \"@material-ui/core/Table\";\nimport styled from \"styled-components\";\n\nconst StyledMUITable = styled(MUITable)``;\n\nexport const Table = (props) => {\n return \n {children}\n \n);\n","import React from \"react\";\nimport { default as MUITypography } from \"@material-ui/core/Typography\";\nimport styled from \"styled-components\";\n\nconst StyledMUITypography = styled(MUITypography)``;\n\nexport const Typography = (props) => {\n return \n {message} \n \n );\n};\n","import { default as MUIButton } from \"@material-ui/core/Button\";\nimport styled from \"styled-components\";\n\nconst StyledMUIButton = styled(MUIButton)`\n border-radius: 8px !important;\n text-transform: capitalize !important;\n height: 42px;\n text-transform: none !important;\n box-shadow: none !important;\n\n &:disabled {\n opacity: 0.44;\n }\n\n &[class*=\"MuiButton-containedSecondary\"]:disabled {\n color: #fff !important;\n }\n\n &[class*=\"MuiButton-containedPrimary\"]:disabled {\n color: var(--primaryContrastColor) !important;\n }\n\n &[class*=\"MuiButton-containedPrimary\"]:hover {\n background-color: var(--primaryDarkColor) !important;\n color: var(--primaryDarkContrastColor) !important;\n }\n`;\n\nexport const Button = StyledMUIButton;\n","import React, { useRef, useEffect } from \"react\";\nimport {\n Checkbox as MUICheckbox,\n FormControlLabel as MUIFormControlLabel,\n} from \"@material-ui/core\";\nimport styled from \"styled-components\";\n\nconst StyledMUIFormControlLabel = styled(MUIFormControlLabel)`\n margin-right: 0 !important;\n\n .MuiCheckbox-root {\n color: #ccc;\n }\n\n .MuiCheckbox-colorPrimary.Mui-checked {\n color: var(--primaryColor) !important;\n }\n\n .MuiIconButton-colorPrimary:hover {\n background-color: #e0e0e0 !important;\n }\n\n input {\n position: absolute;\n :disabled {\n opacity: 0;\n }\n }\n`;\n\nexport const Checkbox = ({\n label = null,\n checked,\n onChange,\n color = \"primary\",\n style = {\n transform: \"scale(1.3)\",\n backgroundColor: \"white\",\n clipPath: \"inset(30%)\",\n },\n}) => {\n return (\n \n \n );\n};\n","import React from \"react\";\nimport { default as MUIFormControl } from \"@material-ui/core/FormControl\";\nimport { useTheme } from \"@material-ui/core/styles\";\nimport styled from \"styled-components\";\n\nconst StyledMUIFormControl = styled(MUIFormControl)`\n margin: ${({ theme }) => theme.spacing(1)}px !important;\n min-width: 120px !important;\n\n &.selectEmpty {\n margin-top: ${({ theme }) => theme.spacing(2)}px;\n }\n`;\n\nexport const FormControl = (props) => {\n const theme = useTheme();\n return \n {icon}\n \n );\n};\n","import React from \"react\";\nimport { default as MUIInputLabel } from \"@material-ui/core/InputLabel\";\nimport styled from \"styled-components\";\n\nconst StyledMUIInputLabel = styled(MUIInputLabel)`\n color: var(--colorTextPrimary) !important;\n font-size: 14px !important;\n`;\n\nexport const InputLabel = (props) => {\n return \n {message}\n \n );\n};\n","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\n// @inheritedComponent ButtonBase\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { alpha, withStyles } from '@material-ui/core/styles';\nimport ButtonBase from '@material-ui/core/ButtonBase';\nimport { capitalize } from '@material-ui/core/utils';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: _extends({}, theme.typography.button, {\n boxSizing: 'border-box',\n borderRadius: theme.shape.borderRadius,\n padding: 11,\n border: \"1px solid \".concat(alpha(theme.palette.action.active, 0.12)),\n color: alpha(theme.palette.action.active, 0.38),\n '&$selected': {\n color: theme.palette.action.active,\n backgroundColor: alpha(theme.palette.action.active, 0.12),\n '&:hover': {\n backgroundColor: alpha(theme.palette.action.active, 0.15)\n },\n '& + &': {\n borderLeft: 0,\n marginLeft: 0\n }\n },\n '&$disabled': {\n color: alpha(theme.palette.action.disabled, 0.12)\n },\n '&:hover': {\n textDecoration: 'none',\n // Reset on mouse devices\n backgroundColor: alpha(theme.palette.text.primary, 0.05),\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n },\n '&$disabled': {\n backgroundColor: 'transparent'\n }\n }\n }),\n\n /* Pseudo-class applied to the root element if `disabled={true}`. */\n disabled: {},\n\n /* Pseudo-class applied to the root element if `selected={true}`. */\n selected: {},\n\n /* Styles applied to the `label` wrapper element. */\n label: {\n width: '100%',\n // Ensure the correct width for iOS Safari\n display: 'inherit',\n alignItems: 'inherit',\n justifyContent: 'inherit'\n },\n\n /* Styles applied to the root element if `size=\"small\"`. */\n sizeSmall: {\n padding: 7,\n fontSize: theme.typography.pxToRem(13)\n },\n\n /* Styles applied to the root element if `size=\"large\"`. */\n sizeLarge: {\n padding: 15,\n fontSize: theme.typography.pxToRem(15)\n }\n };\n};\nvar ToggleButton = /*#__PURE__*/React.forwardRef(function ToggleButton(props, ref) {\n var children = props.children,\n classes = props.classes,\n className = props.className,\n _props$disabled = props.disabled,\n disabled = _props$disabled === void 0 ? false : _props$disabled,\n _props$disableFocusRi = props.disableFocusRipple,\n disableFocusRipple = _props$disableFocusRi === void 0 ? false : _props$disableFocusRi,\n onChange = props.onChange,\n onClick = props.onClick,\n selected = props.selected,\n _props$size = props.size,\n size = _props$size === void 0 ? 'medium' : _props$size,\n value = props.value,\n other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"disabled\", \"disableFocusRipple\", \"onChange\", \"onClick\", \"selected\", \"size\", \"value\"]);\n\n var handleChange = function handleChange(event) {\n if (onClick) {\n onClick(event, value);\n\n if (event.isDefaultPrevented()) {\n return;\n }\n }\n\n if (onChange) {\n onChange(event, value);\n }\n };\n\n return /*#__PURE__*/React.createElement(ButtonBase, _extends({\n className: clsx(classes.root, className, disabled && classes.disabled, selected && classes.selected, size !== 'medium' && classes[\"size\".concat(capitalize(size))]),\n disabled: disabled,\n focusRipple: !disableFocusRipple,\n ref: ref,\n onClick: handleChange,\n onChange: onChange,\n value: value,\n \"aria-pressed\": selected\n }, other), /*#__PURE__*/React.createElement(\"span\", {\n className: classes.label\n }, children));\n});\nprocess.env.NODE_ENV !== \"production\" ? ToggleButton.propTypes = {\n /**\n * The content of the button.\n */\n children: PropTypes.node.isRequired,\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.isRequired,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * If `true`, the button will be disabled.\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true`, the keyboard focus ripple will be disabled.\n */\n disableFocusRipple: PropTypes.bool,\n\n /**\n * If `true`, the ripple effect will be disabled.\n */\n disableRipple: PropTypes.bool,\n\n /**\n * @ignore\n */\n onChange: PropTypes.func,\n\n /**\n * @ignore\n */\n onClick: PropTypes.func,\n\n /**\n * If `true`, the button will be rendered in an active state.\n */\n selected: PropTypes.bool,\n\n /**\n * @ignore\n */\n size: PropTypes.oneOf(['small', 'medium', 'large']),\n\n /**\n * The value to associate with the button when selected in a\n * ToggleButtonGroup.\n */\n value: PropTypes.any.isRequired\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiToggleButton'\n})(ToggleButton);","import React from \"react\";\nimport { default as MUIToggleButton } from \"@material-ui/lab/ToggleButton\";\nimport styled from \"styled-components\";\n\nconst StyledMUIToggleButton = styled(MUIToggleButton)`\n height: 100%;\n min-width: 49px;\n text-transform: none !important;\n`;\n\nexport const ToggleButton = (props) => {\n return \n {children} \n \n );\n};\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport { chainPropTypes } from '@material-ui/utils';\nimport { Transition } from 'react-transition-group';\nimport withStyles from '../styles/withStyles';\nimport { duration } from '../styles/transitions';\nimport deprecatedPropType from '../utils/deprecatedPropType';\nimport { getTransitionProps } from '../transitions/utils';\nimport useTheme from '../styles/useTheme';\nimport { useForkRef } from '../utils';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n height: 0,\n overflow: 'hidden',\n transition: theme.transitions.create('height')\n },\n\n /* Styles applied to the root element when the transition has entered. */\n entered: {\n height: 'auto',\n overflow: 'visible'\n },\n\n /* Styles applied to the root element when the transition has exited and `collapsedSize` != 0px. */\n hidden: {\n visibility: 'hidden'\n },\n\n /* Styles applied to the outer wrapper element. */\n wrapper: {\n // Hack to get children with a negative margin to not falsify the height computation.\n display: 'flex'\n },\n\n /* Styles applied to the inner wrapper element. */\n wrapperInner: {\n width: '100%'\n }\n };\n};\n/**\n * The Collapse transition is used by the\n * [Vertical Stepper](/components/steppers/#vertical-stepper) StepContent component.\n * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.\n */\n\nvar Collapse = /*#__PURE__*/React.forwardRef(function Collapse(props, ref) {\n var children = props.children,\n classes = props.classes,\n className = props.className,\n collapsedHeight = props.collapsedHeight,\n _props$collapsedSize = props.collapsedSize,\n collapsedSizeProp = _props$collapsedSize === void 0 ? '0px' : _props$collapsedSize,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'div' : _props$component,\n _props$disableStrictM = props.disableStrictModeCompat,\n disableStrictModeCompat = _props$disableStrictM === void 0 ? false : _props$disableStrictM,\n inProp = props.in,\n onEnter = props.onEnter,\n onEntered = props.onEntered,\n onEntering = props.onEntering,\n onExit = props.onExit,\n onExited = props.onExited,\n onExiting = props.onExiting,\n style = props.style,\n _props$timeout = props.timeout,\n timeout = _props$timeout === void 0 ? duration.standard : _props$timeout,\n _props$TransitionComp = props.TransitionComponent,\n TransitionComponent = _props$TransitionComp === void 0 ? Transition : _props$TransitionComp,\n other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"collapsedHeight\", \"collapsedSize\", \"component\", \"disableStrictModeCompat\", \"in\", \"onEnter\", \"onEntered\", \"onEntering\", \"onExit\", \"onExited\", \"onExiting\", \"style\", \"timeout\", \"TransitionComponent\"]);\n\n var theme = useTheme();\n var timer = React.useRef();\n var wrapperRef = React.useRef(null);\n var autoTransitionDuration = React.useRef();\n var collapsedSize = typeof (collapsedHeight || collapsedSizeProp) === 'number' ? \"\".concat(collapsedHeight || collapsedSizeProp, \"px\") : collapsedHeight || collapsedSizeProp;\n React.useEffect(function () {\n return function () {\n clearTimeout(timer.current);\n };\n }, []);\n var enableStrictModeCompat = theme.unstable_strictMode && !disableStrictModeCompat;\n var nodeRef = React.useRef(null);\n var handleRef = useForkRef(ref, enableStrictModeCompat ? nodeRef : undefined);\n\n var normalizedTransitionCallback = function normalizedTransitionCallback(callback) {\n return function (nodeOrAppearing, maybeAppearing) {\n if (callback) {\n var _ref = enableStrictModeCompat ? [nodeRef.current, nodeOrAppearing] : [nodeOrAppearing, maybeAppearing],\n _ref2 = _slicedToArray(_ref, 2),\n node = _ref2[0],\n isAppearing = _ref2[1]; // onEnterXxx and onExitXxx callbacks have a different arguments.length value.\n\n\n if (isAppearing === undefined) {\n callback(node);\n } else {\n callback(node, isAppearing);\n }\n }\n };\n };\n\n var handleEnter = normalizedTransitionCallback(function (node, isAppearing) {\n node.style.height = collapsedSize;\n\n if (onEnter) {\n onEnter(node, isAppearing);\n }\n });\n var handleEntering = normalizedTransitionCallback(function (node, isAppearing) {\n var wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;\n\n var _getTransitionProps = getTransitionProps({\n style: style,\n timeout: timeout\n }, {\n mode: 'enter'\n }),\n transitionDuration = _getTransitionProps.duration;\n\n if (timeout === 'auto') {\n var duration2 = theme.transitions.getAutoHeightDuration(wrapperHeight);\n node.style.transitionDuration = \"\".concat(duration2, \"ms\");\n autoTransitionDuration.current = duration2;\n } else {\n node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : \"\".concat(transitionDuration, \"ms\");\n }\n\n node.style.height = \"\".concat(wrapperHeight, \"px\");\n\n if (onEntering) {\n onEntering(node, isAppearing);\n }\n });\n var handleEntered = normalizedTransitionCallback(function (node, isAppearing) {\n node.style.height = 'auto';\n\n if (onEntered) {\n onEntered(node, isAppearing);\n }\n });\n var handleExit = normalizedTransitionCallback(function (node) {\n var wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;\n node.style.height = \"\".concat(wrapperHeight, \"px\");\n\n if (onExit) {\n onExit(node);\n }\n });\n var handleExited = normalizedTransitionCallback(onExited);\n var handleExiting = normalizedTransitionCallback(function (node) {\n var wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;\n\n var _getTransitionProps2 = getTransitionProps({\n style: style,\n timeout: timeout\n }, {\n mode: 'exit'\n }),\n transitionDuration = _getTransitionProps2.duration;\n\n if (timeout === 'auto') {\n var duration2 = theme.transitions.getAutoHeightDuration(wrapperHeight);\n node.style.transitionDuration = \"\".concat(duration2, \"ms\");\n autoTransitionDuration.current = duration2;\n } else {\n node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : \"\".concat(transitionDuration, \"ms\");\n }\n\n node.style.height = collapsedSize;\n\n if (onExiting) {\n onExiting(node);\n }\n });\n\n var addEndListener = function addEndListener(nodeOrNext, maybeNext) {\n var next = enableStrictModeCompat ? nodeOrNext : maybeNext;\n\n if (timeout === 'auto') {\n timer.current = setTimeout(next, autoTransitionDuration.current || 0);\n }\n };\n\n return /*#__PURE__*/React.createElement(TransitionComponent, _extends({\n in: inProp,\n onEnter: handleEnter,\n onEntered: handleEntered,\n onEntering: handleEntering,\n onExit: handleExit,\n onExited: handleExited,\n onExiting: handleExiting,\n addEndListener: addEndListener,\n nodeRef: enableStrictModeCompat ? nodeRef : undefined,\n timeout: timeout === 'auto' ? null : timeout\n }, other), function (state, childProps) {\n return /*#__PURE__*/React.createElement(Component, _extends({\n className: clsx(classes.root, classes.container, className, {\n 'entered': classes.entered,\n 'exited': !inProp && collapsedSize === '0px' && classes.hidden\n }[state]),\n style: _extends({\n minHeight: collapsedSize\n }, style),\n ref: handleRef\n }, childProps), /*#__PURE__*/React.createElement(\"div\", {\n className: classes.wrapper,\n ref: wrapperRef\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: classes.wrapperInner\n }, children)));\n });\n});\nprocess.env.NODE_ENV !== \"production\" ? Collapse.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 * The content node to be collapsed.\n */\n children: 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: chainPropTypes(PropTypes.object, function (props) {\n if (props.classes && props.classes.container) {\n throw new Error(['Material-UI: the classes.container key is deprecated.', 'Use `classes.root` instead', 'The name of the pseudo-class was changed for consistency.'].join('\\n'));\n }\n\n return null;\n }),\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The height of the container when collapsed.\n * @deprecated The prop was renamed to support the addition of horizontal orientation, use `collapsedSize` instead.\n */\n collapsedHeight: deprecatedPropType(PropTypes.oneOfType([PropTypes.number, PropTypes.string]), 'The prop was renamed to support the vertical orientation, use `collapsedSize` instead'),\n\n /**\n * The height of the container when collapsed.\n */\n collapsedSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes\n /* @typescript-to-proptypes-ignore */\n .elementType,\n\n /**\n * Enable this prop if you encounter 'Function components cannot be given refs',\n * use `unstable_createStrictModeTheme`,\n * and can't forward the ref in the passed `Component`.\n */\n disableStrictModeCompat: PropTypes.bool,\n\n /**\n * If `true`, the component will transition in.\n */\n in: PropTypes.bool,\n\n /**\n * @ignore\n */\n onEnter: PropTypes.func,\n\n /**\n * @ignore\n */\n onEntered: PropTypes.func,\n\n /**\n * @ignore\n */\n onEntering: PropTypes.func,\n\n /**\n * @ignore\n */\n onExit: PropTypes.func,\n\n /**\n * @ignore\n */\n onExited: PropTypes.func,\n\n /**\n * @ignore\n */\n onExiting: PropTypes.func,\n\n /**\n * @ignore\n */\n style: PropTypes.object,\n\n /**\n * The duration for the transition, in milliseconds.\n * You may specify a single timeout for all transitions, or individually with an object.\n *\n * Set to 'auto' to automatically calculate transition time based on height.\n */\n timeout: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.shape({\n appear: PropTypes.number,\n enter: PropTypes.number,\n exit: PropTypes.number\n })])\n} : void 0;\nCollapse.muiSupportAuto = true;\nexport default withStyles(styles, {\n name: 'MuiCollapse'\n})(Collapse);","import * as React from 'react';\n/**\n * @ignore - internal component.\n * @type {React.Context<{} | {expanded: boolean, disabled: boolean, toggle: () => void}>}\n */\n\nvar AccordionContext = React.createContext({});\n\nif (process.env.NODE_ENV !== 'production') {\n AccordionContext.displayName = 'AccordionContext';\n}\n\nexport default AccordionContext;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _toArray from \"@babel/runtime/helpers/esm/toArray\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { chainPropTypes } from '@material-ui/utils';\nimport Collapse from '../Collapse';\nimport Paper from '../Paper';\nimport withStyles from '../styles/withStyles';\nimport AccordionContext from './AccordionContext';\nimport useControlled from '../utils/useControlled';\nexport var styles = function styles(theme) {\n var transition = {\n duration: theme.transitions.duration.shortest\n };\n return {\n /* Styles applied to the root element. */\n root: {\n position: 'relative',\n transition: theme.transitions.create(['margin'], transition),\n '&:before': {\n position: 'absolute',\n left: 0,\n top: -1,\n right: 0,\n height: 1,\n content: '\"\"',\n opacity: 1,\n backgroundColor: theme.palette.divider,\n transition: theme.transitions.create(['opacity', 'background-color'], transition)\n },\n '&:first-child': {\n '&:before': {\n display: 'none'\n }\n },\n '&$expanded': {\n margin: '16px 0',\n '&:first-child': {\n marginTop: 0\n },\n '&:last-child': {\n marginBottom: 0\n },\n '&:before': {\n opacity: 0\n }\n },\n '&$expanded + &': {\n '&:before': {\n display: 'none'\n }\n },\n '&$disabled': {\n backgroundColor: theme.palette.action.disabledBackground\n }\n },\n\n /* Styles applied to the root element if `square={false}`. */\n rounded: {\n borderRadius: 0,\n '&:first-child': {\n borderTopLeftRadius: theme.shape.borderRadius,\n borderTopRightRadius: theme.shape.borderRadius\n },\n '&:last-child': {\n borderBottomLeftRadius: theme.shape.borderRadius,\n borderBottomRightRadius: theme.shape.borderRadius,\n // Fix a rendering issue on Edge\n '@supports (-ms-ime-align: auto)': {\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0\n }\n }\n },\n\n /* Styles applied to the root element if `expanded={true}`. */\n expanded: {},\n\n /* Styles applied to the root element if `disabled={true}`. */\n disabled: {}\n };\n};\nvar Accordion = /*#__PURE__*/React.forwardRef(function Accordion(props, ref) {\n var childrenProp = props.children,\n classes = props.classes,\n className = props.className,\n _props$defaultExpande = props.defaultExpanded,\n defaultExpanded = _props$defaultExpande === void 0 ? false : _props$defaultExpande,\n _props$disabled = props.disabled,\n disabled = _props$disabled === void 0 ? false : _props$disabled,\n expandedProp = props.expanded,\n onChange = props.onChange,\n _props$square = props.square,\n square = _props$square === void 0 ? false : _props$square,\n _props$TransitionComp = props.TransitionComponent,\n TransitionComponent = _props$TransitionComp === void 0 ? Collapse : _props$TransitionComp,\n TransitionProps = props.TransitionProps,\n other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"defaultExpanded\", \"disabled\", \"expanded\", \"onChange\", \"square\", \"TransitionComponent\", \"TransitionProps\"]);\n\n var _useControlled = useControlled({\n controlled: expandedProp,\n default: defaultExpanded,\n name: 'Accordion',\n state: 'expanded'\n }),\n _useControlled2 = _slicedToArray(_useControlled, 2),\n expanded = _useControlled2[0],\n setExpandedState = _useControlled2[1];\n\n var handleChange = React.useCallback(function (event) {\n setExpandedState(!expanded);\n\n if (onChange) {\n onChange(event, !expanded);\n }\n }, [expanded, onChange, setExpandedState]);\n\n var _React$Children$toArr = React.Children.toArray(childrenProp),\n _React$Children$toArr2 = _toArray(_React$Children$toArr),\n summary = _React$Children$toArr2[0],\n children = _React$Children$toArr2.slice(1);\n\n var contextValue = React.useMemo(function () {\n return {\n expanded: expanded,\n disabled: disabled,\n toggle: handleChange\n };\n }, [expanded, disabled, handleChange]);\n return /*#__PURE__*/React.createElement(Paper, _extends({\n className: clsx(classes.root, className, expanded && classes.expanded, disabled && classes.disabled, !square && classes.rounded),\n ref: ref,\n square: square\n }, other), /*#__PURE__*/React.createElement(AccordionContext.Provider, {\n value: contextValue\n }, summary), /*#__PURE__*/React.createElement(TransitionComponent, _extends({\n in: expanded,\n timeout: \"auto\"\n }, TransitionProps), /*#__PURE__*/React.createElement(\"div\", {\n \"aria-labelledby\": summary.props.id,\n id: summary.props['aria-controls'],\n role: \"region\"\n }, children)));\n});\nprocess.env.NODE_ENV !== \"production\" ? Accordion.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 * The content of the accordion.\n */\n children: chainPropTypes(PropTypes.node.isRequired, function (props) {\n var summary = React.Children.toArray(props.children)[0];\n\n if (isFragment(summary)) {\n return new Error(\"Material-UI: The Accordion doesn't accept a Fragment as a child. \" + 'Consider providing an array instead.');\n }\n\n if (! /*#__PURE__*/React.isValidElement(summary)) {\n return new Error('Material-UI: Expected the first child of Accordion to be a valid element.');\n }\n\n return null;\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 * If `true`, expands the accordion by default.\n */\n defaultExpanded: PropTypes.bool,\n\n /**\n * If `true`, the accordion will be displayed in a disabled state.\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true`, expands the accordion, otherwise collapse it.\n * Setting this prop enables control over the accordion.\n */\n expanded: PropTypes.bool,\n\n /**\n * Callback fired when the expand/collapse state is changed.\n *\n * @param {object} event The event source of the callback.\n * @param {boolean} expanded The `expanded` state of the accordion.\n */\n onChange: PropTypes.func,\n\n /**\n * If `true`, rounded corners are disabled.\n */\n square: PropTypes.bool,\n\n /**\n * The component used for the collapse effect.\n * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.\n */\n TransitionComponent: PropTypes.elementType,\n\n /**\n * Props applied to the [`Transition`](http://reactcommunity.org/react-transition-group/transition#Transition-props) element.\n */\n TransitionProps: PropTypes.object\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiAccordion'\n})(Accordion);","import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nexport default function _toArray(arr) {\n return arrayWithHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableRest();\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\n\n/* eslint-disable jsx-a11y/aria-role */\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { chainPropTypes } from '@material-ui/utils';\nimport ButtonBase from '../ButtonBase';\nimport IconButton from '../IconButton';\nimport withStyles from '../styles/withStyles';\nimport AccordionContext from '../Accordion/AccordionContext';\nexport var styles = function styles(theme) {\n var transition = {\n duration: theme.transitions.duration.shortest\n };\n return {\n /* Styles applied to the root element. */\n root: {\n display: 'flex',\n minHeight: 8 * 6,\n transition: theme.transitions.create(['min-height', 'background-color'], transition),\n padding: theme.spacing(0, 2),\n '&:hover:not($disabled)': {\n cursor: 'pointer'\n },\n '&$expanded': {\n minHeight: 64\n },\n '&$focused, &$focusVisible': {\n backgroundColor: theme.palette.action.focus\n },\n '&$disabled': {\n opacity: theme.palette.action.disabledOpacity\n }\n },\n\n /* Pseudo-class applied to the root element, children wrapper element and `IconButton` component if `expanded={true}`. */\n expanded: {},\n\n /* Pseudo-class applied to the ButtonBase root element if the button is keyboard focused. */\n focused: {},\n\n /* Pseudo-class applied to the ButtonBase root element if the button is keyboard focused. */\n focusVisible: {},\n\n /* Pseudo-class applied to the root element if `disabled={true}`. */\n disabled: {},\n\n /* Styles applied to the children wrapper element. */\n content: {\n display: 'flex',\n flexGrow: 1,\n transition: theme.transitions.create(['margin'], transition),\n margin: '12px 0',\n '&$expanded': {\n margin: '20px 0'\n }\n },\n\n /* Styles applied to the `IconButton` component when `expandIcon` is supplied. */\n expandIcon: {\n transform: 'rotate(0deg)',\n transition: theme.transitions.create('transform', transition),\n '&:hover': {\n // Disable the hover effect for the IconButton,\n // because a hover effect should apply to the entire Expand button and\n // not only to the IconButton.\n backgroundColor: 'transparent'\n },\n '&$expanded': {\n transform: 'rotate(180deg)'\n }\n }\n };\n};\nvar AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary(props, ref) {\n var children = props.children,\n classes = props.classes,\n className = props.className,\n expandIcon = props.expandIcon,\n focusVisibleClassName = props.focusVisibleClassName,\n _props$IconButtonProp = props.IconButtonProps,\n IconButtonProps = _props$IconButtonProp === void 0 ? {} : _props$IconButtonProp,\n onClick = props.onClick,\n other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"expandIcon\", \"focusVisibleClassName\", \"IconButtonProps\", \"onClick\"]);\n\n var _React$useContext = React.useContext(AccordionContext),\n _React$useContext$dis = _React$useContext.disabled,\n disabled = _React$useContext$dis === void 0 ? false : _React$useContext$dis,\n expanded = _React$useContext.expanded,\n toggle = _React$useContext.toggle;\n\n var handleChange = function handleChange(event) {\n if (toggle) {\n toggle(event);\n }\n\n if (onClick) {\n onClick(event);\n }\n };\n\n return /*#__PURE__*/React.createElement(ButtonBase, _extends({\n focusRipple: false,\n disableRipple: true,\n disabled: disabled,\n component: \"div\",\n \"aria-expanded\": expanded,\n className: clsx(classes.root, className, disabled && classes.disabled, expanded && classes.expanded),\n focusVisibleClassName: clsx(classes.focusVisible, classes.focused, focusVisibleClassName),\n onClick: handleChange,\n ref: ref\n }, other), /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(classes.content, expanded && classes.expanded)\n }, children), expandIcon && /*#__PURE__*/React.createElement(IconButton, _extends({\n className: clsx(classes.expandIcon, expanded && classes.expanded),\n edge: \"end\",\n component: \"div\",\n tabIndex: null,\n role: null,\n \"aria-hidden\": true\n }, IconButtonProps), expandIcon));\n});\nprocess.env.NODE_ENV !== \"production\" ? AccordionSummary.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 * The content of the accordion summary.\n */\n children: 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: chainPropTypes(PropTypes.object, function (props) {\n // Guard against when generation of classes is disabled in the stylesheets (`disableGeneration`).\n // For `disableGeneration` we don't have an accurate warning but `disableGeneration` is an advanced use case anyway.\n if (props.classes.focused !== undefined && props.classes.focused.indexOf(' ') !== -1) {\n return new Error(['Material-UI: The `classes.focused` key is deprecated.', 'Use `classes.focusVisible` instead.', 'The name of the pseudo-class was changed for consistency.'].join('\\n'));\n }\n\n return null;\n }),\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The icon to display as the expand indicator.\n */\n expandIcon: PropTypes.node,\n\n /**\n * This prop can help identify which element has keyboard focus.\n * The class name will be applied when the element gains the focus through keyboard interaction.\n * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\n * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/master/explainer.md).\n * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\n * if needed.\n */\n focusVisibleClassName: PropTypes.string,\n\n /**\n * Props applied to the `IconButton` element wrapping the expand icon.\n */\n IconButtonProps: PropTypes.object,\n\n /**\n * @ignore\n */\n onClick: PropTypes.func\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiAccordionSummary'\n})(AccordionSummary);","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 withStyles from '../styles/withStyles';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n display: 'flex',\n padding: theme.spacing(1, 2, 2)\n }\n };\n};\nvar AccordionDetails = /*#__PURE__*/React.forwardRef(function AccordionDetails(props, ref) {\n var classes = props.classes,\n className = props.className,\n other = _objectWithoutProperties(props, [\"classes\", \"className\"]);\n\n return /*#__PURE__*/React.createElement(\"div\", _extends({\n className: clsx(classes.root, className),\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? AccordionDetails.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 * The content of the accordion details.\n */\n children: 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} : void 0;\nexport default withStyles(styles, {\n name: 'MuiAccordionDetails'\n})(AccordionDetails);","import React from \"react\";\nimport {\n Accordion as MUIAccordion,\n AccordionSummary as MUIAccordionSummary,\n AccordionDetails as MUIAccordionDetails,\n} from \"@material-ui/core\";\nimport styled from \"styled-components\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\nimport { Typography } from \"lib/components/Base/DataDisplay/Typography\";\nimport theme from \"lib/themes/theme\";\n\nconst StyledMUIAccordion = styled(MUIAccordion)`\n border-radius: 16px !important;\n\n .MuiAccordionSummary-content {\n margin: 12px 0;\n display: block;\n }\n\n .MuiAccordionDetails-root {\n padding: 0px 16px 16px !important;\n }\n`;\n\nexport const Accordion = ({\n id,\n summaryText,\n detailsText,\n defaultExpanded = false,\n border = false,\n boxShadow = false,\n expandIcon = \n \n {summaryText} \n \n {detailsText} \n \n );\n};\n","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 Paper from '../Paper';\nimport withStyles from '../styles/withStyles';\nexport var styles = {\n /* Styles applied to the root element. */\n root: {\n overflow: 'hidden'\n }\n};\nvar Card = /*#__PURE__*/React.forwardRef(function Card(props, ref) {\n var classes = props.classes,\n className = props.className,\n _props$raised = props.raised,\n raised = _props$raised === void 0 ? false : _props$raised,\n other = _objectWithoutProperties(props, [\"classes\", \"className\", \"raised\"]);\n\n return /*#__PURE__*/React.createElement(Paper, _extends({\n className: clsx(classes.root, className),\n elevation: raised ? 8 : 1,\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? Card.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 * The content of the component.\n */\n children: 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 * If `true`, the card will use raised styling.\n */\n raised: PropTypes.bool\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiCard'\n})(Card);","import React from \"react\";\nimport { default as MUICard } from \"@material-ui/core/Card\";\nimport styled from \"styled-components\";\n\nconst StyledMUICard = styled(MUICard)`\n border-radius: 16px !important;\n box-shadow:\n 0px 3px 5px -1px rgba(60, 71, 95, 0.2),\n 0px 5px 8px rgba(60, 71, 95, 0.14),\n 0px 1px 14px rgba(60, 71, 95, 0.12) !important;\n`;\n\nexport const Card = (props) => {\n return \n {label}\n \n );\n }\n}\n\nCTAButton.defaultProps = {\n label: \"\",\n style: {},\n disabled: false,\n onClick: () => {},\n};\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nexport default class Button extends React.Component {\n static propTypes = {\n id: PropTypes.string,\n label: PropTypes.string.isRequired,\n style: PropTypes.object,\n onClick: PropTypes.func,\n className: PropTypes.string,\n children: PropTypes.object,\n disabled: PropTypes.bool,\n };\n\n render() {\n let { label, style, type, children, className, disabled, ...rest } =\n this.props;\n\n return (\n \n {children}\n \n );\n }\n}\n\nButton.defaultProps = {\n label: \"\",\n type: \"button\",\n style: {},\n onClick: () => {},\n};\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nexport default class IconButton extends React.Component {\n static propTypes = {\n id: PropTypes.string,\n label: PropTypes.string.isRequired,\n icon: PropTypes.string.isRequired,\n style: PropTypes.object,\n };\n\n _handleKeyDown(event) {\n event.key == \"Enter\" ? this.props.onClick(event) : \"\";\n }\n\n render() {\n let { id, label, icon, style, cssClass, ...rest } = this.props;\n\n return (\n this._handleKeyDown(event)}\n onClick={this.props.onClick}\n tabIndex=\"0\"\n {...rest}\n >\n {label} \n \n );\n }\n}\n\nIconButton.defaultProps = {\n label: \"\",\n id: \"\",\n icon: \"\",\n style: {},\n onClick: () => {},\n};\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nexport default class OptionButton extends React.Component {\n static propTypes = {\n id: PropTypes.string,\n heading: PropTypes.string.isRequired,\n description: PropTypes.string.isRequired,\n icon: PropTypes.string,\n style: PropTypes.object,\n onClick: PropTypes.func,\n };\n\n _handleKeyDown(event) {\n event.key == \"Enter\" ? this.props.onClick() : \"\";\n }\n\n render() {\n let { heading, description, icon } = this.props;\n\n return (\n this._handleKeyDown(event)}\n role=\"button\"\n tabIndex=\"0\"\n >\n
\n \n \n
{heading}
\n
{description}
\n
\n {label}\n \n \n {label}\n \n );\n }\n}\n\nSubmitButton.defaultProps = {\n label: \"\",\n style: {},\n onSubmit: () => {},\n};\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nrequire(\"./style.css\");\n\nexport default class ToggleButton extends React.Component {\n static propTypes = {\n id: PropTypes.string,\n label: PropTypes.string,\n checked: PropTypes.bool.isRequired,\n onClick: PropTypes.func.isRequired,\n };\n\n _handleKeyDown(event) {\n event.key == \"Enter\" ? this.props.onClick(event) : \"\";\n }\n\n render() {\n let { id, label, checked, onClick } = this.props;\n\n return (\n this._handleKeyDown(event)}\n >\n {label} \n \n {type === \"icon\" && (\n {label} }\n {type === \"label\" && label}\n \n );\n }\n}\n\nToolbarButton.defaultProps = {\n type: \"icon\",\n label: \"\",\n active: false,\n disabled: false,\n mobileDisplay: true,\n icon: \"\",\n style: {},\n onClick: () => {},\n};\n","import { GET, DELETE, PUT, POST } from \"lib/api\";\n\nconst API_ACTIVITYCHECKLIST = \"v1/activity/checklist/:activityId\";\nconst API_TASKS = \"v1/activity/checklist/:activityId/items\";\nconst API_CHECKLISTSFORCOPYING = \"v1/activity/:activityId/checklistsforcopying\";\nconst API_COPYCHECKLIST = \"v1/checklist/copy\";\nconst API_DELETECHECKLIST = \"v1/checklist/:id\";\nconst API_ADDCHECKLISTITEM = \"v1/checklistitemwithcheck\";\nconst API_UPDATECHECKLISTITEM = \"v1/checklistitem\";\nconst API_DELETECHECKLISTITEM = \"v1/checklistitem/:id\";\nconst API_DELETECHECKLISTITEMS = \"v1/checklistitems\";\nconst API_SETITEMSTATUS = \"v1/checklistitem/:checklistItemId/status\";\nconst API_REMINDER = \"v1/checklistitem/:checklistItemId/reminder\";\nconst API_UPDATEREMINDER = \"v1/checklistitemreminder\";\nconst API_ADDREMINDER = \"v1/checklistitemreminder\";\nconst API_SENDTESTREMINDER = \"v1/checklistitemreminder/send/:activityId\";\n\nexport async function getActivityChecklist(activityId) {\n let tasks = await GET(API_ACTIVITYCHECKLIST, { activityId });\n return tasks;\n}\n\nexport async function getChecklistItems(activityId) {\n let tasks = await GET(API_TASKS, { activityId });\n return tasks;\n}\n\nexport async function getChecklistsForCopying(activityId) {\n let lists = await GET(API_CHECKLISTSFORCOPYING, { activityId });\n return lists;\n}\n\nexport async function copyChecklist(objectId, type, checklistId, overwrite) {\n await POST(\n `${API_COPYCHECKLIST}?${new URLSearchParams({\n objectId,\n type,\n checklistId,\n overwrite,\n })}`,\n );\n}\n\nexport async function deleteChecklist(checklistId) {\n await DELETE(API_DELETECHECKLIST, { id: checklistId });\n}\n\nexport async function deleteChecklistItem(checklistItemId) {\n await DELETE(API_DELETECHECKLISTITEM, { id: checklistItemId });\n}\n\n//In parameter is list of comma separated ids\nexport async function deleteChecklistItems(checklistItemIds) {\n await DELETE(\n `${API_DELETECHECKLISTITEMS}?${new URLSearchParams({ checklistItemIds })}`,\n );\n return \"\";\n}\n\nexport async function setChecklistItemStatus(checklistItemId, completed) {\n await PUT(`${API_SETITEMSTATUS}?completed=${completed}`, {\n checklistItemId,\n });\n}\n\nexport async function addChecklistItem(checklistItem, activityId, type) {\n let response = await POST(\n `${API_ADDCHECKLISTITEM}?${new URLSearchParams({\n objectId: activityId,\n checklistType: type,\n })}`,\n {},\n checklistItem,\n );\n\n let updatedData = Object.assign({}, checklistItem);\n if (response) {\n updatedData.checklistItemID = response;\n return updatedData;\n } else {\n updatedData.checklistItemID = Math.floor(Math.random() * Math.floor(10000));\n return updatedData;\n }\n}\n\nexport async function updateChecklistItem(checklistItem) {\n await PUT(API_UPDATECHECKLISTITEM, {}, checklistItem);\n return \"ok\";\n}\n\nexport async function getReminder(checklistItemId) {\n let reminder = await GET(API_REMINDER, { checklistItemId });\n return reminder;\n}\n\nexport async function addReminder(reminder) {\n let response = await POST(API_ADDREMINDER, {}, reminder);\n if (response) {\n let updatedData = Object.assign({}, reminder);\n updatedData.checklistItemReminderId = response;\n return updatedData;\n }\n return reminder;\n}\n\nexport async function updateReminder(reminder) {\n await PUT(API_UPDATEREMINDER, {}, reminder);\n}\n\nexport async function sendTestReminder(checklistItem, activityId) {\n let response = await POST(\n API_SENDTESTREMINDER,\n { activityId },\n checklistItem,\n );\n return response;\n}\n\n/*Checklistitem object\n\n\n public string Title \n public string Description\n public int? ChecklistID { get; set; }\n public int Type (Ska vara 2 när det är ett kurstillfälle)\n public int? Id \n public int? ChecklistItemID \n public int? CourseID \n public int? CourseObjectID \n public DateTime? Deadline \n public int? DeadlineID\n public string Link \n public string LinkLabel \n public int Priority \n public int ItemOrder\n public int ObjectId\n public bool Completed\n public string CompletedBy \n public string CompletedName \n public DateTime? CompletedDate\n */\n\n/* ChecklistItemReminder object\n {\n public int ChecklistItemId \n public int ChecklistItemReminderId \n public string Subject\n\n public DateTime ReminderDate \n public string RelativeReminder\n public int ReminderType (0=ingen, 1=relativt, 2=datum)\n public string EmailAddresses\n */\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport * as ICONS from \"lib/icons\";\nimport { Button } from \"lib/components/Base/Inputs/Button\";\n\nconst ChecklistHeader = (props) => {\n const add_task = props.languageContext(\"addtask\");\n const copy_task_from_activity = props.languageContext(\n \"copytasksfromotheractivity\",\n );\n const delete_selected_tasks = props.languageContext(\"deleteselectedtasks\");\n const { showCopy, showDelete } = props;\n\n return (\n \n
\n );\n};\n\nChecklistHeader.propTypes = {\n onAdd: PropTypes.func.isRequired,\n onCopy: PropTypes.func,\n onDelete: PropTypes.func,\n languageContext: PropTypes.func.isRequired,\n showCopy: PropTypes.bool,\n showDelete: PropTypes.bool,\n showButtonIcons: PropTypes.bool,\n};\n\nChecklistHeader.defaultProps = {\n onAdd: () => {},\n onCopy: () => {},\n onDelete: () => {},\n languageContext: () => {},\n showCopy: false,\n showDelete: false,\n showButtonIcons: true,\n};\n\nexport default ChecklistHeader;\n","export const ERROR_MESSAGE = \"error\";\n\nexport const KEY_ENTER = \"Enter\";\nexport const KEY_TAB = \"Tab\";\nexport const KEY_SPACE = \" \";\nexport const KEY_ESC = \"Escape\";\n\nexport const ITEM_DEADLINE_BLANK = \"none\";\n\nexport const REMINDER_TYPE_NONE = 0;\nexport const REMINDER_TYPE_RELATIVE = 1;\nexport const REMINDER_TYPE_DATE = 2;\nexport const REMINDER_BEFORE = \"b\";\nexport const REMINDER_AFTER = \"a\";\nexport const REMINDER_START = \"s\";\nexport const REMINDER_END = \"e\";\nexport const FORM_REMINDERDATE = \"reminderDate\";\nexport const FORM_REMINDERTYPE = \"reminderType\";\nexport const FORM_RELATIVEREMINDER = \"relativeReminder\";\nexport const FORM_RELATIVEREMINDERDATE = \"relativeReminderDate\";\nexport const FORM_EMAILADDRESSES = \"emailAddresses\";\nexport const FORM_SUBJECT = \"subject\";\nexport const FORM_RECEIVERS = \"receivers\";\n\nexport const TABLE_COLUMN_SELECT = \"select\";\nexport const TABLE_COLUMN_TITLE = \"title\";\nexport const TABLE_COLUMN_DESCRIPTION = \"description\";\nexport const TABLE_COLUMN_DEADLINE = \"deadline\";\nexport const TABLE_COLUMN_REMINDER = \"reminder\";\nexport const TABLE_COLUMN_COMPLETED = \"completed\";\nexport const TABLE_COLUMN_CREATEDBY = \"created\";\nexport const TABLE_COLUMN_LASTMODIFIED = \"lastmodified\";\n\nexport const TABLE_ROW_ACTION_EDIT = \"edit\";\nexport const TABLE_ROW_ACTION_DELETE = \"delete\";\nexport const TABLE_ROW_ACTION_COPY = \"copy\";\n","import styled from \"styled-components\";\n\nconst StyledEmptyTable = styled.div`\n padding: 10px;\n margin-bottom: 20px;\n`;\n\nexport { StyledEmptyTable };\n\nconst StyledChecklistContainer = styled.div`\n .lc-tabs {\n max-width: 1200px;\n }\n\n table .lc-checkbox label {\n padding-left: 15px;\n }\n\n .lc-panel label {\n font-size: 15px;\n }\n\n @media only screen and (max-width: 740px) {\n .lc-panel {\n margin: 0;\n }\n\n .lc-panel textarea {\n max-width: 80%;\n }\n }\n`;\n\nexport default StyledChecklistContainer;\n","import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport moment from \"moment\";\nimport * as ICONS from \"lib/icons\";\nimport useTouchDeviceCheck from \"lib/effects/useTouchDeviceCheck\";\nimport config from \"lib/config\";\nimport * as CONSTANTS from \"../constants\";\nimport { StyledEmptyTable } from \"../style\";\nimport { Checkbox } from \"lib/components/Base/Inputs/Checkbox\";\nimport { IconButton } from \"../../Base/Inputs/IconButton\";\nimport { Tooltip } from \"lib/components/Base/DataDisplay/Tooltip\";\nimport { Table } from \"lib/components/Base/DataDisplay/Table/Table\";\nimport { TableHead } from \"lib/components/Base/DataDisplay/Table/TableHead\";\nimport { TableCell } from \"lib/components/Base/DataDisplay/Table/TableCell\";\nimport { TableBody } from \"lib/components/Base/DataDisplay/Table/TableBody\";\nimport { TableRow } from \"lib/components/Base/DataDisplay/Table/TableRow\";\n\nconst DATE_FORMAT =\n config && config.shortDateFormat && config.shortDateFormat.toUpperCase();\n\nconst ReminderLabel = (props) => {\n const { label, date } = props;\n const reminderStyle = { minWidth: \"85px\" };\n return (\n \n
{label}
\n
{moment(date).format(DATE_FORMAT)}
\n
\n {columns.includes(CONSTANTS.TABLE_COLUMN_SELECT) && (\n \n actions.onSelectItem(e.target.checked, item)}\n checked={selectedItems.includes(item.checklistItemID)}\n />\n \n )}\n\n {columns.includes(CONSTANTS.TABLE_COLUMN_TITLE) && (\n \n \n event.key === CONSTANTS.KEY_ENTER &&\n actions.onEditItem(item.checklistItemID)\n }\n >\n {item.title}\n \n \n )}\n\n {columns.includes(CONSTANTS.TABLE_COLUMN_DESCRIPTION) && (\n \n {item.description} \n \n )}\n\n {columns.includes(CONSTANTS.TABLE_COLUMN_DEADLINE) && (\n \n \n {item.deadline && item.deadline !== CONSTANTS.ITEM_DEADLINE_BLANK\n ? moment(item.deadline).format(DATE_FORMAT)\n : \"\"}\n \n \n )}\n\n {columns.includes(CONSTANTS.TABLE_COLUMN_REMINDER) && (\n \n {formatReminder()} \n \n )}\n {columns.includes(CONSTANTS.TABLE_COLUMN_COMPLETED) && (\n \n \n
onChkCompletedKeyPress(event)}\n style={styleCompletedCheckbox}\n >\n actions.onCompleteItem(e.target.checked, item)}\n checked={item.completed}\n />\n \n {item.completed ? (\n \n
{item.completedByName},
\n
{moment(item.completedDate).format(DATE_FORMAT)}
\n
\n )}\n {columns.includes(CONSTANTS.TABLE_COLUMN_CREATEDBY) && (\n \n {item.createdBy ? (\n \n
{item.createdBy},
\n
{moment(item.createdDate).format(DATE_FORMAT)}
\n
\n )}\n {columns.includes(CONSTANTS.TABLE_COLUMN_LASTMODIFIED) && (\n \n {item.lastModifiedBy ? (\n \n
{item.lastModifiedBy},
\n
{moment(item.lastModified).format(DATE_FORMAT)}
\n
\n )}\n \n \n {tableRowActions.includes(CONSTANTS.TABLE_ROW_ACTION_EDIT) && (\n
\n \n
\n \n )}\n {tableRowActions.includes(CONSTANTS.TABLE_ROW_ACTION_DELETE) && (\n
\n \n
\n \n )}\n {tableRowActions.includes(CONSTANTS.TABLE_ROW_ACTION_COPY) && (\n
\n \n
\n \n )}\n
\n \n );\n};\n\nconst ChecklistTable = (props) => {\n const { list, columns } = props;\n const { languageContext } = props;\n const TableCellCheckedStyle = {\n maxWidth: \"35px\",\n padding: \"10px 0 10px 15px\",\n };\n\n return (\n list && (\n \n
\n \n \n {columns.includes(CONSTANTS.TABLE_COLUMN_SELECT) && (\n {languageContext(\"title\")} \n )}\n {columns.includes(CONSTANTS.TABLE_COLUMN_DESCRIPTION) && (\n {languageContext(\"description\")} \n )}\n {columns.includes(CONSTANTS.TABLE_COLUMN_DEADLINE) && (\n {languageContext(\"deadline\")} \n )}\n {columns.includes(CONSTANTS.TABLE_COLUMN_REMINDER) && (\n {languageContext(\"reminder\")} \n )}\n {columns.includes(CONSTANTS.TABLE_COLUMN_COMPLETED) && (\n {languageContext(\"completed\")} \n )}\n {columns.includes(CONSTANTS.TABLE_COLUMN_CREATEDBY) && (\n {languageContext(\"Created\")} \n )}\n {columns.includes(CONSTANTS.TABLE_COLUMN_LASTMODIFIED) && (\n {languageContext(\"LastModified\")} \n )}\n \n \n \n {list.map((item, index) => (\n \n
\n
{languageContext(\"emptychecklist\")} \n );\n};\n\nconst ChecklistTablePortal = (props) => {\n const { languageContext, list } = props;\n const visibleColumns = [\n CONSTANTS.TABLE_COLUMN_TITLE,\n CONSTANTS.TABLE_COLUMN_DEADLINE,\n CONSTANTS.TABLE_COLUMN_REMINDER,\n CONSTANTS.TABLE_COLUMN_COMPLETED,\n ];\n\n const tableRowActions = [\n CONSTANTS.TABLE_ROW_ACTION_EDIT,\n CONSTANTS.TABLE_ROW_ACTION_DELETE,\n CONSTANTS.TABLE_ROW_ACTION_COPY,\n ];\n\n return list && list.length > 0 ? (\n {languageContext(\"emptychecklist\")} \n );\n};\n\nconst TableEmpty = (props) => {\n return {props.children} ;\n};\n\nTableChecklistRow.propTypes = {\n items: PropTypes.array.isRequired,\n languageContext: PropTypes.func.isRequired,\n actions: PropTypes.object,\n columns: PropTypes.arrayOf(PropTypes.string),\n tableRowActions: PropTypes.arrayOf(PropTypes.string),\n};\n\nTableChecklistRow.defaultProps = {\n items: [],\n columns: [\"title\"],\n tableRowActions: [\"edit\"],\n actions: {},\n languageContext: () => {},\n};\n\nTableEmpty.propTypes = {\n children: PropTypes.element,\n};\n\nChecklistTable.propTypes = {\n list: PropTypes.array.isRequired,\n columns: PropTypes.arrayOf(PropTypes.string),\n tableRowActions: PropTypes.arrayOf(PropTypes.string),\n languageContext: PropTypes.func.isRequired,\n actions: PropTypes.object,\n};\n\nconst defaultRowActions = [\"edit\"];\nconst defaultColumns = [\"title\", \"deadline\"];\n\nChecklistTable.defaultProps = {\n list: [],\n columns: defaultColumns,\n tableRowActions: defaultRowActions,\n actions: {},\n languageContext: () => {},\n};\n\nexport { ChecklistTableAdmin };\nexport { ChecklistTablePortal };\n\nexport default ChecklistTable;\n","import * as React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM12.5 8H11v6l4.75 2.85.75-1.23-4-2.37V8zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z\"\n}), 'Alarm');","import moment from \"moment\";\nimport config from \"lib/config\";\n\nconst DATE_FORMAT =\n config && config.shortDateFormat && config.shortDateFormat.toUpperCase();\n\nconst reminder_template = {\n checklistItemId: 0,\n id: 1,\n subject: \"\",\n reminderDate: moment().add(6, \"weeks\").format(DATE_FORMAT),\n relativeReminder: \"15|b|s\",\n reminderType: 0,\n emailAddresses: \"\",\n receivers: [],\n};\n\nexport default reminder_template;\n","import moment from \"moment\";\nimport reminder_template from \"./reminder\";\nimport config from \"lib/config\";\n\nconst DATE_FORMAT =\n config && config.shortDateFormat && config.shortDateFormat.toUpperCase();\n\nconst item_template = {\n title: \"\",\n checklistItemTypeID: 1,\n deadlineID: null,\n courseID: null,\n description: \"\",\n priority: null,\n courseObjectID: null,\n itemOrder: null,\n deadline: moment().add(1, \"months\").format(DATE_FORMAT),\n completed: null,\n completedBy: null,\n completedByName: null,\n completedDate: null,\n reminder: reminder_template,\n};\n\nexport default item_template;\n","import * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n/**\n * @ignore - internal component.\n */\n\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"\n}), 'RadioButtonUnchecked');","import * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n/**\n * @ignore - internal component.\n */\n\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z\"\n}), 'RadioButtonChecked');","import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport RadioButtonUncheckedIcon from '../internal/svg-icons/RadioButtonUnchecked';\nimport RadioButtonCheckedIcon from '../internal/svg-icons/RadioButtonChecked';\nimport withStyles from '../styles/withStyles';\nexport var styles = function styles(theme) {\n return {\n root: {\n position: 'relative',\n display: 'flex',\n '&$checked $layer': {\n transform: 'scale(1)',\n transition: theme.transitions.create('transform', {\n easing: theme.transitions.easing.easeOut,\n duration: theme.transitions.duration.shortest\n })\n }\n },\n layer: {\n left: 0,\n position: 'absolute',\n transform: 'scale(0)',\n transition: theme.transitions.create('transform', {\n easing: theme.transitions.easing.easeIn,\n duration: theme.transitions.duration.shortest\n })\n },\n checked: {}\n };\n};\n/**\n * @ignore - internal component.\n */\n\nfunction RadioButtonIcon(props) {\n var checked = props.checked,\n classes = props.classes,\n fontSize = props.fontSize;\n return /*#__PURE__*/React.createElement(\"div\", {\n className: clsx(classes.root, checked && classes.checked)\n }, /*#__PURE__*/React.createElement(RadioButtonUncheckedIcon, {\n fontSize: fontSize\n }), /*#__PURE__*/React.createElement(RadioButtonCheckedIcon, {\n fontSize: fontSize,\n className: classes.layer\n }));\n}\n\nprocess.env.NODE_ENV !== \"production\" ? RadioButtonIcon.propTypes = {\n /**\n * If `true`, the component is checked.\n */\n checked: PropTypes.bool,\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.isRequired,\n\n /**\n * The size of the radio.\n * `small` is equivalent to the dense radio styling.\n */\n fontSize: PropTypes.oneOf(['small', 'medium'])\n} : void 0;\nexport default withStyles(styles, {\n name: 'PrivateRadioButtonIcon'\n})(RadioButtonIcon);","import * as React from 'react';\n/**\n * @ignore - internal component.\n */\n\nvar RadioGroupContext = React.createContext();\n\nif (process.env.NODE_ENV !== 'production') {\n RadioGroupContext.displayName = 'RadioGroupContext';\n}\n\nexport default RadioGroupContext;","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 { refType } from '@material-ui/utils';\nimport SwitchBase from '../internal/SwitchBase';\nimport RadioButtonIcon from './RadioButtonIcon';\nimport { alpha } from '../styles/colorManipulator';\nimport capitalize from '../utils/capitalize';\nimport createChainedFunction from '../utils/createChainedFunction';\nimport withStyles from '../styles/withStyles';\nimport useRadioGroup from '../RadioGroup/useRadioGroup';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n color: theme.palette.text.secondary\n },\n\n /* Pseudo-class applied to the root element if `checked={true}`. */\n checked: {},\n\n /* Pseudo-class applied to the root element if `disabled={true}`. */\n disabled: {},\n\n /* Styles applied to the 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 // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n }\n }\n },\n '&$disabled': {\n color: theme.palette.action.disabled\n }\n },\n\n /* Styles applied to the 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 // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n }\n }\n },\n '&$disabled': {\n color: theme.palette.action.disabled\n }\n }\n };\n};\nvar defaultCheckedIcon = /*#__PURE__*/React.createElement(RadioButtonIcon, {\n checked: true\n});\nvar defaultIcon = /*#__PURE__*/React.createElement(RadioButtonIcon, null);\nvar Radio = /*#__PURE__*/React.forwardRef(function Radio(props, ref) {\n var checkedProp = props.checked,\n classes = props.classes,\n _props$color = props.color,\n color = _props$color === void 0 ? 'secondary' : _props$color,\n nameProp = props.name,\n onChangeProp = props.onChange,\n _props$size = props.size,\n size = _props$size === void 0 ? 'medium' : _props$size,\n other = _objectWithoutProperties(props, [\"checked\", \"classes\", \"color\", \"name\", \"onChange\", \"size\"]);\n\n var radioGroup = useRadioGroup();\n var checked = checkedProp;\n var onChange = createChainedFunction(onChangeProp, radioGroup && radioGroup.onChange);\n var name = nameProp;\n\n if (radioGroup) {\n if (typeof checked === 'undefined') {\n checked = radioGroup.value === props.value;\n }\n\n if (typeof name === 'undefined') {\n name = radioGroup.name;\n }\n }\n\n return /*#__PURE__*/React.createElement(SwitchBase, _extends({\n color: color,\n type: \"radio\",\n icon: /*#__PURE__*/React.cloneElement(defaultIcon, {\n fontSize: size === 'small' ? 'small' : 'medium'\n }),\n checkedIcon: /*#__PURE__*/React.cloneElement(defaultCheckedIcon, {\n fontSize: size === 'small' ? 'small' : 'medium'\n }),\n classes: {\n root: clsx(classes.root, classes[\"color\".concat(capitalize(color))]),\n checked: classes.checked,\n disabled: classes.disabled\n },\n name: name,\n checked: checked,\n onChange: onChange,\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? Radio.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 * 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 * If `true`, the radio 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 * 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 * Name attribute of the `input` element.\n */\n name: PropTypes.string,\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 radio.\n * `small` is equivalent to the dense radio 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 */\n value: PropTypes.any\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiRadio'\n})(Radio);","import * as React from 'react';\nimport RadioGroupContext from './RadioGroupContext';\nexport default function useRadioGroup() {\n return React.useContext(RadioGroupContext);\n}","import React from \"react\";\nimport { Radio as MuiRadio } from \"@material-ui/core\";\n\nexport const RadioButton = ({\n color = \"primary\",\n checked,\n onChange,\n value,\n name,\n}) => \n {children}\n \n);\n","import React from \"react\";\nimport { FormControlLabel as MuiFormControlLabel } from \"@material-ui/core\";\n\nexport const FormControlLabel = ({ value, control, label, className }) => (\n \n {receivers &&\n receivers.map((receiver, index) => (\n \n \n actions.onToggleReceiver(reminder, receiver, e.target.checked)\n }\n />\n \n ))}\n \n );\n};\n\nconst Reminder = (props) => {\n const { languageContext, reminder, actions, onUpdate, validation, locale } =\n props;\n const DATE_FORMAT =\n config && config.shortDateFormat && config.shortDateFormat.toUpperCase();\n const relativeReminder =\n reminder && reminder.relativeReminder\n ? reminder.relativeReminder.split(\"|\")\n : \"10|b|s\";\n const isBefore = relativeReminder[1] === CONSTANTS.REMINDER_BEFORE;\n const isStart = relativeReminder[2] === CONSTANTS.REMINDER_START;\n const displayReceiversList =\n reminder && reminder.receivers && reminder.receivers.length > 0;\n const labelBefore =\n languageContext(\"before\") && languageContext(\"before\").toLowerCase();\n const labelAfter =\n languageContext(\"after\") && languageContext(\"after\").toLowerCase();\n const labelCoursestart =\n languageContext(\"coursestart\") &&\n languageContext(\"coursestart\").toLowerCase();\n const labelCourseend =\n languageContext(\"courseend\") && languageContext(\"courseend\").toLowerCase();\n const labelRelativeReminderDays =\n languageContext(\"courseend\") && languageContext(\"days\").toLowerCase();\n let relativeReminderInputRef = useRef(null);\n let relativeReminderSelect1Ref = useRef(null);\n let relativeReminderSelect2Ref = useRef(null);\n const inputStyle = { maxWidth: \"75px\" };\n const [reminderType, setReminderType] = useState(\n reminder.reminderType ?? CONSTANTS.REMINDER_TYPE_NONE,\n );\n\n const getRelativeReminder = () =>\n `${relativeReminderInputRef.current.value}|${relativeReminderSelect1Ref.current.value}|${relativeReminderSelect2Ref.current.value}`;\n\n function onUpdateReminder(type, value) {\n let updatedReminder = Object.assign({}, reminder);\n\n switch (type) {\n case CONSTANTS.FORM_REMINDERDATE:\n updatedReminder.reminderDate = value;\n break;\n case CONSTANTS.FORM_REMINDERTYPE:\n updatedReminder.reminderType = value;\n if (value === CONSTANTS.REMINDER_TYPE_RELATIVE) {\n updatedReminder.relativeReminder = getRelativeReminder();\n }\n setReminderType(Number(value));\n break;\n case CONSTANTS.FORM_RELATIVEREMINDER:\n updatedReminder.relativeReminder = getRelativeReminder();\n break;\n case CONSTANTS.FORM_RELATIVEREMINDERDATE:\n updatedReminder.relativeReminderDate = value;\n break;\n case CONSTANTS.FORM_EMAILADDRESSES:\n updatedReminder.emailAddresses = value.replace(/\\s/g, \"\");\n break;\n case CONSTANTS.FORM_SUBJECT:\n updatedReminder.subject = value;\n break;\n case CONSTANTS.FORM_RECEIVERS:\n updatedReminder.reminderDate = value;\n break;\n }\n\n onUpdate(updatedReminder);\n }\n\n function getReminderDateErrorMessage() {\n if (!validation.reminderDateFormat_valid) {\n return languageContext(\"invalidreminderDate\");\n }\n if (!validation.reminderDateIsAfterToday) {\n return languageContext(\"reminderDateBeforeToday\");\n }\n if (!validation.reminderDateIsBeforeDeadline) {\n return languageContext(\"reminderDateAfterDeadline\");\n }\n }\n const DaysAroundCourseSetting = () => (\n \n \n onUpdateReminder(CONSTANTS.FORM_RELATIVEREMINDER, e.target.value)\n }\n />\n {labelRelativeReminderDays}\n \n \n onUpdateReminder(CONSTANTS.FORM_RELATIVEREMINDER, e.target.value)\n }\n value={isBefore ? CONSTANTS.REMINDER_BEFORE : CONSTANTS.REMINDER_AFTER}\n >\n {labelBefore} \n {labelAfter} \n \n \n \n onUpdateReminder(CONSTANTS.FORM_RELATIVEREMINDER, e.target.value)\n }\n value={isStart ? CONSTANTS.REMINDER_START : CONSTANTS.REMINDER_END}\n >\n {labelCoursestart} \n {labelCourseend} \n \n
\n );\n\n const onUpdateReminderType = (value) =>\n onUpdateReminder(CONSTANTS.FORM_REMINDERTYPE, value);\n\n return (\n <>\n \n \n \n
\n \n onUpdateReminder(CONSTANTS.FORM_SUBJECT, e.target.value),\n }}\n error={false}\n helperText={\"\"}\n />\n \n
\n
\n onUpdateReminderType(e.target.value)}\n >\n \n \n onUpdateReminder(\n CONSTANTS.FORM_REMINDERDATE,\n event.target.value,\n )\n }\n />\n {validation && !validation.reminderDate_valid && (\n \n {getReminderDateErrorMessage()}\n \n )}\n \n }\n />\n \n \n
\n
\n
{languageContext(\"to\")} \n {displayReceiversList ? (\n \n {languageContext(\"reminderrecieversempty\")}\n \n )}\n \n
\n onUpdateReminder(CONSTANTS.FORM_EMAILADDRESSES, e.target.value)\n }\n fullWidth\n />\n {validation && !validation.reminderEmailAddresses_valid && (\n \n {languageContext(\"invalidemailaddresses\")}\n \n )}\n \n
{props.children}
;\n};\n\nReceiversEmpty.propTypes = {\n children: PropTypes.element,\n};\n\nReminder.defaultProps = {\n reminder: ReminderTemplate,\n validation: {},\n actions: {},\n languageContext: () => {},\n};\n\nReminder.propTypes = {\n reminder: PropTypes.shape({\n id: PropTypes.number.isRequired,\n checklistItemId: PropTypes.number.isRequired,\n subject: PropTypes.string.isRequired,\n reminderDate: PropTypes.string.isRequired,\n reminderType: PropTypes.oneOf([\"0\", \"1\", \"2\"]),\n emailAddresses: PropTypes.string.isRequired,\n receivers: PropTypes.arrayOf(PropTypes.object),\n }).isRequired,\n languageContext: PropTypes.func.isRequired,\n validation: PropTypes.object,\n onUpdate: PropTypes.func,\n actions: PropTypes.object,\n};\n\nexport default Reminder;\n","import React, { useState, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Button } from \"lib/components/Base/Inputs/Button\";\nimport { Box } from \"lib/components/Base/Layout/Box\";\nimport { InputLabelDatePicker } from \"lib/components/Fragment/InputLabelDatePicker\";\nimport Reminder from \"./Reminder\";\nimport * as CONSTANTS from \"../constants\";\nimport { ItemTemplate } from \"../templates\";\nimport { getLangCode } from \"lib/utils\";\nimport { PaperHeader } from \"lib/components/Fragment/PaperHeader/index.jsx\";\nimport { InputLabelHeader } from \"lib/components/Fragment/InputLabelHeader\";\nimport { Grid } from \"lib/components/Base/Layout/Grid\";\nimport config from \"lib/config\";\nimport moment from \"moment\";\nimport { TextFieldMultiline } from \"lib/components/Base/Inputs/TextFieldMultiline\";\n\nconst ChecklistItem = (props) => {\n const { title, description, deadline, reminder } = props.item;\n let { lang } = props;\n\n let locale;\n if (!lang) lang = 2;\n locale = getLangCode(lang);\n\n const { languageContext, actions, onValidation, maxHeight } = props;\n const [displayValidationError, setDisplayValidationError] = useState(false);\n const [errorText, setErrorText] = useState(\"\");\n const validation = onValidation(props.item);\n\n const DATE_FORMAT =\n config && config.shortDateFormat && config.shortDateFormat.toUpperCase();\n\n const maxHeightCss =\n maxHeight === \"initial\" ? {} : { maxHeight, overflowY: \"auto\" };\n useEffect(() => {\n const handleKeyPress = (event) => {\n event.key === CONSTANTS.KEY_ESC && props.onCancel;\n };\n\n window.addEventListener(\"keypress\", handleKeyPress);\n return () => {\n window.removeEventListener(\"keypress\", handleKeyPress);\n };\n });\n\n function onNameInputBlur(updatedName) {\n let updatedItem = Object.assign({}, props.item);\n updatedItem.title = updatedName;\n\n let validation = onValidation(updatedItem);\n\n setDisplayValidationError(!validation.itemtitle_valid);\n\n if (!validation.itemtitle_valid) {\n setErrorText(languageContext(\"errentertitle\"));\n } else {\n setErrorText(\"\");\n }\n\n actions.checklistItems_actions.onUpdateChecklistItem(updatedItem);\n }\n\n function onSetDescription(updatedDescription) {\n let updatedItem = Object.assign({}, props.item);\n updatedItem.description = updatedDescription;\n\n actions.checklistItems_actions.onUpdateChecklistItem(updatedItem);\n }\n\n function onSetDeadline(updatedDeadline) {\n let updatedItem = Object.assign({}, props.item);\n updatedItem.deadline = updatedDeadline;\n\n actions.checklistItems_actions.onUpdateChecklistItem(updatedItem);\n }\n\n function onUpdateReminder(updatedReminder) {\n let updatedItem = Object.assign({}, props.item);\n updatedItem.reminder = updatedReminder;\n\n let validation = onValidation(updatedItem);\n actions.checklistItems_actions.onUpdateChecklistItem(updatedItem);\n }\n\n const saveClickHandler = () => props.onSave(props.item);\n\n return (\n \n \n
\n onNameInputBlur(e.target.value) }}\n error={displayValidationError}\n helperText={errorText}\n />\n \n
\n
\n onSetDescription(e.target.value)}\n label={languageContext(\"description\")}\n fullWidth\n />\n \n
\n onSetDeadline(event.target.value)}\n oldStyleLabel={true}\n />\n {validation && !validation.itemdeadline_valid && (\n \n {languageContext(\"invaliddate\")}\n \n )}\n
\n
\n {reminder && (\n
\n )}\n
\n \n \n \n actions.checklistReminder_actions.onSendTestReminder(\n title,\n description,\n deadline,\n reminder,\n )\n }\n title={languageContext(\"save\")}\n >\n {languageContext(\"sendtestmail\")}\n \n \n \n \n {languageContext(\"save\")}\n \n \n \n \n {languageContext(\"cancel\")}\n \n \n \n \n \n }\n />\n );\n};\n\nChecklistItem.propTypes = {\n item: PropTypes.shape({\n title: PropTypes.string.isRequired,\n checklistItemTypeID: PropTypes.number,\n deadlineID: PropTypes.number,\n courseID: PropTypes.number,\n description: PropTypes.string,\n priority: PropTypes.number,\n courseObjectID: PropTypes.number,\n itemOrder: PropTypes.number,\n deadline: PropTypes.string,\n completed: PropTypes.bool,\n completedBy: PropTypes.string,\n completedByName: PropTypes.string,\n completedDate: PropTypes.string,\n reminder: PropTypes.object,\n }),\n actions: PropTypes.object,\n languageContext: PropTypes.func.isRequired,\n onValidation: PropTypes.func.isRequired,\n maxHeight: PropTypes.string,\n};\n\nChecklistItem.defaultProps = {\n item: ItemTemplate,\n actions: () => {},\n languageContext: () => {},\n onValidation: () => {},\n maxHeight: \"initial\",\n};\n\nexport default ChecklistItem;\n","import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { RadioButton, RadioGroup } from \"lib/components/Base/Inputs/Radio\";\nimport { Button } from \"lib/components/Base/Inputs/Button\";\nimport { Grid } from \"lib/components/Base/Layout/Grid\";\nimport Modal from \"lib/components/modalPortal\";\nimport { InputLabelSelect } from \"lib/components/Fragment/InputLabelSelect\";\nimport { FormControl } from \"../../Base/Inputs/FormControl\";\nimport { FormControlLabel } from \"../../Base/Inputs/FormControlLabel\";\n\nconst modalStyle = {\n overflowY: \"auto\",\n movable: false,\n zIndex: 1001,\n};\n\nconst radios = {\n replace: true,\n add: false,\n};\n\nconst CopyChecklist = (props) => {\n const { languageContext, activitiesToCopyFrom } = props;\n const [replace, setType] = useState(false);\n const [selectedId, setSelectedId] = useState(\n activitiesToCopyFrom[0]?.checklistId || null,\n );\n\n function setChecklist(id) {\n setSelectedId(id);\n }\n\n const copyClickHandler = () => props.onCopyChecklist(selectedId, replace);\n\n return (\n \n \n setChecklist(e.target.value)}\n selectValue={selectedId}\n menuItems={activitiesToCopyFrom.map((item) => {\n return {\n value: item.checklistID,\n title: item.activityTitle,\n };\n })}\n />\n \n setType(e.target.value === \"true\" ? true : false)}\n >\n \n \n \n \n {languageContext(\"save\")}\n \n \n \n \n {languageContext(\"cancel\")}\n \n \n \n
\n \n );\n};\n\nCopyChecklist.propTypes = {\n languageContext: PropTypes.func.isRequired,\n activitiesToCopyFrom: PropTypes.array,\n};\n\nCopyChecklist.defaultProps = {\n activitiesToCopyFrom: [],\n languageContext: () => \"\",\n};\n\nexport default CopyChecklist;\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport * as API from \"lib/endpoints/checklists\";\nimport Header from \"./components/Header\";\nimport Table, {\n ChecklistTableAdmin as TableAdmin,\n ChecklistTablePortal as TablePortal,\n} from \"./components/Table\";\nimport Item from \"./components/Item\";\nimport Reminder from \"./components/Reminder\";\nimport Copy from \"./components/Copy\";\nimport * as CONSTANTS from \"./constants\";\nimport StyledChecklistContainer from \"./style\";\nimport { ItemTemplate } from \"./templates\";\nimport moment from \"moment\";\nimport _ from \"lodash\";\nimport { CircularProgress } from \"lib/components/Base/Feedback/CircularProgress\";\n\nclass Checklist extends Component {\n static Header = Header;\n static Table = Table;\n static TablePortal = TablePortal;\n static TableAdmin = TableAdmin;\n static Item = Item;\n static Reminder = Reminder;\n static Copy = Copy;\n\n state = {\n activityId: null,\n languageContext: {},\n checklist: [],\n activeItem: ItemTemplate,\n activeItemID: null,\n selectedItems: [],\n displayItem: false,\n displayReminder: false,\n displayCopy: false,\n ready: false,\n };\n\n checklistItems_actions = {\n onUpdateChecklistItem: this.updateChecklistItem.bind(this),\n };\n\n checklistReminder_actions = {\n onSendTestReminder: this.sendTestReminder.bind(this),\n onUpdateReminder: this.updateReminder.bind(this),\n onAddReminder: this.addReminder.bind(this),\n onToggleReceiver: this.toggleReceiver.bind(this),\n };\n\n checklist_actions = {\n onCancel: this.resetView.bind(this),\n onNewItem: this.initNewItem.bind(this),\n onCopy: this.displayCopy.bind(this),\n onCopyChecklist: this.copyChecklist.bind(this),\n onEditItem: this.editItem.bind(this),\n onAddItem: this.addItem.bind(this),\n onUpdateItem: this.updateItem.bind(this),\n onSelectItem: this.selectItem.bind(this),\n onCompleteItem: this.completeItem.bind(this),\n onDeleteItem: this.deleteItem.bind(this),\n onDeleteItems: this.deleteItems.bind(this),\n onCloneItem: this.cloneItem.bind(this),\n onReset: this.resetView.bind(this),\n onRemind: this.displayReminder.bind(this),\n onValidation: this.validateItemData.bind(this),\n checklistItems_actions: this.checklistItems_actions,\n checklistReminder_actions: this.checklistReminder_actions,\n };\n\n componentDidMount() {\n const { id, languageContext } = this.props;\n\n this.setState({\n languageContext,\n activityId: id,\n });\n if (id) {\n this.fetchChecklist(id);\n }\n }\n\n async fetchChecklist(activityId) {\n let checklist = await API.getActivityChecklist(activityId);\n let activitiesToCopyFrom = await API.getChecklistsForCopying(activityId);\n\n if (checklist !== CONSTANTS.ERROR_MESSAGE) {\n this.setState({\n checklist: this.sortChecklist(checklist),\n activitiesToCopyFrom,\n displayItem: false,\n activeItemID: null,\n ready: true,\n });\n } else {\n this.props.onNotification(\n `${this.props.languageContext(\"error\")}`,\n \"error\",\n );\n }\n }\n\n async fetchActivitiesToCopyFrom(activityId) {\n let activitiesToCopyFrom = await API.getChecklistsForCopying(activityId);\n\n if (activitiesToCopyFrom !== CONSTANTS.ERROR_MESSAGE) {\n this.setState({ activitiesToCopyFrom, ready: true });\n } else {\n this.props.onNotification(\n `${this.props.languageContext(\"error\")}`,\n \"error\",\n );\n }\n }\n\n async fetchReminder(checklistItemID) {\n let itemReminder = await API.getReminder(checklistItemID);\n return itemReminder;\n }\n\n async fetchItem(itemId) {\n let item = this.state.checklist.tasks.find(\n (Item) => Item.checklistItemID === itemId,\n );\n\n let updatedItem = Object.assign({}, item);\n let itemReminder = await this.fetchReminder(item.checklistItemID);\n updatedItem.reminder = itemReminder;\n\n return updatedItem;\n }\n\n sortChecklist(checklist) {\n let sortedChecklist = Object.assign({}, checklist);\n sortedChecklist.tasks.forEach((a) =>\n a.deadline === null\n ? (a.deadline = CONSTANTS.ITEM_DEADLINE_BLANK)\n : a.deadline,\n );\n\n let sortedTasks = sortedChecklist.tasks.sort((a, b) =>\n a.deadline > b.deadline\n ? 1\n : a.deadline < b.deadline || a.deadline === null\n ? -1\n : 0,\n );\n sortedChecklist.tasks = sortedTasks;\n\n return sortedChecklist;\n }\n\n initNewItem() {\n let newItem = Object.assign({}, ItemTemplate);\n newItem.checklistID = this.state.checklist.id;\n newItem.reminder.receivers = this.state.checklist.receivers;\n\n this.setState({\n activeItemID: null,\n activeItem: newItem,\n displayItem: true,\n });\n }\n\n resetView() {\n this.setState({\n displayItem: false,\n displayReminder: false,\n displayCopy: false,\n });\n }\n\n validEmail(email) {\n let re =\n /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n return re.test(String(email).toLowerCase());\n }\n\n validateItemData(item) {\n let validation = {\n itemtitle_valid: item.title !== null && item.title.length > 0,\n itemdeadline_valid:\n item.deadline == \"none\" || !item.deadline\n ? true\n : moment(item.deadline).isValid(),\n reminderDateIsBeforeDeadline:\n item.deadline != \"none\" && item.deadline\n ? moment(item.reminder.reminderDate).isSameOrBefore(\n item.deadline,\n \"day\",\n )\n : true,\n reminderDateIsAfterToday: moment(item.reminder.reminderDate).isAfter(\n new Date(),\n \"day\",\n ),\n reminderDateFormat_valid: moment(item.reminder.reminderDate).isValid(),\n reminderDate_valid:\n item.reminder &&\n ((parseInt(item.reminder.reminderType) ===\n CONSTANTS.REMINDER_TYPE_DATE &&\n moment(item.reminder.reminderDate).isValid() &&\n (item.deadline == \"none\" ||\n !item.deadline ||\n moment(item.reminder.reminderDate).isSameOrBefore(\n item.deadline,\n \"day\",\n )) &&\n moment(item.reminder.reminderDate).isAfter(new Date(), \"day\")) ||\n parseInt(item.reminder.reminderType) ===\n CONSTANTS.REMINDER_TYPE_NONE ||\n parseInt(item.reminder.reminderType) ===\n CONSTANTS.REMINDER_TYPE_RELATIVE),\n reminderEmailAddresses_valid:\n (item.reminder && item.reminder.emailAddresses === null) ||\n item.reminder.emailAddresses === \"\" ||\n (item.reminder &&\n item.reminder.emailAddresses.split(\",\").every(this.validEmail)),\n };\n\n let validated =\n validation.itemtitle_valid &&\n validation.itemdeadline_valid &&\n validation.reminderDate_valid &&\n validation.reminderEmailAddresses_valid;\n\n validation.validated = validated;\n\n return validation;\n }\n\n async editItem(itemId) {\n let activeItem = await this.fetchItem(itemId);\n let copiedItem = Object.assign({}, activeItem);\n copiedItem.reminder.checklistItemId = activeItem.checklistItemID;\n\n this.setState({ activeItem, displayItem: true });\n }\n\n displayReminder(itemId) {\n this.setState({ activeItemID: itemId, displayReminder: true });\n }\n\n displayCopy(itemId) {\n this.setState({ activeItemID: itemId, displayCopy: true });\n }\n\n async addItem(item) {\n const { onNotification, languageContext } = this.props;\n\n if (!item) {\n return null;\n }\n\n let ItemValidation = this.validateItemData(item);\n\n if (!ItemValidation.validated) {\n onNotification(`${languageContext(\"invalidform\")}`, \"error\");\n } else {\n let newItem = Object.assign({}, item);\n newItem.checklistID = this.state.checklist.id;\n newItem.reminder.checklistId = this.state.checklist.id;\n let addedItem = await API.addChecklistItem(\n newItem,\n this.state.activityId,\n 2,\n );\n if (addedItem !== CONSTANTS.ERROR_MESSAGE) {\n let newReminder = Object.assign({}, newItem.reminder);\n newReminder.checklistItemId = addedItem.checklistItemID;\n\n this.checklistReminder_actions.onAddReminder(newReminder);\n\n this.fetchChecklist(this.state.activityId);\n onNotification(`${languageContext(\"taskwascreated\")} ${newItem.title}`);\n } else {\n onNotification(`${languageContext(\"error\")}`, \"error\");\n }\n }\n }\n\n async updateItem(updatedItem) {\n const { onNotification, languageContext } = this.props;\n\n if (!updatedItem) {\n return null;\n }\n\n let ItemValidation = this.validateItemData(updatedItem);\n\n if (!ItemValidation.validated) {\n onNotification(`${languageContext(\"invalidform\")}`, \"error\");\n } else {\n let response = await API.updateChecklistItem(updatedItem);\n if (response !== CONSTANTS.ERROR_MESSAGE) {\n if (updatedItem.reminder.id > 0) {\n this.checklistReminder_actions.onUpdateReminder(updatedItem.reminder);\n } else {\n this.checklistReminder_actions.onAddReminder(updatedItem.reminder);\n }\n\n this.fetchChecklist(this.state.activityId);\n onNotification(\n `${languageContext(\"taskwasupdated\")} ${updatedItem.title}`,\n );\n } else {\n onNotification(`${languageContext(\"error\")}`, \"error\");\n }\n }\n }\n\n async deleteItem(ItemId) {\n const { onNotification, languageContext } = this.props;\n\n let confirmed = confirm(languageContext(\"confirmdeletetask\"));\n if (confirmed && ItemId) {\n let response = await API.deleteChecklistItem(ItemId);\n if (response !== CONSTANTS.ERROR_MESSAGE) {\n let checklist = this.state.checklist;\n let updatedTasks = this.state.checklist.tasks.filter(\n (Item) => Item.checklistItemID !== ItemId,\n );\n let updatedChecklist = Object.assign({}, checklist);\n updatedChecklist.tasks = updatedTasks;\n this.setState({ checklist: updatedChecklist });\n onNotification(`${languageContext(\"taskwasdeleted\")}`);\n } else {\n onNotification(`${languageContext(\"error\")}`, \"error\");\n }\n }\n }\n\n async deleteItems() {\n const { onNotification, languageContext } = this.props;\n if (this.state.selectedItems.length > 0) {\n let confirmed = confirm(languageContext(\"confirmdeletetasks\"));\n if (confirmed && this.state.selectedItems) {\n let response = await API.deleteChecklistItems(\n this.state.selectedItems.join(\", \"),\n );\n let itemIds = this.state.selectedItems.join(\", \");\n if (response !== CONSTANTS.ERROR_MESSAGE) {\n let checklist = this.state.checklist;\n\n let updatedChecklist = Object.assign({}, checklist);\n let updatedTasks = this.state.checklist.tasks.filter(\n (Item) =>\n this.state.selectedItems.indexOf(Item.checklistItemID) == -1,\n );\n updatedChecklist.tasks = updatedTasks;\n\n this.setState({ checklist: updatedChecklist, selectedItems: [] });\n onNotification(`${languageContext(\"tasksdeleted\")}`);\n } else {\n onNotification(`${languageContext(\"error\")}`, \"error\");\n }\n }\n } else {\n alert(languageContext(\"notasksselected\"));\n }\n }\n\n selectItem(checked, item) {\n let selectedItems = this.state.selectedItems;\n if (checked) {\n selectedItems.push(item.checklistItemID);\n } else {\n let ix = _.findIndex(selectedItems, (i) => {\n return i == item.checklistItemID;\n });\n\n _.pullAt(selectedItems, ix);\n }\n this.setState({ selectedItems });\n }\n\n async completeItem(checked, item) {\n await API.setChecklistItemStatus(item.checklistItemID, checked);\n this.fetchChecklist(this.state.activityId);\n }\n\n async cloneItem(ItemId) {\n const { onNotification, languageContext } = this.props;\n if (!ItemId) {\n return null;\n }\n let newItem = {\n ...this.state.checklist.tasks.find(\n (Item) => Item.checklistItemID === ItemId,\n ),\n };\n newItem.title += `_${\"copy\"}`;\n if (!newItem.checklistItemID) {\n return null;\n }\n delete newItem.checklistItemID;\n let copiedItem = await API.addChecklistItem(\n newItem,\n this.state.activityId,\n 2,\n );\n if (copiedItem !== CONSTANTS.ERROR_MESSAGE) {\n let reminder = await this.fetchReminder(ItemId);\n\n let newReminder = Object.assign({}, reminder);\n newReminder.checklistItemId = copiedItem.checklistItemID;\n\n this.checklistReminder_actions.onAddReminder(newReminder);\n this.fetchChecklist(this.state.activityId);\n onNotification(`${languageContext(\"taskwascopied\")} ${newItem.title}`);\n } else {\n onNotification(`${languageContext(\"error\")}`, \"error\");\n }\n }\n\n updateChecklistItem(updatedItem) {\n this.setState({ activeItem: updatedItem });\n }\n\n async copyChecklist(checklistId, overwrite) {\n await API.copyChecklist(this.state.activityId, 2, checklistId, overwrite);\n this.fetchChecklist(this.state.activityId);\n this.setState({ displayCopy: false });\n }\n\n async addReminder(reminder) {\n if (reminder) {\n let addedReminder = await API.addReminder(reminder);\n return addedReminder;\n }\n return null;\n }\n\n async updateReminder(reminder) {\n if (reminder) {\n let updatedReminder = await API.updateReminder(reminder);\n return updatedReminder;\n }\n return null;\n }\n\n async sendTestReminder(title, description, deadline, reminder) {\n let checklistItem = {};\n checklistItem.checklistItemId = reminder.checklistItemId;\n checklistItem.title = title;\n checklistItem.description = description;\n checklistItem.deadline = deadline;\n checklistItem.reminder = reminder;\n\n let response = await API.sendTestReminder(\n checklistItem,\n this.state.activityId,\n );\n\n if (response == 0) {\n this.props.onNotification(\n `${this.props.languageContext(\"testmessagewassent\")}`,\n );\n } else {\n this.props.onNotification(\n `${this.props.languageContext(\"sendtestmessageerror\")}`,\n );\n }\n }\n\n toggleReceiver(reminder, receiver, checked) {\n let item = this.state.activeItem;\n let updatedItem = Object.assign({}, item);\n let receiverIndex = reminder.receivers.findIndex(\n (Receiver) => Receiver.personalId === receiver.personalId,\n );\n let newReceiver = reminder.receivers.find(\n (Receiver) => Receiver.personalId === receiver.personalId,\n );\n // Need to create deep copy since newReceiver is read only\n let deepCopiedNewReciever = JSON.parse(JSON.stringify(newReceiver));\n\n deepCopiedNewReciever.selected = checked;\n updatedItem.reminder.receivers[receiverIndex] = deepCopiedNewReciever;\n\n this.setState({ activeItem: updatedItem });\n }\n\n render() {\n const { state, checklist_actions } = this;\n const circularLoaderStyle = { padding: \"20px\" };\n\n return state.ready ? (\n \n {this.props.children(state, checklist_actions)}\n \n ) : (\n \n
\n );\n }\n}\n\nChecklist.propTypes = {\n languageContext: PropTypes.func.isRequired,\n onNotification: PropTypes.func,\n children: PropTypes.node.isRequired,\n};\n\nChecklist.defaultProps = {\n languageContext: () => \"string\",\n children: [],\n};\n\nexport default Checklist;\n","import * as React from \"react\";\nimport { Snackbar as MUISnackbar, useTheme } from \"@material-ui/core\";\nimport styled from \"styled-components\";\nimport Button from \"@material-ui/core/Button\";\nimport CloseIcon from \"@material-ui/icons/Close\";\n\nconst StyledMUISnackbar = styled(MUISnackbar)`\n .MuiSnackbarContent-root {\n ${({ theme, color }) => `background:${theme.palette.info[color] ?? color}`}\n border-radius: 8px !important;\n }\n\n button:focus {\n outline: none;\n box-shadow: none;\n }\n\n .MuiButton-root:hover {\n background-color: none;\n }\n\n .MuiButton-text {\n justify-content: end;\n }\n`;\n\nexport const Snackbar = ({\n open,\n message,\n onClose,\n anchorOrigin = { vertical: \"bottom\", horizontal: \"left\" },\n color = \"main\",\n autoHideDuration = 10000,\n elevation = 4,\n action = (\n \n \n ),\n}) => {\n const theme = useTheme();\n return (\n \n \n {(checklistState, checklistActions) => {\n const {\n onNewItem,\n onAddItem,\n onUpdateItem,\n onSelectItem,\n onCopy,\n onCopyChecklist,\n onDeleteItems,\n onReset,\n onValidation,\n checklistItems_actions,\n } = checklistActions;\n const {\n checklist,\n activitiesToCopyFrom,\n activeItem,\n selectedItems,\n languageContext,\n displayItem,\n displayCopy,\n displayReminder,\n } = checklistState;\n const toasStyle = { marginLeft: \"290px\" };\n\n return (\n <>\n {!checklistState.displayItem && (\n 0}\n showDelete={checklist.tasks.length > 0}\n showButtonIcons={false}\n />\n )}\n \n \n );\n};\n\nexport default withLanguageContext(withNotifier(ChecklistAdmin), \"Checklists\");\n","import { useState, useEffect } from \"react\";\n\nfunction useInViewport(ref) {\n const [inViewport, setInViewport] = useState(false);\n\n useEffect(() => {\n const bounding = ref.current && ref.current.getBoundingClientRect();\n\n if (bounding) {\n const visible = bounding.top > 0 && bounding.left > 0;\n visible && setInViewport(true);\n }\n });\n\n return inViewport;\n}\n\nexport default useInViewport;\n","import React, { useRef, useState, useEffect } from \"react\";\nimport Checklist from \"lib/components/Checklist\";\nimport withLanguageContext from \"lib/hocs/withLanguageContext\";\nimport withNotifier from \"lib/hocs/withNotifier\";\nimport useInViewport from \"lib/effects/useInViewport\";\nimport { SnackbarAlert } from \"lib/components/Base/Feedback/SnackbarAlert\";\nimport { ThemeProvider } from \"@material-ui/core/styles\";\nimport theme from \"../../themes/theme\";\nimport styled from \"styled-components\";\n\nconst StyledPortalChecklist = styled.div`\n .MuiPaper-root {\n box-shadow: none !important;\n padding: 0 !important;\n border-radius: 0 !important;\n }\n`;\n\nconst ChecklistPortal = (props) => {\n let checklistRef = useRef(null);\n let inViewport = useInViewport(checklistRef);\n const checklistStyle = { opacity: inViewport ? 1 : 0 };\n\n const [openSnackbar, setOpenSnackbar] = useState(false);\n\n useEffect(() => {\n setOpenSnackbar(props.notification.visible);\n }, [props.notification.visible]);\n\n const handleClose = () => {\n setOpenSnackbar(false);\n };\n\n return (\n \n \n \n {(checklistState, checklistActions) => {\n const {\n onNewItem,\n onAddItem,\n onUpdateItem,\n onSelectItem,\n onCopy,\n onCopyChecklist,\n onDeleteItems,\n onReset,\n onValidation,\n checklistItems_actions,\n } = checklistActions;\n const {\n checklist,\n activitiesToCopyFrom,\n activeItem,\n selectedItems,\n languageContext,\n displayItem,\n displayCopy,\n displayReminder,\n } = checklistState;\n\n const notificationType = props.notification.type || \"info\";\n\n return (\n \n {!checklistState.displayItem && (\n 0}\n showDelete={false}\n />\n )}\n \n );\n }}\n \n \n \n );\n};\n\nexport default withLanguageContext(withNotifier(ChecklistPortal), \"Checklists\");\n","export const COOKIE_CONSENT_VALUE = \"1\";\n\nexport const COOKIES_ACCEPT = \"cookies_accept\";\n","import React, { useState, useEffect } from \"react\";\nimport withLanguageContext from \"lib/hocs/withLanguageContext\";\nimport Cookies from \"js-cookie\";\nimport config from \"lib/config\";\n\nimport { ThemeProvider } from \"@material-ui/core/styles\";\nimport theme from \"lib/themes/theme\";\nimport { Alert } from \"../Fragment/Alert\";\nimport * as constants from \"./constants\";\nimport { Link, Typography } from \"@material-ui/core\";\n\nconst CookieConsent = ({ languageContext }) => {\n const [open, setOpen] = useState(false);\n\n useEffect(() => {\n setOpen(!Cookies.get(constants.COOKIES_ACCEPT));\n }, []);\n\n const handleCookieClick = (consentType) => {\n Cookies.set(consentType, constants.COOKIE_CONSENT_VALUE, { expires: 365 });\n setOpen(false);\n };\n\n const alertText = (\n \n {languageContext(\"cookieConsentModalText\")}\n \n {languageContext(\"readMoreCookies\")}\n \n \n );\n\n return (\n \n handleCookieClick(constants.COOKIES_ACCEPT)}\n confirmText={languageContext(\"accept\")}\n open={open}\n title={languageContext(\"cookieConsentModalTitle\")}\n text={alertText}\n />\n \n );\n};\n\nexport default withLanguageContext(CookieConsent, \"Common\");\n","import LuvitComponent from \"LuvitComponent\";\nimport React from \"react\";\nimport { autobind } from \"lib/decorators\";\nimport { GET } from \"lib/api\";\nimport config from \"lib/config\";\n\nvar personalId = config.personalId;\n\nexport default class CopyableAssessments extends LuvitComponent {\n constructor(props, context) {\n super(props, context, \"NavigationTree\");\n }\n\n async componentWillMount() {\n let assessments = await GET(`v1/users/${personalId}/copyable-assessments`);\n\n let selectedAssessment;\n if (this.props[\"hf-element\"])\n selectedAssessment = document.getElementById(\n this.props[\"hf-element\"],\n ).value;\n\n if (!selectedAssessment) {\n selectedAssessment = assessments[0].assessmentID;\n this.setServerValue(selectedAssessment);\n }\n\n this.setState({ assessments, selectedAssessment });\n }\n\n @autobind\n setServerValue(selectedAssessment) {\n if (this.props[\"hf-element\"])\n document.getElementById(this.props[\"hf-element\"]).value =\n selectedAssessment;\n }\n\n @autobind\n OnAssessmentChange() {\n if (!this.refs || !this.refs.select) return;\n\n let selectedAssessment = this.refs.select.value;\n\n this.setServerValue(selectedAssessment);\n\n this.setState({ selectedAssessment });\n }\n\n doRender() {\n if (!this.state || !this.state.assessments) return
;\n\n return (\n \n {this.l(\"assessmenttocopy\")}: \n \n {this.state.assessments.map((a) => (\n {a.title} \n ))}\n \n
\n );\n }\n}\n","import React from \"react\";\n\nexport default class CoworkersInUnitDropDown extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const { onChange, coworkers, coworkerId } = this.props;\n if (!coworkers) return
;\n\n return (\n \n {coworkers.map((coworker) => {\n {\n return (\n coworker.personalID && (\n \n {coworker.firstName + \" \" + coworker.lastName}\n \n )\n );\n }\n })}\n \n );\n }\n}\n","import React from \"react\";\nimport { GET } from \"lib/api\";\nimport config from \"lib/config\";\nimport _ from \"lodash\";\nimport { IconButton } from \"lib/components/Button\";\nimport Tabs from \"lib/components/Fragment/Navigation/Tabs\";\n\nimport LuvitComponent from \"LuvitComponent\";\nimport Overview from \"./surveytrackingoverview\";\n\nexport default class SurveyTracking extends LuvitComponent {\n constructor(props, context) {\n super(props, context, \"Progress\");\n }\n\n async componentWillMount() {\n let surveys;\n let users;\n let params = {\n showInactiveUsers: false,\n hideCompleted: true,\n filter: \"\",\n personalId: config.personalId,\n };\n\n if (luvit.GetQueryString(\"courseid\")) {\n surveys = await GET(\"v1/education/tracking/surveys/:courseId\", {\n courseId: luvit.GetQueryString(\"courseid\"),\n });\n\n const urlWithParameters = `v1/education/tracking/surveys/:courseId/userstatus?${new URLSearchParams(\n params,\n )}`;\n\n users = await GET(urlWithParameters, {\n courseId: luvit.GetQueryString(\"courseid\"),\n });\n }\n\n this.setState({\n ready: true,\n surveys,\n users,\n showInactiveUsers: false,\n hideCompleted: true,\n });\n }\n\n setSearchText(searchText) {\n this.setState({ searchText });\n }\n\n clearSearch() {\n if (this.state.searchText === \"\") {\n return;\n }\n\n this.setState({ searchText: \"\" });\n this.doSearch(true);\n }\n\n async doSearch(clear) {\n let searchText = this.state.searchText;\n if (!searchText || clear) {\n searchText = \"\";\n this.setState({ searchText: \"\" });\n }\n\n let params = {\n showInactiveUsers: this.state.showInactiveUsers,\n hideCompleted: this.state.hideCompleted,\n filter: searchText,\n personalId: config.personalId,\n };\n\n const urlWithQueryParameters = `v1/education/tracking/surveys/:courseId/userstatus?${new URLSearchParams(\n params,\n )}`;\n let users = await GET(urlWithQueryParameters, {\n courseId: luvit.GetQueryString(\"courseid\"),\n });\n\n this.setState({ users });\n return false;\n }\n\n handleEnterKey(event) {\n if (event.key == \"Enter\") {\n this.doSearch();\n }\n }\n\n toggleHideCompleted() {\n this.setState({ hideCompleted: !this.state.hideCompleted }, () =>\n this.doSearch(),\n );\n }\n\n toggleShowInactive() {\n this.setState({ showInactiveUsers: !this.state.showInactiveUsers }, () =>\n this.doSearch(),\n );\n }\n\n doRender() {\n if (!this.state || !this.state.ready) {\n return Loading...
;\n }\n let users = this.state.users.map(function (u) {\n let noOfDocs =\n u.noOfCompleted +\n u.noOfNotAttempted +\n u.noOfIncomplete +\n u.noOfPending +\n u.noOfFailed +\n u.noOfPassed;\n\n let noOfCompletedWidth =\n Math.round((u.noOfCompleted / noOfDocs) * 100) + \"%\";\n let noOfCompleted = (\n \n {u.noOfCompleted}\n
\n );\n\n let noOfNotAttemptedWidth =\n Math.round((u.noOfNotAttempted / noOfDocs) * 100) + \"%\";\n let noOfNotAttempted = (\n \n {u.noOfNotAttempted}\n \n );\n\n let noOfIncompleteWidth =\n Math.round((u.noOfIncomplete / noOfDocs) * 100) + \"%\";\n let noOfIncomplete = (\n \n {u.noOfIncomplete}\n
\n );\n\n let noOfPendingWidth = Math.round((u.noOfPending / noOfDocs) * 100) + \"%\";\n let noOfPending = (\n \n {u.noOfPending}\n
\n );\n\n let noOfFailedWidth = Math.round((u.noOfFailed / noOfDocs) * 100) + \"%\";\n let noOfFailed = (\n \n {u.noOfFailed}\n
\n );\n\n let noOfPassedWidth = Math.round((u.noOfPassed / noOfDocs) * 100) + \"%\";\n let noOfPassed = (\n \n {u.noOfPassed}\n
\n );\n\n let noOfSurveys = u.noOfAnsweredSurveys + u.noOfNotAnsweredSurveys;\n let noOfAnsweredSurveysWidth = Math.round(\n (u.noOfAnsweredSurveys / noOfSurveys) * 100,\n );\n let noOfNotAnsweredSurveysWidth = 100 - noOfAnsweredSurveysWidth;\n noOfAnsweredSurveysWidth += \"%\";\n noOfNotAnsweredSurveysWidth += \"%\";\n\n return (\n \n {u.firstName} \n {u.lastName} \n \n \n {u.noOfAnsweredSurveys > 0 && (\n
\n {u.noOfAnsweredSurveys}\n \n {u.noOfNotAnsweredSurveys}\n \n )}\n \n \n \n \n {u.noOfCompleted > 0 && noOfCompleted}\n {u.noOfPassed > 0 && noOfPassed}\n {u.noOfPending > 0 && noOfPending}\n {u.noOfIncompleted > 0 && noOfIncomplete}\n {u.noOfFailed > 0 && noOfFailed}\n {u.noOfNotAttempted > 0 && noOfNotAttempted}\n
\n \n \n {\" \"}\n {u.completed && (\n \n \n )}\n {u.completed && \" (\" + u.completedDate + \")\"}\n \n \n );\n });\n\n const participantsComponent = (\n <>\n \n
\n
this.setSearchText(e.target.value)}\n onKeyPress={(e) => this.handleEnterKey(e)}\n className=\"input-search\"\n />\n {\n this.clearSearch();\n }}\n label={this.l(\"close\")}\n />\n {\n this.doSearch();\n }}\n label={this.l(\"search\")}\n />\n \n \n {this.l(\"hidecompleted\")}\n \n \n \n {this.l(\"hideinactiveusers\")}\n \n
\n \n
\n \n \n {this.l(\"firstname\")} \n {this.l(\"lastname\")} \n {this.l(\"surveystatus\")} \n \n \n {users} \n
\n \n );\n\n const tabs = [\n {\n label: this.l(\"overview\"),\n content: \n \n {this.l(\"surveys\")}\n \n Loading...
;\n }\n\n const notEnoughAnswersText = this.l(\n \"hlp_surveyAnswersActivityMinAnswers\",\n ).replace(\"\", this.state.nrOfAnswersRequired);\n const basePath = document.location.pathname;\n const self = this;\n const { type } = this.props;\n const surveys = this.state.surveys.map((survey) => {\n let enoughAnswers = s.noOfAnswers >= self.state.nrOfAnswersRequired;\n return (\n \n {survey.title} \n {survey.noOfAnswers} \n {self.props.type !== \"simple\" && (\n \n {enoughAnswers && (\n \n {self.l(\"csvreport\")}\n \n )}\n {survey.noOfAnswers < self.state.nrOfAnswersRequired && (\n {notEnoughAnswersText} \n )}\n \n )}\n {self.props.type !== \"simple\" && (\n \n {enoughAnswers && (\n \n {self.l(\"graphicreport\")}\n \n )}\n \n )}\n \n );\n });\n\n return (\n \n \n \n {this.l(\"title\")} \n {this.l(\"numberofanswers\")} \n {type !== \"simple\" && \n \n {surveys} \n
\n );\n }\n}\n","import React from \"react\";\nimport { GET, DELETE } from \"lib/api\";\nimport config from \"lib/config\";\nimport LuvitComponent from \"LuvitComponent\";\nimport Notifier from \"lib/components/notifier\";\nimport { IconButton, SingleaddButton } from \"lib/components/Button\";\nimport AddActivity from \"domains/talentmanagement/coworker/goals/addactivity.jsx\";\nimport _ from \"lodash\";\nimport SettingStore from \"stores/settings\";\nimport { observer } from \"mobx-react\";\n\n@observer\nexport default class EducationHistory extends LuvitComponent {\n constructor(props, context) {\n super(props, context, \"TalentManagement\");\n }\n\n async componentWillMount() {\n let courses = await GET(\"/v1/user/:personalId/educationHistory\", {\n personalId: this.props.personalId,\n });\n\n let allowUsersToCompleteCourses = SettingStore.getSettingValue(\n \"allowusertocompletecourses\",\n );\n\n let allowUsersToCompleteActivities = SettingStore.getSettingValue(\n \"allowusertocompleteactivities\",\n );\n\n let hideOtherActivitiesInEducationHistory = SettingStore.getSettingValue(\n \"hideotheractivitiesineducationhistory\",\n );\n\n let installationId = await GET(\"v1/adminsettings/:settingName\", {\n settingName: \"installationid\",\n });\n\n let res = await GET(\"v1/adminsettings/:settingName\", {\n settingName: \"cvMetadataColumns\",\n });\n\n let activeConfig;\n if (res) activeConfig = res.split(\",\");\n\n this.setState({\n ready: true,\n courses,\n sortOrderCourses: \"desc\",\n sortByCourses: \"endDate\",\n allowUsersToCompleteCourses,\n allowUsersToCompleteActivities,\n hideOtherActivitiesInEducationHistory,\n activeConfig,\n installationId,\n });\n }\n\n async onRefresh() {\n let courses = await GET(\"/v1/user/:personalId/educationHistory\", {\n personalId: this.props.personalId,\n });\n\n this.setState({ ready: true, courses });\n }\n\n async deleteActivity(course) {\n if (confirm(this.l(\"confirmdeleteitem\") + \" \" + course.title + \" ?\")) {\n await DELETE(`/v1/coworker/externalcourse?courseId=${course.id}`);\n this.onRefresh();\n }\n }\n\n sortCourses(sortBy) {\n if (this.props.printMode) return;\n var sortOrder = \"desc\";\n\n if (this.state.sortByCourses == sortBy) {\n if (this.state.sortOrderCourses == \"asc\") sortOrder = \"desc\";\n else sortOrder = \"asc\";\n } else {\n sortOrder = \"asc\";\n }\n\n var courses = _.orderBy(this.state.courses, [sortBy], [sortOrder]);\n\n this.setState({\n courses,\n sortByCourses: sortBy,\n sortOrderCourses: sortOrder,\n });\n }\n\n openDialog() {\n this.setState({ activityEdit: {} });\n }\n\n resetEditActivity() {\n this.setState({ activityEdit: null });\n }\n\n editActivity(course) {\n if (\n course.type == \"otheractivity\" ||\n course.type == \"externalcourse\" ||\n course.type == \"commonactivity\"\n )\n this.setState({ activityEdit: course });\n return false;\n }\n\n showSaveNotification(title, text) {\n this.refs.notificator.success(title, text, 3000);\n }\n\n showErrorNotification(title, text) {\n this.refs.notificator.error(title, text, 3000);\n }\n\n renderEditLink(c) {\n if (this.props.printMode) return {c.title} ;\n else\n return (\n this.editActivity(c)}>\n {c.title}\n \n );\n }\n\n renderMetaDataColumnHeaders() {\n let self = this;\n if (this.state.activeConfig) {\n let columns = this.state.activeConfig.map(function (c) {\n return (\n \n {self.l(c)}{\" \"}\n \n );\n });\n return columns;\n }\n return null;\n }\n\n renderMetaDataTableCells(course) {\n let self = this;\n let i = 1;\n if (this.state.activeConfig) {\n let cells = this.state.activeConfig.map(function (c) {\n if (course.metaData) {\n let valueFound = false;\n for (let md of course.metaData) {\n if (md.name == c) {\n valueFound = true;\n return (\n \n {md.value}\n \n );\n }\n }\n if (!valueFound) {\n return (\n \n \n \n );\n }\n } else {\n return (\n \n \n \n );\n }\n });\n return cells;\n }\n return null;\n }\n\n renderCustomColumnHeaders() {\n if (this.state.installationId === \"cambrex\") {\n return (\n this.sortCourses(\"billingAddress\")}\n >\n {this.l(\"BillingAddress\")}{\" \"}\n {this.state.sortByCourses == \"billingAddress\" && (\n {course.billingAddress} ;\n }\n return null;\n }\n\n getArrowClass() {\n if (this.props.printMode) return \"hidden\";\n else\n return this.state.sortOrderCourses == \"desc\"\n ? \"icon-sortarrow-down\"\n : \"icon-sortarrow-up\";\n }\n\n isDeleteAllowed(courseType) {\n let isManagerAndCorrectCourseType =\n (courseType === \"otheractivity\" ||\n courseType === \"externalcourse\" ||\n courseType === \"commonactivity\") &&\n this.props.isManager;\n\n if (isManagerAndCorrectCourseType) return true;\n\n if (courseType === \"externalcourse\" || courseType === \"commonactivity\") {\n if (this.state.allowUsersToCompleteCourses === \"0\") {\n return false;\n }\n } else {\n if (this.state.allowUsersToCompleteActivities === \"0\") {\n return false;\n }\n }\n return (\n courseType === \"otheractivity\" ||\n courseType === \"externalcourse\" ||\n courseType === \"commonactivity\"\n );\n }\n\n doRender() {\n if (!this.state.ready) return {`${this.l(\"loading\")}...`}
;\n\n var self = this;\n const { isReport, printMode, isManager } = this.props;\n\n const {\n allowUsersToCompleteCourses,\n allowUsersToCompleteActivities,\n hideOtherActivitiesInEducationHistory,\n courses,\n } = this.state;\n\n const PERMISSION = { ALLOWED: \"1\", DISALLOWED: \"0\" };\n const HIDDEN = \"1\";\n\n let hideAddButton =\n allowUsersToCompleteCourses === PERMISSION.DISALLOWED &&\n (allowUsersToCompleteActivities === PERMISSION.DISALLOWED ||\n hideOtherActivitiesInEducationHistory === HIDDEN);\n\n const cs = courses.map((c, index) => {\n return (\n \n \n {(c.type == \"otheractivity\" ||\n c.type == \"externalcourse\" ||\n c.type == \"commonactivity\") &&\n !isReport\n ? self.renderEditLink(c)\n : c.title}\n \n {!isReport && {self.l(c.type)} }\n {!isReport && {c.startDate} }\n {c.endDate} \n {!isReport && self.renderCustomColumnCells(c)}\n {!isReport && self.renderMetaDataTableCells(c)}\n {!isReport && (\n \n {c.certificates &&\n c.certificates.map((cert, index) => {\n let isExpired = moment(cert.expireDate).isBefore(moment());\n let certificateExpireDate = cert.expireDate\n ? moment(cert.expireDate).format(\n config.shortDateFormat.toUpperCase(),\n )\n : self.l(\"noexpiredate\");\n return (\n \n \n {certificateExpireDate}\n \n
\n );\n })}\n \n )}\n {!isReport && (\n \n {c.attachmentId && (\n \n {c.fileName}\n \n \n )}\n {!isReport && (\n \n {!printMode && this.isDeleteAllowed(c.type) && (\n self.deleteActivity(c)}\n icon=\"icon-trash\"\n />\n )}\n \n )}\n \n );\n });\n\n return (\n \n
\n\n
\n \n
\n \n
0 ? \"maindatatable\" : \"hidden\"\n }\n >\n \n \n this.sortCourses(\"title\")}\n >\n {isReport ? this.l(\"education\") : this.l(\"title\")}{\" \"}\n {this.state.sortByCourses == \"title\" && (\n this.sortCourses(\"type\")}\n >\n {this.l(\"type\")}{\" \"}\n {this.state.sortByCourses == \"type\" && (\n this.sortCourses(\"startDate\")}\n >\n {this.l(\"startdate\")}{\" \"}\n {this.state.sortByCourses == \"startDate\" && (\n this.sortCourses(\"endDate\")}\n >\n {this.l(\"enddate\")}{\" \"}\n {this.state.sortByCourses == \"endDate\" && (\n {this.l(\"certificate\")} \n )}\n\n {!isReport && (\n this.sortCourses(\"fileName\")}\n >\n {this.l(\"filename\")}{\" \"}\n {this.state.sortByCourses == \"fileName\" && (\n \n {this.l(\"deleteeducation\")} \n \n )}\n \n \n {cs} \n \n {this.l(\"noactivitiescompletedoradded\")}
\n )}\n \n );\n }\n}\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Input, Label } from \"lib/components/Form\";\n\nexport default class InputRow extends React.Component {\n static propTypes = {\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n type: PropTypes.string.isRequired, // one of prop\n required: PropTypes.bool,\n };\n\n render() {\n let {\n name,\n type,\n inputValue,\n placeholder,\n cssClass,\n defaultValue,\n required,\n label,\n } = this.props;\n\n return (\n \n
\n );\n }\n}\n\nInputRow.defaultProps = {\n name: \"\",\n label: \"\",\n type: \"text\",\n required: false,\n};\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { validateEmail } from \"lib/utils\";\n\nexport default class Input extends React.Component {\n componentWillMount() {\n this.setState({ invalid: this.props.invalid || \"\" });\n }\n\n componentWillReceiveProps(props) {\n this.setState({ invalid: props.invalid });\n }\n\n static propTypes = {\n id: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n type: PropTypes.oneOf([\"text\", \"password\", \"email\"]).isRequired,\n cssClass: PropTypes.string,\n defaultValue: PropTypes.string,\n placeholder: PropTypes.string,\n style: PropTypes.object,\n required: PropTypes.bool,\n autofocus: PropTypes.bool,\n disabled: PropTypes.bool,\n };\n\n CheckIfValid = (element) => {\n const { type } = this.props;\n let invalid = false;\n if (element.target.ariaRequired === \"true\" && element.target.value === \"\") {\n invalid = true;\n }\n\n if (type === \"email\") {\n if (validateEmail(element.target.value)) {\n invalid = true;\n }\n }\n\n this.setState({ invalid });\n };\n debugger;\n render() {\n let {\n id,\n name,\n type,\n placeholder,\n cssClass,\n defaultValue,\n required,\n autofocus,\n style,\n disabled,\n } = this.props;\n\n const { invalid } = this.state;\n\n return (\n \n {label}{\" \"}\n \n );\n }\n}\n\nLabel.defaultProps = {\n label: \"\",\n for: \"\",\n class: \"\",\n style: {},\n onClick: () => {},\n};\n","import React, { Component } from \"react\";\n\nimport Input from \"./Input\";\nimport Label from \"./Label\";\nimport InputRow from \"./InputRow\";\n\nexport { Input as Input };\nexport { Label as Label };\nexport { InputRow as InputRow };\n\nclass Form extends Component {\n onSubmit(e) {\n e.preventDefault();\n this.props.onSubmit();\n }\n\n render() {\n let { action, method } = this.props;\n\n return (\n \n {this.props.children}\n \n );\n }\n}\n\nForm.defaultProps = {\n action: \"\",\n method: \"post\",\n onSubmit: function () {},\n};\n\nexport default Form;\n","import React from \"react\";\nimport { Dialog } from \"../../Base/Feedback/Dialog\";\nimport { DialogActions } from \"../../Base/Feedback/DialogActions\";\nimport { DialogTitle } from \"../../Base/Feedback/DialogTitle\";\nimport { DialogContent } from \"../../Base/Feedback/DialogContent\";\nimport { Button } from \"../../Base/Inputs/Button\";\n\nexport const Alert = ({ confirmText, handleConfirm, title, text, open }) => {\n return (\n \n {title} \n {text} \n \n \n {confirmText}\n \n \n \n );\n};\n","import React from \"react\";\nimport format from \"lib/format\";\nimport Avatar from \"lib/components/Base/DataDisplay/Avatar\";\nimport styled from \"styled-components\";\n\nconst StyledAvatar = styled(Avatar)`\n background-color: #ccc;\n`;\n\nexport const ProfileAvatar = ({\n size,\n personalId,\n title = \"avatar\",\n alt = \"Avatar\",\n className,\n}) => {\n const src = format.url(\n `/Personal/StreamImage.aspx?pres=1&pid=${personalId}&size=${size}`,\n );\n\n return \n {title} \n {text} \n \n \n {cancelText}\n \n \n {confirmText}\n \n \n \n );\n};\n","import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport { useTheme } from \"@material-ui/core/styles\";\nimport { ToggleButtonGroup } from \"../../Base/Lab/ToggleButton/ToggleButtonGroup\";\nimport { ToggleButton } from \"../../Base/Lab/ToggleButton/ToggleButton\";\nimport { Box, Typography } from \"@material-ui/core\";\n\n/**\n * Grupperade knappar för filtrering\n *\n * @example\n * const buttons = [\n * { value: this.l(\"all\"), filter: CONSTANTS.PROGRESS_ALL },\n * {\n * value: `${this.l(\"lefttodo\")} (${leftToDo})`,\n * filter: CONSTANTS.FILTER_TODO,\n * }, ...\n *\n * return (\n * \n {buttons.map((btn, i) => (\n \n {btn.value} \n \n ))}\n \n );\n};\n\nconst StyledToggleButtonGroup = styled(ToggleButtonGroup)`\n .MuiToggleButtonGroup-groupedHorizontal:first-child {\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n }\n .MuiToggleButtonGroup-groupedHorizontal:last-child {\n border-top-right-radius: 8px;\n border-bottom-right-radius: 8px;\n }\n\n .MuiToggleButtonGroup-groupedHorizontal:not(:first-child) {\n margin-left: 0px;\n }\n\n .MuiToggleButton-root {\n border: 1px solid ${({ theme }) => theme.palette.border.light};\n }\n .MuiToggleButton-root.Mui-selected {\n border: 1px solid ${({ theme }) => theme.palette.primary.main};\n }\n\n .MuiToggleButton-root {\n color: ${({ theme }) => theme.palette.text.primary};\n }\n\n .MuiToggleButton-root,\n .MuiToggleButton-root.Mui-selected {\n background-color: ${({ theme }) => theme.palette.background.default};\n }\n\n .Mui-selected .MuiToggleButton-label {\n color: ${({ theme }) => theme.palette.primary.main};\n }\n\n .MuiToggleButton-root:hover {\n background-color: var(--colorToggleButtonHover) !important;\n }\n\n .MuiToggleButton-root.Mui-selected:hover {\n background-color: ${({ theme }) => theme.palette.primary.light};\n }\n`;\n\nconst StyledToggleButton = styled(ToggleButton)`\n transform: unset !important; /* override base.css for button */\n :focus {\n outline: none !important; /* override base.css for button */\n }\n`;\n\nexport default Filter;\n","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 withStyles from '../styles/withStyles';\nexport var styles = {\n /* Styles applied to the root element. */\n root: {\n display: 'flex',\n alignItems: 'center',\n padding: 8\n },\n\n /* Styles applied to the root element if `disableSpacing={false}`. */\n spacing: {\n '& > :not(:first-child)': {\n marginLeft: 8\n }\n }\n};\nvar CardActions = /*#__PURE__*/React.forwardRef(function CardActions(props, ref) {\n var _props$disableSpacing = props.disableSpacing,\n disableSpacing = _props$disableSpacing === void 0 ? false : _props$disableSpacing,\n classes = props.classes,\n className = props.className,\n other = _objectWithoutProperties(props, [\"disableSpacing\", \"classes\", \"className\"]);\n\n return /*#__PURE__*/React.createElement(\"div\", _extends({\n className: clsx(classes.root, className, !disableSpacing && classes.spacing),\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? CardActions.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 * The content of the component.\n */\n children: 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 * If `true`, the actions do not have additional margin.\n */\n disableSpacing: PropTypes.bool\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiCardActions'\n})(CardActions);","import React from \"react\";\nimport { CardMedia } from \"lib/components/Base/Surfaces/Card/CardMedia\";\nimport { Card } from \"lib/components/Base/Surfaces/Card/Card\";\nimport { CardContent } from \"lib/components/Base/Surfaces/Card/CardContent\";\nimport { Typography } from \"lib/components/Base/DataDisplay/Typography\";\nimport styled from \"styled-components\";\nimport { CardActions } from \"@material-ui/core\";\n\nconst StyledMUIImageCard = styled(Card)`\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n\n button:hover {\n transform: none;\n }\n\n .MuiCardMedia-root {\n height: 70px;\n min-height: 70px;\n max-height: 70px;\n width: 120%;\n position: relative;\n left: -10%;\n padding-bottom: 8px;\n }\n`;\n\nconst StyledCardContent = styled(CardContent)`\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n max-height: 195px;\n\n .MuiBox-root {\n margin: 0;\n }\n`;\n\nexport const ImageCard = ({\n image,\n title,\n actions,\n children,\n className,\n elevation = 8,\n}) => (\n \n \n {image ? (\n
\n )}\n \n {title}\n \n {children}\n \n {actions} \n \n);\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { DatePicker } from \"lib/components/Base/Inputs/DatePicker\";\nimport { InputLabel } from \"lib/components/Base/Inputs/InputLabel\";\nimport { Box } from \"@material-ui/core\";\n\nconst StyledMUIInputLabelDatePicker = styled.div``;\n\nconst StyledOldLabel = styled.label`\n margin: 0 0 4px 0;\n`;\n\nexport const InputLabelDatePicker = ({\n id,\n label = false,\n name = \"\",\n required,\n value,\n min,\n max,\n placeholder,\n disabled = false,\n onChange = () => {},\n onFocus = () => {},\n oldStyleLabel = false,\n}) => {\n return (\n \n {oldStyleLabel && (\n \n {label}:\n \n )}\n {!oldStyleLabel && (\n \n \n {label}\n \n \n )}\n \n );\n};\n","import React from \"react\";\nimport { InputLabel } from \"lib/components/Base/Inputs/InputLabel\";\nimport { TextField } from \"lib/components/Base/Inputs/TextField\";\nimport { Box } from \"@material-ui/core\";\n/**\n * @param {any} type - Typen av input elemtet.\n * @param {string} header - Titeln som visas ovanför komponenten.\n * @param {node} placeholder - Texten som visas i selectfielden innan användaren lägger in ett värde.\n * @param {node} label - Texten som visas i selectfielden och sedan ovanför den.\n * @param {any} defaultValue - Defaultvärdet.\n * @param {bool} required - En bool för att bestämma om ett inputvärde är nödvändigt.\n * @param {function} onChange - Funktion som anropas när värdet ändras.\n * @param {bool} error - Bool som avgör om labeln ska visas i error state.\n * @param {node} helperText - En hjälptext som visar vad användaren behöver göra.\n * @param {object} inputProps - Attribut som appliceras på input elementet.\n * @param {object} value - - Värdet av input elementet\n * @returns {JSX.Element} - Returnerar JSX-elementet för komponenten.\n */\nexport const InputLabelHeader = ({\n type,\n header,\n placeholder,\n label,\n defaultValue,\n required,\n onChange,\n error,\n helperText,\n inputProps,\n value,\n fullWidth,\n}) => {\n return (\n \n {header && (\n \n {header} \n \n )}\n \n );\n};\n","import React from \"react\";\nimport { InputLabel } from \"lib/components/Base/Inputs/InputLabel\";\nimport { MenuItem } from \"lib/components/Base/Inputs/MenuItem\";\nimport { Select } from \"lib/components/Base/Inputs/Select\";\nimport { Box } from \"@material-ui/core\";\n\n/**\n * En komponent för ett etikettvald-rullgardinsmeny.\n *\n * @component\n * @example\n * const id = \"minInput\";\n * const label = \"Välj ett alternativ\";\n * const onChange = (event) => console.log(event.target.value);\n * const selectValue = \"alternativ1\";\n * const menuItems = [\n * { value: \"alternativ1\", title: \"Alternativ 1\" },\n * { value: \"alternativ2\", title: \"Alternativ 2\" },\n * { value: \"alternativ3\", title: \"Alternativ 3\" },\n * ];\n * const defaultMenuItem = { value: \"default\", title: \"Välj ett alternativ\" };\n *\n * \n \n {label} \n \n onChange(event)}\n variant=\"outlined\"\n >\n {defaultMenuItem && (\n \n {defaultMenuItem.title}\n \n )}\n {menuItems &&\n menuItems.map((menuItem) => (\n \n {menuItem.title}\n \n ))}\n \n \n);\n","import React, { useState } from \"react\";\nimport {\n Tabs as BaseTabs,\n Tab,\n TabPanel,\n} from \"lib/components/Base/Navigation/Tab\";\n\n/**\n * Tabs for showing different content.\n * This component exists for ease of use.\n *\n * @component\n * @param {Object[]} tabs - Array of tab objects (see example)\n * @param {number} [initial=0] - (Optional) Index of the tab to show initially\n * @returns {JSX.Element}\n *\n * @example\n * const tabs = [\n * { label: this.l(\"overview\"), content: OverviewComponent }\n * ...\n * ]\n *\n * return (\n * setCurrentTab(newtab)}\n >\n {tabs.map(({ label, id }) => (\n \n {tab.content}\n \n ))}\n \n );\n};\n\nexport default Tabs;\n","import React from \"react\";\nimport { Paper as MUIPaper } from \"@material-ui/core\";\nimport styled from \"styled-components\";\nimport theme from \"lib/themes/theme\";\n\nconst StyledMUIPaper = styled(MUIPaper)`\n border-radius: 16px !important;\n margin: 8px !important;\n padding: 12px !important;\n box-shadow: ${theme.palette.elevation.eight} !important;\n`;\n\nexport const Paper = (props) => {\n return \n \n \n {heading}\n \n \n {content}\n \n );\n};\n","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 withStyles from '../styles/withStyles';\nimport capitalize from '../utils/capitalize';\nexport var styles = function styles(theme) {\n return {\n /* Styles applied to the root element. */\n root: {\n boxSizing: 'border-box',\n lineHeight: '48px',\n listStyle: 'none',\n color: theme.palette.text.secondary,\n fontFamily: theme.typography.fontFamily,\n fontWeight: theme.typography.fontWeightMedium,\n fontSize: theme.typography.pxToRem(14)\n },\n\n /* Styles applied to the root element if `color=\"primary\"`. */\n colorPrimary: {\n color: theme.palette.primary.main\n },\n\n /* Styles applied to the root element if `color=\"inherit\"`. */\n colorInherit: {\n color: 'inherit'\n },\n\n /* Styles applied to the inner `component` element if `disableGutters={false}`. */\n gutters: {\n paddingLeft: 16,\n paddingRight: 16\n },\n\n /* Styles applied to the root element if `inset={true}`. */\n inset: {\n paddingLeft: 72\n },\n\n /* Styles applied to the root element if `disableSticky={false}`. */\n sticky: {\n position: 'sticky',\n top: 0,\n zIndex: 1,\n backgroundColor: 'inherit'\n }\n };\n};\nvar ListSubheader = /*#__PURE__*/React.forwardRef(function ListSubheader(props, ref) {\n var classes = props.classes,\n className = props.className,\n _props$color = props.color,\n color = _props$color === void 0 ? 'default' : _props$color,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'li' : _props$component,\n _props$disableGutters = props.disableGutters,\n disableGutters = _props$disableGutters === void 0 ? false : _props$disableGutters,\n _props$disableSticky = props.disableSticky,\n disableSticky = _props$disableSticky === void 0 ? false : _props$disableSticky,\n _props$inset = props.inset,\n inset = _props$inset === void 0 ? false : _props$inset,\n other = _objectWithoutProperties(props, [\"classes\", \"className\", \"color\", \"component\", \"disableGutters\", \"disableSticky\", \"inset\"]);\n\n return /*#__PURE__*/React.createElement(Component, _extends({\n className: clsx(classes.root, className, color !== 'default' && classes[\"color\".concat(capitalize(color))], inset && classes.inset, !disableSticky && classes.sticky, !disableGutters && classes.gutters),\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? ListSubheader.propTypes = {\n /**\n * The content of the component.\n */\n children: 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.isRequired,\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', 'inherit']),\n\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes\n /* @typescript-to-proptypes-ignore */\n .elementType,\n\n /**\n * If `true`, the List Subheader will not have gutters.\n */\n disableGutters: PropTypes.bool,\n\n /**\n * If `true`, the List Subheader will not stick to the top during scroll.\n */\n disableSticky: PropTypes.bool,\n\n /**\n * If `true`, the List Subheader will be indented.\n */\n inset: PropTypes.bool\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiListSubheader'\n})(ListSubheader);","import * as React from 'react';\nimport { createSvgIcon } from '@material-ui/core/utils';\n/**\n * @ignore - internal component.\n */\n\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7 10l5 5 5-5z\"\n}), 'ArrowDropDown');","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\n\n/* eslint-disable no-constant-condition */\nimport * as React from 'react';\nimport { setRef, useEventCallback, useControlled, unstable_useId as useId } from '@material-ui/core/utils'; // https://stackoverflow.com/questions/990904/remove-accents-diacritics-in-a-string-in-javascript\n// Give up on IE 11 support for this feature\n\nfunction stripDiacritics(string) {\n return typeof string.normalize !== 'undefined' ? string.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '') : string;\n}\n\nexport function createFilterOptions() {\n var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var _config$ignoreAccents = config.ignoreAccents,\n ignoreAccents = _config$ignoreAccents === void 0 ? true : _config$ignoreAccents,\n _config$ignoreCase = config.ignoreCase,\n ignoreCase = _config$ignoreCase === void 0 ? true : _config$ignoreCase,\n limit = config.limit,\n _config$matchFrom = config.matchFrom,\n matchFrom = _config$matchFrom === void 0 ? 'any' : _config$matchFrom,\n stringify = config.stringify,\n _config$trim = config.trim,\n trim = _config$trim === void 0 ? false : _config$trim;\n return function (options, _ref) {\n var inputValue = _ref.inputValue,\n getOptionLabel = _ref.getOptionLabel;\n var input = trim ? inputValue.trim() : inputValue;\n\n if (ignoreCase) {\n input = input.toLowerCase();\n }\n\n if (ignoreAccents) {\n input = stripDiacritics(input);\n }\n\n var filteredOptions = options.filter(function (option) {\n var candidate = (stringify || getOptionLabel)(option);\n\n if (ignoreCase) {\n candidate = candidate.toLowerCase();\n }\n\n if (ignoreAccents) {\n candidate = stripDiacritics(candidate);\n }\n\n return matchFrom === 'start' ? candidate.indexOf(input) === 0 : candidate.indexOf(input) > -1;\n });\n return typeof limit === 'number' ? filteredOptions.slice(0, limit) : filteredOptions;\n };\n} // To replace with .findIndex() once we stop IE 11 support.\n\nfunction findIndex(array, comp) {\n for (var i = 0; i < array.length; i += 1) {\n if (comp(array[i])) {\n return i;\n }\n }\n\n return -1;\n}\n\nvar defaultFilterOptions = createFilterOptions(); // Number of options to jump in list box when pageup and pagedown keys are used.\n\nvar pageSize = 5;\nexport default function useAutocomplete(props) {\n var _props$autoComplete = props.autoComplete,\n autoComplete = _props$autoComplete === void 0 ? false : _props$autoComplete,\n _props$autoHighlight = props.autoHighlight,\n autoHighlight = _props$autoHighlight === void 0 ? false : _props$autoHighlight,\n _props$autoSelect = props.autoSelect,\n autoSelect = _props$autoSelect === void 0 ? false : _props$autoSelect,\n _props$blurOnSelect = props.blurOnSelect,\n blurOnSelect = _props$blurOnSelect === void 0 ? false : _props$blurOnSelect,\n _props$clearOnBlur = props.clearOnBlur,\n clearOnBlur = _props$clearOnBlur === void 0 ? !props.freeSolo : _props$clearOnBlur,\n _props$clearOnEscape = props.clearOnEscape,\n clearOnEscape = _props$clearOnEscape === void 0 ? false : _props$clearOnEscape,\n _props$componentName = props.componentName,\n componentName = _props$componentName === void 0 ? 'useAutocomplete' : _props$componentName,\n _props$debug = props.debug,\n debug = _props$debug === void 0 ? false : _props$debug,\n _props$defaultValue = props.defaultValue,\n defaultValue = _props$defaultValue === void 0 ? props.multiple ? [] : null : _props$defaultValue,\n _props$disableClearab = props.disableClearable,\n disableClearable = _props$disableClearab === void 0 ? false : _props$disableClearab,\n _props$disableCloseOn = props.disableCloseOnSelect,\n disableCloseOnSelect = _props$disableCloseOn === void 0 ? false : _props$disableCloseOn,\n _props$disabledItemsF = props.disabledItemsFocusable,\n disabledItemsFocusable = _props$disabledItemsF === void 0 ? false : _props$disabledItemsF,\n _props$disableListWra = props.disableListWrap,\n disableListWrap = _props$disableListWra === void 0 ? false : _props$disableListWra,\n _props$filterOptions = props.filterOptions,\n filterOptions = _props$filterOptions === void 0 ? defaultFilterOptions : _props$filterOptions,\n _props$filterSelected = props.filterSelectedOptions,\n filterSelectedOptions = _props$filterSelected === void 0 ? false : _props$filterSelected,\n _props$freeSolo = props.freeSolo,\n freeSolo = _props$freeSolo === void 0 ? false : _props$freeSolo,\n getOptionDisabled = props.getOptionDisabled,\n _props$getOptionLabel = props.getOptionLabel,\n getOptionLabelProp = _props$getOptionLabel === void 0 ? function (option) {\n return option;\n } : _props$getOptionLabel,\n _props$getOptionSelec = props.getOptionSelected,\n getOptionSelected = _props$getOptionSelec === void 0 ? function (option, value) {\n return option === value;\n } : _props$getOptionSelec,\n groupBy = props.groupBy,\n _props$handleHomeEndK = props.handleHomeEndKeys,\n handleHomeEndKeys = _props$handleHomeEndK === void 0 ? !props.freeSolo : _props$handleHomeEndK,\n idProp = props.id,\n _props$includeInputIn = props.includeInputInList,\n includeInputInList = _props$includeInputIn === void 0 ? false : _props$includeInputIn,\n inputValueProp = props.inputValue,\n _props$multiple = props.multiple,\n multiple = _props$multiple === void 0 ? false : _props$multiple,\n onChange = props.onChange,\n onClose = props.onClose,\n onHighlightChange = props.onHighlightChange,\n onInputChange = props.onInputChange,\n onOpen = props.onOpen,\n openProp = props.open,\n _props$openOnFocus = props.openOnFocus,\n openOnFocus = _props$openOnFocus === void 0 ? false : _props$openOnFocus,\n options = props.options,\n _props$selectOnFocus = props.selectOnFocus,\n selectOnFocus = _props$selectOnFocus === void 0 ? !props.freeSolo : _props$selectOnFocus,\n valueProp = props.value;\n var id = useId(idProp);\n var getOptionLabel = getOptionLabelProp;\n\n if (process.env.NODE_ENV !== 'production') {\n getOptionLabel = function getOptionLabel(option) {\n var optionLabel = getOptionLabelProp(option);\n\n if (typeof optionLabel !== 'string') {\n var erroneousReturn = optionLabel === undefined ? 'undefined' : \"\".concat(_typeof(optionLabel), \" (\").concat(optionLabel, \")\");\n console.error(\"Material-UI: The `getOptionLabel` method of \".concat(componentName, \" returned \").concat(erroneousReturn, \" instead of a string for \").concat(JSON.stringify(option), \".\"));\n }\n\n return optionLabel;\n };\n }\n\n var ignoreFocus = React.useRef(false);\n var firstFocus = React.useRef(true);\n var inputRef = React.useRef(null);\n var listboxRef = React.useRef(null);\n\n var _React$useState = React.useState(null),\n anchorEl = _React$useState[0],\n setAnchorEl = _React$useState[1];\n\n var _React$useState2 = React.useState(-1),\n focusedTag = _React$useState2[0],\n setFocusedTag = _React$useState2[1];\n\n var defaultHighlighted = autoHighlight ? 0 : -1;\n var highlightedIndexRef = React.useRef(defaultHighlighted);\n\n var _useControlled = useControlled({\n controlled: valueProp,\n default: defaultValue,\n name: componentName\n }),\n _useControlled2 = _slicedToArray(_useControlled, 2),\n value = _useControlled2[0],\n setValue = _useControlled2[1];\n\n var _useControlled3 = useControlled({\n controlled: inputValueProp,\n default: '',\n name: componentName,\n state: 'inputValue'\n }),\n _useControlled4 = _slicedToArray(_useControlled3, 2),\n inputValue = _useControlled4[0],\n setInputValue = _useControlled4[1];\n\n var _React$useState3 = React.useState(false),\n focused = _React$useState3[0],\n setFocused = _React$useState3[1];\n\n var resetInputValue = useEventCallback(function (event, newValue) {\n var newInputValue;\n\n if (multiple) {\n newInputValue = '';\n } else if (newValue == null) {\n newInputValue = '';\n } else {\n var optionLabel = getOptionLabel(newValue);\n newInputValue = typeof optionLabel === 'string' ? optionLabel : '';\n }\n\n if (inputValue === newInputValue) {\n return;\n }\n\n setInputValue(newInputValue);\n\n if (onInputChange) {\n onInputChange(event, newInputValue, 'reset');\n }\n });\n React.useEffect(function () {\n resetInputValue(null, value);\n }, [value, resetInputValue]);\n\n var _useControlled5 = useControlled({\n controlled: openProp,\n default: false,\n name: componentName,\n state: 'open'\n }),\n _useControlled6 = _slicedToArray(_useControlled5, 2),\n open = _useControlled6[0],\n setOpenState = _useControlled6[1];\n\n var inputValueIsSelectedValue = !multiple && value != null && inputValue === getOptionLabel(value);\n var popupOpen = open;\n var filteredOptions = popupOpen ? filterOptions(options.filter(function (option) {\n if (filterSelectedOptions && (multiple ? value : [value]).some(function (value2) {\n return value2 !== null && getOptionSelected(option, value2);\n })) {\n return false;\n }\n\n return true;\n }), // we use the empty string to manipulate `filterOptions` to not filter any options\n // i.e. the filter predicate always returns true\n {\n inputValue: inputValueIsSelectedValue ? '' : inputValue,\n getOptionLabel: getOptionLabel\n }) : [];\n\n if (process.env.NODE_ENV !== 'production') {\n if (value !== null && !freeSolo && options.length > 0) {\n var missingValue = (multiple ? value : [value]).filter(function (value2) {\n return !options.some(function (option) {\n return getOptionSelected(option, value2);\n });\n });\n\n if (missingValue.length > 0) {\n console.warn([\"Material-UI: The value provided to \".concat(componentName, \" is invalid.\"), \"None of the options match with `\".concat(missingValue.length > 1 ? JSON.stringify(missingValue) : JSON.stringify(missingValue[0]), \"`.\"), 'You can use the `getOptionSelected` prop to customize the equality test.'].join('\\n'));\n }\n }\n }\n\n var focusTag = useEventCallback(function (tagToFocus) {\n if (tagToFocus === -1) {\n inputRef.current.focus();\n } else {\n anchorEl.querySelector(\"[data-tag-index=\\\"\".concat(tagToFocus, \"\\\"]\")).focus();\n }\n }); // Ensure the focusedTag is never inconsistent\n\n React.useEffect(function () {\n if (multiple && focusedTag > value.length - 1) {\n setFocusedTag(-1);\n focusTag(-1);\n }\n }, [value, multiple, focusedTag, focusTag]);\n\n function validOptionIndex(index, direction) {\n if (!listboxRef.current || index === -1) {\n return -1;\n }\n\n var nextFocus = index;\n\n while (true) {\n // Out of range\n if (direction === 'next' && nextFocus === filteredOptions.length || direction === 'previous' && nextFocus === -1) {\n return -1;\n }\n\n var option = listboxRef.current.querySelector(\"[data-option-index=\\\"\".concat(nextFocus, \"\\\"]\")); // Same logic as MenuList.js\n\n var nextFocusDisabled = disabledItemsFocusable ? false : option && (option.disabled || option.getAttribute('aria-disabled') === 'true');\n\n if (option && !option.hasAttribute('tabindex') || nextFocusDisabled) {\n // Move to the next element.\n nextFocus += direction === 'next' ? 1 : -1;\n } else {\n return nextFocus;\n }\n }\n }\n\n var setHighlightedIndex = useEventCallback(function (_ref2) {\n var event = _ref2.event,\n index = _ref2.index,\n _ref2$reason = _ref2.reason,\n reason = _ref2$reason === void 0 ? 'auto' : _ref2$reason;\n highlightedIndexRef.current = index; // does the index exist?\n\n if (index === -1) {\n inputRef.current.removeAttribute('aria-activedescendant');\n } else {\n inputRef.current.setAttribute('aria-activedescendant', \"\".concat(id, \"-option-\").concat(index));\n }\n\n if (onHighlightChange) {\n onHighlightChange(event, index === -1 ? null : filteredOptions[index], reason);\n }\n\n if (!listboxRef.current) {\n return;\n }\n\n var prev = listboxRef.current.querySelector('[data-focus]');\n\n if (prev) {\n prev.removeAttribute('data-focus');\n }\n\n var listboxNode = listboxRef.current.parentElement.querySelector('[role=\"listbox\"]'); // \"No results\"\n\n if (!listboxNode) {\n return;\n }\n\n if (index === -1) {\n listboxNode.scrollTop = 0;\n return;\n }\n\n var option = listboxRef.current.querySelector(\"[data-option-index=\\\"\".concat(index, \"\\\"]\"));\n\n if (!option) {\n return;\n }\n\n option.setAttribute('data-focus', 'true'); // Scroll active descendant into view.\n // Logic copied from https://www.w3.org/TR/wai-aria-practices/examples/listbox/js/listbox.js\n //\n // Consider this API instead once it has a better browser support:\n // .scrollIntoView({ scrollMode: 'if-needed', block: 'nearest' });\n\n if (listboxNode.scrollHeight > listboxNode.clientHeight && reason !== 'mouse') {\n var element = option;\n var scrollBottom = listboxNode.clientHeight + listboxNode.scrollTop;\n var elementBottom = element.offsetTop + element.offsetHeight;\n\n if (elementBottom > scrollBottom) {\n listboxNode.scrollTop = elementBottom - listboxNode.clientHeight;\n } else if (element.offsetTop - element.offsetHeight * (groupBy ? 1.3 : 0) < listboxNode.scrollTop) {\n listboxNode.scrollTop = element.offsetTop - element.offsetHeight * (groupBy ? 1.3 : 0);\n }\n }\n });\n var changeHighlightedIndex = useEventCallback(function (_ref3) {\n var event = _ref3.event,\n diff = _ref3.diff,\n _ref3$direction = _ref3.direction,\n direction = _ref3$direction === void 0 ? 'next' : _ref3$direction,\n _ref3$reason = _ref3.reason,\n reason = _ref3$reason === void 0 ? 'auto' : _ref3$reason;\n\n if (!popupOpen) {\n return;\n }\n\n var getNextIndex = function getNextIndex() {\n var maxIndex = filteredOptions.length - 1;\n\n if (diff === 'reset') {\n return defaultHighlighted;\n }\n\n if (diff === 'start') {\n return 0;\n }\n\n if (diff === 'end') {\n return maxIndex;\n }\n\n var newIndex = highlightedIndexRef.current + diff;\n\n if (newIndex < 0) {\n if (newIndex === -1 && includeInputInList) {\n return -1;\n }\n\n if (disableListWrap && highlightedIndexRef.current !== -1 || Math.abs(diff) > 1) {\n return 0;\n }\n\n return maxIndex;\n }\n\n if (newIndex > maxIndex) {\n if (newIndex === maxIndex + 1 && includeInputInList) {\n return -1;\n }\n\n if (disableListWrap || Math.abs(diff) > 1) {\n return maxIndex;\n }\n\n return 0;\n }\n\n return newIndex;\n };\n\n var nextIndex = validOptionIndex(getNextIndex(), direction);\n setHighlightedIndex({\n index: nextIndex,\n reason: reason,\n event: event\n }); // Sync the content of the input with the highlighted option.\n\n if (autoComplete && diff !== 'reset') {\n if (nextIndex === -1) {\n inputRef.current.value = inputValue;\n } else {\n var option = getOptionLabel(filteredOptions[nextIndex]);\n inputRef.current.value = option; // The portion of the selected suggestion that has not been typed by the user,\n // a completion string, appears inline after the input cursor in the textbox.\n\n var index = option.toLowerCase().indexOf(inputValue.toLowerCase());\n\n if (index === 0 && inputValue.length > 0) {\n inputRef.current.setSelectionRange(inputValue.length, option.length);\n }\n }\n }\n });\n var syncHighlightedIndex = React.useCallback(function () {\n if (!popupOpen) {\n return;\n }\n\n var valueItem = multiple ? value[0] : value; // The popup is empty, reset\n\n if (filteredOptions.length === 0 || valueItem == null) {\n changeHighlightedIndex({\n diff: 'reset'\n });\n return;\n }\n\n if (!listboxRef.current) {\n return;\n } // Synchronize the value with the highlighted index\n\n\n if (!filterSelectedOptions && valueItem != null) {\n var currentOption = filteredOptions[highlightedIndexRef.current]; // Keep the current highlighted index if possible\n\n if (multiple && currentOption && findIndex(value, function (val) {\n return getOptionSelected(currentOption, val);\n }) !== -1) {\n return;\n }\n\n var itemIndex = findIndex(filteredOptions, function (optionItem) {\n return getOptionSelected(optionItem, valueItem);\n });\n\n if (itemIndex === -1) {\n changeHighlightedIndex({\n diff: 'reset'\n });\n } else {\n setHighlightedIndex({\n index: itemIndex\n });\n }\n\n return;\n } // Prevent the highlighted index to leak outside the boundaries.\n\n\n if (highlightedIndexRef.current >= filteredOptions.length - 1) {\n setHighlightedIndex({\n index: filteredOptions.length - 1\n });\n return;\n } // Restore the focus to the previous index.\n\n\n setHighlightedIndex({\n index: highlightedIndexRef.current\n }); // Ignore filteredOptions (and options, getOptionSelected, getOptionLabel) not to break the scroll position\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [// Only sync the highlighted index when the option switch between empty and not\n // eslint-disable-next-line react-hooks/exhaustive-deps\n filteredOptions.length === 0, // Don't sync the highlighted index with the value when multiple\n // eslint-disable-next-line react-hooks/exhaustive-deps\n multiple ? false : value, filterSelectedOptions, changeHighlightedIndex, setHighlightedIndex, popupOpen, inputValue, multiple]);\n var handleListboxRef = useEventCallback(function (node) {\n setRef(listboxRef, node);\n\n if (!node) {\n return;\n }\n\n syncHighlightedIndex();\n });\n React.useEffect(function () {\n syncHighlightedIndex();\n }, [syncHighlightedIndex]);\n\n var handleOpen = function handleOpen(event) {\n if (open) {\n return;\n }\n\n setOpenState(true);\n\n if (onOpen) {\n onOpen(event);\n }\n };\n\n var handleClose = function handleClose(event, reason) {\n if (!open) {\n return;\n }\n\n setOpenState(false);\n\n if (onClose) {\n onClose(event, reason);\n }\n };\n\n var handleValue = function handleValue(event, newValue, reason, details) {\n if (value === newValue) {\n return;\n }\n\n if (onChange) {\n onChange(event, newValue, reason, details);\n }\n\n setValue(newValue);\n };\n\n var isTouch = React.useRef(false);\n\n var selectNewValue = function selectNewValue(event, option) {\n var reasonProp = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'select-option';\n var origin = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'options';\n var reason = reasonProp;\n var newValue = option;\n\n if (multiple) {\n newValue = Array.isArray(value) ? value.slice() : [];\n\n if (process.env.NODE_ENV !== 'production') {\n var matches = newValue.filter(function (val) {\n return getOptionSelected(option, val);\n });\n\n if (matches.length > 1) {\n console.error([\"Material-UI: The `getOptionSelected` method of \".concat(componentName, \" do not handle the arguments correctly.\"), \"The component expects a single value to match a given option but found \".concat(matches.length, \" matches.\")].join('\\n'));\n }\n }\n\n var itemIndex = findIndex(newValue, function (valueItem) {\n return getOptionSelected(option, valueItem);\n });\n\n if (itemIndex === -1) {\n newValue.push(option);\n } else if (origin !== 'freeSolo') {\n newValue.splice(itemIndex, 1);\n reason = 'remove-option';\n }\n }\n\n resetInputValue(event, newValue);\n handleValue(event, newValue, reason, {\n option: option\n });\n\n if (!disableCloseOnSelect) {\n handleClose(event, reason);\n }\n\n if (blurOnSelect === true || blurOnSelect === 'touch' && isTouch.current || blurOnSelect === 'mouse' && !isTouch.current) {\n inputRef.current.blur();\n }\n };\n\n function validTagIndex(index, direction) {\n if (index === -1) {\n return -1;\n }\n\n var nextFocus = index;\n\n while (true) {\n // Out of range\n if (direction === 'next' && nextFocus === value.length || direction === 'previous' && nextFocus === -1) {\n return -1;\n }\n\n var option = anchorEl.querySelector(\"[data-tag-index=\\\"\".concat(nextFocus, \"\\\"]\")); // Same logic as MenuList.js\n\n if (option && (!option.hasAttribute('tabindex') || option.disabled || option.getAttribute('aria-disabled') === 'true')) {\n nextFocus += direction === 'next' ? 1 : -1;\n } else {\n return nextFocus;\n }\n }\n }\n\n var handleFocusTag = function handleFocusTag(event, direction) {\n if (!multiple) {\n return;\n }\n\n handleClose(event, 'toggleInput');\n var nextTag = focusedTag;\n\n if (focusedTag === -1) {\n if (inputValue === '' && direction === 'previous') {\n nextTag = value.length - 1;\n }\n } else {\n nextTag += direction === 'next' ? 1 : -1;\n\n if (nextTag < 0) {\n nextTag = 0;\n }\n\n if (nextTag === value.length) {\n nextTag = -1;\n }\n }\n\n nextTag = validTagIndex(nextTag, direction);\n setFocusedTag(nextTag);\n focusTag(nextTag);\n };\n\n var handleClear = function handleClear(event) {\n ignoreFocus.current = true;\n setInputValue('');\n\n if (onInputChange) {\n onInputChange(event, '', 'clear');\n }\n\n handleValue(event, multiple ? [] : null, 'clear');\n };\n\n var handleKeyDown = function handleKeyDown(other) {\n return function (event) {\n if (focusedTag !== -1 && ['ArrowLeft', 'ArrowRight'].indexOf(event.key) === -1) {\n setFocusedTag(-1);\n focusTag(-1);\n }\n\n switch (event.key) {\n case 'Home':\n if (popupOpen && handleHomeEndKeys) {\n // Prevent scroll of the page\n event.preventDefault();\n changeHighlightedIndex({\n diff: 'start',\n direction: 'next',\n reason: 'keyboard',\n event: event\n });\n }\n\n break;\n\n case 'End':\n if (popupOpen && handleHomeEndKeys) {\n // Prevent scroll of the page\n event.preventDefault();\n changeHighlightedIndex({\n diff: 'end',\n direction: 'previous',\n reason: 'keyboard',\n event: event\n });\n }\n\n break;\n\n case 'PageUp':\n // Prevent scroll of the page\n event.preventDefault();\n changeHighlightedIndex({\n diff: -pageSize,\n direction: 'previous',\n reason: 'keyboard',\n event: event\n });\n handleOpen(event);\n break;\n\n case 'PageDown':\n // Prevent scroll of the page\n event.preventDefault();\n changeHighlightedIndex({\n diff: pageSize,\n direction: 'next',\n reason: 'keyboard',\n event: event\n });\n handleOpen(event);\n break;\n\n case 'ArrowDown':\n // Prevent cursor move\n event.preventDefault();\n changeHighlightedIndex({\n diff: 1,\n direction: 'next',\n reason: 'keyboard',\n event: event\n });\n handleOpen(event);\n break;\n\n case 'ArrowUp':\n // Prevent cursor move\n event.preventDefault();\n changeHighlightedIndex({\n diff: -1,\n direction: 'previous',\n reason: 'keyboard',\n event: event\n });\n handleOpen(event);\n break;\n\n case 'ArrowLeft':\n handleFocusTag(event, 'previous');\n break;\n\n case 'ArrowRight':\n handleFocusTag(event, 'next');\n break;\n\n case 'Enter':\n // Wait until IME is settled.\n if (event.which === 229) {\n break;\n }\n\n if (highlightedIndexRef.current !== -1 && popupOpen) {\n var option = filteredOptions[highlightedIndexRef.current];\n var disabled = getOptionDisabled ? getOptionDisabled(option) : false; // We don't want to validate the form.\n\n event.preventDefault();\n\n if (disabled) {\n return;\n }\n\n selectNewValue(event, option, 'select-option'); // Move the selection to the end.\n\n if (autoComplete) {\n inputRef.current.setSelectionRange(inputRef.current.value.length, inputRef.current.value.length);\n }\n } else if (freeSolo && inputValue !== '' && inputValueIsSelectedValue === false) {\n if (multiple) {\n // Allow people to add new values before they submit the form.\n event.preventDefault();\n }\n\n selectNewValue(event, inputValue, 'create-option', 'freeSolo');\n }\n\n break;\n\n case 'Escape':\n if (popupOpen) {\n // Avoid Opera to exit fullscreen mode.\n event.preventDefault(); // Avoid the Modal to handle the event.\n\n event.stopPropagation();\n handleClose(event, 'escape');\n } else if (clearOnEscape && (inputValue !== '' || multiple && value.length > 0)) {\n // Avoid Opera to exit fullscreen mode.\n event.preventDefault(); // Avoid the Modal to handle the event.\n\n event.stopPropagation();\n handleClear(event);\n }\n\n break;\n\n case 'Backspace':\n if (multiple && inputValue === '' && value.length > 0) {\n var index = focusedTag === -1 ? value.length - 1 : focusedTag;\n var newValue = value.slice();\n newValue.splice(index, 1);\n handleValue(event, newValue, 'remove-option', {\n option: value[index]\n });\n }\n\n break;\n\n default:\n }\n\n if (other.onKeyDown) {\n other.onKeyDown(event);\n }\n };\n };\n\n var handleFocus = function handleFocus(event) {\n setFocused(true);\n\n if (openOnFocus && !ignoreFocus.current) {\n handleOpen(event);\n }\n };\n\n var handleBlur = function handleBlur(event) {\n // Ignore the event when using the scrollbar with IE 11\n if (listboxRef.current !== null && document.activeElement === listboxRef.current.parentElement) {\n inputRef.current.focus();\n return;\n }\n\n setFocused(false);\n firstFocus.current = true;\n ignoreFocus.current = false;\n\n if (debug && inputValue !== '') {\n return;\n }\n\n if (autoSelect && highlightedIndexRef.current !== -1 && popupOpen) {\n selectNewValue(event, filteredOptions[highlightedIndexRef.current], 'blur');\n } else if (autoSelect && freeSolo && inputValue !== '') {\n selectNewValue(event, inputValue, 'blur', 'freeSolo');\n } else if (clearOnBlur) {\n resetInputValue(event, value);\n }\n\n handleClose(event, 'blur');\n };\n\n var handleInputChange = function handleInputChange(event) {\n var newValue = event.target.value;\n\n if (inputValue !== newValue) {\n setInputValue(newValue);\n\n if (onInputChange) {\n onInputChange(event, newValue, 'input');\n }\n }\n\n if (newValue === '') {\n if (!disableClearable && !multiple) {\n handleValue(event, null, 'clear');\n }\n } else {\n handleOpen(event);\n }\n };\n\n var handleOptionMouseOver = function handleOptionMouseOver(event) {\n setHighlightedIndex({\n event: event,\n index: Number(event.currentTarget.getAttribute('data-option-index')),\n reason: 'mouse'\n });\n };\n\n var handleOptionTouchStart = function handleOptionTouchStart() {\n isTouch.current = true;\n };\n\n var handleOptionClick = function handleOptionClick(event) {\n var index = Number(event.currentTarget.getAttribute('data-option-index'));\n selectNewValue(event, filteredOptions[index], 'select-option');\n isTouch.current = false;\n };\n\n var handleTagDelete = function handleTagDelete(index) {\n return function (event) {\n var newValue = value.slice();\n newValue.splice(index, 1);\n handleValue(event, newValue, 'remove-option', {\n option: value[index]\n });\n };\n };\n\n var handlePopupIndicator = function handlePopupIndicator(event) {\n if (open) {\n handleClose(event, 'toggleInput');\n } else {\n handleOpen(event);\n }\n }; // Prevent input blur when interacting with the combobox\n\n\n var handleMouseDown = function handleMouseDown(event) {\n if (event.target.getAttribute('id') !== id) {\n event.preventDefault();\n }\n }; // Focus the input when interacting with the combobox\n\n\n var handleClick = function handleClick() {\n inputRef.current.focus();\n\n if (selectOnFocus && firstFocus.current && inputRef.current.selectionEnd - inputRef.current.selectionStart === 0) {\n inputRef.current.select();\n }\n\n firstFocus.current = false;\n };\n\n var handleInputMouseDown = function handleInputMouseDown(event) {\n if (inputValue === '' || !open) {\n handlePopupIndicator(event);\n }\n };\n\n var dirty = freeSolo && inputValue.length > 0;\n dirty = dirty || (multiple ? value.length > 0 : value !== null);\n var groupedOptions = filteredOptions;\n\n if (groupBy) {\n // used to keep track of key and indexes in the result array\n var indexBy = new Map();\n var warn = false;\n groupedOptions = filteredOptions.reduce(function (acc, option, index) {\n var group = groupBy(option);\n\n if (acc.length > 0 && acc[acc.length - 1].group === group) {\n acc[acc.length - 1].options.push(option);\n } else {\n if (process.env.NODE_ENV !== 'production') {\n if (indexBy.get(group) && !warn) {\n console.warn(\"Material-UI: The options provided combined with the `groupBy` method of \".concat(componentName, \" returns duplicated headers.\"), 'You can solve the issue by sorting the options with the output of `groupBy`.');\n warn = true;\n }\n\n indexBy.set(group, true);\n }\n\n acc.push({\n key: index,\n index: index,\n group: group,\n options: [option]\n });\n }\n\n return acc;\n }, []);\n }\n\n return {\n getRootProps: function getRootProps() {\n var other = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return _extends({\n 'aria-owns': popupOpen ? \"\".concat(id, \"-popup\") : null,\n role: 'combobox',\n 'aria-expanded': popupOpen\n }, other, {\n onKeyDown: handleKeyDown(other),\n onMouseDown: handleMouseDown,\n onClick: handleClick\n });\n },\n getInputLabelProps: function getInputLabelProps() {\n return {\n id: \"\".concat(id, \"-label\"),\n htmlFor: id\n };\n },\n getInputProps: function getInputProps() {\n return {\n id: id,\n value: inputValue,\n onBlur: handleBlur,\n onFocus: handleFocus,\n onChange: handleInputChange,\n onMouseDown: handleInputMouseDown,\n // if open then this is handled imperativeley so don't let react override\n // only have an opinion about this when closed\n 'aria-activedescendant': popupOpen ? '' : null,\n 'aria-autocomplete': autoComplete ? 'both' : 'list',\n 'aria-controls': popupOpen ? \"\".concat(id, \"-popup\") : null,\n // Disable browser's suggestion that might overlap with the popup.\n // Handle autocomplete but not autofill.\n autoComplete: 'off',\n ref: inputRef,\n autoCapitalize: 'none',\n spellCheck: 'false'\n };\n },\n getClearProps: function getClearProps() {\n return {\n tabIndex: -1,\n onClick: handleClear\n };\n },\n getPopupIndicatorProps: function getPopupIndicatorProps() {\n return {\n tabIndex: -1,\n onClick: handlePopupIndicator\n };\n },\n getTagProps: function getTagProps(_ref4) {\n var index = _ref4.index;\n return {\n key: index,\n 'data-tag-index': index,\n tabIndex: -1,\n onDelete: handleTagDelete(index)\n };\n },\n getListboxProps: function getListboxProps() {\n return {\n role: 'listbox',\n id: \"\".concat(id, \"-popup\"),\n 'aria-labelledby': \"\".concat(id, \"-label\"),\n ref: handleListboxRef,\n onMouseDown: function onMouseDown(event) {\n // Prevent blur\n event.preventDefault();\n }\n };\n },\n getOptionProps: function getOptionProps(_ref5) {\n var index = _ref5.index,\n option = _ref5.option;\n var selected = (multiple ? value : [value]).some(function (value2) {\n return value2 != null && getOptionSelected(option, value2);\n });\n var disabled = getOptionDisabled ? getOptionDisabled(option) : false;\n return {\n key: index,\n tabIndex: -1,\n role: 'option',\n id: \"\".concat(id, \"-option-\").concat(index),\n onMouseOver: handleOptionMouseOver,\n onClick: handleOptionClick,\n onTouchStart: handleOptionTouchStart,\n 'data-option-index': index,\n 'aria-disabled': disabled,\n 'aria-selected': selected\n };\n },\n id: id,\n inputValue: inputValue,\n value: value,\n dirty: dirty,\n popupOpen: popupOpen,\n focused: focused || focusedTag !== -1,\n anchorEl: anchorEl,\n setAnchorEl: setAnchorEl,\n focusedTag: focusedTag,\n groupedOptions: groupedOptions\n };\n}","import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { withStyles } from '@material-ui/core/styles';\nimport Popper from '@material-ui/core/Popper';\nimport ListSubheader from '@material-ui/core/ListSubheader';\nimport Paper from '@material-ui/core/Paper';\nimport IconButton from '@material-ui/core/IconButton';\nimport Chip from '@material-ui/core/Chip';\nimport CloseIcon from '../internal/svg-icons/Close';\nimport ArrowDropDownIcon from '../internal/svg-icons/ArrowDropDown';\nimport useAutocomplete, { createFilterOptions } from '../useAutocomplete';\nexport { createFilterOptions };\nexport var styles = function styles(theme) {\n var _option;\n\n return {\n /* Styles applied to the root element. */\n root: {\n '&$focused $clearIndicatorDirty': {\n visibility: 'visible'\n },\n\n /* Avoid double tap issue on iOS */\n '@media (pointer: fine)': {\n '&:hover $clearIndicatorDirty': {\n visibility: 'visible'\n }\n }\n },\n\n /* Styles applied to the root element if `fullWidth={true}`. */\n fullWidth: {\n width: '100%'\n },\n\n /* Pseudo-class applied to the root element if focused. */\n focused: {},\n\n /* Styles applied to the tag elements, e.g. the chips. */\n tag: {\n margin: 3,\n maxWidth: 'calc(100% - 6px)'\n },\n\n /* Styles applied to the tag elements, e.g. the chips if `size=\"small\"`. */\n tagSizeSmall: {\n margin: 2,\n maxWidth: 'calc(100% - 4px)'\n },\n\n /* Styles applied when the popup icon is rendered. */\n hasPopupIcon: {},\n\n /* Styles applied when the clear icon is rendered. */\n hasClearIcon: {},\n\n /* Styles applied to the Input element. */\n inputRoot: {\n flexWrap: 'wrap',\n '$hasPopupIcon &, $hasClearIcon &': {\n paddingRight: 26 + 4\n },\n '$hasPopupIcon$hasClearIcon &': {\n paddingRight: 52 + 4\n },\n '& $input': {\n width: 0,\n minWidth: 30\n },\n '&[class*=\"MuiInput-root\"]': {\n paddingBottom: 1,\n '& $input': {\n padding: 4\n },\n '& $input:first-child': {\n padding: '6px 0'\n }\n },\n '&[class*=\"MuiInput-root\"][class*=\"MuiInput-marginDense\"]': {\n '& $input': {\n padding: '4px 4px 5px'\n },\n '& $input:first-child': {\n padding: '3px 0 6px'\n }\n },\n '&[class*=\"MuiOutlinedInput-root\"]': {\n padding: 9,\n '$hasPopupIcon &, $hasClearIcon &': {\n paddingRight: 26 + 4 + 9\n },\n '$hasPopupIcon$hasClearIcon &': {\n paddingRight: 52 + 4 + 9\n },\n '& $input': {\n padding: '9.5px 4px'\n },\n '& $input:first-child': {\n paddingLeft: 6\n },\n '& $endAdornment': {\n right: 9\n }\n },\n '&[class*=\"MuiOutlinedInput-root\"][class*=\"MuiOutlinedInput-marginDense\"]': {\n padding: 6,\n '& $input': {\n padding: '4.5px 4px'\n }\n },\n '&[class*=\"MuiFilledInput-root\"]': {\n paddingTop: 19,\n paddingLeft: 8,\n '$hasPopupIcon &, $hasClearIcon &': {\n paddingRight: 26 + 4 + 9\n },\n '$hasPopupIcon$hasClearIcon &': {\n paddingRight: 52 + 4 + 9\n },\n '& $input': {\n padding: '9px 4px'\n },\n '& $endAdornment': {\n right: 9\n }\n },\n '&[class*=\"MuiFilledInput-root\"][class*=\"MuiFilledInput-marginDense\"]': {\n paddingBottom: 1,\n '& $input': {\n padding: '4.5px 4px'\n }\n }\n },\n\n /* Styles applied to the input element. */\n input: {\n flexGrow: 1,\n textOverflow: 'ellipsis',\n opacity: 0\n },\n\n /* Styles applied to the input element if tag focused. */\n inputFocused: {\n opacity: 1\n },\n\n /* Styles applied to the endAdornment element. */\n endAdornment: {\n // We use a position absolute to support wrapping tags.\n position: 'absolute',\n right: 0,\n top: 'calc(50% - 14px)' // Center vertically\n\n },\n\n /* Styles applied to the clear indicator. */\n clearIndicator: {\n marginRight: -2,\n padding: 4,\n visibility: 'hidden'\n },\n\n /* Styles applied to the clear indicator if the input is dirty. */\n clearIndicatorDirty: {},\n\n /* Styles applied to the popup indicator. */\n popupIndicator: {\n padding: 2,\n marginRight: -2\n },\n\n /* Styles applied to the popup indicator if the popup is open. */\n popupIndicatorOpen: {\n transform: 'rotate(180deg)'\n },\n\n /* Styles applied to the popper element. */\n popper: {\n zIndex: theme.zIndex.modal\n },\n\n /* Styles applied to the popper element if `disablePortal={true}`. */\n popperDisablePortal: {\n position: 'absolute'\n },\n\n /* Styles applied to the `Paper` component. */\n paper: _extends({}, theme.typography.body1, {\n overflow: 'hidden',\n margin: '4px 0'\n }),\n\n /* Styles applied to the `listbox` component. */\n listbox: {\n listStyle: 'none',\n margin: 0,\n padding: '8px 0',\n maxHeight: '40vh',\n overflow: 'auto'\n },\n\n /* Styles applied to the loading wrapper. */\n loading: {\n color: theme.palette.text.secondary,\n padding: '14px 16px'\n },\n\n /* Styles applied to the no option wrapper. */\n noOptions: {\n color: theme.palette.text.secondary,\n padding: '14px 16px'\n },\n\n /* Styles applied to the option elements. */\n option: (_option = {\n minHeight: 48,\n display: 'flex',\n justifyContent: 'flex-start',\n alignItems: 'center',\n cursor: 'pointer',\n paddingTop: 6,\n boxSizing: 'border-box',\n outline: '0',\n WebkitTapHighlightColor: 'transparent',\n paddingBottom: 6,\n paddingLeft: 16,\n paddingRight: 16\n }, _defineProperty(_option, theme.breakpoints.up('sm'), {\n minHeight: 'auto'\n }), _defineProperty(_option, '&[aria-selected=\"true\"]', {\n backgroundColor: theme.palette.action.selected\n }), _defineProperty(_option, '&[data-focus=\"true\"]', {\n backgroundColor: theme.palette.action.hover\n }), _defineProperty(_option, '&:active', {\n backgroundColor: theme.palette.action.selected\n }), _defineProperty(_option, '&[aria-disabled=\"true\"]', {\n opacity: theme.palette.action.disabledOpacity,\n pointerEvents: 'none'\n }), _option),\n\n /* Styles applied to the group's label elements. */\n groupLabel: {\n backgroundColor: theme.palette.background.paper,\n top: -8\n },\n\n /* Styles applied to the group's ul elements. */\n groupUl: {\n padding: 0,\n '& $option': {\n paddingLeft: 24\n }\n }\n };\n};\n\nfunction DisablePortal(props) {\n // eslint-disable-next-line react/prop-types\n var anchorEl = props.anchorEl,\n open = props.open,\n other = _objectWithoutProperties(props, [\"anchorEl\", \"open\"]);\n\n return /*#__PURE__*/React.createElement(\"div\", other);\n}\n\nvar _ref = /*#__PURE__*/React.createElement(CloseIcon, {\n fontSize: \"small\"\n});\n\nvar _ref2 = /*#__PURE__*/React.createElement(ArrowDropDownIcon, null);\n\nvar Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(props, ref) {\n /* eslint-disable no-unused-vars */\n var _props$autoComplete = props.autoComplete,\n autoComplete = _props$autoComplete === void 0 ? false : _props$autoComplete,\n _props$autoHighlight = props.autoHighlight,\n autoHighlight = _props$autoHighlight === void 0 ? false : _props$autoHighlight,\n _props$autoSelect = props.autoSelect,\n autoSelect = _props$autoSelect === void 0 ? false : _props$autoSelect,\n _props$blurOnSelect = props.blurOnSelect,\n blurOnSelect = _props$blurOnSelect === void 0 ? false : _props$blurOnSelect,\n ChipProps = props.ChipProps,\n classes = props.classes,\n className = props.className,\n _props$clearOnBlur = props.clearOnBlur,\n clearOnBlur = _props$clearOnBlur === void 0 ? !props.freeSolo : _props$clearOnBlur,\n _props$clearOnEscape = props.clearOnEscape,\n clearOnEscape = _props$clearOnEscape === void 0 ? false : _props$clearOnEscape,\n _props$clearText = props.clearText,\n clearText = _props$clearText === void 0 ? 'Clear' : _props$clearText,\n _props$closeIcon = props.closeIcon,\n closeIcon = _props$closeIcon === void 0 ? _ref : _props$closeIcon,\n _props$closeText = props.closeText,\n closeText = _props$closeText === void 0 ? 'Close' : _props$closeText,\n _props$debug = props.debug,\n debug = _props$debug === void 0 ? false : _props$debug,\n _props$defaultValue = props.defaultValue,\n defaultValue = _props$defaultValue === void 0 ? props.multiple ? [] : null : _props$defaultValue,\n _props$disableClearab = props.disableClearable,\n disableClearable = _props$disableClearab === void 0 ? false : _props$disableClearab,\n _props$disableCloseOn = props.disableCloseOnSelect,\n disableCloseOnSelect = _props$disableCloseOn === void 0 ? false : _props$disableCloseOn,\n _props$disabled = props.disabled,\n disabled = _props$disabled === void 0 ? false : _props$disabled,\n _props$disabledItemsF = props.disabledItemsFocusable,\n disabledItemsFocusable = _props$disabledItemsF === void 0 ? false : _props$disabledItemsF,\n _props$disableListWra = props.disableListWrap,\n disableListWrap = _props$disableListWra === void 0 ? false : _props$disableListWra,\n _props$disablePortal = props.disablePortal,\n disablePortal = _props$disablePortal === void 0 ? false : _props$disablePortal,\n filterOptions = props.filterOptions,\n _props$filterSelected = props.filterSelectedOptions,\n filterSelectedOptions = _props$filterSelected === void 0 ? false : _props$filterSelected,\n _props$forcePopupIcon = props.forcePopupIcon,\n forcePopupIcon = _props$forcePopupIcon === void 0 ? 'auto' : _props$forcePopupIcon,\n _props$freeSolo = props.freeSolo,\n freeSolo = _props$freeSolo === void 0 ? false : _props$freeSolo,\n _props$fullWidth = props.fullWidth,\n fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth,\n _props$getLimitTagsTe = props.getLimitTagsText,\n getLimitTagsText = _props$getLimitTagsTe === void 0 ? function (more) {\n return \"+\".concat(more);\n } : _props$getLimitTagsTe,\n getOptionDisabled = props.getOptionDisabled,\n _props$getOptionLabel = props.getOptionLabel,\n getOptionLabel = _props$getOptionLabel === void 0 ? function (x) {\n return x;\n } : _props$getOptionLabel,\n getOptionSelected = props.getOptionSelected,\n groupBy = props.groupBy,\n _props$handleHomeEndK = props.handleHomeEndKeys,\n handleHomeEndKeys = _props$handleHomeEndK === void 0 ? !props.freeSolo : _props$handleHomeEndK,\n idProp = props.id,\n _props$includeInputIn = props.includeInputInList,\n includeInputInList = _props$includeInputIn === void 0 ? false : _props$includeInputIn,\n inputValueProp = props.inputValue,\n _props$limitTags = props.limitTags,\n limitTags = _props$limitTags === void 0 ? -1 : _props$limitTags,\n _props$ListboxCompone = props.ListboxComponent,\n ListboxComponent = _props$ListboxCompone === void 0 ? 'ul' : _props$ListboxCompone,\n ListboxProps = props.ListboxProps,\n _props$loading = props.loading,\n loading = _props$loading === void 0 ? false : _props$loading,\n _props$loadingText = props.loadingText,\n loadingText = _props$loadingText === void 0 ? 'Loading…' : _props$loadingText,\n _props$multiple = props.multiple,\n multiple = _props$multiple === void 0 ? false : _props$multiple,\n _props$noOptionsText = props.noOptionsText,\n noOptionsText = _props$noOptionsText === void 0 ? 'No options' : _props$noOptionsText,\n onChange = props.onChange,\n onClose = props.onClose,\n onHighlightChange = props.onHighlightChange,\n onInputChange = props.onInputChange,\n onOpen = props.onOpen,\n open = props.open,\n _props$openOnFocus = props.openOnFocus,\n openOnFocus = _props$openOnFocus === void 0 ? false : _props$openOnFocus,\n _props$openText = props.openText,\n openText = _props$openText === void 0 ? 'Open' : _props$openText,\n options = props.options,\n _props$PaperComponent = props.PaperComponent,\n PaperComponent = _props$PaperComponent === void 0 ? Paper : _props$PaperComponent,\n _props$PopperComponen = props.PopperComponent,\n PopperComponentProp = _props$PopperComponen === void 0 ? Popper : _props$PopperComponen,\n _props$popupIcon = props.popupIcon,\n popupIcon = _props$popupIcon === void 0 ? _ref2 : _props$popupIcon,\n renderGroupProp = props.renderGroup,\n renderInput = props.renderInput,\n renderOptionProp = props.renderOption,\n renderTags = props.renderTags,\n _props$selectOnFocus = props.selectOnFocus,\n selectOnFocus = _props$selectOnFocus === void 0 ? !props.freeSolo : _props$selectOnFocus,\n _props$size = props.size,\n size = _props$size === void 0 ? 'medium' : _props$size,\n valueProp = props.value,\n other = _objectWithoutProperties(props, [\"autoComplete\", \"autoHighlight\", \"autoSelect\", \"blurOnSelect\", \"ChipProps\", \"classes\", \"className\", \"clearOnBlur\", \"clearOnEscape\", \"clearText\", \"closeIcon\", \"closeText\", \"debug\", \"defaultValue\", \"disableClearable\", \"disableCloseOnSelect\", \"disabled\", \"disabledItemsFocusable\", \"disableListWrap\", \"disablePortal\", \"filterOptions\", \"filterSelectedOptions\", \"forcePopupIcon\", \"freeSolo\", \"fullWidth\", \"getLimitTagsText\", \"getOptionDisabled\", \"getOptionLabel\", \"getOptionSelected\", \"groupBy\", \"handleHomeEndKeys\", \"id\", \"includeInputInList\", \"inputValue\", \"limitTags\", \"ListboxComponent\", \"ListboxProps\", \"loading\", \"loadingText\", \"multiple\", \"noOptionsText\", \"onChange\", \"onClose\", \"onHighlightChange\", \"onInputChange\", \"onOpen\", \"open\", \"openOnFocus\", \"openText\", \"options\", \"PaperComponent\", \"PopperComponent\", \"popupIcon\", \"renderGroup\", \"renderInput\", \"renderOption\", \"renderTags\", \"selectOnFocus\", \"size\", \"value\"]);\n /* eslint-enable no-unused-vars */\n\n\n var PopperComponent = disablePortal ? DisablePortal : PopperComponentProp;\n\n var _useAutocomplete = useAutocomplete(_extends({}, props, {\n componentName: 'Autocomplete'\n })),\n getRootProps = _useAutocomplete.getRootProps,\n getInputProps = _useAutocomplete.getInputProps,\n getInputLabelProps = _useAutocomplete.getInputLabelProps,\n getPopupIndicatorProps = _useAutocomplete.getPopupIndicatorProps,\n getClearProps = _useAutocomplete.getClearProps,\n getTagProps = _useAutocomplete.getTagProps,\n getListboxProps = _useAutocomplete.getListboxProps,\n getOptionProps = _useAutocomplete.getOptionProps,\n value = _useAutocomplete.value,\n dirty = _useAutocomplete.dirty,\n id = _useAutocomplete.id,\n popupOpen = _useAutocomplete.popupOpen,\n focused = _useAutocomplete.focused,\n focusedTag = _useAutocomplete.focusedTag,\n anchorEl = _useAutocomplete.anchorEl,\n setAnchorEl = _useAutocomplete.setAnchorEl,\n inputValue = _useAutocomplete.inputValue,\n groupedOptions = _useAutocomplete.groupedOptions;\n\n var startAdornment;\n\n if (multiple && value.length > 0) {\n var getCustomizedTagProps = function getCustomizedTagProps(params) {\n return _extends({\n className: clsx(classes.tag, size === 'small' && classes.tagSizeSmall),\n disabled: disabled\n }, getTagProps(params));\n };\n\n if (renderTags) {\n startAdornment = renderTags(value, getCustomizedTagProps);\n } else {\n startAdornment = value.map(function (option, index) {\n return /*#__PURE__*/React.createElement(Chip, _extends({\n label: getOptionLabel(option),\n size: size\n }, getCustomizedTagProps({\n index: index\n }), ChipProps));\n });\n }\n }\n\n if (limitTags > -1 && Array.isArray(startAdornment)) {\n var more = startAdornment.length - limitTags;\n\n if (!focused && more > 0) {\n startAdornment = startAdornment.splice(0, limitTags);\n startAdornment.push( /*#__PURE__*/React.createElement(\"span\", {\n className: classes.tag,\n key: startAdornment.length\n }, getLimitTagsText(more)));\n }\n }\n\n var defaultRenderGroup = function defaultRenderGroup(params) {\n return /*#__PURE__*/React.createElement(\"li\", {\n key: params.key\n }, /*#__PURE__*/React.createElement(ListSubheader, {\n className: classes.groupLabel,\n component: \"div\"\n }, params.group), /*#__PURE__*/React.createElement(\"ul\", {\n className: classes.groupUl\n }, params.children));\n };\n\n var renderGroup = renderGroupProp || defaultRenderGroup;\n var renderOption = renderOptionProp || getOptionLabel;\n\n var renderListOption = function renderListOption(option, index) {\n var optionProps = getOptionProps({\n option: option,\n index: index\n });\n return /*#__PURE__*/React.createElement(\"li\", _extends({}, optionProps, {\n className: classes.option\n }), renderOption(option, {\n selected: optionProps['aria-selected'],\n inputValue: inputValue\n }));\n };\n\n var hasClearIcon = !disableClearable && !disabled;\n var hasPopupIcon = (!freeSolo || forcePopupIcon === true) && forcePopupIcon !== false;\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"div\", _extends({\n ref: ref,\n className: clsx(classes.root, className, focused && classes.focused, fullWidth && classes.fullWidth, hasClearIcon && classes.hasClearIcon, hasPopupIcon && classes.hasPopupIcon)\n }, getRootProps(other)), renderInput({\n id: id,\n disabled: disabled,\n fullWidth: true,\n size: size === 'small' ? 'small' : undefined,\n InputLabelProps: getInputLabelProps(),\n InputProps: {\n ref: setAnchorEl,\n className: classes.inputRoot,\n startAdornment: startAdornment,\n endAdornment: /*#__PURE__*/React.createElement(\"div\", {\n className: classes.endAdornment\n }, hasClearIcon ? /*#__PURE__*/React.createElement(IconButton, _extends({}, getClearProps(), {\n \"aria-label\": clearText,\n title: clearText,\n className: clsx(classes.clearIndicator, dirty && classes.clearIndicatorDirty)\n }), closeIcon) : null, hasPopupIcon ? /*#__PURE__*/React.createElement(IconButton, _extends({}, getPopupIndicatorProps(), {\n disabled: disabled,\n \"aria-label\": popupOpen ? closeText : openText,\n title: popupOpen ? closeText : openText,\n className: clsx(classes.popupIndicator, popupOpen && classes.popupIndicatorOpen)\n }), popupIcon) : null)\n },\n inputProps: _extends({\n className: clsx(classes.input, focusedTag === -1 && classes.inputFocused),\n disabled: disabled\n }, getInputProps())\n })), popupOpen && anchorEl ? /*#__PURE__*/React.createElement(PopperComponent, {\n className: clsx(classes.popper, disablePortal && classes.popperDisablePortal),\n style: {\n width: anchorEl ? anchorEl.clientWidth : null\n },\n role: \"presentation\",\n anchorEl: anchorEl,\n open: true\n }, /*#__PURE__*/React.createElement(PaperComponent, {\n className: classes.paper\n }, loading && groupedOptions.length === 0 ? /*#__PURE__*/React.createElement(\"div\", {\n className: classes.loading\n }, loadingText) : null, groupedOptions.length === 0 && !freeSolo && !loading ? /*#__PURE__*/React.createElement(\"div\", {\n className: classes.noOptions\n }, noOptionsText) : null, groupedOptions.length > 0 ? /*#__PURE__*/React.createElement(ListboxComponent, _extends({\n className: classes.listbox\n }, getListboxProps(), ListboxProps), groupedOptions.map(function (option, index) {\n if (groupBy) {\n return renderGroup({\n key: option.key,\n group: option.group,\n children: option.options.map(function (option2, index2) {\n return renderListOption(option2, option.index + index2);\n })\n });\n }\n\n return renderListOption(option, index);\n })) : null)) : null);\n});\nprocess.env.NODE_ENV !== \"production\" ? Autocomplete.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 portion of the selected suggestion that has not been typed by the user,\n * known as the completion string, appears inline after the input cursor in the textbox.\n * The inline completion string is visually highlighted and has a selected state.\n */\n autoComplete: PropTypes.bool,\n\n /**\n * If `true`, the first option is automatically highlighted.\n */\n autoHighlight: PropTypes.bool,\n\n /**\n * If `true`, the selected option becomes the value of the input\n * when the Autocomplete loses focus unless the user chooses\n * a different option or changes the character string in the input.\n */\n autoSelect: PropTypes.bool,\n\n /**\n * Control if the input should be blurred when an option is selected:\n *\n * - `false` the input is not blurred.\n * - `true` the input is always blurred.\n * - `touch` the input is blurred after a touch event.\n * - `mouse` the input is blurred after a mouse event.\n */\n blurOnSelect: PropTypes.oneOfType([PropTypes.oneOf(['mouse', 'touch']), PropTypes.bool]),\n\n /**\n * Props applied to the [`Chip`](/api/chip/) element.\n */\n ChipProps: PropTypes.object,\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 * If `true`, the input's text will be cleared on blur if no value is selected.\n *\n * Set to `true` if you want to help the user enter a new value.\n * Set to `false` if you want to help the user resume his search.\n */\n clearOnBlur: PropTypes.bool,\n\n /**\n * If `true`, clear all values when the user presses escape and the popup is closed.\n */\n clearOnEscape: PropTypes.bool,\n\n /**\n * Override the default text for the *clear* icon button.\n *\n * For localization purposes, you can use the provided [translations](/guides/localization/).\n */\n clearText: PropTypes.string,\n\n /**\n * The icon to display in place of the default close icon.\n */\n closeIcon: PropTypes.node,\n\n /**\n * Override the default text for the *close popup* icon button.\n *\n * For localization purposes, you can use the provided [translations](/guides/localization/).\n */\n closeText: PropTypes.string,\n\n /**\n * If `true`, the popup will ignore the blur event if the input is filled.\n * You can inspect the popup markup with your browser tools.\n * Consider this option when you need to customize the component.\n */\n debug: PropTypes.bool,\n\n /**\n * The default input value. Use when the component is not controlled.\n */\n defaultValue: PropTypes.any,\n\n /**\n * If `true`, the input can't be cleared.\n */\n disableClearable: PropTypes\n /* @typescript-to-proptypes-ignore */\n .bool,\n\n /**\n * If `true`, the popup won't close when a value is selected.\n */\n disableCloseOnSelect: PropTypes.bool,\n\n /**\n * If `true`, the input will be disabled.\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true`, will allow focus on disabled items.\n */\n disabledItemsFocusable: PropTypes.bool,\n\n /**\n * If `true`, the list box in the popup will not wrap focus.\n */\n disableListWrap: PropTypes.bool,\n\n /**\n * Disable the portal behavior.\n * The children stay within it's parent DOM hierarchy.\n */\n disablePortal: PropTypes.bool,\n\n /**\n * A filter function that determines the options that are eligible.\n *\n * @param {T[]} options The options to render.\n * @param {object} state The state of the component.\n * @returns {T[]}\n */\n filterOptions: PropTypes.func,\n\n /**\n * If `true`, hide the selected options from the list box.\n */\n filterSelectedOptions: PropTypes.bool,\n\n /**\n * Force the visibility display of the popup icon.\n */\n forcePopupIcon: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.bool]),\n\n /**\n * If `true`, the Autocomplete is free solo, meaning that the user input is not bound to provided options.\n */\n freeSolo: PropTypes\n /* @typescript-to-proptypes-ignore */\n .bool,\n\n /**\n * If `true`, the input will take up the full width of its container.\n */\n fullWidth: PropTypes.bool,\n\n /**\n * The label to display when the tags are truncated (`limitTags`).\n *\n * @param {number} more The number of truncated tags.\n * @returns {ReactNode}\n */\n getLimitTagsText: PropTypes.func,\n\n /**\n * Used to determine the disabled state for a given option.\n *\n * @param {T} option The option to test.\n * @returns {boolean}\n */\n getOptionDisabled: PropTypes.func,\n\n /**\n * Used to determine the string value for a given option.\n * It's used to fill the input (and the list box options if `renderOption` is not provided).\n *\n * @param {T} option\n * @returns {string}\n */\n getOptionLabel: PropTypes.func,\n\n /**\n * Used to determine if an option is selected, considering the current value.\n * Uses strict equality by default.\n *\n * @param {T} option The option to test.\n * @param {T} value The value to test against.\n * @returns {boolean}\n */\n getOptionSelected: PropTypes.func,\n\n /**\n * If provided, the options will be grouped under the returned string.\n * The groupBy value is also used as the text for group headings when `renderGroup` is not provided.\n *\n * @param {T} options The options to group.\n * @returns {string}\n */\n groupBy: PropTypes.func,\n\n /**\n * If `true`, the component handles the \"Home\" and \"End\" keys when the popup is open.\n * It should move focus to the first option and last option, respectively.\n */\n handleHomeEndKeys: PropTypes.bool,\n\n /**\n * This prop is used to help implement the accessibility logic.\n * If you don't provide this prop. It falls back to a randomly generated id.\n */\n id: PropTypes.string,\n\n /**\n * If `true`, the highlight can move to the input.\n */\n includeInputInList: PropTypes.bool,\n\n /**\n * The input value.\n */\n inputValue: PropTypes.string,\n\n /**\n * The maximum number of tags that will be visible when not focused.\n * Set `-1` to disable the limit.\n */\n limitTags: PropTypes.number,\n\n /**\n * The component used to render the listbox.\n */\n ListboxComponent: PropTypes.elementType,\n\n /**\n * Props applied to the Listbox element.\n */\n ListboxProps: PropTypes.object,\n\n /**\n * If `true`, the component is in a loading state.\n */\n loading: PropTypes.bool,\n\n /**\n * Text to display when in a loading state.\n *\n * For localization purposes, you can use the provided [translations](/guides/localization/).\n */\n loadingText: PropTypes.node,\n\n /**\n * If `true`, `value` must be an array and the menu will support multiple selections.\n */\n multiple: PropTypes\n /* @typescript-to-proptypes-ignore */\n .bool,\n\n /**\n * Text to display when there are no options.\n *\n * For localization purposes, you can use the provided [translations](/guides/localization/).\n */\n noOptionsText: PropTypes.node,\n\n /**\n * Callback fired when the value changes.\n *\n * @param {object} event The event source of the callback.\n * @param {T|T[]} value The new value of the component.\n * @param {string} reason One of \"create-option\", \"select-option\", \"remove-option\", \"blur\" or \"clear\".\n */\n onChange: PropTypes.func,\n\n /**\n * Callback fired when the popup requests to be closed.\n * Use in controlled mode (see open).\n *\n * @param {object} event The event source of the callback.\n * @param {string} reason Can be: `\"toggleInput\"`, `\"escape\"`, `\"select-option\"`, `\"blur\"`.\n */\n onClose: PropTypes.func,\n\n /**\n * Callback fired when the highlight option changes.\n *\n * @param {object} event The event source of the callback.\n * @param {T} option The highlighted option.\n * @param {string} reason Can be: `\"keyboard\"`, `\"auto\"`, `\"mouse\"`.\n */\n onHighlightChange: PropTypes.func,\n\n /**\n * Callback fired when the input value changes.\n *\n * @param {object} event The event source of the callback.\n * @param {string} value The new value of the text input.\n * @param {string} reason Can be: `\"input\"` (user input), `\"reset\"` (programmatic change), `\"clear\"`.\n */\n onInputChange: PropTypes.func,\n\n /**\n * Callback fired when the popup requests to be opened.\n * Use in controlled mode (see open).\n *\n * @param {object} event The event source of the callback.\n */\n onOpen: PropTypes.func,\n\n /**\n * Control the popup` open state.\n */\n open: PropTypes.bool,\n\n /**\n * If `true`, the popup will open on input focus.\n */\n openOnFocus: PropTypes.bool,\n\n /**\n * Override the default text for the *open popup* icon button.\n *\n * For localization purposes, you can use the provided [translations](/guides/localization/).\n */\n openText: PropTypes.string,\n\n /**\n * Array of options.\n */\n options: PropTypes.array.isRequired,\n\n /**\n * The component used to render the body of the popup.\n */\n PaperComponent: PropTypes.elementType,\n\n /**\n * The component used to position the popup.\n */\n PopperComponent: PropTypes.elementType,\n\n /**\n * The icon to display in place of the default popup icon.\n */\n popupIcon: PropTypes.node,\n\n /**\n * Render the group.\n *\n * @param {any} option The group to render.\n * @returns {ReactNode}\n */\n renderGroup: PropTypes.func,\n\n /**\n * Render the input.\n *\n * @param {object} params\n * @returns {ReactNode}\n */\n renderInput: PropTypes.func.isRequired,\n\n /**\n * Render the option, use `getOptionLabel` by default.\n *\n * @param {T} option The option to render.\n * @param {object} state The state of the component.\n * @returns {ReactNode}\n */\n renderOption: PropTypes.func,\n\n /**\n * Render the selected value.\n *\n * @param {T[]} value The `value` provided to the component.\n * @param {function} getTagProps A tag props getter.\n * @returns {ReactNode}\n */\n renderTags: PropTypes.func,\n\n /**\n * If `true`, the input's text will be selected on focus.\n * It helps the user clear the selected value.\n */\n selectOnFocus: PropTypes.bool,\n\n /**\n * The size of the autocomplete.\n */\n size: PropTypes.oneOf(['medium', 'small']),\n\n /**\n * The value of the autocomplete.\n *\n * The value must have reference equality with the option in order to be selected.\n * You can customize the equality behavior with the `getOptionSelected` prop.\n */\n value: PropTypes.any\n} : void 0;\nexport default withStyles(styles, {\n name: 'MuiAutocomplete'\n})(Autocomplete);","import React from \"react\";\nimport { default as MUIAutocomplete } from \"@material-ui/lab/Autocomplete\";\nimport styled from \"styled-components\";\n\nconst StyledMUIAutocomplete = styled(MUIAutocomplete)`\n border-radius: 8px !important;\n background-color: var(--colorPanel);\n width: 250px;\n\n fieldset {\n background: unset;\n box-shadow: unset;\n width: initial;\n }\n\n input {\n border: unset !important;\n }\n\n label[data-shrink=\"false\"] {\n width: 175px;\n overflow: hidden;\n text-overflow: ellipsis;\n text-wrap: nowrap;\n }\n\n label[data-shrink=\"true\"] {\n width: 290px;\n overflow: hidden;\n text-overflow: ellipsis;\n text-wrap: nowrap;\n }\n\n button {\n height: initial !important;\n min-width: initial !important;\n }\n\n [class*=\"MuiAutocomplete-inputRoot\"] {\n padding: 2px 2px 2px 9px !important;\n border-radius: 8px !important;\n }\n`;\n\nexport const Autocomplete = (props) => {\n return (\n \n
{activity.activityTitle} \n {!activity.isPostRegistration && (\n <>\n
\n
{this.l(\"startdate\") + \": \"}
\n
{moment(activity.startDate).format(dateFormat)}
\n
\n
\n
{this.l(\"enddate\") + \": \"}
\n
{moment(activity.endDate).format(dateFormat)}
\n
\n \n )}\n\n
\n
{this.l(\"location\") + \": \"}
\n
{activity.location}
\n
\n {activity.linkToMeeting && (\n
\n
{this.l(\"linktomeeting\") + \": \"}
\n
\n
\n {activity.linkToMeeting}\n \n \n
\n )}\n\n
\n
{this.l(\"practicalinformation\") + \": \"}
\n
{activity.locationInfo}
\n
\n
\n {!this.props.isManagerOrAdmin && (\n
\n {!activity.isPostRegistration && (\n
\n {this.l(\"showapplicationform\")}{\" \"}\n \n )}\n \n navigateToMsTeams(activity.activityID)}\n >\n {this.l(\"toMSTeams\")}\n \n
\n )}\n \n )}\n
{this.renderOnlineCourses(activity.activityID)}
\n
\n
{this.l(\"onlinecourse\") + \": \" + c.title}
\n ));\n } else {\n return courses.map((c) => (\n \n {this.l(\"entercoursesession\") + \": \"}\n
\n {c.title}\n \n
;\n\n return (\n \n \n
\n {this.renderGeneralOnlineCourses()}\n {this.renderActivities()}\n
\n \n {this.l(\"close\")}\n \n
\n
{this.l(\"courserequested\")} ;\n }\n\n if (course.attestStatus === ATTEST_WAITING && !course.completed) {\n return {this.l(\"waitingforattest\")} ;\n }\n\n return \n \n \n {displayCardImage ? this.renderCardImage(course) : \n {this.l(\"completed\")} \n \n )}\n\n {isConnectedToMicrosoftTeams && !course.completed && (\n \n \n {this.l(\"connectedToTeams\")}\n \n \n )}\n\n \n \n
\n {title}\n \n \n {course.allowRating && !isRequested ? (\n \n \n {this.l(\"enddate\") +\n \": \" +\n moment(course.courseEnds).format(dateFormat)}\n \n )}\n {moment().isBefore(course.courseStarts) && (\n \n {this.l(\"startdate\") +\n \": \" +\n moment(course.courseStarts).format(dateFormat)}\n \n )}\n
\n )}\n \n\n {course.courseType == COURSE_TYPE_ONLINE ? (\n \n {time && (\n
\n \n )}\n\n {displayOnlineCourseButton && (\n
\n )}\n\n {isRequested && !this.props.isManagerOrAdmin && (\n
\n
\n {this.l(\"registerHere\")}\n \n \n \n )}\n {course.courseType == COURSE_TYPE_CLASSROOM && !isRequested && (\n
\n this.props.openDetails(course)}\n >\n {this.l(\"showactivity\")}\n \n \n )}\n
\n \n );\n }\n return (\n \n \n );\n }\n}\n\nCard.defaultProps = {\n course: {\n courseId: 0,\n image: \"\",\n personalRating: { rating: 0, comment: \"\" },\n },\n};\n","import React from \"react\";\nimport LuvitComponent from \"LuvitComponent\";\nimport { observable } from \"mobx\";\nimport { observer } from \"mobx-react\";\nimport uuid from \"uuid\";\nimport { autobind } from \"lib/decorators\";\nimport _ from \"lodash\";\n\nlet State = new (class DropdownState {\n @observable activeDropdown = null;\n})();\n\n@observer\n@autobind\nexport default class CategoryDropdown extends LuvitComponent {\n constructor(props, context) {\n super(props, context, \"ActivityCentre\");\n }\n\n componentWillMount() {\n this.dropdownId = uuid.v1();\n }\n\n componentDidMount() {\n let category = luvit.GetQueryString(\"category\");\n let categoryID = luvit.GetQueryString(\"categoryID\");\n\n if (category) {\n const categoryID = this.getCategoryIDByTitle(category);\n if (categoryID) {\n this.props.onChange(categoryID);\n }\n }\n if (categoryID) {\n this.props.onChange(categoryID);\n }\n }\n\n toggleExpanded() {\n State.activeDropdown =\n State.activeDropdown === this.dropdownId ? undefined : this.dropdownId;\n }\n\n setSelected(choice) {\n let selectedId = choice ? choice.trainingCategoryId : this.props.parentId;\n State.activeDropdown = null;\n this.props.onChange(selectedId);\n }\n\n getCategoryIDByTitle(category) {\n let option = this.props.options.filter(\n (option) => option.categoryTitle.toLocaleLowerCase() == category,\n );\n return option[0] ? option[0].trainingCategoryId : null;\n }\n\n render() {\n let isActive = State.activeDropdown === this.dropdownId;\n let selected =\n this.props.selected !== undefined\n ? _.find(\n this.props.options,\n (o) => o.trainingCategoryId === this.props.selected,\n )\n : null;\n\n return (\n \n
\n \n \n {selected ? selected.categoryTitleTranslated : this.l(\"all\")}\n
{\" \"}\n \n \n \n this.setSelected(null)}>\n {this.l(\"all\")}\n \n {this.props.options.map((c) => (\n this.setSelected(c)}\n >\n \n {c.categoryTitleTranslated} \n
\n {c.noOfCourses} \n \n ))}\n \n {o.title}\n \n ));\n return (\n \n \n {this.l(tag.title)}\n \n this.setTagFilter(i, e.target.value)}\n >\n {this.l(\"all\")} \n {values}\n \n
\n );\n });\n }\n\n renderSubFilters() {\n const { filteredCourses, filteredPrograms } = this.props.store;\n\n let leftToDoPrograms = [];\n let startedPrograms = [];\n let completedPrograms = [];\n\n if (filteredPrograms.lefttodo) {\n leftToDoPrograms = filteredPrograms.lefttodo.length;\n }\n\n if (filteredPrograms.begun) {\n startedPrograms = filteredPrograms.begun.length;\n }\n\n if (filteredPrograms.completed) {\n completedPrograms = filteredPrograms.completed.length;\n }\n\n let leftToDo = filteredCourses.lefttodo.length + leftToDoPrograms;\n let started = filteredCourses.begun.length + startedPrograms;\n let completed = filteredCourses.completed.length + completedPrograms;\n\n const buttons = [\n { value: this.l(\"all\"), filter: CONSTANTS.PROGRESS_ALL },\n {\n value: `${this.l(\"lefttodo\")} (${leftToDo})`,\n filter: CONSTANTS.FILTER_TODO,\n },\n {\n value: `${this.l(\"begun\")} (${started})`,\n filter: CONSTANTS.FILTER_ONGOING,\n },\n {\n value: `${this.l(\"Finished2\")} (${completed})`,\n filter: CONSTANTS.FILTER_DONE,\n },\n ];\n\n return (\n \n {this.props.mode === CONSTANTS.MODE_FULL && (\n
\n );\n }\n\n renderHideAdministratorCourses() {\n if (!this.props.store.isAdmin) return null;\n return (\n \n
\n {\n let hideParticipantCourses = e.target.checked\n ? false\n : this.state.hideParticipantCourses;\n this.setState({\n hideAdministratorCourses: !this.state.hideAdministratorCourses,\n hideParticipantCourses,\n });\n }}\n />\n \n {this.l(\"hideadministratorcourses\")}\n \n \n
\n
\n this.setState({\n hideAdministratorCourses: !this.state.hideAdministratorCourses,\n hideParticipantCourses: false,\n })\n }\n />\n \n
\n {\n let hideAdministratorCourses = e.target.checked\n ? false\n : this.state.hideAdministratorCourses;\n this.setState({\n hideParticipantCourses: !this.state.hideParticipantCourses,\n hideAdministratorCourses,\n });\n }}\n />\n \n {this.l(\"hideParticipantCourses\")}\n \n \n
\n
\n this.setState({\n hideParticipantCourses: !this.state.hideParticipantCourses,\n hideAdministratorCourses: false,\n })\n }\n />\n this.setState({ categoryId })}\n options={children}\n />\n );\n });\n\n if (!dropdowns[0]) return null;\n\n return (\n \n
{this.l(\"category\")} \n
{dropdowns}
\n
this.setFilter(e.target.value)}\n >\n {this.l(\"all\")} \n {this.l(\"lefttodo\")} \n {this.l(\"notstarted\")} \n {this.l(\"begun\")} \n {this.l(\"finished2\")} \n \n );\n }\n\n renderSort() {\n let show = this.props.mode === CONSTANTS.MODE_FULL;\n if (!show) return null;\n return (\n this.setSortBy(e.target.value)}\n value={this.state.sortBy}\n >\n {this.l(\"lettersorting\")} \n {this.l(\"recentlyaccessed\")} \n {this.l(\"recentlyenrolled\")} \n \n );\n }\n\n renderTxtSearch() {\n return (\n \n
\n this.setSearchText(e.target.value)}\n />\n this.setSearchText(\"\")}\n label={this.l(\"close\")}\n />\n this.doSearch()}\n label={this.l(\"search\")}\n />\n
\n
this.setState({ showFilter: !this.state.showFilter })}\n >\n {this.state.showFilter ? this.l(\"close\") : this.l(\"filter\")}\n \n \n
\n {!mobileViewport && (\n \n \n {this.l(\"hits\")}\n : \n \n {this.props.hitCount} \n
\n )}\n {showCourseStatuses && this.renderSubFilters()}\n \n {this.renderFilter()}\n {this.renderSort()}\n
\n \n {this.renderHideAdministratorCourses()}\n {this.renderHideParticipantCourses()}\n
\n \n
\n \n {this.renderCategories()}\n
\n
{this.renderTagFilters()}
\n
\n
\n {this.renderTxtSearch()}\n {this.renderPieChart()}\n
\n {this.renderTxtSearch()}
\n )}\n \n );\n }\n}\n\nconst FilterHideAdministratorCourses = (props) => {\n if (!props.store.isAdmin) return null;\n const { lang } = props;\n const [hideAdministratorCourses, setHideAdministratorCourses] =\n useState(false);\n\n return (\n \n
\n \n setHideAdministratorCourses(!hideAdministratorCourses)\n }\n />\n \n {lang(\"hideadministratorcourses\")}\n \n \n
\n
setHideAdministratorCourses(!hideAdministratorCourses)}\n />\n \n {languageContext(\"programrequested\")}\n \n );\n }\n\n if (\n !program.completed &&\n program.attestStatus === CONSTANTS.ATTEST_WAITING\n ) {\n return (\n \n {languageContext(\"waitingforattest\")}\n \n );\n }\n\n return \n \n {label}\n \n \n );\n\n const CardTitle = () => (\n <>\n \n
\n \n \n {title}\n \n \n );\n\n const CardActions = () => (\n \n {managerView && !program.requested && (\n onClick(activityId)}\n >\n {languageContext(\"showprogram\")}\n \n )}\n\n {(program.requested || attestStatus === CONSTANTS.ATTEST_WAITING) &&\n !managerView && (\n \n );\n\n return {\n title: title,\n card: (\n \n \n {languageContext(\"connectedToTeams\")}\n \n \n )}\n {completed && (\n \n \n {languageContext(\"completed\")}\n \n \n )}\n \n {activityTitle}\n \n ) : (\n \n {withProgress ? (\n
\n \n ),\n };\n });\n\n return (\n \n {cards.map(({ card, title }, index) => (\n \n {card}\n \n ))}\n \n );\n};\n\nexport default withLanguageContext(ProgramCards, \"Programs\");\n","import React from \"react\";\nimport LuvitComponent from \"LuvitComponent\";\nimport format from \"lib/format\";\nimport Card from \"./card\";\nimport CourseDetails from \"./courseDetails\";\nimport LittleLoader from \"../loader/little-loader\";\nimport _ from \"lodash\";\nimport Measure from \"react-measure\";\nimport Filter from \"./filter\";\nimport { autobind } from \"lib/decorators\";\nimport { MyCoursesCardStore } from \"./Store\";\nimport { observer } from \"mobx-react\";\nimport UserStore from \"stores/user\";\nimport HeaderSelection from \"../header/coworker\";\nimport UserInfoHeading from \"../User/container\";\nimport ProgramCards from \"./ProgramCards\";\nimport Program from \"domains/programs/components/Program\";\nimport { ToolbarButton } from \"lib/components/Button\";\nimport { DISPLAY_MODE_FULL, PROGRESS_ALL } from \"./constants\";\nimport SettingStore from \"stores/settings\";\nimport { Accordion } from \"lib/components/Base/Surfaces/Accordion\";\n\nconst calculateProgress = (completed, steps) => {\n return Math.round((completed / steps) * 100) || 0;\n};\n\n@autobind\n@observer\nexport default class MyCoursesCardView extends LuvitComponent {\n constructor(props, context) {\n super(props, context, \"ActivityCentre\");\n }\n\n async componentWillMount() {\n this.setState({ ready: false, dimensions: { width: -1, height: -1 } });\n let store = new MyCoursesCardStore();\n await store.refresh(this.props.personalId);\n\n const noOfCoursesInSimpleMode = SettingStore.getSettingValue(\n \"noofcoursesinmycoursespanel\",\n );\n const isBt = SettingStore.isBt();\n\n this.setState({\n ready: true,\n store,\n noOfCoursesInSimpleMode,\n noOfCourses: store.courses.length,\n programDetails: null,\n isBt,\n });\n\n if (isBt) {\n store.setFilter(PROGRESS_ALL);\n }\n }\n\n async refresh() {\n let store = new MyCoursesCardStore();\n await store.refresh(this.props.personalId);\n this.setState({ store });\n }\n\n resolveMediaClass() {\n //Deal with responsiveness, calculate breakpoints depending on how many category levels and tags\n let store = this.state.store;\n let noOfCategoryLevels = 0;\n let categoryId = this.state.categoryId;\n for (let cat = categoryId; cat; cat = store.categories[cat].parentId) {\n noOfCategoryLevels++;\n }\n\n let noOfTags = this.state.store.tags.length;\n let noOfFilters = noOfTags + noOfCategoryLevels;\n\n let neededWidthMedium = noOfFilters * 40 + 800;\n\n if (neededWidthMedium < 800) {\n }\n\n let neededWidthSmall = noOfFilters * 27 + 600;\n\n const { width, height } = this.state.dimensions;\n\n return width < neededWidthMedium && width > neededWidthSmall\n ? \"medium\"\n : width < neededWidthSmall && width > 520\n ? \"small\"\n : width < 520\n ? \"x-small\"\n : \"\";\n }\n\n renderSearchingSpinner() {\n return {this.l(\"programs\")} \n \n {this.l(\"courses\")} \n \n {store.searching ? this.renderSearchingSpinner() : \"\"}\n {courses}\n
;\n let store = this.state.store;\n let filteredCourses = store.filteredCourses.active;\n let filteredPrograms = store.filteredPrograms.active;\n const displayPrograms = filteredPrograms && filteredPrograms.length > 0;\n const { mode } = this.props;\n const { programDetails, courseDetails, isBt } = this.state;\n const numberOfCompletedSteps =\n store.courses.filter((course) => course.completed === true).length +\n store.programs.filter((program) => program.completed === true).length;\n const numberOfSteps = store.courses.length + store.programs.length;\n const totalPercentCompleted = calculateProgress(\n numberOfCompletedSteps,\n numberOfSteps,\n );\n\n if (isBt) {\n filteredPrograms = _.filter(filteredPrograms, (program) => {\n return program.bt;\n });\n }\n\n let mediaClass = this.resolveMediaClass();\n\n if (\n mode != DISPLAY_MODE_FULL &&\n filteredCourses.length > this.state.noOfCoursesInSimpleMode\n ) {\n filteredCourses = filteredCourses.slice(\n 0,\n this.state.noOfCoursesInSimpleMode,\n );\n }\n let noOfPrograms = filteredPrograms ? filteredPrograms.length : 0;\n const isManagerOrAdmin = this.props.managerView || UserStore.user.fromAdmin;\n\n return (\n \n {isManagerOrAdmin && this.renderHeader()}\n\n {!programDetails && (\n
{\n this.setState({ dimensions });\n }}\n >\n \n {mode === DISPLAY_MODE_FULL && !isManagerOrAdmin && (\n \n
\n {isBt\n ? this.l(\"programsandprogress\")\n : this.l(\"mylearning\")}\n \n \n )}\n \n
\n \n \n {isBt\n ? this.l(\"programsandprogress\")\n : this.l(\"mylearning\")}\n \n \n \n {this.l(\"nocourseregistrations\")}\n
\n )}\n\n {this.state.noOfCourses > 0 && !this.state.isBt && (\n \n \n {this.l(\"showall\")}\n \n \n )}\n \n \n )}\n\n {programDetails && (\n \n
\n this.toggleProgramDetails()}\n id={\"buttonBack\"}\n />\n \n {this.l(\"back\")} \n
\n
\n }\n boxShadow\n />\n
;\n\n return (\n \n \n selectpriority\n \n \n low\n \n \n medium\n \n \n high\n \n \n );\n }\n}\n\nexport default PriorityDropdown;\n","import React from \"react\";\n\nconst LangContext = React.createContext(\"languageContext\");\n\nexport default LangContext;\n","import React, { useContext, useState } from \"react\";\nimport StarRating from \"react-star-ratings\";\nimport LangContext from \"./langContext\";\nimport {\n StyledStarContainer,\n StyledOuterContainer,\n StyledHalfInnerContainer,\n StyledHalfInnerButtonContainer,\n} from \"./style\";\n\nconst RatingForm = (props) => {\n const { tempRating, tempComment, saveRating } = props;\n const languageContext = useContext(LangContext);\n const [rating, setRating] = useState(tempRating || 0);\n const [comment, setComment] = useState(tempComment || \"\");\n const [saved, setSaved] = useState(false);\n\n const changeRating = (newRating) => {\n setRating(newRating);\n };\n\n const save = () => {\n if (rating === 0) {\n setSaved(true);\n return;\n }\n saveRating(rating, comment);\n };\n\n const showErrorMessage = !rating && saved;\n return (\n \n \n {showErrorMessage && (\n \n {languageContext(\"pleaseenterratingbeforesaving\")}\n
\n )}\n \n \n \n {languageContext(\"comment\")}\n \n \n \n \n {languageContext(\"save\")}\n \n \n \n );\n};\n\nexport default RatingForm;\n","export const NO_OF_STARS = 5;\nexport const STAR_COLOR = \"#f9db36\";\nexport const STAR_DIMENSION = \"14px\";\nexport const STAR_SPACING = \"2px\";\n","import React, { useState, useEffect } from \"react\";\nimport { POST } from \"lib/api\";\nimport { API_RATING_SETRATING } from \"lib/endpoints/rating\";\nimport withLanguageContext from \"lib/hocs/withLanguageContext\";\nimport LangContext from \"./langContext\";\nimport StarRating from \"react-star-ratings\";\nimport RatingForm from \"./ratingForm\";\nimport { StyledRating, StyledNoOfRatings } from \"./style\";\nimport Modal from \"lib/components/modal\";\nimport {\n NO_OF_STARS,\n STAR_COLOR,\n STAR_DIMENSION,\n STAR_SPACING,\n} from \"./constants\";\n\nconst Rating = (props) => {\n const {\n languageContext,\n type,\n objectId,\n currentRating,\n currentComment,\n updateRating,\n readOnly,\n noOfRatings,\n managerView,\n } = props;\n const [rating, setRating] = useState(currentRating || 0);\n const [ratingActive, setRatingActive] = useState(false);\n\n const changeRating = () => {\n if (!readOnly) setRatingActive(true);\n };\n\n const closeRatingForm = () => {\n setRatingActive(false);\n };\n\n const saveRating = async (newRating, comment) => {\n if (!comment) comment = \"\";\n\n await POST(\n `${API_RATING_SETRATING}?${new URLSearchParams({\n type,\n objectId,\n rating: newRating,\n comment,\n anonymous: false,\n })}`,\n );\n\n updateRating(newRating, comment, objectId);\n setRating(newRating);\n closeRatingForm();\n };\n\n useEffect(() => {\n setRating(currentRating);\n }, [currentRating]);\n\n return (\n \n \n {readOnly && noOfRatings > 0 && (\n ({noOfRatings}) \n )}\n \n {ratingActive && (\n \n \n \n \n )}\n \n );\n};\n\nexport default withLanguageContext(Rating, \"Rating\");\n","import React, { useState, useEffect } from \"react\";\nimport StarRating from \"react-star-ratings\";\nimport { GET, DELETE } from \"lib/api\";\nimport config from \"lib/config\";\nimport {\n API_RATING_GETCOMMENTS,\n API_RATING_DELETE,\n} from \"lib/endpoints/rating\";\nimport withLanguageContext from \"lib/hocs/withLanguageContext\";\nimport { ProfileAvatar } from \"lib/components/Fragment/DataDisplay/ProfileAvatar\";\nimport {\n StyledRatingComment,\n StyledRatingName,\n StyledUserAvatar,\n} from \"./style\";\n\nconst RatingComments = (props) => {\n const { type, objectId, languageContext } = props;\n\n const [comments, setComments] = useState([]);\n const [isAdmin, setIsAdmin] = useState(false);\n\n const fetchData = async () => {\n if (!comments.length > 0 && type && objectId) {\n let fetchedComments = await GET(\n `${API_RATING_GETCOMMENTS}?${new URLSearchParams({\n type,\n objectId,\n })}`,\n );\n\n setComments(fetchedComments);\n }\n };\n\n const isSysAdmin = async () => {\n let admin = await GET(\"v1/users/issysadmin\");\n setIsAdmin(admin);\n };\n\n const deleteRating = async (rating) => {\n if (confirm(languageContext(\"confirmDeleteRating\"))) {\n await DELETE(\n `${API_RATING_DELETE}?${new URLSearchParams({\n personalId: rating.personalId,\n type: rating.type,\n objectId: rating.objectId,\n })}`,\n );\n\n let remainingComments = comments.filter(\n (c) => c.ratingId !== rating.ratingId,\n );\n setComments(remainingComments);\n }\n };\n\n useEffect(() => {\n if (config.personalId) {\n isSysAdmin();\n }\n\n fetchData();\n }, [type, objectId]);\n\n let cmts = comments.map((comment) => {\n const allowDelete = isAdmin || comment.personalId === config.personalId;\n\n return (\n \n {config.personalId && (\n \n \n )}\n \n
\n
\n {comment.firstName + \" \" + comment.lastName}\n \n
\n
\n
{comment.comment}
\n
\n
\n deleteRating(comment)}\n onKeyDown={(event) => {\n if (event.key === \"Enter\") {\n deleteRating(comment);\n }\n }}\n >\n
\n )}\n \n );\n });\n\n return (\n \n {comments.length > 0 &&
{languageContext(\"reviews\")} }\n {cmts}\n \n );\n};\n\nexport default withLanguageContext(RatingComments, \"Rating\");\n","import styled from \"styled-components\";\n\nexport const StyledRating = styled.div`\n height: 20px;\n`;\n\nexport const StyledNoOfRatings = styled.div`\n font-size: 12px;\n color: #666;\n position: relative;\n top: 2px;\n`;\n\nexport const StyledRatingComment = styled.div`\n border-bottom: solid 1px #efefef;\n margin-bottom: 10px;\n padding-bottom: 10px;\n`;\n\nexport const StyledRatingName = styled.div`\n font-weight: bold;\n`;\n\nexport const StyledUserAvatar = styled.span`\n max-width: 50px;\n padding: 0 10px 0 0;\n`;\n\nexport const StyledStarContainer = styled.div`\n margin-top: 1rem;\n`;\n\nexport const StyledOuterContainer = styled.div`\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n`;\n\nexport const StyledHalfInnerContainer = styled.div`\n height: 100%;\n width: 100%;\n\n .error {\n margin: 0;\n }\n\n label {\n display: flex;\n flex-direction: column;\n }\n\n textarea {\n width: 100%;\n max-width: 100%;\n margin-bottom: 1rem;\n }\n`;\n\nexport const StyledHalfInnerButtonContainer = styled.div`\n width: 100%;\n display: flex;\n align-items: flex-end;\n justify-content: flex-end;\n`;\n","import config from \"lib/config\";\n\nexport const SYSTEM_SETTING_SHOW_COURSE_IMAGE_PORTAL =\n \"showcourseimageinportal\";\nexport const SYSTEM_SETTING_ON = \"1\";\n\nexport const RECOMMENDED_COURSECATALOGUE_URL = `${config.urlRoot}activities/listactivities.aspx?inapp=1&rec=1`;\n","import styled from \"styled-components\";\n\nexport const StyledCardContainer = styled.div`\n .container {\n flex: 0 50%;\n border: red solid;\n box-sizing: border-box;\n }\n`;\n\nexport const StyledProgramOverviewCard = styled.div`\n max-width: 300px;\n min-width: 300px;\n margin: 0px 24px 12px 0px;\n height: 250px;\n padding: 0px 12px 24px !important;\n\n .card-portal-overview {\n width: 100%;\n min-width: 100%;\n margin: 0px;\n height: 250px;\n }\n\n .MuiTypography-h3 {\n font-family: inherit !important;\n font-size: 18px !important;\n font-weight: 700 !important;\n color: var(--colorTextPrimary) !important;\n margin-top: 60px;\n }\n\n .MuiCardContent-root {\n padding: 0 16px !important;\n }\n\n @media (min-width: 1200px) {\n margin: 0 12px;\n\n .card-portal-overview {\n width: 100%;\n min-width: 100%;\n margin: 0px;\n }\n }\n`;\n","import React, { useEffect, useState } from \"react\";\nimport ProgramCard from \"../../../../domains/programs/components/Program/components/Card\";\nimport LangContext from \"../../../../domains/programs/langContext\";\nimport withLanguageContext from \"lib/hocs/withLanguageContext\";\nimport { GET } from \"lib/api\";\nimport config from \"lib/config\";\nimport * as CONSTANTS from \"./constants\";\nimport SettingStore from \"stores/settings\";\nimport { StyledProgram } from \"../../../../domains/programs/components/Program/style\";\nimport { StyledCardContainer, StyledProgramOverviewCard } from \"./style\";\n\nconst RecommendedLearningActivities = (props) => {\n const { languageContext } = props;\n\n const [courses, setCourses] = useState([]);\n\n const onRefresh = () => {};\n\n const displayCardImage =\n SettingStore.getSettingValue(\n CONSTANTS.SYSTEM_SETTING_SHOW_COURSE_IMAGE_PORTAL,\n ) === CONSTANTS.SYSTEM_SETTING_ON;\n\n useEffect(() => {\n async function fetchData() {\n const data = await GET(\"v1/user/recommended/learnings?siteId=:siteId\", {\n siteId: config.siteId,\n });\n\n setCourses(data);\n }\n fetchData();\n }, []);\n\n return (\n \n \n \n
\n \n {languageContext(\"recommendedLearningActivities\")}\n \n \n \n \n {courses.map((course, index) => {\n return (\n \n \n );\n })}\n \n \n \n \n );\n};\n\nexport default withLanguageContext(RecommendedLearningActivities, \"Activities\");\n","import React, { useState, useEffect } from \"react\";\nimport config from \"lib/config\";\nimport withLanguageContext from \"lib/hocs/withLanguageContext\";\nimport Cookies from \"js-cookie\";\nimport { ThemeProvider } from \"@material-ui/core/styles\";\nimport theme from \"lib/themes/theme\";\nimport { Dialog } from \"../Fragment/Dialog\";\nimport { Alert } from \"../Fragment/Alert\";\nimport { refreshToken } from \"../../api\";\n\nconst SESSION_EXPIRATION_MINUTE_THRESHOLD = 5;\n\nconst SessionExpiration = ({ languageContext }) => {\n const [open, setOpen] = useState(false);\n const [hasExpired, setHasExpired] = useState(false);\n\n const oneMinuteTimeout = 60 * 1000;\n useEffect(() => {\n checkSession();\n const intervalId = setInterval(() => {\n checkSession();\n }, oneMinuteTimeout);\n\n return () => clearInterval(intervalId);\n }, []);\n\n const checkSession = () => {\n const apiToken = Cookies.get(\"apiToken\");\n if (!apiToken) {\n setHasExpired(true);\n setOpen(true);\n return;\n }\n const firstSegmentOfApiToken = apiToken.split(\"_\")[0];\n if (firstSegmentOfApiToken !== \"LoginToken\") {\n return;\n }\n\n const expiration = new Date(/LoginToken_(.*?)_/g.exec(apiToken)[1]);\n const now = new Date();\n const tokenLifeTime = (expiration - now) / 1000;\n const sessionExpirationWarningThreshold =\n SESSION_EXPIRATION_MINUTE_THRESHOLD * 60;\n if (tokenLifeTime < sessionExpirationWarningThreshold) setOpen(true);\n if (tokenLifeTime < 0) setHasExpired(true);\n };\n\n const refreshSession = () => {\n setOpen(false);\n refreshToken();\n };\n\n const logOut = () => {\n window.location.href = config.urlRoot + \"/logout\";\n };\n\n const sessionExpiresSoonDialog = () => {\n const sessionExpiresSoonDialogTitle = languageContext(\n \"yoursessionexpiressoon\",\n );\n const sessionExpiresSoonDialogText = languageContext(\"sessionexpiressoon\");\n\n const confirmText = languageContext(\"extendsession\");\n const cancelText = languageContext(\"logout\");\n return (\n \n {hasExpired ? sessionHasExpiredAlert() : sessionExpiresSoonDialog()}\n \n );\n};\n\nexport default withLanguageContext(SessionExpiration, \"Login\");\n","import styled from \"styled-components\";\n\nexport const StyledShareButton = styled.div`\n font-size: 20px;\n border: solid 1px;\n color: #000;\n padding: 0px 5px;\n border-radius: 2px;\n`;\n","export const removeParamsFromUrl = (params) => {\n let url = window.location.href.split(\"?\")[0] + \"?\";\n let pageURL = decodeURIComponent(window.location.search.substring(1));\n let urlVariables = pageURL.split(\"&\");\n let parameterName;\n\n for (let i = 0; i < urlVariables.length; i++) {\n parameterName = urlVariables[i].split(\"=\");\n\n if (!params.includes(parameterName[0])) {\n url = url + parameterName[0] + \"=\" + parameterName[1] + \"&\";\n }\n }\n\n return url.substring(0, url.length - 1);\n};\n","export const COURSE_TYPE_ONLINE = 4;\nexport const PARAMS_TO_REMOVE = [\n \"m\",\n \"pid\",\n \"from\",\n \"hideregistration\",\n \"prid\",\n];\n","import React, { useState, useEffect } from \"react\";\nimport { StyledShareButton } from \"../style\";\nimport Measure from \"react-measure\";\nimport { removeParamsFromUrl } from \"../functions\";\nimport config from \"lib/config\";\nimport { COURSE_TYPE_ONLINE, PARAMS_TO_REMOVE } from \"../constants\";\nimport { InputLabelHeader } from \"lib/components/Fragment/InputLabelHeader\";\nimport { Grid } from \"lib/components/Base/Layout/Grid\";\n\nconst ShareCourseContentLink = (props) => {\n const {\n languageContext,\n subject,\n objectId = 0,\n isRatingPopup = false,\n objectType,\n } = props;\n const [url, setUrl] = useState(removeParamsFromUrl(PARAMS_TO_REMOVE));\n\n const [dimensions, setDimensions] = useState({ width: 1024, height: 768 });\n const updateDimensions = (d) => {\n setDimensions(d);\n };\n\n const copyToClipboard = () => navigator.clipboard.writeText(url);\n\n const [body, setBody] = useState(\n encodeURIComponent(languageContext(\"sharecoursemailbody\")) +\n \" \" +\n encodeURIComponent(subject) +\n encodeURIComponent(\"\\r\") +\n encodeURIComponent(removeParamsFromUrl(PARAMS_TO_REMOVE)),\n );\n\n useEffect(() => {\n if (isRatingPopup && objectId && objectType) {\n if (objectType === COURSE_TYPE_ONLINE) {\n const onlineCourseDetailUrl = `${window.location.origin}${config.urlRoot}activities/onlinecoursedetails.aspx?inapp=1&courseid=${objectId}®ionid=0&cityid=0&fromdate=&todate=`;\n\n setUrl(onlineCourseDetailUrl);\n setBody(\n encodeURIComponent(languageContext(\"sharecoursemailbody\")) +\n \" \" +\n encodeURIComponent(subject) +\n encodeURIComponent(\"\\r\") +\n encodeURIComponent(onlineCourseDetailUrl),\n );\n }\n if (objectType !== COURSE_TYPE_ONLINE) {\n const nonOnlineCourseDetailUrl = `${window.location.origin}${config.urlRoot}activities/ActivityDetails.aspx?inapp=1&id=${objectId}®ionid=0&cityid=0&fromdate=&todate=`;\n\n setUrl(nonOnlineCourseDetailUrl);\n setBody(\n encodeURIComponent(languageContext(\"sharecoursemailbody\")) +\n \" \" +\n encodeURIComponent(subject) +\n encodeURIComponent(\"\\r\") +\n encodeURIComponent(nonOnlineCourseDetailUrl),\n );\n }\n }\n }, []);\n\n const updateUrl = (newUrl) => {\n setUrl(newUrl);\n setBody(\n encodeURIComponent(languageContext(\"sharecoursemailbody\")) +\n \" \" +\n encodeURIComponent(subject) +\n encodeURIComponent(\"\\r\") +\n encodeURIComponent(newUrl),\n );\n };\n\n return (\n \n \n \n \n updateUrl(e.target.value)}\n />\n \n \n \n {languageContext(\"tlpCopy\")}\n \n \n \n \n \n \n
\n \n \n {false && (\n \n \n
\n {\" \"}\n \n )}\n \n \n \n );\n};\n\nexport default ShareCourseContentLink;\n","import React, { useState } from \"react\";\nimport withLanguageContext from \"lib/hocs/withLanguageContext\";\nimport Modal from \"lib/components/modal\";\nimport ShareCourseContentLink from \"./components/shareCourseContentLink\";\n\nconst Share = (props) => {\n const { languageContext, subject } = props;\n const [active, setActive] = useState(false);\n\n const closeForm = () => {\n setActive(false);\n };\n\n const openForm = () => {\n setActive(true);\n };\n\n return (\n \n
\n {active && (\n
\n
;\n\n let items = this.state.items.map((i) => (\n \n ));\n\n return (\n \n
\n
\n
\n {this.l(\"unitinformation\")} \n \n
\n
\n {items.length == 0 &&
{this.l(\"noinformation\")}
}\n {items}\n
\n
\n
\n \n \n
\n {`${pageTitle} - ${name} `}\n \n \n \n\n
\n \n \n \n {`${pageTitle} - ${name} `}\n \n
\n \n \n
\n {`${title} ${manager} ${positions}`}\n \n );\n};\n\nComment.UserInfoHeading = {\n personalId: 1,\n name: \"\",\n jobPositions: \"\",\n managers: [{}],\n homeUnit: {},\n};\n\nexport default UserInfoHeading;\n","import React from \"react\";\nimport { GET } from \"lib/api\";\nimport UserInfoHeading from \"../Info\";\n\nclass UserInfoContainer extends React.Component {\n constructor(props) {\n super(props);\n this.state = {};\n }\n\n async componentDidMount() {\n const personalInfo = await GET(\n `v1/users/${this.props.personalId}/public-info/`,\n );\n this.setState({ personalInfo });\n }\n\n render() {\n const { pageTitle } = this.props;\n const { personalInfo } = this.state;\n\n if (!personalInfo) {\n return
;\n }\n return \" + e.msg + \"
\" : \"\" + e.msg + \"
\";\n });\n\n setErrorText(err);\n }, [errors]);\n\n return (\n \n );\n};\n\nexport default withLanguageContext(ValidationSummary, \"error\");\n","import React from \"react\";\nimport caption from \"lib/translation\";\nimport { getString } from \"lib/translation\";\nimport config from \"lib/config\";\nimport Loading from \"lib/components/loader\";\n\nexport default class LuvitComponent extends React.Component {\n constructor(props, context, langContext, placeholder) {\n super(props, context);\n\n this._placeholder = placeholder;\n\n if (langContext) {\n this.langContext = langContext;\n let promise = caption(langContext);\n if (promise._loaded) {\n this.__loaded = true;\n this.state = {};\n } else\n promise.then(() => {\n this.setState({ __loaded: true });\n });\n }\n\n this.path = config.urlRoot;\n }\n\n l(key, suffix) {\n return getString(this.langContext, key, suffix);\n }\n\n getQuery() {\n let q = document.location.href.split(\"?\");\n\n q = q.length > 1 ? q[1] : \"\";\n\n let i = q.indexOf(\"_k=\");\n if (i >= 0) q = q ? q.substr(0, i - 1) : \"\";\n\n return q;\n }\n\n isPureHash() {\n return document.location.href.indexOf(\".aspx\") == -1;\n }\n\n getClientUrl(url) {\n if (!this.isPureHash()) return url;\n\n return this.path + url;\n }\n\n getClientUrlWithSameQuery(url) {\n if (!this.isPureHash()) return url;\n\n return this.getClientUrl(url) + \"?\" + this.getQuery();\n }\n\n render() {\n if (!this.__loaded && (!this.state || !this.state.__loaded))\n return this._placeholder || Component does not contain a doRender definition...
;\n }\n}\n","import { Highcharts_lang_se } from \"./lang/se\";\n\n// Global Highcharts configuration.\nconst config = {\n credits: false,\n time: {\n useUTC: false,\n },\n lang: Highcharts_lang_se,\n};\n\nexport default config;\n","export const Highcharts_lang_se = {\n loading: \"Laddar...\",\n months: [\n \"Januari\",\n \"Februari\",\n \"Mars\",\n \"April\",\n \"Maj\",\n \"Juni\",\n \"Juli\",\n \"Augusti\",\n \"September\",\n \"Oktober\",\n \"November\",\n \"December\",\n ],\n weekdays: [\n \"Söndag\",\n \"Måndag\",\n \"Tisdag\",\n \"Onsdag\",\n \"Torsdag\",\n \"Fredag\",\n \"Lördag\",\n ],\n shortMonths: [\n \"Jan\",\n \"Feb\",\n \"Mar\",\n \"Apr\",\n \"Maj\",\n \"Jun\",\n \"Jul\",\n \"Aug\",\n \"Sep\",\n \"Okt\",\n \"Nov\",\n \"Dec\",\n ],\n exportButtonTitle: \"Exportera\",\n printButtonTitle: \"Skriv ut\",\n rangeSelectorfrån: \"Från\",\n rangeSelectorTo: \"Till\",\n rangeSelectorZoom: \"Period\",\n accessibility: {\n chartContainerLabel: \"{title}. Grade Highcharts interaktiv graf.. \",\n svgContainerLabel: \"\",\n axis: {\n rangeCategories: \"Dataområde: {numCategories} kategorier.\",\n rangefrånTo: \"Dataområde från {rangefrån} till {rangeTo}.\",\n timeRangeDays: \"Dataområde: {range} dagar.\",\n timeRangeHours: \"Dataområde: {range} timmar.\",\n timeRangeMinutes: \"Dataområde: {range} minuter.\",\n timeRangeSeconds: \"Dataområde: {range} sekunder.\",\n xAxisDescriptionPlural:\n \"Diagrammet har {numAxes} X axlar som visar {#each(names, -1), }och {names[-1]}.\",\n xAxisDescriptionSingular:\n \"Diagrammet har 1 X axel som visar {names[0]}. {ranges[0]}\",\n yAxisDescriptionPlural:\n \"Diagrammet har {numAxes} Y axlar som visar {#each(names, -1), }och {names[-1]}.\",\n yAxisDescriptionSingular:\n \"Diagrammet har 1 Y axel som visar {names[0]}. {ranges[0]}\",\n },\n exporting: {\n chartMenuLabel: \"Diagrammeny\",\n menuButtonLabel: \"Visa diagrammeny, {chartTitle}\",\n },\n legend: {\n legendItem: \"Visa {itemName}\",\n legendLabel: \"diagramlegenden: {legendTitle}\",\n legendLabelNoTitle: \"Växla seriernas synlighet, {chartTitle}\",\n },\n rangeSelector: {\n clickButtonAnnouncement: \"Visar {axisRangeDescription}\",\n maxInputLabel: \"Välj slutdatum.\",\n minInputLabel: \"Välj startdatum.\",\n },\n screenReaderSection: {\n annotations: {\n descriptionMultiplePoints:\n \"{annotationText}. Relaterad till {annotationPoint}{ Även relaterat till, #each(additionalAnnotationPoints)}\",\n descriptionNoPoints: \"{annotationText}\",\n descriptionSinglePoint:\n \"{annotationText}. Relaterad till {annotationPoint}\",\n heading: \"Sammanfattning av diagramanteckningar\",\n },\n endOfChartMarker: \"Slut på interaktivt diagram.\",\n },\n series: {\n description: \"{description}\",\n nullPointValue: \"Inget värde\",\n pointAnnotationsDescription: \"{Annotation: #each(annotations). }\",\n summary: {\n bar: \"{series.name},bar serie {seriesNumber} av {chart.series.length} med {series.points.length} {#plural(series.points.length, staplar, stapel)}.\",\n barCombination:\n \"{series.name}, series {seriesNumber} av {chart.series.length}. Bar serie med {series.points.length} {#plural(series.points.length, staplar, stapel)}.\",\n boxplot:\n \"{series.name}, boxplot {seriesNumber} av {chart.series.length} med {series.points.length} {#plural(series.points.length, boxar, box)}.\",\n boxplotCombination:\n \"{series.name}, series {seriesNumber} av {chart.series.length}. Boxplot med {series.points.length} {#plural(series.points.length, boxar, box)}.\",\n bubble:\n \"{series.name}, bubble serie {seriesNumber} av {chart.series.length} med {series.points.length} {#plural(series.points.length, bubblor, bubbla)}.\",\n bubbleCombination:\n \"{series.name}, series {seriesNumber} av {chart.series.length}. Bubble serie med {series.points.length} {#plural(series.points.length, bubblor, bubbla)}.\",\n column:\n \"{series.name},bar serie {seriesNumber} av {chart.series.length} med {series.points.length} {#plural(series.points.length, staplar, stapel)}.\",\n columnCombination:\n \"{series.name}, serie {seriesNumber} av {chart.series.length}. Bar serie med {series.points.length} {#plural(series.points.length, staplar, stapel)}.\",\n default:\n \"{series.name}, serie {seriesNumber} av {chart.series.length} med {series.points.length} data {#plural(series.points.length, punkter, punkt)}.\",\n defaultCombination:\n \"{series.name}, series {seriesNumber} av {chart.series.length} med {series.points.length} data {#plural(series.points.length, punkter, punkt)}.\",\n line: \"{series.name}, line {seriesNumber} av {chart.series.length} med {series.points.length} data {#plural(series.points.length, punkter, punkt)}.\",\n lineCombination:\n \"{series.name}, series {seriesNumber} av {chart.series.length}. Linje med {series.points.length} data {#plural(series.points.length, punkter, punkt)}.\",\n map: \"{series.name}, karta {seriesNumber} av {chart.series.length} med {series.points.length} {#plural(series.points.length, areor, area)}.\",\n mapbubble:\n \"{series.name}, bubble series {seriesNumber} av {chart.series.length} med {series.points.length} {#plural(series.points.length, bubblor, bubbla)}.\",\n mapbubbleCombination:\n \"{series.name}, series {seriesNumber} av {chart.series.length}. Bubble serie med {series.points.length} {#plural(series.points.length, bubblor, bubbla)}.\",\n mapCombination:\n \"{series.name}, series {seriesNumber} av {chart.series.length}. Karta med {series.points.length} {#plural(series.points.length, areor, area)}.\",\n mapline:\n \"{series.name}, line {seriesNumber} av {chart.series.length} med {series.points.length} data {#plural(series.points.length, punkter, punkt)}.\",\n maplineCombination:\n \"{series.name}, serie {seriesNumber} av {chart.series.length}. Linje med {series.points.length} data {#plural(series.points.length, punkter, punkt)}.\",\n pie: \"{series.name}, pie {seriesNumber} av {chart.series.length} med {series.points.length} {#plural(series.points.length, delar, del)}.\",\n pieCombination:\n \"{series.name}, serie {seriesNumber} av {chart.series.length}. Cirkeldiagram med {series.points.length} {#plural(series.points.length, delar, del)}.\",\n scatter:\n \"{series.name}, spridningsdiagram {seriesNumber} av {chart.series.length} med {series.points.length} {#plural(series.points.length, punkter, punkt)}.\",\n scatterCombination:\n \"{series.name}, serie {seriesNumber} av {chart.series.length}, spridningsdiagram med {series.points.length} {#plural(series.points.length, punkter, punkt)}.\",\n spline:\n \"{series.name}, line {seriesNumber} av {chart.series.length} med {series.points.length} data {#plural(series.points.length, punkter, punkt)}.\",\n splineCombination:\n \"{series.name}, serie {seriesNumber} av {chart.series.length}. Linje med {series.points.length} data {#plural(series.points.length, punkter, punkt)}.\",\n },\n xAxisDescription: \"X axel, {name}\",\n yAxisDescription: \"Y axel, {name}\",\n },\n table: {\n tableSummary: \"Tabellformulering av diagrammet.\",\n VisaAsDataTableButtonText: \"Visa som datatabell, {chartTitle}\",\n },\n zoom: {\n mapZoomIn: \"Zooma diagrammet\",\n mapZoomOut: \"Zooma ut diagrammet\",\n resetZoomButton: \"Återställ zoom\",\n },\n },\n};\n","import React from \"react\";\nimport Highcharts from \"highcharts\";\nimport HighchartsAccessibility from \"highcharts/modules/accessibility\";\nimport HighchartsReact from \"highcharts-react-official\";\nimport HighchartsConfig from \"./config\";\n\nHighcharts.setOptions(HighchartsConfig);\nHighchartsAccessibility(Highcharts);\n\nexport default class Pie extends React.Component {\n render() {\n let titleFontSize;\n let margin = window.innerWidth < 600 ? 5 : 20;\n\n if (this.props.margin) margin = this.props.margin;\n\n if (this.props.titleConfig && this.props.titleConfig.titleFontSize)\n titleFontSize = this.props.titleConfig.titleFontSize;\n else titleFontSize = \"28px\";\n\n const config = {\n title: {\n text: this.props.value,\n align: \"center\",\n verticalAlign: \"middle\",\n style: {\n color: \"#0067a5\",\n fontSize: titleFontSize,\n fontFamily: \"inherit\",\n ...(this.props.titleConfig || {}),\n },\n y:\n this.props.titleConfig && this.props.titleConfig.y\n ? this.props.titleConfig.y\n : 10,\n },\n accessibility: {\n enabled: true,\n description: this.props.titleConfig.title,\n },\n chart: {\n height: this.props.style && this.props.style.height,\n width: this.props.style && this.props.style.width,\n backgroundColor: \"rgba(255, 255, 255, 0)\",\n type: \"pie\",\n style: { fontFamily: \"inherit\" },\n margin: [margin, margin, margin, margin],\n },\n legend: {\n align: \"right\",\n verticalAlign: \"top\",\n layout: \"vertical\",\n floating: \"true\",\n ...(this.props.legendConfig || {}),\n },\n tooltip: { pointFormat: \"{point.y:.0f}\", ...this.props.tooltip },\n plotOptions: {\n pie: {\n animation: false,\n cursor: \"pointer\",\n innerSize: \"85%\",\n dataLabels: { enabled: false },\n showInLegend: true,\n borderWidth: 0,\n },\n },\n series: [{ name: this.props.name, data: this.props.data }],\n };\n\n return \n {managerView && (\n \n \n \n )}\n {managerView && (\n \n this.onSelectionChange(selection.value)}\n selections={SelectionStore.list}\n />\n \n )}\n {managerView && (\n \n \n )}\n \n \n {this.state.pages &&\n this.state.pages.map((p, i) => (\n \n {\" \"}\n {this.translateBtPhrases(p.name)}{\" \"}\n \n ))}\n \n \n \n );\n }\n\n async getCoworkers() {\n let coworkers = [];\n const id = SelectionStore.active.id;\n switch (SelectionStore.active.type) {\n case \"unit\":\n coworkers = await GET(COWORKERS_API, { unitId: id });\n break;\n case \"team\":\n coworkers = await GET(\"v1/team/:teamId/members/\", { teamId: id });\n break;\n default:\n throw new Error(\"Unknown type of selection.\");\n }\n\n this.setState({ coworkers });\n return coworkers;\n }\n\n setActiveSelectionFromQueryString() {\n const unitId = luvit.GetQueryString(\"u\");\n const teamId = luvit.GetQueryString(\"t\");\n\n if (unitId) {\n SelectionStore.activateSelection(unitId, \"unit\");\n } else if (teamId) {\n SelectionStore.activateSelection(teamId, \"team\");\n }\n }\n\n updateQueryString(activePersonalId) {\n const url = document.location.href.split(\"?\")[0];\n const id = SelectionStore.active.id;\n switch (SelectionStore.active.type) {\n case \"unit\":\n document.location.href = url + \"?u=\" + id + \"&id=\" + activePersonalId;\n break;\n case \"team\":\n document.location.href = url + \"?t=\" + id + \"&id=\" + activePersonalId;\n break;\n default:\n throw new Error(\"Unknown type of selection.\");\n }\n }\n\n getActiveUnitId() {\n if (!this.isManager()) {\n return -1;\n }\n\n switch (SelectionStore.active.type) {\n case \"unit\":\n return SelectionStore.active.id;\n case \"team\":\n return SelectionStore.active.unitId;\n default:\n throw new Error(\"Unknown type of selection.\");\n }\n }\n\n filterPagesForCoworkerDropdown(pages) {\n return pages.filter(\n (m) => m.section === \"TM\" && m.itemId !== MainMenu.ID_COWORKER_ENGAGEMENT,\n );\n }\n\n filterPagesForCurrentTeam(pages) {\n if (SelectionStore.active.type !== \"team\") {\n return pages;\n }\n\n const permissions = SelectionStore.active.permissions;\n\n if (permissions.indexOf(TeamFunctionRights.ID_COMPTALK) !== -1) {\n return pages;\n }\n\n return pages.filter(\n (m) =>\n (m.itemId === MainMenu.ID_COWORKER_CAREERPATHS &&\n permissions.indexOf(TeamFunctionRights.ID_COMPETENCEMANAGEMENT) !==\n -1) ||\n (m.itemId === MainMenu.ID_COWORKER_COMPETENCEPROFILE &&\n permissions.indexOf(TeamFunctionRights.ID_COMPETENCEMANAGEMENT) !==\n -1) ||\n (m.itemId === MainMenu.ID_COWORKER_CERTIFICATES &&\n permissions.indexOf(TeamFunctionRights.ID_COMPETENCEMANAGEMENT) !==\n -1) ||\n (m.itemId === MainMenu.ID_COWORKER_MYCOURSES &&\n (permissions.indexOf(TeamFunctionRights.ID_COURSESTATISTICS) !== -1 ||\n permissions.indexOf(TeamFunctionRights.ID_REGISTERANDCANCEL) !==\n -1)) ||\n (m.itemId === MainMenu.ID_COWORKER_AUTHORISATIONS &&\n permissions.indexOf(TeamFunctionRights.ID_COMPETENCEMANAGEMENT) !==\n -1) ||\n (m.itemId === MainMenu.ID_COWORKER_EDUCATIONHISTORYANDCV &&\n permissions.indexOf(TeamFunctionRights.ID_COURSESTATISTICS) !== -1) ||\n (m.itemId === MainMenu.ID_COWORKER_MYACTIVITIES &&\n permissions.indexOf(TeamFunctionRights.ID_REGISTERANDCANCEL) !==\n -1) ||\n (m.itemId === MainMenu.ID_COWORKER_GOALSANDACTIVITIES &&\n permissions.indexOf(TeamFunctionRights.ID_GOALSANDACTIVITIES) !==\n -1) ||\n (m.itemId === MainMenu.ID_COWORKER_DEVELOPMENTPLAN &&\n permissions.indexOf(TeamFunctionRights.ID_GOALSANDACTIVITIES) !== -1),\n );\n }\n\n filterTeamsForCurrentPage() {\n switch (this.props.href) {\n case \"#/tm/coworker/personalgoals/goals\":\n case \"#/tm/coworker/personalgoals/goal\":\n case \"#/tm/coworker/personalgoals/developmentplan\":\n SelectionStore.updateTeamFilter([\n TeamFunctionRights.ID_COMPTALK,\n TeamFunctionRights.ID_GOALSANDACTIVITIES,\n ]);\n return;\n case \"#/tm/coworker/dashboard\":\n case \"#/tm/coworker/comptalk\":\n case \"#/tm/coworker/documents\":\n case \"#/tm/coworker/personalprofile\":\n SelectionStore.updateTeamFilter([TeamFunctionRights.ID_COMPTALK]);\n return;\n case \"#/tm/coworker/mycourses\":\n SelectionStore.updateTeamFilter([\n TeamFunctionRights.ID_COMPTALK,\n TeamFunctionRights.ID_COURSESTATISTICS,\n TeamFunctionRights.ID_REGISTERANDCANCEL,\n ]);\n return;\n case \"#/tm/coworker/careerpath\":\n case \"#/tm/coworker/competenceprofile\":\n case \"#/tm/coworker/certificates\":\n case \"#/tm/coworker/authorisations\":\n SelectionStore.updateTeamFilter([\n TeamFunctionRights.ID_COMPTALK,\n TeamFunctionRights.ID_COMPETENCEMANAGEMENT,\n ]);\n return;\n case \"#/tm/coworker/completedcourses\":\n SelectionStore.updateTeamFilter([\n TeamFunctionRights.ID_COMPTALK,\n TeamFunctionRights.ID_COURSESTATISTICS,\n ]);\n return;\n case \"#/tm/coworker/courseapplications\":\n SelectionStore.updateTeamFilter([\n TeamFunctionRights.ID_COMPTALK,\n TeamFunctionRights.ID_REGISTERANDCANCEL,\n ]);\n return;\n default:\n break;\n }\n\n if (this.props.href.indexOf(\"#/tm/coworker/comptalk\") > -1) {\n SelectionStore.updateTeamFilter(TeamFunctionRights.ID_COMPTALK);\n return;\n }\n\n SelectionStore.updateTeamFilter(TeamFunctionRights.FILTER_SHOWNONE);\n }\n}\n\nCoworkerHeader.propTypes = {\n activeNode: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n profileView: PropTypes.bool,\n tree: PropTypes.object,\n nodes: PropTypes.arrayOf(PropTypes.any),\n href: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n updateTree: PropTypes.func,\n selectTree: PropTypes.func,\n updateNodeHeader: PropTypes.func,\n treesInfo: PropTypes.arrayOf(PropTypes.object),\n};\n\nCoworkerHeader.defaultProps = {\n activeNode: \"\",\n profileView: false,\n};\n","import React from \"react\";\nimport { GET, PUT } from \"lib/api\";\nimport Modal from \"lib/components/modal\";\nimport LuvitComponent from \"LuvitComponent\";\nimport config from \"lib/config\";\nimport Wysiwyg from \"components/wysiwyg\";\nimport { Button } from \"lib/components/Base/Inputs/Button\";\nimport { IconButton } from \"lib/components/Button\";\nimport { Grid } from \"lib/components/Base/Layout/Grid\";\n\nconst API = \"v1/help/:sectionId\";\nconst LANGUAGEID = config.languageId;\nconst HELP_KEY = \"H\";\n\nexport default class Help extends LuvitComponent {\n constructor(props, context) {\n super(props, context, \"Help\");\n\n this.SaveSystemHelpTextHeader = this.SaveSystemHelpTextHeader.bind(this);\n this.SaveCustomHelpTextHeader = this.SaveCustomHelpTextHeader.bind(this);\n this.updateSectionId = this.updateSectionId.bind(this);\n this.openHelp = this.openHelp.bind(this);\n this.onKeyDown = this.onKeyDown.bind(this);\n }\n\n async componentWillMount() {\n let isSysAdmin = await GET(\"v1/users/issysadmin\");\n let isLuvitAdmin = await GET(\"v1/users/isluvitadmin\");\n\n this.setState({\n isLUVITAdmin: isLuvitAdmin,\n isSysAdmin: isSysAdmin,\n pageHelp: this.props.pageHelp,\n inIframe: this.props.inIframe,\n helpIsAutoOpen: false,\n });\n\n window.addEventListener(\"iframeNavigation\", this.updateSectionId, false);\n this.onRefresh();\n }\n\n componentDidMount() {\n $(window).on(\"keydown\", this.onKeyDown);\n }\n\n componentWillUnmount() {\n window.removeEventListener(\"iframeNavigation\", this.updateSectionId);\n $(window).off(\"keydown\", this.onKeyDown);\n }\n\n onKeyDown(e) {\n if (!(e.shiftKey && e.ctrlKey)) return;\n\n if (e.key.toUpperCase() == HELP_KEY && e.shiftKey && e.ctrlKey) {\n this.setState({ open: true });\n }\n }\n\n updateSectionId(e) {\n if (!e.detail) {\n this.setState({ ready: false });\n return;\n }\n let sectionId = e.detail.toLowerCase().replace(/^https?:\\/\\/.*?\\//i, \"/\");\n let urlRoot = config.urlRoot.toLowerCase();\n let i = sectionId.indexOf(urlRoot);\n if (i >= 0) sectionId = sectionId.substr(i + urlRoot.length);\n\n sectionId = sectionId.replace(/\\//g, \"\").replace(\".aspx\", \"\");\n\n i = sectionId.indexOf(\"?\");\n if (i >= 0) sectionId = sectionId.substring(0, i);\n\n this.setState({ sectionId });\n }\n\n async onRefresh(forceUpdate) {\n let sectionId = this.props.sectionId || this.state.sectionId;\n let modal = true;\n\n const helpIsAutoOpen = JSON.parse(localStorage.getItem(\"helpIsAutoOpen\"));\n\n if (helpIsAutoOpen && helpIsAutoOpen !== this.state.helpIsAutoOpen) {\n this.setState({ helpIsAutoOpen });\n }\n\n if (!sectionId) {\n sectionId = luvit.GetQueryString(\"sectionid\");\n modal = false;\n }\n\n if (!sectionId || (!forceUpdate && this.sectionId == sectionId)) return;\n\n this.sectionId = sectionId;\n\n let help = await GET(`${API}?languageId=:languageId`, {\n sectionId: sectionId,\n languageId: LANGUAGEID,\n });\n this.setState({\n ready: true,\n help,\n sectionId,\n editHelpTextSystem: false,\n editHelpTextCustom: false,\n editSystemHelpTextHeader: false,\n editCustomHelpTextHeader: false,\n modal,\n });\n localStorage.setItem(\"helpIsAutoOpen\", false);\n }\n\n componentDidUpdate() {\n this.onRefresh();\n }\n\n hasRights(system) {\n return system ? this.state.isSysAdmin : this.state.isLUVITAdmin;\n }\n\n LoadEditor(system) {\n return (() => {\n if (!this.hasRights(!system)) return; // sysadmins does not have rights to edit system-texts...\n\n let newState = {};\n newState[system ? \"editHelpTextSystem\" : \"editHelpTextCustom\"] = true;\n\n this.setState(newState);\n\n setTimeout(function () {\n $(\".modal\").scrollTop(80);\n }, 300);\n }).bind(this);\n }\n\n CancelEditSystemHelpText() {\n this.setState({ editHelpTextSystem: false });\n }\n\n CancelEditCustomHelpText() {\n this.setState({ editHelpTextCustom: false });\n }\n\n SaveHelpText(system) {\n return (async () => {\n var html = this.state[system ? \"systemHtml\" : \"customHtml\"];\n\n if (!html) html = \"[\" + this.l(\"enterSystemHelpContent\") + \"]
\";\n\n await PUT(\n \"v1/help/:sectionId/:type\",\n {\n sectionId: this.state.sectionId,\n type: system ? \"system\" : \"custom\",\n },\n { languageId: LANGUAGEID, helpText: html },\n );\n this.onRefresh(true);\n }).bind(this);\n }\n\n EditSystemHelpTextHeader() {\n if (!this.hasRights(false)) return;\n\n this.setState({ editSystemHelpTextHeader: true });\n document.getElementById(\"TxtSystemHelpTextHeader\").focus();\n }\n\n EditCustomHelpTextHeader() {\n if (!this.hasRights(true)) return;\n\n this.setState({ editCustomHelpTextHeader: true });\n document.getElementById(\"TxtCustomHelpTextHeader\").focus();\n }\n\n HandleEnterForHeader(saveCb) {\n return ((event) => {\n if (event.charCode != 13) return;\n\n saveCb.call(this);\n event.preventDefault();\n }).bind(this);\n }\n\n async SaveSystemHelpTextHeader() {\n if (this.refs.TxtSystemHelpTextHeader.value != \"\") {\n await PUT(\n `v1/help/:sectionId/system/header?languageId=:languageId&helpText=:helpText`,\n {\n sectionId: this.state.sectionId,\n languageId: LANGUAGEID,\n helpText: this.refs.TxtSystemHelpTextHeader.value,\n },\n );\n this.onRefresh(true);\n }\n }\n\n async SaveCustomHelpTextHeader() {\n if (this.refs.TxtCustomHelpTextHeader.value != \"\") {\n await PUT(\n `v1/help/:sectionId/custom/header?languageId=:languageId&helpText=:helpText`,\n {\n sectionId: this.state.sectionId,\n languageId: LANGUAGEID,\n helpText: this.refs.TxtCustomHelpTextHeader.value,\n },\n );\n this.onRefresh(true);\n }\n }\n\n CancelEditSystemHelpTextHeader() {\n this.setState({ editSystemHelpTextHeader: false });\n }\n\n CancelEditCustomHelpTextHeader() {\n this.setState({ editCustomHelpTextHeader: false });\n }\n\n ToggleHelp(helptype) {\n return (async () => {\n let secId = !this.props.sectionId\n ? this.state.sectionId\n : this.props.sectionId;\n if (helptype == \"system\") {\n await PUT(\n `v1/help/:sectionId/:type/show?languageId=:languageId&show=:show`,\n {\n sectionId: secId,\n type: \"system\",\n languageId: LANGUAGEID,\n show: !this.state.help[\"helpTextSystemShow\"],\n },\n );\n }\n if (helptype == \"customsystem\") {\n await PUT(\n \"v1/help/:sectionId/:type/show?languageId=:languageId&show=:show\",\n {\n sectionId: secId,\n type: \"customsystem\",\n languageId: LANGUAGEID,\n show: !this.state.help[\"helpTextCustomSystemShow\"]\n ? \"true\"\n : \"false\",\n },\n );\n }\n if (helptype == \"custom\") {\n await PUT(\n \"v1/help/:sectionId/:type/show?languageId=:languageId&show=:show\",\n {\n sectionId: secId,\n type: \"custom\",\n languageId: LANGUAGEID,\n show: !this.state.help[\"helpTextCustomShow\"] ? \"true\" : \"false\",\n },\n );\n }\n this.onRefresh(true);\n }).bind(this);\n }\n\n toggleDontShowAgain(e) {\n localStorage.setItem(\"dontShowAgain\", e.target.checked);\n }\n\n async ToggleCustomHelp() {\n let secId = !this.props.sectionId\n ? this.state.sectionId\n : this.props.sectionId;\n await PUT(\n `v1/help/:sectionId/custom/show?languageId=:languageId&show=:show`,\n {\n sectionId: secId,\n languageId: LANGUAGEID,\n show: !this.state.help.helpTextCustomShow ? \"true\" : \"false\",\n },\n );\n this.onRefresh(true);\n }\n\n OpenHelpInNewWindow() {\n this.setState({ open: false });\n\n window.open(\n luvit.appPath + \"/help/help.aspx?sectionid=\" + this.state.sectionId,\n \"LuvitHelp\",\n \"width=800px,height=600px,resizable=yes,statusbar=yes\",\n );\n }\n\n renderModal() {\n return (\n \n {this.renderHelpContent()}\n \n );\n }\n\n renderHelpContent() {\n let systemHelpText = this.state.help.helpTextSystem;\n let customHelpText = this.state.help.helpTextCustom;\n\n if (!systemHelpText)\n systemHelpText = \"[\" + this.l(\"enterSystemHelpContent\") + \"]
\";\n\n if (!customHelpText)\n customHelpText = \"[\" + this.l(\"enterCustomerHelpContent\") + \"]
\";\n\n let systemHtml = { __html: systemHelpText };\n let customHtml = { __html: customHelpText };\n\n //No help available and not an admin\n if (\n !this.hasRights(false) &&\n !this.hasRights(true) &&\n !this.state.help.helpTextSystemShow &&\n !this.state.help.helpTextCustomShow &&\n !this.state.help.helpTextCustomSystemShow\n ) {\n return (\n {this.l(\"nohelpavailable\")}
\n );\n }\n\n return (\n \n
\n {this.l(\"openinnewwindow\")}{\" \"}\n \n \n {this.state.help.helpTextHeaderSystem\n ? this.state.help.helpTextHeaderSystem\n : this.l(\"enterSystemHelpTitle\")}\n \n \n \n \n \n \n \n \n {this.l(\"save\")}\n \n \n \n \n {this.l(\"cancel\")}\n \n \n \n \n \n this.setState({ systemHtml: e.value })}\n />\n \n \n \n {this.l(\"save\")}\n \n \n \n \n {this.l(\"cancel\")}\n \n \n \n
\n {this.hasRights(false) && (\n \n \n \n
\n )}\n {this.hasRights(true) && (\n \n \n \n
\n )}\n \n \n \n {this.state.help.helpTextHeaderCustom\n ? this.state.help.helpTextHeaderCustom\n : this.l(\"enterCustomerHelpTitle\")}\n \n \n \n \n \n \n \n \n {this.l(\"save\")}\n \n \n \n \n {this.l(\"cancel\")}\n \n \n \n \n \n\n \n this.setState({ customHtml: e.value })}\n />\n \n \n \n {this.l(\"save\")}\n \n \n \n \n {this.l(\"cancel\")}\n \n \n \n
\n {this.hasRights(true) && (\n \n \n \n
\n )}\n \n {this.state.helpIsAutoOpen && (\n \n this.toggleDontShowAgain(e)}\n />\n {this.l(\"dontShowAgain\")}\n
\n )}\n \n );\n }\n\n renderContent() {\n var content = this.renderModal();\n\n if (!this.state.modal) content = this.renderHelpContent();\n\n return content;\n }\n\n onCloseHelp() {\n this.setState({\n open: false,\n editHelpTextSystem: false,\n editHelpTextCustom: false,\n editHelpTextSystemHeader: false,\n editHelpTextCustomHeader: false,\n helpIsAutoOpen: false,\n });\n localStorage.setItem(\"helpIsAutoOpen\", false);\n }\n\n openHelp(e) {\n e.preventDefault();\n this.setState({ open: true });\n }\n\n doRender() {\n var helpClass = \"help\";\n let { pageHelp, inIframe } = this.state;\n\n if (pageHelp) helpClass += \" help-page\";\n\n if (inIframe) helpClass += \" help-iframe\";\n if (\n !this.state ||\n !this.state.ready ||\n (!this.hasRights(false) &&\n !this.hasRights(true) &&\n !this.state.help.helpTextSystemShow &&\n !this.state.help.helpTextCustomShow)\n ) {\n return
;\n }\n const style = this.props.forWidget ? {} : {};\n const helpIconID = `Help-${inIframe ? \"frame-\" : \"\"}content-${Math.floor(\n Math.random() * Math.floor(1000),\n )}`;\n\n return (\n \n
\n );\n }\n}\n","import { observable } from \"mobx\";\nimport { GET } from \"lib/api\";\nimport config from \"lib/config\";\nimport _ from \"lodash\";\nimport { isMangerViewingCoworker } from \"lib/luvitUtils\";\nimport qs from \"qs\";\n\nclass NavigationStore {\n @observable\n expanded = false;\n @observable\n active = undefined;\n @observable\n ready = false;\n @observable\n isAdmin = false;\n @observable\n routeUrl = \"\";\n @observable\n nodes = [];\n @observable\n courses = [];\n @observable\n isUnitAdmin = false;\n\n constructor() {\n let initialState = JSON.parse(\n luvit.getItem(\"luvit_portalmenustate\") || \"{}\",\n );\n this.active = initialState.active;\n if (window.matchMedia(\"(max-width: 1025px)\").matches) {\n this.expanded = false;\n } else if (initialState.expanded !== false) {\n this.expanded = true;\n }\n }\n\n async reload(opts) {\n let force = !!(opts && opts.force);\n if (!force && this.ready) return;\n\n if (!config.isLoggedIn) {\n this.ready = true;\n this.nodes = [];\n this.courses = [];\n return;\n }\n\n let sitemenu = await GET(\"/v1/sitemenu/:siteId\", {\n siteId: config.siteId,\n });\n\n if (config.isCurrentSessionImpersonation) {\n sitemenu = sitemenu.filter((m) => m.itemId !== 1004); // Remove /enteradmin.aspx\n }\n\n this.nodes = _.fromPairs(_.map(sitemenu, (v, k) => [v.itemId, v]));\n this.courses = await GET(\"/v1/users/latestcourses/:noOfCourses\", {\n noOfCourses: 1000,\n });\n\n this.isAdmin = await GET(\"/v1/user/isadmin\");\n const talkId = qs.parse(window.location.href.split(\"?\")[1]).talkid;\n\n if (talkId) {\n this.isUnitAdmin = await GET(`/v1/comptalk/question/${talkId}`);\n }\n\n this.ready = true;\n }\n\n expandToggle(newState) {\n this.expanded = newState === undefined ? !this.expanded : newState;\n this.saveState({ active: this.active, expanded: this.expanded });\n }\n\n activateNode(id) {\n let isMobile = !!window.matchMedia(\"(max-width: 1025px)\").matches;\n if (isMobile) {\n this.expandToggle(false);\n }\n\n let expanded = !!this.expanded && !isMobile;\n this.saveState({ active: id, expanded });\n this.active = id;\n this.expanded = expanded;\n }\n\n async handleRouteChange(route) {\n this.routeUrl = route;\n let notPersonalGoalPage = route.indexOf(\"coworker/personalgoals\") === -1;\n let notReportsPage = route.indexOf(\"educationhistoryreport\") === -1;\n if (\n !route ||\n (this.routeUrl !== route && notPersonalGoalPage && notReportsPage)\n )\n return;\n let newUrl = \"/\" + String(route).toLowerCase();\n let foundNode = _.find(this.nodes, (v) => {\n return newUrl == (v.url || \"\").toLowerCase();\n });\n let expandedState =\n window.matchMedia(\"(max-width: 600px)\").matches || false\n ? false\n : !!this.expanded;\n if (!foundNode && notPersonalGoalPage && notReportsPage) return;\n if (!isMangerViewingCoworker()) {\n this.expandToggle(expandedState);\n if (foundNode) {\n this.active = foundNode.itemId;\n this.saveState({ active: foundNode.itemId });\n }\n }\n }\n\n nodeExists(searchNode) {\n let nodes = Object.values(this.nodes);\n return nodes.findIndex((node) => node.name === searchNode) > -1;\n }\n\n saveState(newState) {\n luvit.setItem(\"luvit_portalmenustate\", JSON.stringify(newState));\n }\n}\n\nexport default new NavigationStore();\n","import config from \"lib/config\";\n\nexport const isMangerViewingCoworker = () => {\n const selectedPersonalId = luvit.GetQueryString(\"id\");\n return !!(selectedPersonalId && selectedPersonalId !== config.personalId);\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport withLanguageContext from \"lib/hocs/withLanguageContext\";\n\nconst StyledTitle = styled.span`\n width: 100%;\n text-align: left;\n`;\n\nconst MenuNode = function ({\n itemId,\n type,\n className,\n url,\n icon,\n target,\n title,\n label,\n expanded,\n highlight,\n goToPage,\n onExpand,\n children,\n languageContext,\n}) {\n const toggleSubmenyGroup = onExpand,\n childNodes = React.Children.toArray(children);\n\n const linkTypes = {\n link: \"a\",\n button: \"button\",\n div: \"div\",\n };\n\n const TagType = highlight\n ? linkTypes.link\n : url\n ? linkTypes.link\n : linkTypes.button;\n\n const labelMenuToggleButton = `${\n expanded ? languageContext(\"hide\") : languageContext(\"show\")\n } ${languageContext(\"content\")} `;\n\n return (\n <>\n \n {TagType === \"a\" && (\n \n {!!icon && (\n \n \n \n )}\n\n {title} \n \n )}\n\n {TagType === \"button\" && (\n onExpand(event)}\n >\n {!!icon && (\n \n \n \n )}\n\n {title} \n \n )}\n\n {childNodes.length > 0 && (\n \n {labelMenuToggleButton} \n \n )}\n \n\n {childNodes.length > 0 && expanded && (\n \n )}\n \n );\n};\n\nexport default withLanguageContext(MenuNode, \"Menu\");\n","import React from \"react\";\nimport { url } from \"lib/format\";\n\nexport default class FallbackImage extends React.Component {\n render() {\n if (this.state && this.state.error) return this.props.children;\n return (\n this.setState({ error: true })}\n children={null}\n aria-hidden=\"true\"\n />\n );\n }\n}\n","import React from \"react\";\nimport _ from \"lodash\";\nimport { url } from \"lib/format\";\nimport SettingStore from \"stores/settings\";\nimport FallbackImage from \"./fallback-image\";\nimport MenuNode from \"./menu-node\";\nimport caption from \"lib/translation\";\nimport LuvitComponent from \"LuvitComponent\";\n\nexport default class MyLatestCourses extends LuvitComponent {\n constructor(context, props) {\n super(context, props, \"Menu\");\n }\n\n async componentWillMount() {\n var courseState = JSON.parse(\n luvit.getItem(\"luvit_portalmenustate\") || \"{}\",\n ).mycourses;\n this.setState({ expanded: courseState !== false });\n\n let mylatestcourses = await caption(\"ActivityCentre\", \"mylatestcourses\");\n this.setState({ mylatestcourses });\n }\n\n toggle(event) {\n event.stopPropagation();\n if (\n ![\"menu-select\", \"latest-courses\"].includes(event.target.id) &&\n event.target.className !== \"menu-link course-link\"\n ) {\n var state = JSON.parse(luvit.getItem(\"luvit_portalmenustate\") || \"{}\");\n state.mycourses = !this.state.expanded;\n luvit.setItem(\"luvit_portalmenustate\", JSON.stringify(state));\n this.setState({ expanded: !this.state.expanded });\n }\n }\n\n goToCourse(url) {\n if (url == \"0\") return;\n location.href = url;\n }\n\n renderLink(course) {\n const displayMenuImage =\n SettingStore.getSettingValue(\"showcourseimageinportal\") === \"1\";\n\n const urlPrefix = url(\"/education/entercourse.aspx?courseid=\");\n const onlineCourseURL = course.munioURL\n ? course.munioURL\n : urlPrefix + course.id;\n const imageUrl =\n \"/utils/streamfile.aspx?type=coursecoursecatalogue¶m=\" +\n Number(course.id) +\n \"/\" +\n encodeURIComponent(course.image);\n const courseTitleAbbreviation = (course.title || \"\")\n .substr(0, 2)\n .toUpperCase();\n\n return (\n \n \n {course.title} \n {displayMenuImage && (\n \n \n {courseTitleAbbreviation}\n
\n \n )}\n {!displayMenuImage && (\n \n {courseTitleAbbreviation}\n \n )}\n \n \n );\n }\n\n renderDropdown() {\n let sortedCourses = JSON.parse(JSON.stringify(this.props.courses));\n sortedCourses = sortedCourses.sort(function (a, b) {\n return a.title.toLowerCase() > b.title.toLowerCase()\n ? 1\n : b.title.toLowerCase() > a.title.toLowerCase()\n ? -1\n : 0;\n });\n\n let urlPrefix = url(\"/education/entercourse.aspx?courseid=\");\n\n return (\n \n \n );\n }\n\n doRender() {\n let courses = this.props.courses;\n let urlPrefix = url(\"/education/entercourse.aspx?courseid=\");\n\n return (\n this.toggle(e)}\n >\n {_.take(courses, window.noOfCoursesInLeftMenu || 0).map((c) =>\n this.renderLink(c),\n )}\n {courses.length > (window.noOfCoursesInLeftMenu || 0) &&\n this.renderDropdown()}\n \n );\n }\n}\n","import React from \"react\";\nimport _ from \"lodash\";\nimport { url } from \"lib/format\";\nimport MenuNode from \"./menu-node\";\nimport LuvitComponent from \"LuvitComponent\";\nimport NavigationStore from \"./Store\";\nimport config from \"../../config\";\n\nconst NODE_NAME_ADMIN = \"luvitadministration\";\n\nexport default class MainMenuNode extends LuvitComponent {\n constructor(context, props) {\n super(context, props, \"Menu\");\n\n this.goToPage = this.goToPage.bind(this);\n }\n\n isAncestorOfSelf(id) {\n let activeNode = this.props.menu[id];\n for (let n = activeNode; n; n = this.props.menu[n.parentId]) {\n if (n.itemId == this.props.node.itemId) return true;\n }\n }\n\n onExpand(event) {\n let currentTarget = event.currentTarget;\n window.setTimeout(\n () =>\n currentTarget.scrollIntoView({ behavior: \"smooth\", block: \"start\" }),\n 50,\n );\n this.props.onExpand(this.props.node);\n }\n\n goToPage(e) {\n let { itemId, url: nodeURL, name } = this.props.node;\n\n let children = _.filter(this.props.menu, (v) => v.parentId === itemId);\n\n if (children.length == 0) {\n if (name !== NODE_NAME_ADMIN) {\n NavigationStore.activateNode(itemId);\n url(nodeURL);\n } else {\n e.preventDefault();\n var enterAdminUrl = (config.urlRoot + nodeURL).replace(\"//\", \"/\");\n window.open(enterAdminUrl, \"_blank\");\n }\n }\n }\n\n doRender() {\n let { node, menu, expandable, isBt } = this.props;\n let expanded = this.isAncestorOfSelf(this.props.activeMenuId);\n let highlighted = node.itemId == this.props.highlightMenuId;\n let children = _.sortBy(\n _.filter(menu, (mi) => mi.parentId === node.itemId),\n \"order\",\n );\n let target = \"_self\";\n let nodeUrl = url(node.url);\n let label = this.l(node.name);\n\n if (isBt) {\n if (node.name == \"competenceprofile\")\n label = this.l(\"subgoalfullfillment\");\n\n if (node.name == \"developmentplan\") label = this.l(\"activities2\");\n\n if (node.name == \"mylearning\") label = this.l(\"programsandprogress\");\n }\n\n if (node.name === \"mni_help\") {\n target = \"\";\n label += ` - ${this.l(\"openinnewwindow\")}`;\n nodeUrl = \"javascript:luvit.OpenHelpWin('\" + node.url + \"')\";\n }\n\n return (\n this.onExpand(event)}\n isBt\n >\n {children.map((c) => (\n \n {state.menuItems &&\n state.menuItems.map((a, i) => (\n \n \n {this.l(a.val.name)}
\n {a.parent && {a.parent} }\n {\" \"}\n \n ))}\n\n {state.courses &&\n state.courses.map((a) => (\n \n \n {a.title}
\n {this.l(\"course\")} \n \n \n ))}\n \n );\n }\n\n doRender() {\n let state = this.state || {};\n let index = 0;\n\n return (\n \n \n \n\n {((state.menuItems && state.menuItems.length > 0) ||\n (state.courses && state.courses.length > 0)) &&\n this.renderSearchList(index)}\n \n );\n }\n}\n","import React from \"react\";\nimport _ from \"lodash\";\nimport config from \"lib/config\";\nimport format from \"lib/format\";\nimport { autobind } from \"lib/decorators\";\nimport { url } from \"lib/format\";\nimport { IconButton } from \"lib/components/Button\";\nimport SettingStore from \"stores/settings\";\nimport MenuNode from \"./menu-node\";\nimport MyLatestCourses from \"./my-latest-courses\";\nimport MainMenuNode from \"./main-menu-node\";\nimport \"./on-logout\";\nimport LuvitComponent from \"LuvitComponent\";\nimport SearchBar from \"./searchbar\";\nimport { observer } from \"mobx-react\";\nimport NavigationStore from \"./Store\";\n\nlet global_first_render = true;\nlet animTimer = null;\nlet scrollTimer = null;\n\n$.fn.swipe.excludedElements = \".noSwipe\";\nconst mobileViewport = window.matchMedia(\"(max-width: 400px)\").matches || false;\nconst SELECT_MENU_ID = \"menu-select\";\n\n@observer\nexport default class LeftMenu extends LuvitComponent {\n constructor(props, context) {\n super(props, context, \"Menu\");\n }\n\n async componentWillMount() {\n const expanded = NavigationStore.expanded;\n let firstRender = false;\n animTimer && clearTimeout(animTimer);\n\n await SettingStore.init();\n\n if (global_first_render) {\n firstRender = true;\n global_first_render = false;\n }\n\n const isBt = SettingStore.isBt();\n\n this.setState({ expanded, firstRender, isBt });\n NavigationStore.reload();\n }\n\n onExpandNode(node) {\n // don't set help or luvit admin as active\n let id = node.itemId;\n if (id == 1004 || id == 1007) return;\n if (\n id == this.state.expandedId &&\n NavigationStore.expanded &&\n node.parentId == \"-1\"\n )\n id = 1;\n\n let child = _.find(\n NavigationStore.nodes,\n (n) => n.parentId === node.itemId,\n );\n if (!child) {\n NavigationStore.activateNode(id);\n } else {\n NavigationStore.expandToggle(true);\n }\n\n this.setState({ expandedId: id });\n }\n\n @autobind\n onKeyDown(e) {\n if (!(e.ctrlKey && e.shiftKey)) {\n return;\n }\n\n let isOverridden = false;\n\n if (e.keyCode == 13) {\n NavigationStore.expandToggle(!NavigationStore.expanded);\n isOverridden = true;\n }\n isOverridden && e.preventDefault();\n }\n\n componentDidMount() {\n let me = this;\n if (luvit.IsTouchDevice()) {\n setTimeout(\n () =>\n $(\".portal.menu, body\").swipe({\n swipeLeft: (event, direction, distance, duration, fingerCount) => {\n NavigationStore.expandToggle(false);\n },\n excludedElements: \"select,input,textarea,label\",\n }),\n 50,\n );\n }\n\n $(document.body).on(\"click\", (e) => {\n if (!NavigationStore.expanded) return;\n if (window.matchMedia(\"(max-width: 1025px)\").matches)\n NavigationStore.expandToggle(true);\n if (\n $(e.target).closest(this.refs.root).addBack(this.refs.root).length > 0\n )\n return;\n });\n\n $(window).on(\"keydown\", this.onKeyDown);\n\n this.updateContentAlignement(NavigationStore.expanded);\n }\n\n componentWillUnmount() {\n if (luvit.IsTouchDevice()) {\n $(\".portal.menu\").swipe(\"destroy\");\n }\n\n $(window).off(\"keydown\", this.onKeyDown);\n\n // $(document.body).off('click', '.footerportalmenutoggle', this.toggleMenu)\n\n animTimer = setTimeout(() => {\n global_first_render = true;\n }, 300);\n }\n\n updateContentAlignement(expanded) {\n $(document.body)\n .toggleClass(\"leftmenu-contracted\", !expanded)\n .toggleClass(\"leftmenu-expanded\", !!expanded);\n\n let pageContent = $(\".page-content.maindiv\");\n let headerWrapper = $(\".header-wrapper\");\n expanded\n ? pageContent.addClass(\"pushed\")\n : pageContent.removeClass(\"pushed\");\n expanded\n ? headerWrapper.addClass(\"pushed\")\n : headerWrapper.removeClass(\"pushed\");\n }\n\n onLogout() {\n jQuery(document).trigger(\"logout\");\n location.href = format.url(\"/logout\");\n }\n\n componentWillUpdate(nextProps, nextState) {\n // on toggle menu\n if (this.state) {\n if (NavigationStore.expanded !== this.state.expanded) {\n this.setState({ expanded: NavigationStore.expanded });\n this.updateContentAlignement(NavigationStore.expanded);\n }\n }\n }\n\n @autobind\n eventToggleMenu(open) {\n return (e) => {\n e.stopPropagation();\n\n this.toggleMenu(open);\n };\n }\n\n @autobind\n toggleMenu(open) {\n if (typeof open === \"boolean\" && open == NavigationStore.expanded) {\n return;\n }\n\n NavigationStore.expandToggle(typeof open === \"boolean\" ? open : undefined);\n\n setTimeout(this.triggerResize, 100);\n }\n\n triggerResize() {\n let evt = document.createEvent(\"HTMLEvents\");\n evt.initEvent(\"resize\", true, false);\n window.dispatchEvent(evt);\n }\n\n scrollDidMount = (node) => {\n if (node) {\n node.scrollTop = sessionStorage.getItem(\"leftMenuScroll\") || 0;\n node.addEventListener(\"scroll\", (e) => {\n if (e.target.id !== SELECT_MENU_ID) {\n scrollTimer && clearTimeout(scrollTimer);\n scrollTimer = setTimeout(\n () => sessionStorage.setItem(\"leftMenuScroll\", node.scrollTop),\n 500,\n );\n }\n });\n }\n };\n\n doRender() {\n const displayMenuSearchbar =\n SettingStore.getSettingValue(\"showsearchfieldinmenu\") === \"1\";\n const displayPortalOverviewLink =\n SettingStore.getSettingValue(\"showportaloverviewinmenu\") === \"1\";\n const showMyCoursesInLeftMenu =\n SettingStore.getSettingValue(\"showmycoursesinleftmenu\") === \"1\";\n const expanded = NavigationStore.expanded;\n let labelMenuToggleButton = `${\n expanded ? this.l(\"hide\") : this.l(\"show\")\n } ${this.l(\"mainmenu\")} `;\n\n let isReady = NavigationStore.ready;\n let addClasses = NavigationStore.expanded ? \"selected\" : \"\";\n addClasses += this.state.firstRender ? \" animation\" : \"\";\n\n if (!isReady) {\n return (\n \n );\n }\n\n return (\n <>\n \n \n \n {displayMenuSearchbar && (\n \n \n \n \n
\n {this.l(\"logout\")} \n \n \n ) : (\n \"\"\n )}\n \n \n \n );\n }\n\n renderMainMenu() {\n let children = _.sortBy(\n _.filter(NavigationStore.nodes, (v) => v.parentId === -1),\n \"order\",\n );\n return children.map((c) => (\n \n
state.error && this.setState({ done: true })}\n className={cls}\n />\n option.group}\n getOptionLabel={(option) => option.label}\n onChange={(event, option) => (option ? onChange(option) : null)}\n />\n );\n};\n\nexport default withLanguageContext(SelectionDropDown, \"TalentManagement\");\n","const styles = {\n overlayStyles: {},\n dialogStyles: {},\n title: {},\n closeButtonStyle: {},\n};\n\nexport default styles;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { autobind } from \"lib/decorators\";\nimport { ThemeProvider } from \"@material-ui/core/styles\";\nimport theme from \"../../themes/theme\";\n\n@autobind\nclass Movable extends React.Component {\n static childContextTypes = {\n movable: PropTypes.object,\n };\n\n getChildContext() {\n return { movable: this };\n }\n\n componentWillMount() {\n this.setState({ x: 0, y: 0 });\n }\n\n onStartDrag(evt) {\n this.setState({\n startClientX: evt.clientX,\n startClientY: evt.clientY,\n startX: this.state.x,\n startY: this.state.y,\n });\n document.body.addEventListener(\"mousemove\", this.onMouseMove);\n document.body.addEventListener(\"mouseup\", this.onMouseUp);\n }\n\n onMouseUp() {\n document.body.removeEventListener(\"mousemove\", this.onMouseMove);\n document.body.removeEventListener(\"mouseup\", this.onMouseUp);\n }\n\n onMouseMove(evt) {\n if (evt.buttons === 0) {\n this.onMouseUp();\n } else {\n this.setState({\n x: this.state.startX + (evt.clientX - this.state.startClientX),\n y: this.state.startY + (evt.clientY - this.state.startClientY),\n });\n }\n }\n\n render() {\n return (\n \n {this.props.enabled ? (\n \n {this.props.children}\n \n ) : (\n {this.props.children} \n )}\n \n );\n }\n}\n\n@autobind\nclass MovableGrip extends React.Component {\n static contextTypes = {\n movable: PropTypes.object,\n };\n\n onMouseDown(evt) {\n if (this.props.onMouseDown) {\n this.props.onMouseDown(evt);\n }\n evt.preventDefault();\n let movable = this.context.movable;\n if (movable) {\n movable.onStartDrag(evt);\n }\n }\n\n render() {\n if (\n this.props.enabled === false ||\n !this.context ||\n !this.context.movable\n ) {\n return this.onOverlayClicked()}\n style={overlayStyles}\n className=\"movablemodal-overlay\"\n />\n );\n var win = luvit.getLuvitTopPage();\n // $(win.document).find(\"body\").append('
');\n }\n\n //fix for IOS11 https://hackernoon.com/how-to-fix-the-ios-11-input-element-in-fixed-modals-bug-aaf66c7ba3f8, https://stackoverflow.com/questions/46339063/ios-11-safari-bootstrap-modal-text-area-outside-of-cursor/46367269\n if (\n luvit.mqMobile.matches &&\n (luvit.matchAgent(\"iPad\") || luvit.matchAgent(\"iPhone\"))\n ) {\n dialogStyles.position = \"absolute\";\n overlayStyles.backgroundColor = \"#fff\";\n scrollTo(body, 0);\n }\n\n var icon = \n {overlay}\n \n \n \n \n \n
\n {this.props.title && (\n \n {icon} {this.props.title}\n \n )}\n \n this.close()}\n role=\"button\"\n title={this.l(\"close\")}\n style={closeButtonStyle}\n className=\"button-transparent movablemodal-close\"\n >\n {this.l(\"close\")} \n × \n \n \n \n {this.props.children}
\n \n \n \n \n );\n }\n}\n\nLuvitMovableSkyLight.displayName = \"LuvitMovableSkyLight\";\n\nLuvitMovableSkyLight.propTypes = {\n afterClose: PropTypes.func,\n afterOpen: PropTypes.func,\n beforeClose: PropTypes.func,\n beforeOpen: PropTypes.func,\n closeButtonStyle: PropTypes.object,\n dialogStyles: PropTypes.object,\n hideOnOverlayClicked: PropTypes.bool,\n onOverlayClicked: PropTypes.func,\n overlayStyles: PropTypes.object,\n showOverlay: PropTypes.bool,\n title: PropTypes.string,\n titleStyle: PropTypes.object,\n};\n\nLuvitMovableSkyLight.defaultProps = {\n title: \"\",\n showOverlay: true,\n overlayStyles: styles.overlayStyles,\n dialogStyles: styles.dialogStyles,\n closeButtonStyle: styles.closeButtonStyle,\n hideOnOverlayClicked: false,\n};\n\nexport default LuvitMovableSkyLight;\n","import React from \"react\";\nimport DOM from \"react-dom\";\nimport { autobind } from \"lib/decorators\";\nimport LuvitMovableSkyLight from \"lib/components/LuvitMovableSkylightPortal\";\n\nconst ESCAPE_KEY = 27;\n\n@autobind\nexport default class MovableModalPortal extends React.Component {\n constructor(props) {\n super(props);\n this._handleKeyDown = this._handleKeyDown.bind(this);\n }\n\n componentWillMount() {\n this.node = document.createElement(\"div\");\n document.body.appendChild(this.node);\n }\n\n componentDidMount() {\n document.addEventListener(\"keydown\", this._handleKeyDown);\n }\n\n componentWillUnmount() {\n document.removeEventListener(\"keydown\", this._handleKeyDown);\n document.body.removeChild(this.node);\n }\n\n close() {\n this.props.close();\n }\n\n _handleKeyDown(event) {\n switch (event.keyCode) {\n case ESCAPE_KEY:\n this.close();\n break;\n default:\n break;\n }\n }\n\n render() {\n return DOM.createPortal(\n \n {this.props.children}\n ,\n this.node,\n );\n }\n}\n","const styles = {\n overlayStyles: {},\n dialogStyles: {},\n title: {},\n closeButtonStyle: {},\n};\n\nexport default styles;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport styles from \"./styles\";\nimport LuvitComponent from \"LuvitComponent\";\n\nclass LuvitSkyLight extends LuvitComponent {\n constructor(props, context) {\n super(props, context, \"Common\");\n\n this.state = { isVisible: false, useProps: \"isVisible\" in this.props };\n }\n\n componentWillUpdate(nextProps, nextState) {\n let next = nextState,\n prev = this.state;\n if (this.state.useProps) {\n next = nextProps;\n prev = this.props;\n }\n\n if (next.isVisible && !prev.isVisible && this.props.beforeOpen) {\n this.props.beforeOpen();\n }\n\n if (!next.isVisible && prev.isVisible && this.props.beforeClose) {\n this.props.beforeClose();\n }\n }\n\n componentWillUnmount() {\n document.querySelector(\"html\").style.overflowY = \"auto\";\n }\n\n componentDidUpdate(prevProps, prevState) {\n let next = this.state,\n prev = prevState;\n if (this.state.useProps) {\n next = this.props;\n prev = prevProps;\n }\n\n if (!prev.isVisible && next.isVisible && this.props.afterOpen) {\n this.props.afterOpen();\n }\n\n if (prev.isVisible && !next.isVisible && this.props.afterClose) {\n this.props.afterClose();\n }\n }\n\n show() {\n this.setState({ isVisible: true });\n }\n\n hide() {\n this.setState({ isVisible: false });\n document.querySelector(\"html\").style.overflowY = \"auto\";\n }\n\n onOverlayClicked() {\n if (this.props.hideOnOverlayClicked) {\n this.hide();\n if (this.props.onOverlayClicked) {\n this.props.onOverlayClicked();\n }\n }\n\n if (this.props.onOverlayClicked) {\n this.props.onOverlayClicked();\n }\n }\n\n doRender() {\n let state = this.state.useProps ? this.props : this.state;\n var overlay;\n\n var dialogStyles = {};\n\n if (matchMedia) {\n if (window.matchMedia(\"( max-width:768px)\").matches) {\n dialogStyles = {\n position: \"fixed\",\n height: \"auto\",\n minHeight: \"100vh\",\n margin: 0,\n top: \"0px\",\n top: \"0px\",\n overflowY: \"auto\",\n movable: false,\n zIndex: 1001,\n };\n } else {\n dialogStyles = Object.assign(\n {},\n styles.dialogStyles,\n this.props.dialogStyles,\n );\n }\n }\n\n var overlayStyles = Object.assign(\n {},\n styles.overlayStyles,\n this.props.overlayStyles,\n );\n var closeButtonStyle = Object.assign(\n {},\n styles.closeButtonStyle,\n this.props.closeButtonStyle,\n );\n var titleStyle = Object.assign({}, styles.title, this.props.titleStyle);\n\n if (state.isVisible) {\n overlayStyles.display = \"block\";\n dialogStyles.display = \"block\";\n !this.props.keepWindowScroll &&\n (document.querySelector(\"html\").style.overflowY = \"hidden\");\n } else {\n overlayStyles.display = \"none\";\n dialogStyles.display = \"none\";\n !this.props.keepWindowScroll &&\n (document.querySelector(\"html\").style.overflowY = \"auto\");\n }\n\n if (this.props.showOverlay) {\n overlay = (\n this.onOverlayClicked()}\n style={overlayStyles}\n className=\"modal-overlay\"\n >\n );\n var win = luvit.getLuvitTopPage();\n }\n\n var icon = \n {overlay}\n \n this.hide()}\n role=\"button\"\n title={this.l(\"close\")}\n style={closeButtonStyle}\n className=\"button-transparent modal-close\"\n >\n ×\n \n {this.props.title && (\n \n {icon} {this.props.title}\n \n )}\n {this.props.children}\n
\n \n );\n }\n}\n\nLuvitSkyLight.displayName = \"LuvitSkyLight\";\n\nLuvitSkyLight.propTypes = {\n afterClose: PropTypes.func,\n afterOpen: PropTypes.func,\n beforeClose: PropTypes.func,\n beforeOpen: PropTypes.func,\n closeButtonStyle: PropTypes.object,\n dialogStyles: PropTypes.object,\n hideOnOverlayClicked: PropTypes.bool,\n onOverlayClicked: PropTypes.func,\n overlayStyles: PropTypes.object,\n showOverlay: PropTypes.bool,\n title: PropTypes.string,\n titleStyle: PropTypes.object,\n};\n\nLuvitSkyLight.defaultProps = {\n title: \"\",\n showOverlay: true,\n overlayStyles: styles.overlayStyles,\n dialogStyles: styles.dialogStyles,\n closeButtonStyle: styles.closeButtonStyle,\n hideOnOverlayClicked: false,\n};\n\nexport default LuvitSkyLight;\n","const styles = {\n overlayStyles: {},\n dialogStyles: {},\n title: {},\n closeButtonStyle: {},\n};\n\nexport default styles;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { autobind } from \"lib/decorators\";\nimport { ThemeProvider } from \"@material-ui/core/styles\";\nimport theme from \"../../themes/theme\";\n\n@autobind\nclass Movable extends React.Component {\n static childContextTypes = {\n movable: PropTypes.object,\n };\n\n getChildContext() {\n return { movable: this };\n }\n\n componentWillMount() {\n this.setState({ x: 0, y: 0 });\n }\n\n onStartDrag(evt) {\n this.setState({\n startClientX: evt.clientX,\n startClientY: evt.clientY,\n startX: this.state.x,\n startY: this.state.y,\n });\n document.body.addEventListener(\"mousemove\", this.onMouseMove);\n document.body.addEventListener(\"mouseup\", this.onMouseUp);\n }\n\n onMouseUp() {\n document.body.removeEventListener(\"mousemove\", this.onMouseMove);\n document.body.removeEventListener(\"mouseup\", this.onMouseUp);\n }\n\n onMouseMove(evt) {\n if (evt.buttons === 0) {\n this.onMouseUp();\n } else {\n this.setState({\n x: this.state.startX + (evt.clientX - this.state.startClientX),\n y: this.state.startY + (evt.clientY - this.state.startClientY),\n });\n }\n }\n\n render() {\n return (\n \n {this.props.enabled ? (\n \n {this.props.children}\n \n ) : (\n {this.props.children} \n )}\n \n );\n }\n}\n\n@autobind\nclass MovableGrip extends React.Component {\n static contextTypes = {\n movable: PropTypes.object,\n };\n\n onMouseDown(evt) {\n if (this.props.onMouseDown) {\n this.props.onMouseDown(evt);\n }\n evt.preventDefault();\n let movable = this.context.movable;\n if (movable) {\n movable.onStartDrag(evt);\n }\n }\n\n render() {\n if (\n this.props.enabled === false ||\n !this.context ||\n !this.context.movable\n ) {\n return this.onOverlayClicked()}\n style={overlayStyles}\n className=\"movablemodal-overlay\"\n >\n );\n var win = luvit.getLuvitTopPage();\n // $(win.document).find(\"body\").append('
');\n }\n\n if (\n luvit.mqMobile.matches &&\n (luvit.matchAgent(\"iPad\") || luvit.matchAgent(\"iPhone\"))\n ) {\n dialogStyles.position = \"absolute\";\n overlayStyles.backgroundColor = \"#fff\";\n scrollTo(\"body\", 0);\n }\n\n var icon = \n {overlay}\n \n \n \n \n \n \n {this.props.title && (\n \n {icon} {this.props.title}\n \n )}\n \n this.hide()}\n role=\"button\"\n title={this.l(\"close\")}\n style={closeButtonStyle}\n className=\"button-transparent movablemodal-close\"\n >\n ×\n \n
\n \n {this.props.children}
\n \n \n \n \n );\n }\n}\n\nLuvitMovableSkyLight.displayName = \"LuvitMovableSkyLight\";\n\nLuvitMovableSkyLight.propTypes = {\n afterClose: PropTypes.func,\n afterOpen: PropTypes.func,\n beforeClose: PropTypes.func,\n beforeOpen: PropTypes.func,\n closeButtonStyle: PropTypes.object,\n dialogStyles: PropTypes.object,\n hideOnOverlayClicked: PropTypes.bool,\n onOverlayClicked: PropTypes.func,\n overlayStyles: PropTypes.object,\n showOverlay: PropTypes.bool,\n title: PropTypes.string,\n titleStyle: PropTypes.object,\n};\n\nLuvitMovableSkyLight.defaultProps = {\n title: \"\",\n showOverlay: true,\n overlayStyles: styles.overlayStyles,\n dialogStyles: styles.dialogStyles,\n closeButtonStyle: styles.closeButtonStyle,\n hideOnOverlayClicked: false,\n};\n\nexport default LuvitMovableSkyLight;\n","import React from \"react\";\nimport DOM from \"react-dom\";\nimport { autobind } from \"lib/decorators\";\nimport LuvitSkyLight from \"lib/components/LuvitSkyLight\";\nimport LuvitMovableSkyLight from \"lib/components/LuvitMovableSkyLight\";\n\nconst ESCAPE_KEY = 27;\n\nexport default class Modal extends React.Component {\n _handleKeyDown(event) {\n switch (event.keyCode) {\n case ESCAPE_KEY:\n this.hide();\n break;\n default:\n break;\n }\n }\n\n show() {\n this.refs.modal.show();\n }\n hide() {\n this.refs.modal.hide();\n }\n\n componentDidMount() {\n if (this.props.initiallyOpen) this.show();\n DOM.findDOMNode(this.refs.modal).focus();\n }\n\n componentWillMount() {\n document.addEventListener(\"keydown\", this._handleKeyDown.bind(this));\n }\n\n componentWillUnmount() {\n document.removeEventListener(\"keydown\", this._handleKeyDown.bind(this));\n }\n\n render() {\n return (\n \n {this.props.children}\n \n );\n }\n}\n\n@autobind\nclass MovableModal extends React.Component {\n componentWillMount() {\n this.node = document.createElement(\"div\");\n document.body.appendChild(this.node);\n this.setState({ open: !!this.props.initiallyOpen });\n\n document.addEventListener(\"keydown\", this._handleKeyDown.bind(this));\n }\n\n componentDidMount() {\n this.renderChildren(this.props.children);\n }\n\n componentWillReceiveProps(newProps) {\n this.renderChildren(newProps.children);\n }\n\n componentWillUnmount() {\n document.removeEventListener(\"keydown\", this._handleKeyDown.bind(this));\n try {\n if (this.wrapper) {\n DOM.unmountComponentAtNode(DOM.findDOMNode(this.wrapper).parentNode);\n }\n } catch (ex) {\n console.log(ex);\n }\n this.hide();\n }\n\n _handleKeyDown(event) {\n switch (event.keyCode) {\n case ESCAPE_KEY:\n this.hide();\n break;\n default:\n break;\n }\n }\n\n onModalCreated(modal) {\n if (!modal) {\n this.modal = null;\n return;\n }\n this.modal = modal;\n if (this.state.open) modal.show();\n }\n\n show() {\n this.setState({ open: true });\n if (this.modal) this.modal.show();\n }\n\n hide() {\n this.setState({ open: false });\n if (this.modal) this.modal.hide();\n }\n\n renderChildren(children) {\n if (!this.node) return;\n this.wrapper = DOM.render(\n \n {children}\n ,\n this.node,\n );\n }\n\n render() {\n return null; //this.renderChildren(this.props.children);\n }\n}\n\nModal.Movable = MovableModal;\n","import { observable } from \"mobx\";\nimport { GET } from \"lib/api\";\nimport config from \"lib/config\";\nimport _ from \"lodash\";\n\nconst courseId = config.courseId;\nconst profileId = config.profileId;\nconst fromProfileId = config.fromProfileId;\n\nclass NavigationTreeStore {\n @observable expanded = false;\n @observable active = undefined;\n @observable ready = false;\n @observable nodes = [];\n\n constructor() {}\n\n async reload(opts) {\n let force = !!(opts && opts.force);\n if (!force && this.ready) return;\n\n if (!config.isLoggedIn) {\n this.ready = true;\n this.nodes = [];\n this.courses = [];\n return;\n }\n\n let nodes = await GET(\n `/v1/courses/:courseId/content/navtree?${new URLSearchParams({\n profileId,\n fromProfileId: fromProfileId ? fromProfileId : 0,\n })}`,\n { courseId },\n );\n\n this.nodes = nodes;\n this.isAdmin = await GET(\"/v1/user/isadminorteacherincourse/:courseId\", {\n courseId,\n });\n this.studentView = fromProfileId || false;\n this.ready = true;\n }\n\n async getNodes(callback) {\n let nodes = await GET(\n `/v1/courses/:courseId/content/navtree?${new URLSearchParams({\n profileId,\n fromProfileId: fromProfileId ? fromProfileId : 0,\n })}`,\n {\n courseId,\n },\n );\n\n callback(nodes);\n }\n\n reloadNodes(nodes) {\n this.nodes = nodes;\n }\n\n toggleNode(e) {\n let nodeID = e.currentTarget.parentElement.id;\n let tempNodes = this.nodes.slice();\n\n let node = tempNodes.find(function (e) {\n return e.navTreeID == nodeID;\n });\n node.expanded = !node.expanded;\n this.nodes = tempNodes;\n\n e.currentTarget.parentElement\n .querySelector(\"ul\")\n .classList.toggle(\"contracted\");\n }\n\n setSelectedNode(navTreeId) {\n let tempNodes = this.nodes.slice();\n let node = tempNodes.find((e) => {\n return e.navTreeID === navTreeId;\n });\n let prevActive = tempNodes.find((e) => {\n return e.active == true;\n });\n if (prevActive) {\n prevActive.active = false;\n }\n\n this.updateUrl(navTreeId);\n\n //Deselect active item in function menu\n eduutils.DeselectCourseMenu();\n\n if (node) {\n node.active = true;\n this.expandToNode(tempNodes, node);\n }\n\n this.nodes = tempNodes;\n\n //Close menu if in mobile\n if ($(\"[id*='mobilefooter']\").is(\":visible\")) {\n //Only toggle if open\n if ($(\".course.menu\").hasClass(\"selected\")) {\n eduutils.ToggleCourseMenu();\n }\n } else {\n //Close menu,when changing page if there is not enough room\n if ($(window).width() < eduutils.toggleMenuBreakPoint) {\n eduutils.ToggleCourseMenu();\n }\n }\n }\n\n updateUrl(navTreeId) {\n let stateObj = {\n navtreeid: \"navtreeid\",\n };\n let newUrl;\n let doUpdate = true;\n\n //replace navtreeid in url\n if (location.href.indexOf(\"navtreeid\") != -1) {\n let oldNavTreeId = luvit.GetQueryString(\"navtreeid\");\n\n if (oldNavTreeId == navTreeId) doUpdate = false;\n else\n newUrl = luvit.updateURLParameter(\n location.href,\n \"navtreeid\",\n navTreeId,\n );\n } else {\n newUrl = document.location.href + \"&navtreeid=\" + navTreeId;\n }\n\n if (doUpdate) history.replaceState(stateObj, \"\", newUrl);\n }\n\n expandToNode(tempNodes, node) {\n if (node.parent && node.parent != \"0\") {\n let parentNode = tempNodes.find((e) => {\n return e.navTreeID === node.parent;\n });\n parentNode.expanded = true;\n\n if (parentNode.parent) {\n this.expandToNode(tempNodes, parentNode);\n }\n }\n }\n\n findFirstContentNode(nodes) {\n if (!nodes) {\n nodes = _.filter(this.nodes, function (n) {\n return n.parent == \"0\";\n });\n }\n\n let firstContentNode;\n\n //Remove home node\n if (nodes[0] && nodes[0].typeID == 0) {\n nodes.shift();\n }\n\n //om första noden är ett dokument\n if (nodes[0] && nodes[0].typeID > 1) {\n firstContentNode = nodes[0];\n } else {\n // return\n }\n\n //let firstContentNode = this.nodes.find((n) => {return n.typeID > 1 })\n\n if (firstContentNode) return firstContentNode.navTreeID;\n else {\n for (var i = 0, len = nodes.length; i < len; i++) {\n let childNodes = nodes[i].childNodes;\n\n if (childNodes && childNodes.length > 0)\n return this.findFirstContentNode(childNodes);\n }\n }\n }\n\n getActive() {\n let node = this.nodes.find((n) => {\n return n.active;\n });\n\n if (node) return node.navTreeID;\n }\n\n isBookmarked(navTreeId) {\n let node = this.nodes.find((n) => {\n return n.navTreeID == navTreeId;\n });\n return node.isBookMarked;\n }\n\n resetTree(keepState) {\n let tempNodes = this.nodes.slice();\n\n for (let i = 0, len = tempNodes.length; i < len; i++) {\n if (!keepState) {\n tempNodes[i].expanded = false;\n }\n tempNodes[i].active = false;\n }\n\n this.nodes = tempNodes;\n }\n\n containsNode(navTreeId) {\n let node = this.nodes.find((n) => {\n return n.navTreeID == navTreeId;\n });\n\n if (node) {\n return true;\n }\n\n return false;\n }\n\n expandAll() {\n let tempNodes = this.nodes.slice();\n\n _.forEach(tempNodes, (n) => {\n n.expanded = true;\n });\n\n this.nodes = tempNodes;\n }\n\n collapseAll() {\n let tempNodes = this.nodes.slice();\n\n _.forEach(tempNodes, (n) => {\n n.expanded = false;\n });\n\n this.nodes = tempNodes;\n }\n}\n\nexport default new NavigationTreeStore();\n","import React from \"react\";\nimport { autobind } from \"lib/decorators\";\nimport _ from \"lodash\";\nimport { observer } from \"mobx-react\";\nimport NavigationTreeStore from \"./Store\";\nimport { L, TranslationMixin } from \"lib/translation\";\n\nconst portalSite = window.location.pathname.split(\"/\")[1];\nconst appledevice =\n luvit && luvit.ua\n ? luvit.ua.indexOf(\"applewebkit\", 0) > 0 &&\n (luvit.ua.indexOf(\"iphone\", 0) > 0 || luvit.ua.indexOf(\"ipad\", 0) > 0)\n : false;\nconst FILE_PDF = 18;\nconst aAppledeviceBlankTarget = (typeID) => [FILE_PDF].includes(typeID);\n\n@TranslationMixin({ contexts: [\"NavigationTree\"] })\nclass ListItem extends React.Component {\n render() {\n let { item, expanded, active, type } = this.props;\n let expandClass = expanded ? \"icon-collapse\" : \"icon-expand\";\n let itemClass = active ? \"active\" : \"\";\n let childNodes = item.childNodes && item.childNodes.length > 0;\n let navTreeId = item.navTreeID;\n let tooltip = item.hint ? item.hint : item.title;\n\n if (item.typeID == \"0\") navTreeId = \"0\";\n\n // let utcDate = moment.utc(Date.now());\n let utcDate = new Date(\n new Date().getFullYear(),\n new Date().getMonth(),\n new Date().getDate(),\n new Date().getUTCHours(),\n new Date().getUTCMinutes(),\n new Date().getUTCSeconds(),\n );\n let localPublishStart = moment.utc(item.publishStart).toDate();\n let localPublishStop = moment.utc(item.publishStop).toDate();\n\n if (!item.enabled) {\n itemClass += \" italic\";\n tooltip += \" (\" + this.props.L(\"NavigationTree\", \"nodenotvisible\") + \")\";\n } else if (\n item.publishStart &&\n moment(item.publishStart).isAfter(utcDate)\n ) {\n itemClass += \" italic\";\n tooltip +=\n \" (\" +\n this.props.L(\"NavigationTree\", \"publishStart\") +\n \" \" +\n moment(localPublishStart).format(\"YYYY-MM-DD HH:mm\") +\n \")\";\n } else if (\n item.publishStop &&\n moment(item.publishStop).isBefore(utcDate) &&\n item.publishStopEnabled\n ) {\n itemClass += \" italic\";\n tooltip +=\n \" (\" +\n this.props.L(\"NavigationTree\", \"publishStop\") +\n \" \" +\n moment(localPublishStop).format(\"YYYY-MM-DD HH:mm\") +\n \")\";\n }\n\n let showNode = true;\n\n //Don't show hembollen if user is not isAdmin\n if (navTreeId == \"0\") showNode = false;\n\n let icon = item.pathToImage;\n let target =\n appledevice && aAppledeviceBlankTarget(item.typeID)\n ? \"_blank\"\n : \"iFrameMainContent\";\n\n if (item.studentPublish && item.typeID == \"1\") {\n icon = \"navtree-icon-studentfolderclosed\";\n }\n\n let aDoc = (\n this.props.onClick(e)}\n >\n \n \n );\n\n if (\n (!NavigationTreeStore.isAdmin &&\n item.typeID == \"1\" &&\n !item.studentPublish) ||\n (NavigationTreeStore.studentView &&\n !item.studentPublish &&\n item.typeID == \"1\")\n ) {\n aDoc = (\n \n \n
\n
\n {item.title}\n \n
\n {aDoc}\n {childNodes && (\n
\n )}\n {childNodes && (\n \n {list.map((li) => (\n
;\n\n return (\n this.treeNodeClicked(e)}\n onExpandToggle={(e) => this.onToggleVisible(e)}\n />\n );\n }\n}\n","import React from \"react\";\nimport { Box } from \"@material-ui/core\";\nimport { SnackbarAlert } from \"lib/components/Base/Feedback/SnackbarAlert\";\nimport { Typography } from \"lib/components/Base/DataDisplay/Typography\";\n\nconst NOTIFICATION_TYPE_SUCCESS = \"success\";\nconst NOTIFICATION_TYPE_ERROR = \"error\";\nconst NOTIFICATION_TYPE_INFO = \"info\";\n\nconst ROLE_ALERT = \"alert\";\nconst ROLE_STATUS = \"status\";\n\nexport default class Notifier extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n notificationType: NOTIFICATION_TYPE_INFO,\n title: \"\",\n time: null,\n msg: \"\",\n hide: true,\n };\n }\n\n success(title, msg, time) {\n this.addNotify(title, msg, time, NOTIFICATION_TYPE_SUCCESS);\n }\n\n error(title, msg, time) {\n this.addNotify(title, msg, time, NOTIFICATION_TYPE_ERROR);\n }\n\n info(title, msg, time) {\n this.addNotify(title, msg, time, NOTIFICATION_TYPE_INFO);\n }\n\n addNotify(title, msg, time, notificationType) {\n this.setState({\n hide: false,\n title: title,\n msg: msg,\n time: time,\n notificationType: notificationType,\n });\n }\n\n hideNotification() {\n this.setState({ hide: true });\n }\n\n render() {\n const { hide, notificationType, title, msg } = this.state;\n const { hideHeader } = this.props;\n\n const displayTitle = !hideHeader && title !== \"\";\n\n if (!this.state || hide) return
;\n\n const html = { __html: msg };\n\n return (\n \n \n {displayTitle ? title : \"\"}\n \n \n \n }\n onClose={() => this.hideNotification()}\n />\n );\n }\n}\n","import passPolicy from \"password-policy\";\nimport { GET } from \"lib/api\";\nimport LuvitComponent from \"LuvitComponent\";\n\nexport default class Checker extends LuvitComponent {\n constructor(props, context) {\n super(props, context, \"Settings\");\n }\n\n async componentWillMount() {\n let policy = await GET(\"v1/passwordpolicy\");\n\n if (policy) {\n let policies = policy.split(\"|\");\n policy = {};\n policies.forEach((p) => {\n let pl = p.split(\":\");\n\n if (pl.length > 1) policy[pl[0]] = pl[1];\n });\n } else policy = undefined;\n\n this.setState({ ready: true, policy });\n }\n\n addError(errors, key, newError) {\n if (!errors[key]) errors[key] = [];\n\n errors[key].push(newError);\n }\n\n checkPolicy(password, errors) {\n let { policy = {} } = this.state;\n\n if (policy.minlength && password.length < policy.minlength)\n this.addError(\n errors,\n \"error_next\",\n this.l(\"mustHaveAtleast\") +\n \" \" +\n policy.minlength +\n \" \" +\n this.l(\"characters\"),\n );\n\n if (\n policy.uppercase &&\n !passPolicy.hasUpperCase(password, policy.uppercase)\n )\n this.addError(\n errors,\n \"error_next\",\n this.l(\"mustHaveAtleast\") +\n \" \" +\n policy.uppercase +\n \" \" +\n this.l(\"uppercaseCharacters\"),\n );\n\n if (\n policy.lowercase &&\n !passPolicy.hasLowerCase(password, policy.lowercase)\n )\n this.addError(\n errors,\n \"error_next\",\n this.l(\"mustHaveAtleast\") +\n \" \" +\n policy.lowercase +\n \" \" +\n this.l(\"lowercaseCharacters\"),\n );\n\n if (policy.numbers && !passPolicy.hasNumber(password, policy.numbers))\n this.addError(\n errors,\n \"error_next\",\n this.l(\"mustHaveAtleast\") +\n \" \" +\n policy.numbers +\n \" \" +\n this.l(\"numericCharacters\"),\n );\n\n if (\n policy.specials &&\n !passPolicy.hasSpecialCharacter(password, policy.specials)\n )\n this.addError(\n errors,\n \"error_next\",\n this.l(\"mustHaveAtleast\") +\n \" \" +\n policy.specials +\n \" \" +\n this.l(\"specialCharacters\"),\n );\n }\n}\n","import React from \"react\";\nimport { PUT } from \"lib/api\";\nimport Checker from \"./checker\";\nimport { autobind } from \"lib/decorators\";\nrequire(\"./style.css\");\n\nexport default class PasswordManager extends Checker {\n constructor(props, context) {\n super(props, context);\n }\n\n @autobind\n async updatePassword() {\n let errors = {};\n let saveError = \"-\";\n let { current, next, repeat } = this.refs;\n let nextVal = next.value;\n\n this.checkPolicy(nextVal, errors);\n\n Object.keys(this.refs).forEach((k) => {\n let key = \"error_\" + k;\n\n if (!this.refs[k].value)\n this.addError(\n errors,\n key,\n this.l(k == \"repeat\" ? \"lblVerifyPassword\" : \"enterPassWord\"),\n );\n });\n\n if (nextVal != repeat.value)\n this.addError(errors, \"error_repeat\", this.l(\"passwordsDontMatch\"));\n\n if (Object.keys(errors).length <= 0) {\n saveError = await PUT(\n \"v1/setpassword\",\n {},\n { old: current.value, new: nextVal },\n );\n\n if (saveError) this.addError(errors, \"error_current\", this.l(saveError));\n }\n\n this.setState({ errors, didSave: saveError === \"\" });\n }\n\n @autobind\n submitOnEnter(e) {\n if (e.keyCode == 13) {\n this.updatePassword();\n e.preventDefault();\n }\n }\n\n doRender() {\n let { ready, errors, didSave } = this.state || {};\n\n if (!ready) return
;\n\n let {\n error_current = [],\n error_next = [],\n error_repeat = [],\n } = errors || {};\n\n return (\n \n {didSave && (\n
\n {this.l(\"infosaved\")}\n
\n )}\n\n
\n
\n \n {this.l(\"hdrPresentPwd\")}:\n \n
\n
\n
\n
\n {error_current.map((e, i) => (\n \n {e}\n \n ))}\n \n
\n\n
\n\n
\n
\n {this.l(\"hdrnewpwd\")}: \n
\n
\n
\n
\n {error_next.map((e, i) => (\n \n {e}\n \n ))}\n \n
\n\n
\n\n
\n
\n \n {this.l(\"lblVerifyPassword\")}:\n \n
\n
\n
\n
\n {error_repeat.map((e, i) => (\n \n {e}\n \n ))}\n \n
\n
\n
\n \n {this.l(\"save\")}\n \n
\n
;\n\n let { error_next = [], error_repeat = [] } = errors || {};\n\n return (\n \n {didSave && (\n
\n {this.l(\"infosaved\")}\n
\n )}\n
\n
\n {this.l(\"password\")}: \n
\n
\n
\n
\n
\n
\n {error_next.map((e) => (\n
\n \n {e}\n \n
\n ))}\n
\n
\n
\n {this.l(\"lblVerifyPassword\")}: \n
\n
\n
\n
\n
\n
\n {error_repeat.map((e) => (\n
\n \n {e}\n \n
\n ))}\n
\n
;\n let nodes = this.state.nodes;\n\n return (\n \n {this.state.rootNode &&\n this.state.rootNode.childNodes.map((c) => this.renderLevel(c))}\n
\n );\n }\n}\n\nfunction buildNestedHierarchy(nodes) {\n if (!nodes || !nodes.length) return nodes || [];\n var nodeObjs = _.zipObject(\n _.map(nodes, (n) => n.id),\n nodes,\n );\n var rootNodes = [];\n\n _.each(nodes, (n) => {\n var parent = nodeObjs[n.parentID];\n if (!parent) rootNodes.push(n);\n else {\n if (!parent.childNodes) parent.childNodes = [];\n parent.childNodes.push(n);\n }\n });\n\n return rootNodes[0];\n}\n","import React from \"react\";\nimport { load } from \"../../../config/ckeditor-config\";\nimport uuid from \"uuid\";\nimport format from \"lib/format\";\n\nexport default class WysiwygCK extends React.Component {\n componentWillMount() {\n this.uuid = uuid.v1();\n this.setState({ value: this.props.initialValue });\n load().then(() => {\n this.setState({ ready: true });\n });\n }\n\n componentWillUpdate(nextProps, nextState) {\n if (this.props.enabled !== nextProps.enabled) {\n this.toggle(nextProps.enabled !== false);\n }\n if (nextState.ready && !(this.state && this.state.ready)) {\n this.toggle(nextProps.enabled !== false);\n }\n }\n\n componentWillUnmount() {\n this.disable();\n }\n\n enable() {\n let { height, toolbar, onBlur, onFocus } = this.props;\n if (this.state.enabled) return;\n this.setState({ enabled: true });\n try {\n CKEDITOR.instances[this.uuid].destroy(true);\n } catch (e) {}\n\n CKEDITOR.replace(this.uuid, {\n customConfig: CKEDITOR_BASEPATH + \"config_luvit.js\",\n skin: \"moono\",\n height: height || \"400px\",\n toolbar: toolbar || \"LUVIT_help\",\n filebrowserImageBrowseUrl: format.url(\n \"/EnterAdmin.aspx?AdminPage=selectFileForEditor\",\n ),\n });\n\n let ck = CKEDITOR.instances[this.uuid];\n ck.on(\"change\", () => {\n this.setValue(ck.getData());\n });\n ck.on(\"blur\", (e) => {\n this.setValue(ck.getData());\n if (onBlur) onBlur(e);\n });\n ck.on(\"focus\", (e) => {\n if (onFocus) onFocus(e);\n });\n }\n\n disable() {\n this.setState({ enabled: false });\n try {\n let ck = CKEDITOR.instances[this.uuid];\n if (ck) this.setValue(ck.getData());\n ck.destroy(true);\n } catch (e) {}\n }\n\n setValue(value) {\n let { onChange } = this.props;\n this.setState({ value });\n if (onChange) {\n onChange({ value });\n }\n }\n\n toggle(on) {\n on ? this.enable() : this.disable();\n }\n\n render() {\n let { height } = this.props;\n let { value } = this.state;\n\n return (\n this.setValue(e)}\n />\n );\n }\n}\n","module.exports = window.__LUVITCONFIG || {};\n","export const ID_COMMCENTRE = 2; // Url = NULL\nexport const ID_MNI_MESSAGE = 3; // Url = /#/commcentre/inbox\nexport const ID_PARTICIPANTS = 4; // Url = /commcentre/whosonline.aspx\nexport const ID_MNU_PERSONAL = 5; // Url = NULL\nexport const ID_MNU_PRESENTATION = 6; // Url = /personal/editpresentation.aspx\nexport const ID_FILES = 7; // Url = /personal/files.aspx\nexport const ID_CALENDAR = 8; // Url = /calendar/calendar.aspx\nexport const ID_BULLETINBOARD = 9; // Url = NULL\nexport const ID_PORTAL = 10; // Url = /news/news.aspx\nexport const ID_COURSES = 11; // Url = /news/coursenews.aspx\nexport const ID_SETTINGS = 12; // Url = /personal/settings.aspx\nexport const ID_HISTORY = 13; // Url = /personal/history.aspx\nexport const ID_BLOG = 15; // Url = /blog/blogitems.aspx\nexport const ID_BLOGS = 16; // Url = /blog/searchblogs.aspx\nexport const ID_COLLEAGUES = 22; // Url = NULL\nexport const ID_LISTACTIVITIES = 27; // Url = NULL\nexport const ID_ATTESTATIONS = 29; // Url = /Activities/Attest.aspx\nexport const ID_SCHEDULEASSIGNMENTS = 30; // Url = /personal/scheduleassignments.aspx\nexport const ID_ASSIGNMENTSANDGRADES = 31; // Url = /personal/ungradedassignments.aspx\nexport const ID_EDUCATORTOOLS = 32; // Url = NULL\nexport const ID_MNUREPORTS = 33; // Url = /educatortools/reports.aspx\nexport const ID_ADMINTOOLS = 34; // Url = /activities/ForAdministrators.aspx\nexport const ID_ACTIVITIES_EDUCATORTOOLS = 35; // Url = /activities/foreducators.aspx\nexport const ID_COURSECONFIRMATIONS = 36; // Url = /personal/courseconfirmations.aspx\nexport const ID_MYATTESTATIONS = 38; // Url = /Activities/Attest.aspx\nexport const ID_FORCOORDINATORS = 39; // Url = /activities/forcoordinators.aspx\nexport const ID_LISTORDERS = 40; // Url = /activities/manageOrders.aspx\nexport const ID_SEARCHFORPEOPLE = 41; // Url = /activities/searchpeople.aspx\nexport const ID_MYROLEMANAGER = 43; // Url = NULL\nexport const ID_COWORKER_OVERVIEW = 44; // Url = /#/tm/coworker/dashboard\nexport const ID_COWORKER_COMPTALK = 45; // Url = /#/tm/coworker/comptalk\nexport const ID_COWORKER_GOALSANDACTIVITIES = 46; // Url = /#/tm/coworker/personalgoals/goal (...personalgoals/goals)\nexport const ID_COWORKER_COMPETENCEPROFILE = 47; // Url = /#/tm/coworker/competenceprofile\nexport const ID_COWORKER_DEVELOPMENTPLAN = 48; // Url = /#/tm/coworker/personalgoals/developmentplan\nexport const ID_MANAGER_OVERVIEW = 49; // Url = /#/tm/manager/dashboard\nexport const ID_MANAGER_ORGANISATIONGOALS = 50; // Url = /#/tm/manager/editorganisationalgoals\nexport const ID_MANAGER_COMPTALKS = 51; // Url = /#/tm/manager/editcomptalk\nexport const ID_MANAGER_SEARCHANDFILTER = 52; // Url = /#/tm/manager/talentfinder\nexport const ID_MANAGER_COMPETENCEMAINTENANCE = 53; // Url = /#/tm/manager/competencemaintenance\nexport const ID_ADMINISTRATION = 54; // Url = /talentmanagement/manager/administration.aspx\nexport const ID_COWORKER_CAREERPATHS = 55; // Url = /#/tm/coworker/careerpath\nexport const ID_COWORKER_EDUCATIONHISTORYANDCV = 56; // Url = /#/tm/coworker/completedcourses\nexport const ID_COWORKER_MYACTIVITIES = 57; // Url = /#/tm/coworker/courseapplications\nexport const ID_COWORKER_CERTIFICATES = 58; // Url = /#/tm/coworker/certificates\nexport const ID_COWORKER_DOCUMENTS = 59; // Url = /#/tm/coworker/documents\nexport const ID_MANAGER_ATTESTATIONS = 60; // Url = /#/tm/manager/attest\nexport const ID_MANAGER_COMPETENCEANALYSIS = 61; // Url = /#/tm/manager/competenceanalysis\nexport const ID_MANAGER_CERTIFICATES = 62; // Url = /#/tm/manager/certificateanalysis\nexport const ID_MANAGER_COURSESTATISTICS = 63; // Url = /#/tm/manager/coursestatistics\nexport const ID_MANAGER_PLANNEDCOURSES = 64; // Url = /#/tm/manager/plannedcourses\nexport const ID_MANAGER_MNUREPORTS = 65; // Url = /#/tm/manager/reports\nexport const ID_MANAGER_ACTINGMANAGER = 66; // Url = /#/tm/manager/permissions\nexport const ID_MANAGER_SUCCESSIONPLAN = 67; // Url = /#/tm/manager/successionplan\nexport const ID_COWORKER_MYCOURSES = 68; // Url = /#/tm/coworker/mycourses\nexport const ID_MANAGER_ENGAGEMENT = 69; // Url = /#/tm/manager/engagement\nexport const ID_MANAGER_CHECKLISTS = 70; // Url = /#/tm/manager/editchecklists\nexport const ID_COWORKER_AUTHORISATIONS = 71; // Url = /#/tm/coworker/authorisations\nexport const ID_MANAGER_AUTHORISATIONS = 73; // Url = /#/tm/manager/authorisationanalysis\nexport const ID_COWORKER_ENGAGEMENT = 74; // Url = /#/tm/coworker/engagement\nexport const ID_MANAGER_COURSEAPPLICATIONS = 75; // Url = /#/tm/manager/courseapplications\nexport const ID_MANAGER_FEEDBACK = 76; // Url = /#/tm/manager/feedback\nexport const ID_COWORKER_BADGES = 77; // Url = /#/tm/coworker/badges\nexport const ID_COWORKER_LEADERBOARD = 78; // Url = /#/tm/coworker/leaderboard\n","export const FILTER_SHOWALL = -1;\nexport const FILTER_SHOWNONE = -2;\nexport const ID_COMPTALK = 1;\nexport const ID_ATTEST = 3;\nexport const ID_COURSESTATISTICS = 6;\nexport const ID_COMPETENCEMANAGEMENT = 7;\nexport const ID_REGISTERANDCANCEL = 8;\nexport const ID_SEARCHANDFILTER = 9;\nexport const ID_ENGAGE = 10;\nexport const ID_GOALSANDACTIVITIES = 11;\n\nexport const AVAILABLE_TEAM_FUNCTIONS_RIGHTS = [\n FILTER_SHOWALL,\n FILTER_SHOWNONE,\n ID_COMPTALK,\n ID_ATTEST,\n ID_COURSESTATISTICS,\n ID_COMPETENCEMANAGEMENT,\n ID_REGISTERANDCANCEL,\n ID_SEARCHANDFILTER,\n ID_ENGAGE,\n ID_GOALSANDACTIVITIES,\n];\n\nexport const TEAM = \"team\";\nexport const UNIT = \"unit\";\n","import React, { useState, useEffect } from \"react\";\n\nconst TOUCH_DEVICE =\n luvit && luvit.ua\n ? luvit.ua.indexOf(\"applewebkit\", 0) > 0 &&\n (luvit.ua.indexOf(\"iphone\", 0) > 0 || luvit.ua.indexOf(\"ipad\", 0) > 0)\n : false;\n\nfunction useTouchDeviceCheck() {\n const [touchDevice, setTouchDevice] = useState(TOUCH_DEVICE);\n\n useEffect(() => {\n const handleResize = () => setTouchDevice(TOUCH_DEVICE);\n window.addEventListener(\"resize\", handleResize);\n return () => {\n window.removeEventListener(\"resize\", handleResize);\n };\n });\n\n return touchDevice;\n}\n\nexport default useTouchDeviceCheck;\n","export const API_PROGRAMS = \"v1/\";\nexport const API_PROGRAM = \"v1/education/program/:programId/user/:personalId\";\nexport const API_PROGRAM_UNIT_REPORT = \"v1/education/programs/unitstatsreport\";\nexport const API_PROGRAM_TEAM_REPORT = \"v1/education/programs/teamstatsreport\";\n\nexport const API_PROGRAM_STATISTICS_UNITS =\n \"v1/education/programs/unitstats/:unitId\";\nexport const API_PROGRAM_STATISTICS_ADMIN =\n \"v1/education/programs/statsforadmin\";\nexport const API_PROGRAMREPORT_STATISTICS_UNITS =\n \"v1/education/programs/unitstatsreport/:unitId\";\nexport const API_PROGRAMREPORT_STATISTICS_ADMIN =\n \"v1/education/programs/statsforadminreport/\";\nexport const API_PROGRAM_STATISTICS_UNIT_STEPS =\n \"v1/education/program/:courseObjectId/unitstats/:unitId\";\nexport const API_PROGRAM_STATISTICS_UNIT_STEPS_PARTICIPANTS =\n \"v1/education/program/:courseObjectId/userstats/:unitId\";\nexport const API_PROGRAM_STATISTICS_TEAMS =\n \"v1/education/programs/teamstats/:teamId\";\nexport const API_PROGRAMREPORT_STATISTICS_TEAMS =\n \"v1/education/programs/teamstatsreport/:teamId\";\nexport const API_PROGRAM_STATISTICS_TEAM_STEPS =\n \"v1/education/program/:courseObjectId/teamstats/:teamId\";\nexport const API_PROGRAM_STATISTICS_TEAM_STEPS_PARTICIPANTS =\n \"v1/education/program/:courseObjectId/teamuserstats/:teamId\";\nexport const API_PROGRAM_STATISTICSFORADMIN_STEPS_PARTICIPANTS =\n \"v1/education/program/:courseObjectId/userstatsforadmin\";\n\nexport const API_PROGRAM_COURSE_ONLINE_STATUS =\n \"v1/user/:personalId/coursestatus/:courseId\";\nexport const API_PROGRAM_ACTIVITY = \"v1/coworkeractivity/:activityId\";\n","export const API_RATING_SETRATING = \"v1/rating/\";\nexport const API_RATING_GETCOMMENTS = \"v1/rating/comments/\";\nexport const API_RATING_DELETE = \"v1/rating/\";\nexport const API_RATING_SETRATING_POPUP = \"v1/rating/popup\";\n","import { GET, PUT, POST, RAW_DELETE } from \"lib/api\";\n\nconst API_UNITS = \"v1/talentmanagement/manager/team-available-units\";\nconst API_TEAM = \"v1/teams/\";\nconst API_BASE = \"v1/\";\nconst API_PERMISSIONS = \"v1/teams/rights\";\nconst API_ADD_TEAM = \"v1/team/\";\nconst API_DELETE_TEAM = \"v1/team\";\nconst API_UPDATE_TEAM = \"v1/teams\";\nconst API_GET_USERS_TABLE_FIELDS = \"v1/user/fields\";\n\nconst ERROR_MESSAGE = \"error\";\n\nexport async function fetchTeams(unitId = 1) {\n let data = await GET(`v1/unit/${unitId}/teams`);\n return data;\n}\n\nexport async function fetchResponsibleTeams(personalId) {\n let data = await GET(`v1/user/${personalId}/teams`);\n return data;\n}\n\nexport async function fetchReadOnlyTeams() {\n const data = await GET(`v1/user/hr/teams`);\n return data;\n}\n\nexport async function fetchCoworkerTeams(personalId) {\n let data = await GET(`v1/teams/coworker/${personalId}`);\n return data;\n}\n\nexport async function fetchResponsibleUnits() {\n let data = await GET(`v1/talentmanagement/manager/dashboard/available-units`);\n return data;\n}\n\nexport async function fetchReadOnlyUnits() {\n let data = await GET(`v1/talentmanagement/manager/dashboard/readonly-units`);\n return data;\n}\n\nexport async function fetchCoworkerUnits(personalId) {\n let data = await GET(`v1/user/${personalId}/units`);\n return data;\n}\n\nexport async function fetchUnits() {\n let data = await GET(`${API_UNITS}`);\n return data;\n}\n\nexport async function fetchTeam(teamID) {\n let data = await GET(API_TEAM + teamID);\n return data;\n}\n\nexport async function fetchUnitCoworkers(unitID, includeSubUnits) {\n let data = await GET(\n `${API_BASE}units/${unitID}/coworkersforteam?subUnits=${includeSubUnits}`,\n );\n\n return data;\n}\n\nexport async function fetchPermissions() {\n let data = await GET(API_PERMISSIONS);\n return data;\n}\n\nexport async function saveTeam(data) {\n let response = await POST(API_ADD_TEAM, {}, data);\n if (response.id) {\n let updatedData = Object.assign({}, data);\n updatedData.teamId = response.id;\n updatedData.id = response.id;\n\n return updatedData;\n }\n return ERROR_MESSAGE;\n}\n\nexport async function updateTeam(data) {\n let teamData = await PUT(`${API_UPDATE_TEAM}/${data.teamId}`, {}, data);\n\n return teamData;\n}\n\nexport async function deleteTeam(teamID) {\n if (teamID) {\n const deleteResult = await RAW_DELETE(\n `${API_DELETE_TEAM}/${teamID}`,\n {},\n teamID,\n );\n return deleteResult;\n }\n\n return null;\n}\n\nexport async function getUserFields() {\n let data = await GET(`${API_GET_USERS_TABLE_FIELDS}`);\n return data;\n}\n","/* eslint-disable no-debugger */\nimport React, { useState, useEffect } from \"react\";\nimport withLanguageContext from \"lib/hocs/withLanguageContext\";\nimport ReactDOM from \"react-dom\";\nimport config from \"lib/config\";\nimport { Button } from \"lib/components/Base/Inputs/Button\";\nimport moment from \"moment\";\nimport styled from \"styled-components\";\nimport { POST } from \"lib/api\";\nimport { Alert } from \"lib/components/Base/Lab/Alert\";\n\nlet disableErrors = false;\nlet selfLimit = 3;\nconst REPORT_API = \"/v1/errors/report-js\";\nconst DATE_FORMAT =\n config && config.dateFormat && config.dateFormat.toUpperCase();\n\nconst StyledNotification = styled.div`\n width: 90%;\n position: relative;\n h1 {\n font-size: 18px;\n }\n\n svg {\n display: none;\n }\n\n .lc-notification {\n background-color: #eee;\n }\n\n .errorinfo strong {\n text-transform: capitalize;\n }\n\n .lc-notification-error-close {\n color: #111;\n position: absolute;\n top: 10px;\n right: 10px;\n }\n\n align-items: flex-start;\n\n .errorinfo {\n font-size: 14px;\n }\n .column div {\n margin: 3px 0;\n }\n\n @media only screen and (max-width: 700px) {\n .lc-notification {\n position: fixed;\n top: 0;\n left: 0;\n height: 100vh;\n width: 100vw;\n margin: 0;\n align-items: flex-start;\n }\n\n .lc-notification .errorinfo {\n width: 80vw;\n word-break: break-word;\n }\n }\n`;\n\nconst InfoDiv = styled.div`\n .MuiAlert-message {\n display: initial !important;\n }\n\n .MuiAlert-root {\n width: 75%;\n }\n`;\n\nexport default processError;\n\nwindow.onerror = (msg, url, line, col, err) =>\n processError(\n (err && err.stack && err.message + \"\\n\\n\" + err.stack) ||\n (err && err.message) ||\n err ||\n msg,\n );\nwindow.onunhandledrejection = processError;\nwindow.addEventListener(\"unhandledrejection\", processError);\n\nfunction processError(error) {\n if (disableErrors) return;\n\n while (error && (error.reason || error.detail)) {\n error = error.reason || error.detail;\n }\n\n let message = String(\n (error && error.stack) ||\n (error && error.message) ||\n error ||\n \"Script error.\",\n );\n if (error && error.stack) console.error(error.stack);\n\n const pageUrl = document.location.href.replace(/^https?:\\/\\/[^\\/]+/i, \"\");\n\n if (config.logErrorsJS && error !== \"Script error.\") {\n POST(REPORT_API, {}, { error, pageUrl })\n .then(\n (res) => showErrorPage(error, encodeMessage(message), String(res)),\n clientData,\n )\n .catch((ex) => {\n if (selfLimit) {\n // Never try to report a report-error more than 3 times...\n selfLimit--;\n processError(ex);\n showErrorPage(ex, encodeMessage(message), null);\n } else {\n selfLimit = 3;\n }\n });\n } else {\n //do not show if only javascript error, must be a response from server\n if (error.response) showErrorPage(error, message, null);\n }\n}\n\nfunction encodeMessage(msg) {\n const b64 = btoa(String(msg));\n return b64.replace(/(.{32})/g, \"$1\\n\");\n}\n\nfunction hideLoader() {\n let loaderElement = document.querySelector(\"#loader\");\n\n if (loaderElement) {\n loaderElement.classList.add(\"hidden\");\n }\n}\n\nconst ErrorNotification = (props) => {\n const { languageContext, errorId } = props;\n const isHTMLOutput = errorId.toLowerCase().indexOf(\" -1;\n const [showdetails, setShowDetails] = useState(false);\n const [ready, toggleReady] = useState(true);\n\n let clientData = {\n timestamp: moment().format(DATE_FORMAT),\n errorId,\n vendor: navigator.vendor,\n appVersion: navigator.appVersion,\n platform: navigator.platform,\n language: navigator.language,\n href: document.location.href,\n screen: {},\n };\n\n if (window.screen) {\n clientData.screen = {\n availWidth: window.screen.availWidth,\n availHeight: window.screen.availHeight,\n width: window.screen.width,\n height: window.screen.height,\n availLeft: window.screen.availLeft,\n availTop: window.screen.availTop,\n orientation: window.screen.orientation\n ? window.screen.orientation.type\n : \"-\",\n };\n }\n\n const errorInfo = messageText(clientData);\n\n useEffect(() => {\n hideLoader();\n }, []);\n\n function messageText(clientData) {\n return `${languageContext(\"errorinfo\")}\n \n ${languageContext(\"errortimestamplabel\")}: ${clientData.timestamp}\n ${languageContext(\"errorhead\")}-ID: ${clientData.errorId}\n ${languageContext(\"pageurl\")}: ${clientData.href}\n ${languageContext(\"vendor\")}: ${clientData.vendor}\n ${languageContext(\"appversion\")}: ${clientData.appVersion}\n ${languageContext(\"platform\")}: ${clientData.platform}\n ${languageContext(\"language\")}: ${clientData.language}\n ${languageContext(\"screen\")}: ${Object.keys(clientData.screen).map(\n (key) => `${key}: ${clientData.screen[key]}`,\n )} \n `;\n }\n\n function hideError() {\n let errorPageElement = document.getElementById(\"errorpage\");\n\n if (errorPageElement) {\n errorPageElement.parentNode.removeChild(errorPageElement);\n }\n disableErrors = false;\n toggleReady(false);\n }\n\n const toggleDetails = (e) => {\n event.preventDefault();\n setShowDetails(!showdetails);\n };\n\n if (!ready) return
;\n\n return (\n \n \n \n \n
{languageContext(\"errorpageheader\")} \n\n \n X\n \n \n {!isHTMLOutput && (\n
\n )}\n
\n
toggleDetails()}>\n {languageContext(\"clickfortechnicalinfo\")}\n \n\n {showdetails && (\n <>\n
\n
\n
\n
\n \n {languageContext(\"errortimestamplabel\")}:\n \n {clientData.timestamp}\n
\n\n {!isHTMLOutput && (\n
\n {languageContext(\"errorhead\")}-ID: \n \n {errorId || \"N/A\"}\n
\n )}\n
\n {languageContext(\"pageurl\")}: \n \n {clientData.href}\n
\n
\n {languageContext(\"vendor\")}: \n \n {clientData.vendor}\n
\n
\n {languageContext(\"appversion\")}: \n \n {clientData.appVersion}\n
\n
\n {languageContext(\"platform\")}: \n \n {clientData.platform}\n
\n
\n {languageContext(\"language\")}: \n \n {clientData.language}\n
\n
\n \n
\n {languageContext(\"screen\")}: \n {Object.keys(clientData.screen).map((key, index) => (\n \n {key}: {clientData.screen[key]}\n \n ))}\n
\n
\n
\n
\n
\n copyToClipboard(errorInfo)}>\n {languageContext(\"copyerrorinfo\")}\n \n
\n \n )}\n
\n \n );\n};\n\nconst ErrorPage = withLanguageContext(ErrorNotification, \"Error\");\n\nconst copyToClipboard = (str) => {\n const el = document.createElement(\"textarea\");\n el.value = str;\n el.setAttribute(\"readonly\", \"\");\n el.style.position = \"absolute\";\n el.style.left = \"-9999px\";\n document.body.appendChild(el);\n el.select();\n document.execCommand(\"copy\");\n document.body.removeChild(el);\n};\n\nfunction showErrorPage(error) {\n if (disableErrors) return;\n if (\n config.showErrorsJS &&\n document.body &&\n $(document.body).hasClass(\"react-spa\")\n ) {\n disableErrors = true;\n const child = document.createElement(\"div\");\n child.id = \"errorpage\";\n document.body.appendChild(child);\n let errorText = error.response ? error.response.text : \"N/A\";\n\n ReactDOM.render(\n {(this.state && this.state.text) || \"\"}\n \n );\n default:\n return (\n {(this.state && this.state.text) || \"\"} \n );\n }\n }\n };\n }\n caption.L = ReactTag(\"span\");\n caption.L.option = ReactTag(\"option\");\n\n caption.getString = function get(context, key, suffix) {\n let customContext = [cultureName, context].join(\"\\\\\").toLowerCase();\n return contexts[customContext]\n ? contexts[customContext].get(key, suffix)\n : \"\";\n };\n\n caption.TranslationMixin = function TranslationMixin({ contexts }) {\n return function (InnerCls) {\n return class TranslationMixinWrapper extends React.Component {\n async componentWillMount() {\n this.string = this.string.bind(this);\n this.setState({ ready: false });\n let loaded = await Promise.all(contexts.map((c) => loadContext(c)));\n let mapped = _.fromPairs(\n loaded.map((c, i) => [contexts[i].toLowerCase(), c]),\n );\n this.setState({ ready: true, contexts: mapped });\n }\n\n string(context, key, suffix) {\n var ctx = this.state.contexts;\n var requestContext =\n ctx[String(context).toLowerCase()] || caption.emptyContext;\n return requestContext.get(String(key), suffix);\n }\n\n render() {\n if (!this.state.ready) return Loading...
;\n return \") == -1 && xmlhttp.responseText.indexOf(\"\") == -1)\r\n\t\t\t\t{\r\n\t\t\t\t\ttipobj.innerHTML = xmlhttp.responseText;\r\n\t\t\t\t\ttipobj.style.visibility=\"visible\";\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\txmlhttp.send(null);\r\n}\r\n\r\nwindow.hidedquicktip = function()\r\n{\r\n clearTimeout(timeoutObj2);\r\n clearTimeout(timeoutObj);\r\n\r\n if(timeoutObj != null)\r\n timeoutObj2 = setTimeout(\"hidedquicktip2()\",1000);\r\n}\r\n\r\nfunction hidedquicktip2()\r\n{\r\n if(stopper)\r\n {\r\n return;\r\n }\r\n\r\n\tdocument.onmousemove = null;\r\n\tclearTimeout(timeoutObj);\r\n\tif(tipobj==null)return;\r\n\tenabletip=false;\r\n\ttipobj.style.visibility=\"hidden\";\r\n\ttipobj.style.backgroundColor=\"\";\r\n\ttipobj.style.width=\"\";\r\n\tclearTimeout(timeoutObj2);\r\n}\r\n\r\nfunction init_dquicktip(thetext,useXmlRequest) {\r\n \r\n clearTimeout(timeoutObj2);\r\n clearTimeout(timeoutObj);\r\n \r\n\tdocument.onmousemove = getMouseXY;\r\n\t\r\n\tuseXmlObj = useXmlRequest;\r\n\ttipobj = document.getElementById(\"dhtmltooltip\");\r\n\tif(tipobj==null)\r\n\t{\r\n\t\treturn;\r\n\t}\r\n\t\r\n\tif (luvit.browserIsIE())\r\n\t{\r\n\t tipobj.onmouseover = handleOnMouseOver;\r\n\t tipobj.onmouseleave = handleOnMouseOut;\r\n\t}\r\n\t\r\n\ttimeoutObj = setTimeout(\"dquicktip('\" + thetext.replace(\"'\",\"'\") + \"')\",1000);\t\r\n\r\n}\r\n\r\nwindow.init_dquicktippos = function(thetext, useXmlRequest, x, y) {\r\n\r\n\r\n document.onmousemove = getMouseXY;\r\n\r\n useXmlObj = useXmlRequest;\r\n tipobj = document.getElementById(\"dhtmltooltip\");\r\n \r\n if (tipobj == null) {\r\n return;\r\n }\r\n $(tipobj).mouseleave(function(e) {\r\n handleOnMouseOut(e);\r\n });\r\n\r\n dquicktippos(thetext.replace(\"'\", \"'\"), x, y);\r\n\r\n}\r\n\r\nfunction handleOnMouseOver()\r\n{\r\n stopper = true;\r\n}\r\n\r\nfunction handleOnMouseOut(evt) {\r\n\r\n stopper = false;\r\n \r\n hidedquicktip2();\r\n}\r\n\r\nif (!luvit.browserIsIE()) document.captureEvents(Event.MOUSEMOVE);\r\nvar tempX = 0;\r\nvar tempY = 0;\r\nfunction getMouseXY(e) \r\n{\r\n\tif (luvit.browserIsIE())\r\n\t{ \r\n\t\ttempX = event.clientX + document.body.scrollLeft;\r\n\t\ttempY = event.clientY + document.body.scrollTop;\r\n\t}\r\n\telse \r\n\t{ \r\n\t\ttempX = e.pageX;\r\n\t\ttempY = e.pageY;\r\n\t} \r\n\tif (tempX < 0){tempX = 0;}\r\n\tif (tempY < 0){tempY = 0;} \r\n\treturn true;\r\n}\r\n\r\nfunction callQInProgress() \r\n{\r\n switch (xmlhttp.readyState) \r\n {\r\n case 1:\r\n return true;\r\n\t\t\tbreak;\r\n\t\tcase 2:\r\n return true;\r\n\t\t\tbreak;\r\n\t\tcase 3:\r\n return true;\r\n\t\t\tbreak;\r\n default:\r\n return false;\r\n\t\t\tbreak;\r\n }\r\n}","/***********************************************\r\n* Cool DHTML tooltip script - Dynamic Drive DHTML code library (www.dynamicdrive.com)\r\n* This notice MUST stay intact for legal use\r\n* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code\r\n***********************************************/\r\n\r\n\r\nvar offsetxpoint=10; //Customize x offset of tooltip\r\nvar offsetypoint=10; //Customize y offset of tooltip\r\nvar enabletip=false;\r\nvar timeoutObj;\r\nvar currentHtml;\r\nvar tipobj = null;\r\nvar useXmlObj;\r\n\r\nfunction ietruebody()\r\n{\r\n\treturn (document.compatMode && document.compatMode!=\"BackCompat\")? document.documentElement : document.body\r\n}\r\n\r\nfunction ddrivetip (thetext, thecolor, thewidth)\r\n{\r\n\tif (typeof thewidth!=\"undefined\") tipobj.style.width=thewidth+\"px\";\r\n\tif (typeof thecolor!=\"undefined\" && thecolor!=\"\") tipobj.style.backgroundColor=thecolor;\r\n\t\r\n\t//Fill here with xmlhttprequest\r\n\tupdateHtml(thetext);\r\n\tenabletip=true;\r\n\t\r\n\t//Position the tip\r\n\tvar rightedge= window.innerWidth-tempX-offsetxpoint-20;\r\n\tvar bottomedge=window.innerHeight-tempY-offsetypoint-20;\r\n\tvar leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000;\r\n\ttipobj.style.left=tempX+offsetxpoint+\"px\";\r\n\ttipobj.style.top=tempY+offsetypoint+\"px\";\r\n}\r\n\r\n\r\nwindow.ddrivetippos = function(thetext, x, y) {\r\n\r\n updateHtml(thetext);\r\n\r\n tipobj.style.left = (x - 2) + \"px\";\r\n tipobj.style.top = (y - 2) + \"px\";\r\n}\r\n\r\nfunction updateHtml(thetext)\r\n{\r\n\tif(!useXmlObj) {\r\n\t\ttipobj.innerHTML = thetext;\r\n\t\ttipobj.style.visibility=\"visible\";\r\n\t}\r\n\telse\r\n\t{\r\n\t\tgetTT(thetext);\r\n\t}\r\n}\r\n\r\nfunction getTT()\r\n{\r\n\tif(!xmlhttp || xmlhttp==null)\r\n\t\treturn;\r\n\tif(callInProgress(xmlhttp))\r\n\t\treturn;\r\n\t\r\n\tmyRandom=parseInt(Math.random()*99999999);\r\n\tmyUrl = xmlUrl + \"?random=\" + myRandom + \"&id=\" + getTT.arguments[0];\r\n\r\n//\tif(getTT.arguments.length>1)\r\n//\t{\r\n//\t\tfor(i=1;i -1)\r\n\t\t\t\t{\r\n\t\t\t\t\treturn;\t\r\n\t\t\t\t}\r\n\t\t\t\ttipobj.innerHTML = xmlhttp.responseText;\r\n\t\t\t\ttipobj.style.visibility=\"visible\";\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\txmlhttp.send(null);\r\n}\r\n\r\nwindow.hideddrivetip = function () {\r\n\tdocument.onmousemove = null;\r\n\t\r\n\tclearTimeout(timeoutObj);\r\n\tif(tipobj==null)return;\r\n\tenabletip=false;\r\n\ttipobj.style.visibility=\"hidden\";\r\n\ttipobj.style.backgroundColor=\"\";\r\n\ttipobj.style.width=\"\";\r\n}\r\n\r\nwindow.init_ddrivetip = function (thetext,useXmlRequest) {\r\n\r\n\tdocument.onmousemove = getMouseXY;\r\n\t\r\n\t//If the container for tooltips is null, create it\r\n\tuseXmlObj = useXmlRequest;\r\n\ttipobj = document.getElementById(\"dhtmltooltip\");\r\n\tif(tipobj==null)\r\n\t{\r\n\t\treturn;\r\n\t}\r\n\ttimeoutObj = setTimeout(\"ddrivetip('\" + thetext.replace(\"'\", \"'\") + \"')\", 500);\r\n\r\n\t$(tipobj).mouseleave(function(e) {\r\n\t handleOnMouseOut(e);\r\n\t});\r\n}\r\n\r\n\r\nwindow.init_ddrivetippos = function(thetext, useXmlRequest, x, y) {\r\n\r\n document.onmousemove = getMouseXY;\r\n\r\n useXmlObj = useXmlRequest;\r\n tipobj = document.getElementById(\"dhtmltooltip\");\r\n\r\n if (tipobj == null) {\r\n return;\r\n }\r\n /* $(tipobj).mouseleave(function(e) {\r\n handleOnMouseOut(e);\r\n });*/\r\n\r\n //ddrivetippos(thetext.replace(\"'\", \"'\"), x, y);\r\n //var str = \"ddrivetippos('\" + thetext.replace(\"'\", \"'\") + \"',\" + x + \",\" + y + \")\";\r\n //alert(str);\r\n timeoutObj = setTimeout(\"ddrivetippos('\" + thetext.replace(\"'\", \"'\") + \"',\" + x + \",\" + y +\")\", 500);\r\n\r\n}\r\n\r\nfunction handleOnMouseOut(evt) {\r\n\r\n stopper = false;\r\n\r\n hideddrivetip();\r\n}\r\n\r\nif (!luvit.browserIsIE()) document.captureEvents(Event.MOUSEMOVE);\r\n\r\nvar tempX = 0;\r\nvar tempY = 0;\r\n\r\n \r\n addEventListener('mousemove', function (e) {\r\n tempX = e.clientX || e.pageX;\r\n tempY = e.clientY || e.pageY\r\n }, false);\r\n\r\n\r\nfunction getMouseXY(e) \r\n{\r\n\r\n\t\t// grab the x-y pos.s if browser is NS\r\n\t\ttempX = e.pageX;\r\n\t\ttempY = e.pageY;\r\n \r\n\tif (tempX < 0){tempX = 0;}\r\n\tif (tempY < 0){tempY = 0;} \r\n\treturn true;\r\n}\r\n","(function (a) { a.widget(\"ui.dropdownchecklist\", { version: function () { alert(\"DropDownCheckList v1.4\") }, _appendDropContainer: function (b) { var d = a(\"
\"); d.addClass(\"ui-dropdownchecklist ui-dropdownchecklist-dropcontainer-wrapper\"); d.addClass(\"ui-widget\"); d.attr(\"id\", b.attr(\"id\") + \"-ddw\"); d.css({ position: \"absolute\", left: \"-33000px\", top: \"-33000px\" }); var c = a(\"
\"); c.addClass(\"ui-dropdownchecklist-dropcontainer ui-widget-content\"); c.css(\"overflow-y\", \"auto\"); d.append(c); d.insertAfter(b); d.isOpen = false; return d }, _isDropDownKeyShortcut: function (c, b) { return c.altKey && (a.ui.keyCode.DOWN == b) }, _isDropDownCloseKey: function (c, b) { return (a.ui.keyCode.ESCAPE == b) || (a.ui.keyCode.ENTER == b) }, _keyFocusChange: function (f, i, c) { var g = a(\":focusable\"); var d = g.index(f); if (d >= 0) { d += i; if (c) { var e = this.dropWrapper.find(\"input:not([disabled])\"); var b = g.index(e.get(0)); var h = g.index(e.get(e.length - 1)); if (d < b) { d = h } else { if (d > h) { d = b } } } g.get(d).focus() } }, _handleKeyboard: function (d) { var b = this; var c = (d.keyCode || d.which); if (!b.dropWrapper.isOpen && b._isDropDownKeyShortcut(d, c)) { d.stopImmediatePropagation(); b._toggleDropContainer(true) } else { if (b.dropWrapper.isOpen && b._isDropDownCloseKey(d, c)) { d.stopImmediatePropagation(); b._toggleDropContainer(false); b.controlSelector.focus() } else { if (b.dropWrapper.isOpen && (d.target.type == \"checkbox\") && ((c == a.ui.keyCode.DOWN) || (c == a.ui.keyCode.UP))) { d.stopImmediatePropagation(); b._keyFocusChange(d.target, (c == a.ui.keyCode.DOWN) ? 1 : -1, true) } else { if (b.dropWrapper.isOpen && (c == a.ui.keyCode.TAB)) { } } } } }, _handleFocus: function (f, d, b) { var c = this; if (b && !c.dropWrapper.isOpen) { f.stopImmediatePropagation(); if (d) { c.controlSelector.addClass(\"ui-state-hover\"); if (a.ui.dropdownchecklist.gLastOpened != null) { a.ui.dropdownchecklist.gLastOpened._toggleDropContainer(false) } } else { c.controlSelector.removeClass(\"ui-state-hover\") } } else { if (!b && !d) { if (f != null) { f.stopImmediatePropagation() } c.controlSelector.removeClass(\"ui-state-hover\"); c._toggleDropContainer(false) } } }, _cancelBlur: function (c) { var b = this; if (b.blurringItem != null) { clearTimeout(b.blurringItem); b.blurringItem = null } }, _appendControl: function () { var j = this, c = this.sourceSelect, k = this.options; var b = a(\"
\"); g.addClass(\"ui-icon\"); g.addClass((k.icon.toOpen != null) ? k.icon.toOpen : \"ui-icon-triangle-1-e\"); g.css({ \"float\": i }); h.append(g) } var e = a(\"
\"); t.addClass(\"ui-dropdownchecklist-item\"); t.css({ \"white-space\": \"nowrap\" }); var r = h ? ' checked=\"checked\"' : \"\"; var j = e ? ' class=\"inactive\"' : ' class=\"active\"'; var b = p.attr(\"id\"); var n = b + \"-i\" + g; var s; if (m.isMultiple) { s = a('
\"); e.addClass(\"ui-dropdownchecklist-group ui-widget-header\"); if (d) { e.addClass(\"ui-state-disabled\") } e.css({ \"white-space\": \"nowrap\" }); var c = a(\"
\"); d.addClass(\"ui-state-default ui-dropdownchecklist-close ui-dropdownchecklist-item\"); d.css({ \"white-space\": \"nowrap\", \"text-align\": \"right\" }); var c = a(\"\").addClass(\"jHtmlArea\").width(textarea.width()).insertAfter(textarea);var toolbar=this.toolbar=$(\"
\").addClass(\"ToolBar\").appendTo(container);priv.initToolBar.call(this,opts);var iframe=this.iframe=$(\"\").height(textarea.height());iframe.width(textarea.width()-($.browser.msie?0:4));var htmlarea=this.htmlarea=$(\"
\").append(iframe);container.append(htmlarea).append(textarea.hide());priv.initEditor.call(this,opts);priv.attachEditorEvents.call(this);iframe.height(iframe.height()-toolbar.height());toolbar.width(textarea.width()-2);if(opts.loaded){opts.loaded.call(this);}}},dispose:function(){this.textarea.show().insertAfter(this.container);this.container.remove();this.textarea[0].jhtmlareaObject=null;},execCommand:function(a,b,c){this.iframe[0].contentWindow.focus();this.editor.execCommand(a,b||false,c||null);this.updateTextArea();},ec:function(a,b,c){this.execCommand(a,b,c);},queryCommandValue:function(a){this.iframe[0].contentWindow.focus();return this.editor.queryCommandValue(a);},qc:function(a){return this.queryCommandValue(a);},getSelectedHTML:function(){if($.browser.msie){return this.getRange().htmlText;}else{var elem=this.getRange().cloneContents();return $(\"
\").append($(elem)).html();}},getSelection:function(){if($.browser.msie){return this.editor.selection;}else{return this.iframe[0].contentDocument.defaultView.getSelection();}},getRange:function(){var s=this.getSelection();if(!s){return null;}\r\nreturn(s.getRangeAt)?s.getRangeAt(0):s.createRange();},html:function(v){if(v){this.textarea.val(v);this.updateHtmlArea();}else{return this.toHtmlString();}},pasteHTML:function(html){this.iframe[0].contentWindow.focus();var r=this.getRange();if($.browser.msie){r.pasteHTML(html);}else if($.browser.mozilla){r.deleteContents();r.insertNode($((html.indexOf(\"<\")!=0)?$(\"\"+html+\" \":html))[0]);}\r\nr.collapse(false);r.select();},cut:function(){this.ec(\"cut\");},copy:function(){this.ec(\"copy\");},paste:function(){this.ec(\"paste\");},bold:function(){this.ec(\"bold\");},italic:function(){this.ec(\"italic\");},underline:function(){this.ec(\"underline\");},strikeThrough:function(){this.ec(\"strikethrough\");},image:function(url){if($.browser.msie&&!url){this.ec(\"insertImage\",true);}else{this.ec(\"insertImage\",false,(url||prompt(\"Image URL:\",\"http://\")));}},removeFormat:function(){this.ec(\"removeFormat\",false,[]);this.unlink();},link:function(){if($.browser.msie){this.ec(\"createLink\",true);}else{this.ec(\"createLink\",false,prompt(\"Link URL:\",\"http://\"));}},unlink:function(){this.ec(\"unlink\",false,[]);},orderedList:function(){this.ec(\"insertorderedlist\");},unorderedList:function(){this.ec(\"insertunorderedlist\");},superscript:function(){this.ec(\"superscript\");},subscript:function(){this.ec(\"subscript\");},p:function(){this.formatBlock(\"\");},h1:function(){this.heading(1);},h2:function(){this.heading(2);},h3:function(){this.heading(3);},h4:function(){this.heading(4);},h5:function(){this.heading(5);},h6:function(){this.heading(6);},heading:function(h){this.formatBlock($.browser.msie?\"Heading \"+h:\"h\"+h);},indent:function(){this.ec(\"indent\");},outdent:function(){this.ec(\"outdent\");},insertHorizontalRule:function(){this.ec(\"insertHorizontalRule\",false,\"ht\");},justifyLeft:function(){this.ec(\"justifyLeft\");},justifyCenter:function(){this.ec(\"justifyCenter\");},justifyRight:function(){this.ec(\"justifyRight\");},increaseFontSize:function(){if($.browser.msie){this.ec(\"fontSize\",false,this.qc(\"fontSize\")+1);}else if($.browser.safari){this.getRange().surroundContents($(this.iframe[0].contentWindow.document.createElement(\"span\")).css(\"font-size\",\"larger\")[0]);}else{this.ec(\"increaseFontSize\",false,\"big\");}},decreaseFontSize:function(){if($.browser.msie){this.ec(\"fontSize\",false,this.qc(\"fontSize\")-1);}else if($.browser.safari){this.getRange().surroundContents($(this.iframe[0].contentWindow.document.createElement(\"span\")).css(\"font-size\",\"smaller\")[0]);}else{this.ec(\"decreaseFontSize\",false,\"small\");}},forecolor:function(c){this.ec(\"foreColor\",false,c||prompt(\"Enter HTML Color:\",\"#\"));},formatBlock:function(v){this.ec(\"formatblock\",false,v||null);},showHTMLView:function(){this.updateTextArea();this.textarea.show();this.htmlarea.hide();$(\"ul li:not(li:has(a.html))\",this.toolbar).hide();$(\"ul:not(:has(:visible))\",this.toolbar).hide();$(\"ul li a.html\",this.toolbar).addClass(\"highlighted\");},hideHTMLView:function(){this.updateHtmlArea();this.textarea.hide();this.htmlarea.show();$(\"ul\",this.toolbar).show();$(\"ul li\",this.toolbar).show().find(\"a.html\").removeClass(\"highlighted\");},toggleHTMLView:function(){(this.textarea.is(\":hidden\"))?this.showHTMLView():this.hideHTMLView();},toHtmlString:function(){return this.editor.body.innerHTML;},toString:function(){return this.editor.body.innerText;},updateTextArea:function(){this.textarea.val(this.toHtmlString());},updateHtmlArea:function(){this.editor.body.innerHTML=this.textarea.val();}};jHtmlArea.fn.init.prototype=jHtmlArea.fn;jHtmlArea.defaultOptions={toolbar:[[\"html\"],[\"bold\",\"italic\",\"underline\",\"strikethrough\",\"|\",\"subscript\",\"superscript\"],[\"increasefontsize\",\"decreasefontsize\"],[\"orderedlist\",\"unorderedlist\"],[\"indent\",\"outdent\"],[\"justifyleft\",\"justifycenter\",\"justifyright\"],[\"link\",\"unlink\",\"image\",\"horizontalrule\"],[\"p\",\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\"],[\"cut\",\"copy\",\"paste\"]],css:null,toolbarText:{bold:\"Bold\",italic:\"Italic\",underline:\"Underline\",strikethrough:\"Strike-Through\",cut:\"Cut\",copy:\"Copy\",paste:\"Paste\",h1:\"Heading 1\",h2:\"Heading 2\",h3:\"Heading 3\",h4:\"Heading 4\",h5:\"Heading 5\",h6:\"Heading 6\",p:\"Paragraph\",indent:\"Indent\",outdent:\"Outdent\",horizontalrule:\"Insert Horizontal Rule\",justifyleft:\"Left Justify\",justifycenter:\"Center Justify\",justifyright:\"Right Justify\",increasefontsize:\"Increase Font Size\",decreasefontsize:\"Decrease Font Size\",forecolor:\"Text Color\",link:\"Insert Link\",unlink:\"Remove Link\",image:\"Insert Image\",orderedlist:\"Insert Ordered List\",unorderedlist:\"Insert Unordered List\",subscript:\"Subscript\",superscript:\"Superscript\",html:\"Show/Hide HTML Source View\"}};var priv={toolbarButtons:{strikethrough:\"strikeThrough\",orderedlist:\"orderedList\",unorderedlist:\"unorderedList\",horizontalrule:\"insertHorizontalRule\",justifyleft:\"justifyLeft\",justifycenter:\"justifyCenter\",justifyright:\"justifyRight\",increasefontsize:\"increaseFontSize\",decreasefontsize:\"decreaseFontSize\",html:function(btn){this.toggleHTMLView();}},initEditor:function(options){var edit=this.editor=this.iframe[0].contentWindow.document;edit.designMode='on';edit.open();edit.write(this.textarea.val());edit.close();if(options.css){var e=edit.createElement('link');e.rel='stylesheet';e.type='text/css';e.href=options.css;edit.getElementsByTagName('head')[0].appendChild(e);}},initToolBar:function(options){var that=this;var menuItem=function(className,altText,action){return $(\"
'));}else{var f=(function(e){var m=priv.toolbarButtons[e]||e;if((typeof(m)).toLowerCase()===\"function\"){return function(btn){m.call(this,btn);};}else{return function(){this[m]();this.editor.body.focus();};}})(e.toLowerCase());var t=options.toolbarText[e.toLowerCase()];ul.append(menuItem(e.toLowerCase(),t||e,f));}}else{ul.append(menuItem(e.css,e.text,e.action));}}};if(options.toolbar.length!==0&&priv.isArray(options.toolbar[0])){for(var i=0;i').css({\n position: 'absolute',\n top: -10000,\n left: -10000,\n width: $(this).width(),\n fontSize: $this.css('fontSize'),\n fontFamily: $this.css('fontFamily'),\n lineHeight: $this.css('lineHeight'),\n resize: 'none'\n }).appendTo(document.body);\n \n var update = function() {\n \n var val = this.value.replace(//g, '>')\n .replace(/&/g, '&')\n .replace(/\\n/g, ' opts.maxfiles && opts.queuefiles === 0) {\r\n opts.error(errors[1]);\r\n return false;\r\n }\r\n\r\n // Define queues to manage upload process\r\n var workQueue = [];\r\n var processingQueue = [];\r\n var doneQueue = [];\r\n\r\n // Add everything to the workQueue\r\n for (var i = 0; i < files_count; i++) {\r\n workQueue.push(i);\r\n }\r\n\r\n // Helper function to enable pause of processing to wait\r\n // for in process queue to complete\r\n var pause = function(timeout) {\r\n setTimeout(process, timeout);\r\n return;\r\n };\r\n\r\n // Process an upload, recursive\r\n var process = function() {\r\n\r\n var fileIndex;\r\n\r\n if (stop_loop) {\r\n return false;\r\n }\r\n\r\n // Check to see if are in queue mode\r\n if (opts.queuefiles > 0 && processingQueue.length >= opts.queuefiles) {\r\n return pause(opts.queuewait);\r\n } else {\r\n // Take first thing off work queue\r\n fileIndex = workQueue[0];\r\n workQueue.splice(0, 1);\r\n\r\n // Add to processing queue\r\n processingQueue.push(fileIndex);\r\n }\r\n\r\n try {\r\n if (beforeEach(files[fileIndex]) !== false) {\r\n if (fileIndex === files_count) {\r\n return;\r\n }\r\n var reader = new FileReader(),\r\n max_file_size = 1048576 * opts.maxfilesize;\r\n\r\n reader.index = fileIndex;\r\n if (files[fileIndex].size > max_file_size) {\r\n opts.error(errors[2], files[fileIndex], fileIndex);\r\n // Remove from queue\r\n processingQueue.forEach(function(value, key) {\r\n if (value === fileIndex) {\r\n processingQueue.splice(key, 1);\r\n }\r\n });\r\n filesRejected++;\r\n return true;\r\n }\r\n\r\n reader.onerror = function(e) {\r\n switch(e.target.error.code) {\r\n case e.target.error.NOT_FOUND_ERR:\r\n opts.error(errors[4]);\r\n return false;\r\n case e.target.error.NOT_READABLE_ERR:\r\n opts.error(errors[5]);\r\n return false;\r\n case e.target.error.ABORT_ERR:\r\n opts.error(errors[6]);\r\n return false;\r\n default:\r\n opts.error(errors[7]);\r\n return false;\r\n };\r\n };\r\n\r\n reader.onloadend = !opts.beforeSend ? send : function (e) {\r\n opts.beforeSend(files[fileIndex], fileIndex, function () { send(e); });\r\n };\r\n\r\n reader.readAsDataURL(files[fileIndex]);\r\n\r\n } else {\r\n filesRejected++;\r\n }\r\n } catch (err) {\r\n // Remove from queue\r\n processingQueue.forEach(function(value, key) {\r\n if (value === fileIndex) {\r\n processingQueue.splice(key, 1);\r\n }\r\n });\r\n opts.error(errors[0]);\r\n return false;\r\n }\r\n\r\n // If we still have work to do,\r\n if (workQueue.length > 0) {\r\n process();\r\n }\r\n };\r\n\r\n var send = function(e) {\r\n\r\n var fileIndex = (e.srcElement || e.target).index;\r\n\r\n // Sometimes the index is not attached to the\r\n // event object. Find it by size. Hack for sure.\r\n if (e.target.index === undefined) {\r\n e.target.index = getIndexBySize(e.total);\r\n }\r\n\r\n var xhr = new XMLHttpRequest(),\r\n upload = xhr.upload,\r\n file = files[e.target.index],\r\n index = e.target.index,\r\n start_time = new Date().getTime(),\r\n boundary = '------multipartformboundary' + (new Date()).getTime(),\r\n global_progress_index = global_progress.length,\r\n builder,\r\n newName = rename(file.name),\r\n mime = file.type;\r\n\r\n if (opts.withCredentials) {\r\n xhr.withCredentials = opts.withCredentials;\r\n }\r\n\r\n var encodedString = e.target.result.split(',')[1];\r\n var data = encodedString === undefined ? '' : atob(encodedString);\r\n if (typeof newName === \"string\") {\r\n builder = getBuilder(newName, data, mime, boundary);\r\n } else {\r\n builder = getBuilder(file.name, data, mime, boundary);\r\n }\r\n\r\n upload.index = index;\r\n upload.file = file;\r\n upload.downloadStartTime = start_time;\r\n upload.currentStart = start_time;\r\n upload.currentProgress = 0;\r\n upload.global_progress_index = global_progress_index;\r\n upload.startData = 0;\r\n upload.addEventListener(\"progress\", progress, false);\r\n\r\n // Allow url to be a method\r\n if (jQuery.isFunction(opts.url)) {\r\n xhr.open(opts.requestType, opts.url(upload), true);\r\n } else {\r\n xhr.open(opts.requestType, opts.url, true);\r\n }\r\n\r\n xhr.setRequestHeader('content-type', 'multipart/form-data; boundary=' + boundary);\r\n xhr.setRequestHeader(\"X-Requested-With\", \"XMLHttpRequest\");\r\n\r\n // Add headers\r\n $.each(opts.headers, function(k, v) {\r\n xhr.setRequestHeader(k, v);\r\n });\r\n\r\n if(!xhr.sendAsBinary){\r\n xhr.sendAsBinary = function(datastr) {\r\n function byteValue(x) {\r\n return x.charCodeAt(0) & 0xff;\r\n }\r\n var ords = Array.prototype.map.call(datastr, byteValue);\r\n var ui8a = new Uint8Array(ords);\r\n this.send(ui8a.buffer);\r\n }\r\n }\r\n \r\n xhr.sendAsBinary(builder);\r\n\r\n global_progress[global_progress_index] = 0;\r\n globalProgress();\r\n\r\n opts.uploadStarted(index, file, files_count);\r\n\r\n xhr.onload = function() {\r\n var serverResponse = null;\r\n\r\n if (xhr.responseText) {\r\n try {\r\n serverResponse = jQuery.parseJSON(xhr.responseText);\r\n }\r\n catch (e) {\r\n serverResponse = xhr.responseText;\r\n }\r\n }\r\n\r\n var now = new Date().getTime(),\r\n timeDiff = now - start_time,\r\n result = opts.uploadFinished(index, file, serverResponse, timeDiff, xhr);\r\n filesDone++;\r\n\r\n // Remove from processing queue\r\n processingQueue.forEach(function(value, key) {\r\n if (value === fileIndex) {\r\n processingQueue.splice(key, 1);\r\n }\r\n });\r\n\r\n // Add to donequeue\r\n doneQueue.push(fileIndex);\r\n\r\n // Make sure the global progress is updated\r\n global_progress[global_progress_index] = 100;\r\n globalProgress();\r\n\r\n if (filesDone === (files_count - filesRejected)) {\r\n afterAll();\r\n }\r\n if (result === false) {\r\n stop_loop = true;\r\n }\r\n\r\n\r\n // Pass any errors to the error option\r\n if (xhr.status < 200 || xhr.status > 299) {\r\n opts.error(xhr.statusText, file, fileIndex, xhr.status);\r\n }\r\n };\r\n };\r\n\r\n // Initiate the processing loop\r\n process();\r\n }\r\n\r\n function getIndexBySize(size) {\r\n for (var i = 0; i < files_count; i++) {\r\n if (files[i].size === size) {\r\n return i;\r\n }\r\n }\r\n\r\n return undefined;\r\n }\r\n\r\n function rename(name) {\r\n return opts.rename(name);\r\n }\r\n\r\n function beforeEach(file) {\r\n return opts.beforeEach(file);\r\n }\r\n\r\n function afterAll() {\r\n return opts.afterAll();\r\n }\r\n\r\n function dragEnter(e) {\r\n clearTimeout(doc_leave_timer);\r\n e.preventDefault();\r\n opts.dragEnter.call(this, e);\r\n }\r\n\r\n function dragOver(e) {\r\n clearTimeout(doc_leave_timer);\r\n e.preventDefault();\r\n opts.docOver.call(this, e);\r\n opts.dragOver.call(this, e);\r\n }\r\n\r\n function dragLeave(e) {\r\n clearTimeout(doc_leave_timer);\r\n opts.dragLeave.call(this, e);\r\n e.stopPropagation();\r\n }\r\n\r\n function docDrop(e) {\r\n e.preventDefault();\r\n opts.docLeave.call(this, e);\r\n return false;\r\n }\r\n\r\n function docEnter(e) {\r\n clearTimeout(doc_leave_timer);\r\n e.preventDefault();\r\n opts.docEnter.call(this, e);\r\n return false;\r\n }\r\n\r\n function docOver(e) {\r\n clearTimeout(doc_leave_timer);\r\n e.preventDefault();\r\n opts.docOver.call(this, e);\r\n return false;\r\n }\r\n\r\n function docLeave(e) {\r\n doc_leave_timer = setTimeout((function(_this) {\r\n return function() {\r\n opts.docLeave.call(_this, e);\r\n };\r\n })(this), 200);\r\n }\r\n\r\n return this;\r\n };\r\n\r\n function empty() {}\r\n\r\n try {\r\n if (XMLHttpRequest.prototype.sendAsBinary) {\r\n return;\r\n }\r\n XMLHttpRequest.prototype.sendAsBinary = function(datastr) {\r\n function byteValue(x) {\r\n return x.charCodeAt(0) & 0xff;\r\n }\r\n var ords = Array.prototype.map.call(datastr, byteValue);\r\n var ui8a = new Uint8Array(ords);\r\n\r\n // Not pretty: Chrome 22 deprecated sending ArrayBuffer, moving instead\r\n // to sending ArrayBufferView. Sadly, no proper way to detect this\r\n // functionality has been discovered. Happily, Chrome 22 also introduced\r\n // the base ArrayBufferView class, not present in Chrome 21.\r\n if ('ArrayBufferView' in window)\r\n this.send(ui8a);\r\n else\r\n this.send(ui8a.buffer);\r\n };\r\n } catch (e) {}\r\n\r\n})(jQuery);\r\n","/*\n * jquery.finger\n * https://github.com/ngryman/jquery.finger\n *\n * Copyright (c) 2013 ngryman\n * Licensed under the MIT license.\n */\n\n(function($, ua) {\n\n\tvar isChrome = /chrome/i.exec(ua),\n\t\tisAndroid = /android/i.exec(ua),\n\t\thasTouch = 'ontouchstart' in window && !(isChrome && !isAndroid),\n\t\tstartEvent = hasTouch ? 'touchstart' : 'mousedown',\n\t\tstopEvent = hasTouch ? 'touchend touchcancel' : 'mouseup mouseleave',\n\t\tmoveEvent = hasTouch ? 'touchmove' : 'mousemove',\n\n\t\tnamespace = 'finger',\n\t\trootEl = $('html')[0],\n\n\t\tstart = {},\n\t\tmove = {},\n\t\tmotion,\n\t\tcancel,\n\t\tsafeguard,\n\t\ttimeout,\n\t\tprevEl,\n\t\tprevTime,\n\n\t\tFinger = $.Finger = {\n\t\t\tpressDuration: 300,\n\t\t\tdoubleTapInterval: 300,\n\t\t\tflickDuration: 150,\n\t\t\tmotionThreshold: 5\n\t\t};\n\n\tfunction preventDefault(event) {\n\t\tevent.preventDefault();\n\t\t$.event.remove(rootEl, 'click', preventDefault);\n\t}\n\n\tfunction page(coord, event) {\n\t\treturn (hasTouch ? event.originalEvent.touches[0] : event)['page' + coord.toUpperCase()];\n\t}\n\n\tfunction trigger(event, evtName, remove) {\n\t\tvar fingerEvent = $.Event(evtName, move);\n\t\t$.event.trigger(fingerEvent, { originalEvent: event }, event.target);\n\n\t\tif (fingerEvent.isDefaultPrevented()) {\n\t\t\tif (~evtName.indexOf('tap') && !hasTouch)\n\t\t\t\t$.event.add(rootEl, 'click', preventDefault);\n\t\t\telse\n\t\t\t\tevent.preventDefault();\n\t\t}\n\n\t\tif (remove) {\n\t\t\t$.event.remove(rootEl, moveEvent + '.' + namespace, moveHandler);\n\t\t\t$.event.remove(rootEl, stopEvent + '.' + namespace, stopHandler);\n\t\t}\n\t}\n\n\tfunction startHandler(event) {\n\t\tvar timeStamp = event.timeStamp || +new Date();\n\n\t\tif (safeguard == timeStamp) return;\n\t\tsafeguard = timeStamp;\n\n\t\t// initializes data\n\t\tstart.x = move.x = page('x', event);\n\t\tstart.y = move.y = page('y', event);\n\t\tstart.time = timeStamp;\n\t\tstart.target = event.target;\n\t\tmove.orientation = null;\n\t\tmove.end = false;\n\t\tmotion = false;\n\t\tcancel = false;\n\t\ttimeout = setTimeout(function() {\n\t\t\tcancel = true;\n\t\t\ttrigger(event, 'press');\n\t\t}, $.Finger.pressDuration);\n\n\t\t$.event.add(rootEl, moveEvent + '.' + namespace, moveHandler);\n\t\t$.event.add(rootEl, stopEvent + '.' + namespace, stopHandler);\n\n\t\t// global prevent default\n\t\tif (Finger.preventDefault) {\n\t\t\tevent.preventDefault();\n\t\t\t$.event.add(rootEl, 'click', preventDefault);\n\t\t}\n\t}\n\n\tfunction moveHandler(event) {\n\t\t// motion data\n\t\tmove.x = page('x', event);\n\t\tmove.y = page('y', event);\n\t\tmove.dx = move.x - start.x;\n\t\tmove.dy = move.y - start.y;\n\t\tmove.adx = Math.abs(move.dx);\n\t\tmove.ady = Math.abs(move.dy);\n\n\t\t// security\n\t\tmotion = move.adx > Finger.motionThreshold || move.ady > Finger.motionThreshold;\n\t\tif (!motion) return;\n\n\t\t// moves cancel press events\n\t\tclearTimeout(timeout);\n\n\t\t// orientation\n\t\tif (!move.orientation) {\n\t\t\tif (move.adx > move.ady) {\n\t\t\t\tmove.orientation = 'horizontal';\n\t\t\t\tmove.direction = move.dx > 0 ? +1 : -1;\n\t\t\t}\n\t\t\telse {\n\t\t\t\tmove.orientation = 'vertical';\n\t\t\t\tmove.direction = move.dy > 0 ? +1 : -1;\n\t\t\t}\n\t\t}\n\n\t\t// for delegated events, the target may change over time\n\t\t// this ensures we notify the right target and simulates the mouseleave behavior\n\t\twhile (event.target && event.target !== start.target)\n\t\t\tevent.target = event.target.parentNode;\n\t\tif (event.target !== start.target) {\n\t\t\tevent.target = start.target;\n\t\t\tstopHandler.call(this, $.Event(stopEvent + '.' + namespace, event));\n\t\t\treturn;\n\t\t}\n\n\t\t// fire drag event\n\t\ttrigger(event, 'drag');\n\t}\n\n\tfunction stopHandler(event) {\n\t\tvar timeStamp = event.timeStamp || +new Date(),\n\t\t\tdt = timeStamp - start.time,\n\t\t\tevtName;\n\n\t\t// always clears press timeout\n\t\tclearTimeout(timeout);\n\n\t\t// tap-like events\n\t\t// triggered only if targets match\n\t\tif (!motion && !cancel && event.target === start.target) {\n\t\t\tvar doubleTap = prevEl === event.target && timeStamp - prevTime < Finger.doubleTapInterval;\n\t\t\tevtName = doubleTap ? 'doubletap' : 'tap';\n\t\t\tprevEl = doubleTap ? null : start.target;\n\t\t\tprevTime = timeStamp;\n\t\t}\n\t\t// motion events\n\t\telse {\n\t\t\t// ensure last target is set the initial one\n\t\t\tevent.target = start.target;\n\t\t\tif (dt < Finger.flickDuration) trigger(event, 'flick');\n\t\t\tmove.end = true;\n\t\t\tevtName = 'drag';\n\t\t}\n\n\t\ttrigger(event, evtName, true);\n\t}\n\n\t// initial binding\n\t$.event.add(rootEl, startEvent + '.' + namespace, startHandler);\n\n})(jQuery, navigator.userAgent);\n","/**\r\n* hoverIntent r6 // 2011.02.26 // jQuery 1.5.1+\r\n* \r\n* \r\n* @param f onMouseOver function || An object with configuration options\r\n* @param g onMouseOut function || Nothing (use configuration options object)\r\n* @author Brian Cherne brian(at)cherne(dot)net\r\n*/\r\n(function($) { $.fn.hoverIntent = function(f, g) { var cfg = { sensitivity: 7, interval: 100, timeout: 0 }; cfg = $.extend(cfg, g ? { over: f, out: g} : f); var cX, cY, pX, pY; var track = function(ev) { cX = ev.pageX; cY = ev.pageY }; var compare = function(ev, ob) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); if ((Math.abs(pX - cX) + Math.abs(pY - cY)) < cfg.sensitivity) { $(ob).unbind(\"mousemove\", track); ob.hoverIntent_s = 1; return cfg.over.apply(ob, [ev]) } else { pX = cX; pY = cY; ob.hoverIntent_t = setTimeout(function() { compare(ev, ob) }, cfg.interval) } }; var delay = function(ev, ob) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); ob.hoverIntent_s = 0; return cfg.out.apply(ob, [ev]) }; var handleHover = function(e) { var ev = jQuery.extend({}, e); var ob = this; if (ob.hoverIntent_t) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t) } if (e.type == \"mouseenter\") { pX = ev.pageX; pY = ev.pageY; $(ob).bind(\"mousemove\", track); if (ob.hoverIntent_s != 1) { ob.hoverIntent_t = setTimeout(function() { compare(ev, ob) }, cfg.interval) } } else { $(ob).unbind(\"mousemove\", track); if (ob.hoverIntent_s == 1) { ob.hoverIntent_t = setTimeout(function() { delay(ev, ob) }, cfg.timeout) } } }; return this.bind('mouseenter', handleHover).bind('mouseleave', handleHover) } })(jQuery);","/**\r\n* Copyright (c) 2009 Sergiy Kovalchuk (serg472@gmail.com)\r\n* \r\n* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)\r\n* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.\r\n* \r\n* Following code is based on Element.mask() implementation from ExtJS framework (http://extjs.com/)\r\n*\r\n*/\r\n(function (a) { a.fn.mask = function (c, b) { a(this).each(function () { if (b !== undefined && b > 0) { var d = a(this); d.data(\"_mask_timeout\", setTimeout(function () { a.maskElement(d, c) }, b)) } else { a.maskElement(a(this), c) } }) }; a.fn.unmask = function () { a(this).each(function () { a.unmaskElement(a(this)) }) }; a.fn.isMasked = function () { return this.hasClass(\"masked\") }; a.maskElement = function (d, c) { if (d.data(\"_mask_timeout\") !== undefined) { clearTimeout(d.data(\"_mask_timeout\")); d.removeData(\"_mask_timeout\") } if (d.isMasked()) { a.unmaskElement(d) } if (d.css(\"position\") == \"static\") { d.addClass(\"masked-relative\") } d.addClass(\"masked\"); var e = a('
'); if (navigator.userAgent.toLowerCase().indexOf(\"msie\") > -1) { e.height(d.height() + parseInt(d.css(\"padding-top\")) + parseInt(d.css(\"padding-bottom\"))); e.width(d.width() + parseInt(d.css(\"padding-left\")) + parseInt(d.css(\"padding-right\"))) } if (navigator.userAgent.toLowerCase().indexOf(\"msie 6\") > -1) { d.find(\"select\").addClass(\"masked-hidden\") } d.append(e); if (c !== undefined) { var b = a('
'); b.append(\"\" + c + \"
\"); d.append(b); b.css(\"top\", Math.round(d.height() / 2 - (b.height() - parseInt(b.css(\"padding-top\")) - parseInt(b.css(\"padding-bottom\"))) / 2) + \"px\"); b.css(\"left\", Math.round(d.width() / 2 - (b.width() - parseInt(b.css(\"padding-left\")) - parseInt(b.css(\"padding-right\"))) / 2) + \"px\"); b.show() } }; a.unmaskElement = function (b) { if (b.data(\"_mask_timeout\") !== undefined) { clearTimeout(b.data(\"_mask_timeout\")); b.removeData(\"_mask_timeout\") } b.find(\".loadmask-msg,.loadmask\").remove(); b.removeClass(\"masked\"); b.removeClass(\"masked-relative\"); b.find(\"select\").removeClass(\"masked-hidden\") } })(jQuery);","$.widget(\"luvit.luvitdialog\", {\r\n options: {\r\n title: \"\",\r\n autoOpen: false,\r\n modal: true,\r\n width: 300,\r\n height: 500\r\n },\r\n\r\n _create: function () {\r\n \r\n this.element.addClass(\"luvitdialog\");\r\n var dialog = this;\r\n if (this.autoOpen)\r\n this.element.show();\r\n else\r\n this.element.hide();\r\n\r\n this.element.prepend('
');\r\n luvit.getLuvitTopPage().$(\"body\").append('
');\r\n luvit.getLuvitTopPage().$(\".content-edu\").css(\"z-index\",1000);\r\n }\r\n \r\n var mqMobile = window.matchMedia(\"(max-width:600px)\"); \r\n var top = 50;\r\n\r\n if (!mqMobile.matches) {\r\n top = $(\"body\").scrollTop() - this.options.height;\r\n\r\n if (top < 0)\r\n top = 100;\r\n }\r\n \r\n\r\n \r\n this.element.css(\"top\", top);\r\n this.element.show(); \r\n },\r\n\r\n close: function () {\r\n this.element.hide();\r\n $(\"body\").find(\".luvitdialog-overlay\").remove();\r\n luvit.getLuvitTopPage().$(\"body\").find(\".luvitdialog-overlay\").remove();\r\n luvit.getLuvitTopPage().$(\".content-edu\").css(\"z-index\",\"\");\r\n }\r\n\r\n});","/**\r\n* Detect Element Resize Plugin for jQuery\r\n*\r\n* https://github.com/sdecima/javascript-detect-element-resize\r\n* Sebastian Decima\r\n*\r\n* version: 0.5.3\r\n**/\r\n\r\n(function ($) {\r\n var attachEvent = document.attachEvent,\r\n\t\tstylesCreated = false;\r\n\r\n var jQuery_resize = $.fn.resize;\r\n\r\n $.fn.resize = function (callback) {\r\n return this.each(function () {\r\n if (this == window)\r\n jQuery_resize.call(jQuery(this), callback);\r\n else\r\n addResizeListener(this, callback);\r\n });\r\n }\r\n\r\n $.fn.removeResize = function (callback) {\r\n return this.each(function () {\r\n removeResizeListener(this, callback);\r\n });\r\n }\r\n\r\n function resetTriggers(element) {\r\n var triggers = element.__resizeTriggers__,\r\n expand = triggers.firstElementChild,\r\n contract = triggers.lastElementChild,\r\n expandChild = expand.firstElementChild;\r\n contract.scrollLeft = contract.scrollWidth;\r\n contract.scrollTop = contract.scrollHeight;\r\n expandChild.style.width = expand.offsetWidth + 1 + 'px';\r\n expandChild.style.height = expand.offsetHeight + 1 + 'px';\r\n expand.scrollLeft = expand.scrollWidth;\r\n expand.scrollTop = expand.scrollHeight;\r\n };\r\n\r\n function scrollListener(e) {\r\n var element = this;\r\n resetTriggers(this);\r\n if (this.__resizeRAF__) cancelFrame(this.__resizeRAF__);\r\n this.__resizeRAF__ = requestFrame(function () {\r\n if (checkTriggers(element)) {\r\n element.__resizeLast__.width = element.offsetWidth;\r\n element.__resizeLast__.height = element.offsetHeight;\r\n element.__resizeListeners__.forEach(function (fn) {\r\n fn.call(element, e);\r\n });\r\n }\r\n });\r\n };\r\n \r\n function checkTriggers(element) {\r\n return element.offsetWidth != element.__resizeLast__.width ||\r\n element.offsetHeight != element.__resizeLast__.height;\r\n }\r\n\r\n if (!attachEvent) {\r\n var requestFrame = (function () {\r\n var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame ||\r\n\t\t\t\t\t\t\t\tfunction (fn) { return window.setTimeout(fn, 20); };\r\n return function (fn) { return raf(fn); };\r\n })();\r\n\r\n var cancelFrame = (function () {\r\n var cancel = window.cancelAnimationFrame || window.mozCancelAnimationFrame || window.webkitCancelAnimationFrame ||\r\n\t\t\t\t\t\t\t\t window.clearTimeout;\r\n return function (id) { return cancel(id); };\r\n })();\r\n\r\n /* Detect CSS Animations support to detect element display/re-attach */\r\n var animation = false,\r\n\t\t\tanimationstring = 'animation',\r\n\t\t\tkeyframeprefix = '',\r\n\t\t\tanimationstartevent = 'animationstart',\r\n\t\t\tdomPrefixes = 'Webkit Moz O ms'.split(' '),\r\n\t\t\tstartEvents = 'webkitAnimationStart animationstart oAnimationStart MSAnimationStart'.split(' '),\r\n\t\t\tpfx = '';\r\n {\r\n var elm = document.createElement('fakeelement');\r\n if (elm.style.animationName !== undefined) { animation = true; }\r\n\r\n if (animation === false) {\r\n for (var i = 0; i < domPrefixes.length; i++) {\r\n if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) {\r\n pfx = domPrefixes[i];\r\n animationstring = pfx + 'Animation';\r\n keyframeprefix = '-' + pfx.toLowerCase() + '-';\r\n animationstartevent = startEvents[i];\r\n animation = true;\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n var animationName = 'resizeanim';\r\n var animationKeyframes = '@' + keyframeprefix + 'keyframes ' + animationName + ' { from { opacity: 0; } to { opacity: 0; } } ';\r\n var animationStyle = keyframeprefix + 'animation: 1ms ' + animationName + '; ';\r\n }\r\n\r\n function createStyles() {\r\n if (!stylesCreated) {\r\n //opacity:0 works around a chrome bug https://code.google.com/p/chromium/issues/detail?id=286360\r\n var css = (animationKeyframes ? animationKeyframes : '') +\r\n\t\t\t\t\t'.resize-triggers { ' + (animationStyle ? animationStyle : '') + 'visibility: hidden; opacity: 0; } ' +\r\n\t\t\t\t\t'.resize-triggers, .resize-triggers > div, .contract-trigger:before { content: \\\" \\\"; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',\r\n\t\t\t\thead = document.head || document.getElementsByTagName('head')[0],\r\n\t\t\t\tstyle = document.createElement('style');\r\n\r\n style.type = 'text/css';\r\n if (style.styleSheet) {\r\n style.styleSheet.cssText = css;\r\n } else {\r\n style.appendChild(document.createTextNode(css));\r\n }\r\n\r\n head.appendChild(style);\r\n stylesCreated = true;\r\n }\r\n }\r\n\r\n window.addResizeListener = function (element, fn) {\r\n if (attachEvent) element.attachEvent('onresize', fn);\r\n else {\r\n if (!element.__resizeTriggers__) {\r\n if (getComputedStyle(element).position == 'static') element.style.position = 'relative';\r\n createStyles();\r\n element.__resizeLast__ = {};\r\n element.__resizeListeners__ = [];\r\n (element.__resizeTriggers__ = document.createElement('div')).className = 'resize-triggers';\r\n element.__resizeTriggers__.innerHTML = '' +\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'
';\r\n element.appendChild(element.__resizeTriggers__);\r\n resetTriggers(element);\r\n element.addEventListener('scroll', scrollListener, true);\r\n\r\n /* Listen for a css animation to detect element display/re-attach */\r\n animationstartevent && element.__resizeTriggers__.addEventListener(animationstartevent, function (e) {\r\n if (e.animationName == animationName)\r\n resetTriggers(element);\r\n });\r\n }\r\n element.__resizeListeners__.push(fn);\r\n }\r\n };\r\n\r\n window.removeResizeListener = function (element, fn) {\r\n if (attachEvent) element.detachEvent('onresize', fn);\r\n else {\r\n element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);\r\n if (!element.__resizeListeners__.length) {\r\n element.removeEventListener('scroll', scrollListener);\r\n element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__);\r\n }\r\n }\r\n }\r\n}(jQuery));","/**\r\n * responsive-tabs\r\n * \r\n * jQuery plugin that provides responsive tab functionality. The tabs transform to an accordion when it reaches a CSS breakpoint.\r\n * \r\n * @author Jelle Kralt\r\n * @version v1.6.3\r\n * @license MIT\r\n */\r\n !function(t,s,a){function e(s,a){this.element=s,this.$element=t(s),this.tabs=[],this.state=\"\",this.rotateInterval=0,this.$queue=t({}),this.options=t.extend({},o,a),this.init()}var o={active:null,event:\"click\",disabled:[],collapsible:\"accordion\",startCollapsed:!1,rotate:!1,setHash:!1,animation:\"default\",animationQueue:!1,duration:500,fluidHeight:!0,scrollToAccordion:!1,scrollToAccordionOnLoad:!0,scrollToAccordionOffset:0,accordionTabElement:\"
\",navigationContainer:\"\",click:function(){},activate:function(){},deactivate:function(){},load:function(){},activateState:function(){},classes:{stateDefault:\"r-tabs-state-default\",stateActive:\"r-tabs-state-active\",stateDisabled:\"r-tabs-state-disabled\",stateExcluded:\"r-tabs-state-excluded\",container:\"r-tabs\",ul:\"r-tabs-nav\",tab:\"r-tabs-tab\",anchor:\"r-tabs-anchor\",panel:\"r-tabs-panel\",accordionTitle:\"r-tabs-accordion-title\"}};e.prototype.init=function(){var a=this;this.tabs=this._loadElements(),this._loadClasses(),this._loadEvents(),t(s).on(\"resize\",function(t){a._setState(t),a.options.fluidHeight!==!0&&a._equaliseHeights()}),t(s).on(\"hashchange\",function(t){var e=a._getTabRefBySelector(s.location.hash),o=a._getTab(e);e>=0&&!o._ignoreHashChange&&!o.disabled&&a._openTab(t,a._getTab(e),!0)}),this.options.rotate!==!1&&this.startRotation(),this.options.fluidHeight!==!0&&a._equaliseHeights(),this.$element.bind(\"tabs-click\",function(t,s){a.options.click.call(this,t,s)}),this.$element.bind(\"tabs-activate\",function(t,s){a.options.activate.call(this,t,s)}),this.$element.bind(\"tabs-deactivate\",function(t,s){a.options.deactivate.call(this,t,s)}),this.$element.bind(\"tabs-activate-state\",function(t,s){a.options.activateState.call(this,t,s)}),this.$element.bind(\"tabs-load\",function(t){var s;a._setState(t),a.options.startCollapsed===!0||\"accordion\"===a.options.startCollapsed&&\"accordion\"===a.state||(s=a._getStartTab(),a._openTab(t,s),a.options.load.call(this,t,s))}),this.$element.trigger(\"tabs-load\")},e.prototype._loadElements=function(){var s=this,a=\"\"===s.options.navigationContainer?this.$element.children(\"ul:first\"):this.$element.find(s.options.navigationContainer).children(\"ul:first\"),e=[],o=0;return this.$element.addClass(s.options.classes.container),a.addClass(s.options.classes.ul),t(\"li\",a).each(function(){var a,i,n,l,r,c=t(this),h=c.hasClass(s.options.classes.stateExcluded);if(!h){a=t(\"a\",c),r=a.attr(\"href\"),i=t(r),n=t(s.options.accordionTabElement).insertBefore(i),l=t(\"=0&&!this._getTab(a).disabled?this._getTab(a):this.options.active>0&&!this._getTab(this.options.active).disabled?this._getTab(this.options.active):this._getTab(0)},e.prototype._setState=function(s){var e,o=t(\"ul:first\",this.$element),i=this.state,n=\"string\"==typeof this.options.startCollapsed;o.is(\":visible\")?this.state=\"tabs\":this.state=\"accordion\",this.state!==i&&(this.$element.trigger(\"tabs-activate-state\",{oldState:i,newState:this.state}),i&&n&&this.options.startCollapsed!==this.state&&this._getCurrentTab()===a&&(e=this._getStartTab(s),this._openTab(s,e)))},e.prototype._openTab=function(s,a,e,o){var i,n=this;e&&this._closeTab(s,this._getCurrentTab()),o&&this.rotateInterval>0&&this.stopRotation(),a.active=!0,a.tab.removeClass(n.options.classes.stateDefault).addClass(n.options.classes.stateActive),a.accordionTab.removeClass(n.options.classes.stateDefault).addClass(n.options.classes.stateActive),n._doTransition(a.panel,n.options.animation,\"open\",function(){var e=\"tabs-load\"!==s.type||n.options.scrollToAccordionOnLoad;a.panel.removeClass(n.options.classes.stateDefault).addClass(n.options.classes.stateActive),\"accordion\"!==n.getState()||!n.options.scrollToAccordion||n._isInView(a.accordionTab)&&\"default\"===n.options.animation||!e||(i=a.accordionTab.offset().top-n.options.scrollToAccordionOffset,\"default\"!==n.options.animation&&n.options.duration>0?t(\"html, body\").animate({scrollTop:i},n.options.duration):t(\"html, body\").scrollTop(i))}),this.$element.trigger(\"tabs-activate\",a)},e.prototype._closeTab=function(t,s){var e,o=this,i=\"string\"==typeof o.options.animationQueue;s!==a&&(e=i&&o.getState()===o.options.animationQueue?!0:i?!1:o.options.animationQueue,s.active=!1,s.tab.removeClass(o.options.classes.stateActive).addClass(o.options.classes.stateDefault),o._doTransition(s.panel,o.options.animation,\"close\",function(){s.accordionTab.removeClass(o.options.classes.stateActive).addClass(o.options.classes.stateDefault),s.panel.removeClass(o.options.classes.stateActive).addClass(o.options.classes.stateDefault)},!e),this.$element.trigger(\"tabs-deactivate\",s))},e.prototype._doTransition=function(t,s,a,e,o){var i,n=this;switch(s){case\"slide\":i=\"open\"===a?\"slideDown\":\"slideUp\";break;case\"fade\":i=\"open\"===a?\"fadeIn\":\"fadeOut\";break;default:i=\"open\"===a?\"show\":\"hide\",n.options.duration=0}this.$queue.queue(\"responsive-tabs\",function(o){t[i]({duration:n.options.duration,complete:function(){e.call(t,s,a),o()}})}),(\"open\"===a||o)&&this.$queue.dequeue(\"responsive-tabs\")},e.prototype._isCollapisble=function(){return\"boolean\"==typeof this.options.collapsible&&this.options.collapsible||\"string\"==typeof this.options.collapsible&&this.options.collapsible===this.getState()},e.prototype._getTab=function(t){return this.tabs[t]},e.prototype._getTabRefBySelector=function(t){for(var s=0;s=n&&i>=e},e.prototype.activate=function(t,s){var a=jQuery.Event(\"tabs-activate\"),e=this._getTab(t);e.disabled||this._openTab(a,e,!0,s||!0)},e.prototype.deactivate=function(t){var s=jQuery.Event(\"tabs-dectivate\"),a=this._getTab(t);a.disabled||this._closeTab(s,a)},e.prototype.enable=function(t){var s=this._getTab(t);s&&(s.disabled=!1,s.tab.addClass(this.options.classes.stateDefault).removeClass(this.options.classes.stateDisabled),s.accordionTab.addClass(this.options.classes.stateDefault).removeClass(this.options.classes.stateDisabled))},e.prototype.disable=function(t){var s=this._getTab(t);s&&(s.disabled=!0,s.tab.removeClass(this.options.classes.stateDefault).addClass(this.options.classes.stateDisabled),s.accordionTab.removeClass(this.options.classes.stateDefault).addClass(this.options.classes.stateDisabled))},e.prototype.getState=function(){return this.state},e.prototype.startRotation=function(s){var a=this;if(!(this.tabs.length>this.options.disabled.length))throw new Error(\"Rotation is not possible if all tabs are disabled\");this.rotateInterval=setInterval(function(){var t=jQuery.Event(\"rotate\");a._openTab(t,a._getTab(a._getNextTabRef()),!0)},s||(t.isNumeric(a.options.rotate)?a.options.rotate:4e3))},e.prototype.stopRotation=function(){s.clearInterval(this.rotateInterval),this.rotateInterval=0},e.prototype.option=function(t,s){return s&&(this.options[t]=s),this.options[t]},t.fn.responsiveTabs=function(s){var o,i=arguments;return s===a||\"object\"==typeof s?this.each(function(){t.data(this,\"responsivetabs\")||t.data(this,\"responsivetabs\",new e(this,s))}):\"string\"==typeof s&&\"_\"!==s[0]&&\"init\"!==s?(o=t.data(this[0],\"responsivetabs\"),\"destroy\"===s&&t.data(this,\"responsivetabs\",null),o instanceof e&&\"function\"==typeof o[s]?o[s].apply(o,Array.prototype.slice.call(i,1)):this):void 0}}(jQuery,window);","// jQuery Right-Click Plugin\r\n//\r\n// Version 1.01\r\n//\r\n// Cory S.N. LaViska\r\n// A Beautiful Site (http://abeautifulsite.net/)\r\n// 20 December 2008\r\n//\r\n// Visit http://abeautifulsite.net/notebook/68 for more information\r\n//\r\n// Usage:\r\n//\r\n//\t\t// Capture right click\r\n//\t\t$(\"#selector\").rightClick( function(e) {\r\n//\t\t\t// Do something\r\n//\t\t});\r\n//\t\t\r\n//\t\t// Capture right mouse down\r\n//\t\t$(\"#selector\").rightMouseDown( function(e) {\r\n//\t\t\t// Do something\r\n//\t\t});\r\n//\t\t\r\n//\t\t// Capture right mouseup\r\n//\t\t$(\"#selector\").rightMouseUp( function(e) {\r\n//\t\t\t// Do something\r\n//\t\t});\r\n//\t\t\r\n//\t\t// Disable context menu on an element\r\n//\t\t$(\"#selector\").noContext();\r\n// \r\n// History:\r\n//\r\n//\t\t1.01 - Updated (20 December 2008)\r\n//\t\t - References to 'this' now work the same way as other jQuery plugins, thus\r\n//\t\t the el parameter has been deprecated. Use this or $(this) instead\r\n//\t\t - The mouse event is now passed to the callback function\r\n//\t\t - Changed license to GNU GPL\r\n//\r\n//\t\t1.00 - Released (13 May 2008)\r\n//\r\n// License:\r\n// \r\n// This plugin is dual-licensed under the GNU General Public License and the MIT License\r\n// and is copyright 2008 A Beautiful Site, LLC. \r\n//\r\nif(jQuery) (function(){\r\n\t\r\n\t$.extend($.fn, {\r\n\t\t\r\n\t\trightClick: function(handler) {\r\n\t\t\t$(this).each( function() {\r\n\t\t\t\t$(this).mousedown( function(e) {\r\n\t\t\t\t\tvar evt = e;\r\n\t\t\t\t\t$(this).mouseup( function() {\r\n\t\t\t\t\t\t$(this).unbind('mouseup');\r\n\t\t\t\t\t\tif( evt.button == 2 ) {\r\n\t\t\t\t\t\t\thandler.call( $(this), evt );\r\n\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n\t\t\t\t$(this)[0].oncontextmenu = function() {\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\treturn $(this);\r\n\t\t},\t\t\r\n\t\t\r\n\t\trightMouseDown: function(handler) {\r\n\t\t\t$(this).each( function() {\r\n\t\t\t\t$(this).mousedown( function(e) {\r\n\t\t\t\t\tif( e.button == 2 ) {\r\n\t\t\t\t\t\thandler.call( $(this), e );\r\n\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\t$(this)[0].oncontextmenu = function() {\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\treturn $(this);\r\n\t\t},\r\n\t\t\r\n\t\trightMouseUp: function(handler) {\r\n\t\t\t$(this).each( function() {\r\n\t\t\t\t$(this).mouseup( function(e) {\r\n\t\t\t\t\tif( e.button == 2 ) {\r\n\t\t\t\t\t\thandler.call( $(this), e );\r\n\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\t$(this)[0].oncontextmenu = function() {\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\treturn $(this);\r\n\t\t},\r\n\t\t\r\n\t\tnoContext: function() {\r\n\t\t\t$(this).each( function() {\r\n\t\t\t\t$(this)[0].oncontextmenu = function() {\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\treturn $(this);\r\n\t\t}\r\n\t\t\r\n\t});\r\n\t\r\n})(jQuery);\t","/*!\r\n * $.fn.scrollIntoView - similar to the default browser scrollIntoView\r\n * The default browser behavior always places the element at the top or bottom of its container. \r\n * This override is smart enough to not scroll if the element is already visible.\r\n *\r\n * Copyright 2011 Arwid Bancewicz\r\n * Licensed under the MIT license\r\n * http://www.opensource.org/licenses/mit-license.php\r\n * \r\n * @date 8 Jan 2013\r\n * @author Arwid Bancewicz http://arwid.ca\r\n * @version 0.3\r\n */\r\n(function ($) {\r\n $.fn.scrollIntoView = function (duration, easing, complete) {\r\n // The arguments are optional.\r\n // The first argment can be false for no animation or a duration.\r\n // The first argment could also be a map of options.\r\n // Refer to http://api.jquery.com/animate/.\r\n var opts = $.extend({},\r\n $.fn.scrollIntoView.defaults);\r\n\r\n // Get options\r\n if ($.type(duration) == \"object\") {\r\n $.extend(opts, duration);\r\n } else if ($.type(duration) == \"number\") {\r\n $.extend(opts, { duration: duration, easing: easing, complete: complete });\r\n } else if (duration == false) {\r\n opts.smooth = false;\r\n }\r\n\r\n // get enclosing offsets\r\n var elY = Infinity, elH = 0;\r\n if (this.size() == 1) ((elY = this.get(0).offsetTop) == null || (elH = elY + this.get(0).offsetHeight));\r\n else this.each(function (i, el) { (el.offsetTop < elY ? elY = el.offsetTop : el.offsetTop + el.offsetHeight > elH ? elH = el.offsetTop + el.offsetHeight : null) });\r\n elH -= elY;\r\n\r\n // start from the common ancester\r\n var pEl = this.commonAncestor().get(0);\r\n\r\n var wH = $(window).height();\r\n\r\n // go up parents until we find one that scrolls\r\n while (pEl) {\r\n var pY = pEl.scrollTop, pH = pEl.clientHeight;\r\n if (pH > wH) pH = wH;\r\n\r\n // case: if body's elements are all absolutely/fixed positioned, use window height\r\n if (pH == 0 && pEl.tagName == \"BODY\") pH = wH;\r\n\r\n if (\r\n // it wiggles?\r\n (pEl.scrollTop != ((pEl.scrollTop += 1) == null || pEl.scrollTop) && (pEl.scrollTop -= 1) != null) ||\r\n (pEl.scrollTop != ((pEl.scrollTop -= 1) == null || pEl.scrollTop) && (pEl.scrollTop += 1) != null)) {\r\n if (elY <= pY) scrollTo(pEl, elY); // scroll up\r\n else if ((elY + elH) > (pY + pH)) scrollTo(pEl, elY + elH - pH); // scroll down\r\n else scrollTo(pEl, undefined) // no scroll\r\n return;\r\n }\r\n\r\n // try next parent\r\n pEl = pEl.parentNode;\r\n }\r\n\r\n function scrollTo(el, scrollTo) {\r\n if (scrollTo === undefined) {\r\n if ($.isFunction(opts.complete)) opts.complete.call(el);\r\n } else if (opts.smooth) {\r\n $(el).stop().animate({ scrollTop: scrollTo }, opts);\r\n } else {\r\n el.scrollTop = scrollTo;\r\n if ($.isFunction(opts.complete)) opts.complete.call(el);\r\n }\r\n }\r\n return this;\r\n };\r\n\r\n $.fn.scrollIntoView.defaults = {\r\n smooth: true,\r\n duration: null,\r\n easing: $.easing && $.easing.easeOutExpo ? 'easeOutExpo' : null,\r\n // Note: easeOutExpo requires jquery.effects.core.js\r\n // otherwise jQuery will default to use 'swing'\r\n complete: $.noop(),\r\n step: null,\r\n specialEasing: {} // cannot be null in jQuery 1.8.3\r\n };\r\n\r\n /*\r\n Returns whether the elements are in view\r\n */\r\n $.fn.isOutOfView = function (completely) {\r\n // completely? whether element is out of view completely\r\n var outOfView = true;\r\n this.each(function () {\r\n var pEl = this.parentNode, pY = pEl.scrollTop, pH = pEl.clientHeight, elY = this.offsetTop, elH = this.offsetHeight;\r\n if (completely ? (elY) > (pY + pH) : (elY + elH) > (pY + pH)) { }\r\n else if (completely ? (elY + elH) < pY : elY < pY) { }\r\n else outOfView = false;\r\n });\r\n return outOfView;\r\n };\r\n\r\n /*\r\n Returns the common ancestor of the elements.\r\n It was taken from http://stackoverflow.com/questions/3217147/jquery-first-parent-containing-all-children\r\n It has received minimal testing.\r\n */\r\n $.fn.commonAncestor = function () {\r\n var parents = [];\r\n var minlen = Infinity;\r\n\r\n $(this).each(function () {\r\n var curparents = $(this).parents();\r\n parents.push(curparents);\r\n minlen = Math.min(minlen, curparents.length);\r\n });\r\n\r\n for (var i = 0; i < parents.length; i++) {\r\n parents[i] = parents[i].slice(parents[i].length - minlen);\r\n }\r\n\r\n // Iterate until equality is found\r\n for (var i = 0; i < parents[0].length; i++) {\r\n var equal = true;\r\n for (var j in parents) {\r\n if (parents[j][i] != parents[0][i]) {\r\n equal = false;\r\n break;\r\n }\r\n }\r\n if (equal) return $(parents[0][i]);\r\n }\r\n return $([]);\r\n }\r\n\r\n})(jQuery);\r\n","/**\r\n * Copyright (c) 2007-2015 Ariel Flesler - afleslergmailcom | http://flesler.blogspot.com\r\n * Licensed under MIT\r\n * @author Ariel Flesler\r\n * @version 2.1.1\r\n */\r\n;(function(f){\"use strict\";\"function\"===typeof define&&define.amd?define([\"jquery\"],f):\"undefined\"!==typeof module&&module.exports?module.exports=f(require(\"jquery\")):f(jQuery)})(function($){\"use strict\";function n(a){return!a.nodeName||-1!==$.inArray(a.nodeName.toLowerCase(),[\"iframe\",\"#document\",\"html\",\"body\"])}function h(a){return $.isFunction(a)||$.isPlainObject(a)?a:{top:a,left:a}}var p=$.scrollTo=function(a,d,b){return $(window).scrollTo(a,d,b)};p.defaults={axis:\"xy\",duration:0,limit:!0};$.fn.scrollTo=function(a,d,b){\"object\"=== typeof d&&(b=d,d=0);\"function\"===typeof b&&(b={onAfter:b});\"max\"===a&&(a=9E9);b=$.extend({},p.defaults,b);d=d||b.duration;var u=b.queue&&1=f[g]?0:Math.min(f[g],n));!a&&1 // class from cssIcon\r\n\t\t\tonRenderTemplate : null, // function( index, template ) { return template; }, // template is a string\r\n\t\t\tonRenderHeader : null, // function( index ) {}, // nothing to return\r\n\r\n\t\t\t// *** functionality\r\n\t\t\tcancelSelection : true, // prevent text selection in the header\r\n\t\t\ttabIndex : true, // add tabindex to header for keyboard accessibility\r\n\t\t\tdateFormat : 'mmddyyyy', // other options: 'ddmmyyy' or 'yyyymmdd'\r\n\t\t\tsortMultiSortKey : 'shiftKey', // key used to select additional columns\r\n\t\t\tsortResetKey : 'ctrlKey', // key used to remove sorting on a column\r\n\t\t\tusNumberFormat : true, // false for German '1.234.567,89' or French '1 234 567,89'\r\n\t\t\tdelayInit : false, // if false, the parsed table contents will not update until the first sort\r\n\t\t\tserverSideSorting: false, // if true, server-side sorting should be performed because client-side sorting will be disabled, but the ui and events will still be used.\r\n\t\t\tresort : true, // default setting to trigger a resort after an 'update', 'addRows', 'updateCell', etc has completed\r\n\r\n\t\t\t// *** sort options\r\n\t\t\theaders : {}, // set sorter, string, empty, locked order, sortInitialOrder, filter, etc.\r\n\t\t\tignoreCase : true, // ignore case while sorting\r\n\t\t\tsortForce : null, // column(s) first sorted; always applied\r\n\t\t\tsortList : [], // Initial sort order; applied initially; updated when manually sorted\r\n\t\t\tsortAppend : null, // column(s) sorted last; always applied\r\n\t\t\tsortStable : false, // when sorting two rows with exactly the same content, the original sort order is maintained\r\n\r\n\t\t\tsortInitialOrder : 'asc', // sort direction on first click\r\n\t\t\tsortLocaleCompare: false, // replace equivalent character (accented characters)\r\n\t\t\tsortReset : false, // third click on the header will reset column to default - unsorted\r\n\t\t\tsortRestart : false, // restart sort to 'sortInitialOrder' when clicking on previously unsorted columns\r\n\r\n\t\t\temptyTo : 'bottom', // sort empty cell to bottom, top, none, zero, emptyMax, emptyMin\r\n\t\t\tstringTo : 'max', // sort strings in numerical column as max, min, top, bottom, zero\r\n\t\t\tduplicateSpan : true, // colspan cells in the tbody will have duplicated content in the cache for each spanned column\r\n\t\t\ttextExtraction : 'basic', // text extraction method/function - function( node, table, cellIndex ) {}\r\n\t\t\ttextAttribute : 'data-text',// data-attribute that contains alternate cell text (used in default textExtraction function)\r\n\t\t\ttextSorter : null, // choose overall or specific column sorter function( a, b, direction, table, columnIndex ) [alt: ts.sortText]\r\n\t\t\tnumberSorter : null, // choose overall numeric sorter function( a, b, direction, maxColumnValue )\r\n\r\n\t\t\t// *** widget options\r\n\t\t\tinitWidgets : true, // apply widgets on tablesorter initialization\r\n\t\t\twidgetClass : 'widget-{name}', // table class name template to match to include a widget\r\n\t\t\twidgets : [], // method to add widgets, e.g. widgets: ['zebra']\r\n\t\t\twidgetOptions : {\r\n\t\t\t\tzebra : [ 'even', 'odd' ] // zebra widget alternating row class names\r\n\t\t\t},\r\n\r\n\t\t\t// *** callbacks\r\n\t\t\tinitialized : null, // function( table ) {},\r\n\r\n\t\t\t// *** extra css class names\r\n\t\t\ttableClass : '',\r\n\t\t\tcssAsc : '',\r\n\t\t\tcssDesc : '',\r\n\t\t\tcssNone : '',\r\n\t\t\tcssHeader : '',\r\n\t\t\tcssHeaderRow : '',\r\n\t\t\tcssProcessing : '', // processing icon applied to header during sort/filter\r\n\r\n\t\t\tcssChildRow : 'tablesorter-childRow', // class name indiciating that a row is to be attached to its parent\r\n\t\t\tcssInfoBlock : 'tablesorter-infoOnly', // don't sort tbody with this class name (only one class name allowed here!)\r\n\t\t\tcssNoSort : 'tablesorter-noSort', // class name added to element inside header; clicking on it won't cause a sort\r\n\t\t\tcssIgnoreRow : 'tablesorter-ignoreRow',// header row to ignore; cells within this row will not be added to c.$headers\r\n\r\n\t\t\tcssIcon : 'tablesorter-icon', // if this class does not exist, the {icon} will not be added from the headerTemplate\r\n\t\t\tcssIconNone : '', // class name added to the icon when there is no column sort\r\n\t\t\tcssIconAsc : '', // class name added to the icon when the column has an ascending sort\r\n\t\t\tcssIconDesc : '', // class name added to the icon when the column has a descending sort\r\n\t\t\tcssIconDisabled : '', // class name added to the icon when the column has a disabled sort\r\n\r\n\t\t\t// *** events\r\n\t\t\tpointerClick : 'click',\r\n\t\t\tpointerDown : 'mousedown',\r\n\t\t\tpointerUp : 'mouseup',\r\n\r\n\t\t\t// *** selectors\r\n\t\t\tselectorHeaders : '> thead th, > thead td',\r\n\t\t\tselectorSort : 'th, td', // jQuery selector of content within selectorHeaders that is clickable to trigger a sort\r\n\t\t\tselectorRemove : '.remove-me',\r\n\r\n\t\t\t// *** advanced\r\n\t\t\tdebug : false,\r\n\r\n\t\t\t// *** Internal variables\r\n\t\t\theaderList: [],\r\n\t\t\tempties: {},\r\n\t\t\tstrings: {},\r\n\t\t\tparsers: [],\r\n\r\n\t\t\t// *** parser options for validator; values must be falsy!\r\n\t\t\tglobalize: 0,\r\n\t\t\timgAttr: 0\r\n\r\n\t\t\t// removed: widgetZebra: { css: ['even', 'odd'] }\r\n\r\n\t\t},\r\n\r\n\t\t// internal css classes - these will ALWAYS be added to\r\n\t\t// the table and MUST only contain one class name - fixes #381\r\n\t\tcss : {\r\n\t\t\ttable : 'tablesorter',\r\n\t\t\tcssHasChild: 'tablesorter-hasChildRow',\r\n\t\t\tchildRow : 'tablesorter-childRow',\r\n\t\t\tcolgroup : 'tablesorter-colgroup',\r\n\t\t\theader : 'tablesorter-header',\r\n\t\t\theaderRow : 'tablesorter-headerRow',\r\n\t\t\theaderIn : 'tablesorter-header-inner',\r\n\t\t\ticon : 'tablesorter-icon',\r\n\t\t\tprocessing : 'tablesorter-processing',\r\n\t\t\tsortAsc : 'tablesorter-headerAsc',\r\n\t\t\tsortDesc : 'tablesorter-headerDesc',\r\n\t\t\tsortNone : 'tablesorter-headerUnSorted'\r\n\t\t},\r\n\r\n\t\t// labels applied to sortable headers for accessibility (aria) support\r\n\t\tlanguage : {\r\n\t\t\tsortAsc : 'Ascending sort applied, ',\r\n\t\t\tsortDesc : 'Descending sort applied, ',\r\n\t\t\tsortNone : 'No sort applied, ',\r\n\t\t\tsortDisabled : 'sorting is disabled',\r\n\t\t\tnextAsc : 'activate to apply an ascending sort',\r\n\t\t\tnextDesc : 'activate to apply a descending sort',\r\n\t\t\tnextNone : 'activate to remove the sort'\r\n\t\t},\r\n\r\n\t\tregex : {\r\n\t\t\ttemplateContent : /\\{content\\}/g,\r\n\t\t\ttemplateIcon : /\\{icon\\}/g,\r\n\t\t\ttemplateName : /\\{name\\}/i,\r\n\t\t\tspaces : /\\s+/g,\r\n\t\t\tnonWord : /\\W/g,\r\n\t\t\tformElements : /(input|select|button|textarea)/i,\r\n\r\n\t\t\t// *** sort functions ***\r\n\t\t\t// regex used in natural sort\r\n\t\t\t// chunk/tokenize numbers & letters\r\n\t\t\tchunk : /(^([+\\-]?(?:\\d*)(?:\\.\\d*)?(?:[eE][+\\-]?\\d+)?)?$|^0x[0-9a-f]+$|\\d+)/gi,\r\n\t\t\t// replace chunks @ ends\r\n\t\t\tchunks : /(^\\\\0|\\\\0$)/,\r\n\t\t\thex : /^0x[0-9a-f]+$/i,\r\n\r\n\t\t\t// *** formatFloat ***\r\n\t\t\tcomma : /,/g,\r\n\t\t\tdigitNonUS : /[\\s|\\.]/g,\r\n\t\t\tdigitNegativeTest : /^\\s*\\([.\\d]+\\)/,\r\n\t\t\tdigitNegativeReplace : /^\\s*\\(([.\\d]+)\\)/,\r\n\r\n\t\t\t// *** isDigit ***\r\n\t\t\tdigitTest : /^[\\-+(]?\\d+[)]?$/,\r\n\t\t\tdigitReplace : /[,.'\"\\s]/g\r\n\r\n\t\t},\r\n\r\n\t\t// digit sort, text location\r\n\t\tstring : {\r\n\t\t\tmax : 1,\r\n\t\t\tmin : -1,\r\n\t\t\temptymin : 1,\r\n\t\t\temptymax : -1,\r\n\t\t\tzero : 0,\r\n\t\t\tnone : 0,\r\n\t\t\t'null' : 0,\r\n\t\t\ttop : true,\r\n\t\t\tbottom : false\r\n\t\t},\r\n\r\n\t\tkeyCodes : {\r\n\t\t\tenter : 13\r\n\t\t},\r\n\r\n\t\t// placeholder date parser data (globalize)\r\n\t\tdates : {},\r\n\r\n\t\t// These methods can be applied on table.config instance\r\n\t\tinstanceMethods : {},\r\n\r\n\t\t/*\r\n\t\t▄█████ ██████ ██████ ██ ██ █████▄\r\n\t\t▀█▄ ██▄▄ ██ ██ ██ ██▄▄██\r\n\t\t ▀█▄ ██▀▀ ██ ██ ██ ██▀▀▀\r\n\t\t█████▀ ██████ ██ ▀████▀ ██\r\n\t\t*/\r\n\r\n\t\tsetup : function( table, c ) {\r\n\t\t\t// if no thead or tbody, or tablesorter is already present, quit\r\n\t\t\tif ( !table || !table.tHead || table.tBodies.length === 0 || table.hasInitialized === true ) {\r\n\t\t\t\tif ( ts.debug(c, 'core') ) {\r\n\t\t\t\t\tif ( table.hasInitialized ) {\r\n\t\t\t\t\t\tconsole.warn( 'Stopping initialization. Tablesorter has already been initialized' );\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tconsole.error( 'Stopping initialization! No table, thead or tbody', table );\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tvar tmp = '',\r\n\t\t\t\t$table = $( table ),\r\n\t\t\t\tmeta = $.metadata;\r\n\t\t\t// initialization flag\r\n\t\t\ttable.hasInitialized = false;\r\n\t\t\t// table is being processed flag\r\n\t\t\ttable.isProcessing = true;\r\n\t\t\t// make sure to store the config object\r\n\t\t\ttable.config = c;\r\n\t\t\t// save the settings where they read\r\n\t\t\t$.data( table, 'tablesorter', c );\r\n\t\t\tif ( ts.debug(c, 'core') ) {\r\n\t\t\t\tconsole[ console.group ? 'group' : 'log' ]( 'Initializing tablesorter v' + ts.version );\r\n\t\t\t\t$.data( table, 'startoveralltimer', new Date() );\r\n\t\t\t}\r\n\r\n\t\t\t// removing this in version 3 (only supports jQuery 1.7+)\r\n\t\t\tc.supportsDataObject = ( function( version ) {\r\n\t\t\t\tversion[ 0 ] = parseInt( version[ 0 ], 10 );\r\n\t\t\t\treturn ( version[ 0 ] > 1 ) || ( version[ 0 ] === 1 && parseInt( version[ 1 ], 10 ) >= 4 );\r\n\t\t\t})( $.fn.jquery.split( '.' ) );\r\n\t\t\t// ensure case insensitivity\r\n\t\t\tc.emptyTo = c.emptyTo.toLowerCase();\r\n\t\t\tc.stringTo = c.stringTo.toLowerCase();\r\n\t\t\tc.last = { sortList : [], clickedIndex : -1 };\r\n\t\t\t// add table theme class only if there isn't already one there\r\n\t\t\tif ( !/tablesorter\\-/.test( $table.attr( 'class' ) ) ) {\r\n\t\t\t\ttmp = ( c.theme !== '' ? ' tablesorter-' + c.theme : '' );\r\n\t\t\t}\r\n\r\n\t\t\t// give the table a unique id, which will be used in namespace binding\r\n\t\t\tif ( !c.namespace ) {\r\n\t\t\t\tc.namespace = '.tablesorter' + Math.random().toString( 16 ).slice( 2 );\r\n\t\t\t} else {\r\n\t\t\t\t// make sure namespace starts with a period & doesn't have weird characters\r\n\t\t\t\tc.namespace = '.' + c.namespace.replace( ts.regex.nonWord, '' );\r\n\t\t\t}\r\n\r\n\t\t\tc.table = table;\r\n\t\t\tc.$table = $table\r\n\t\t\t\t// add namespace to table to allow bindings on extra elements to target\r\n\t\t\t\t// the parent table (e.g. parser-input-select)\r\n\t\t\t\t.addClass( ts.css.table + ' ' + c.tableClass + tmp + ' ' + c.namespace.slice(1) )\r\n\t\t\t\t.attr( 'role', 'grid' );\r\n\t\t\tc.$headers = $table.find( c.selectorHeaders );\r\n\r\n\t\t\tc.$table.children().children( 'tr' ).attr( 'role', 'row' );\r\n\t\t\tc.$tbodies = $table.children( 'tbody:not(.' + c.cssInfoBlock + ')' ).attr({\r\n\t\t\t\t'aria-live' : 'polite',\r\n\t\t\t\t'aria-relevant' : 'all'\r\n\t\t\t});\r\n\t\t\tif ( c.$table.children( 'caption' ).length ) {\r\n\t\t\t\ttmp = c.$table.children( 'caption' )[ 0 ];\r\n\t\t\t\tif ( !tmp.id ) { tmp.id = c.namespace.slice( 1 ) + 'caption'; }\r\n\t\t\t\tc.$table.attr( 'aria-labelledby', tmp.id );\r\n\t\t\t}\r\n\t\t\tc.widgetInit = {}; // keep a list of initialized widgets\r\n\t\t\t// change textExtraction via data-attribute\r\n\t\t\tc.textExtraction = c.$table.attr( 'data-text-extraction' ) || c.textExtraction || 'basic';\r\n\t\t\t// build headers\r\n\t\t\tts.buildHeaders( c );\r\n\t\t\t// fixate columns if the users supplies the fixedWidth option\r\n\t\t\t// do this after theme has been applied\r\n\t\t\tts.fixColumnWidth( table );\r\n\t\t\t// add widgets from class name\r\n\t\t\tts.addWidgetFromClass( table );\r\n\t\t\t// add widget options before parsing (e.g. grouping widget has parser settings)\r\n\t\t\tts.applyWidgetOptions( table );\r\n\t\t\t// try to auto detect column type, and store in tables config\r\n\t\t\tts.setupParsers( c );\r\n\t\t\t// start total row count at zero\r\n\t\t\tc.totalRows = 0;\r\n\t\t\t// only validate options while debugging. See #1528\r\n\t\t\tif (c.debug) {\r\n\t\t\t\tts.validateOptions( c );\r\n\t\t\t}\r\n\t\t\t// build the cache for the tbody cells\r\n\t\t\t// delayInit will delay building the cache until the user starts a sort\r\n\t\t\tif ( !c.delayInit ) { ts.buildCache( c ); }\r\n\t\t\t// bind all header events and methods\r\n\t\t\tts.bindEvents( table, c.$headers, true );\r\n\t\t\tts.bindMethods( c );\r\n\t\t\t// get sort list from jQuery data or metadata\r\n\t\t\t// in jQuery < 1.4, an error occurs when calling $table.data()\r\n\t\t\tif ( c.supportsDataObject && typeof $table.data().sortlist !== 'undefined' ) {\r\n\t\t\t\tc.sortList = $table.data().sortlist;\r\n\t\t\t} else if ( meta && ( $table.metadata() && $table.metadata().sortlist ) ) {\r\n\t\t\t\tc.sortList = $table.metadata().sortlist;\r\n\t\t\t}\r\n\t\t\t// apply widget init code\r\n\t\t\tts.applyWidget( table, true );\r\n\t\t\t// if user has supplied a sort list to constructor\r\n\t\t\tif ( c.sortList.length > 0 ) {\r\n\t\t\t\t// save sortList before any sortAppend is added\r\n\t\t\t\tc.last.sortList = c.sortList;\r\n\t\t\t\tts.sortOn( c, c.sortList, {}, !c.initWidgets );\r\n\t\t\t} else {\r\n\t\t\t\tts.setHeadersCss( c );\r\n\t\t\t\tif ( c.initWidgets ) {\r\n\t\t\t\t\t// apply widget format\r\n\t\t\t\t\tts.applyWidget( table, false );\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t// show processesing icon\r\n\t\t\tif ( c.showProcessing ) {\r\n\t\t\t\t$table\r\n\t\t\t\t.unbind( 'sortBegin' + c.namespace + ' sortEnd' + c.namespace )\r\n\t\t\t\t.bind( 'sortBegin' + c.namespace + ' sortEnd' + c.namespace, function( e ) {\r\n\t\t\t\t\tclearTimeout( c.timerProcessing );\r\n\t\t\t\t\tts.isProcessing( table );\r\n\t\t\t\t\tif ( e.type === 'sortBegin' ) {\r\n\t\t\t\t\t\tc.timerProcessing = setTimeout( function() {\r\n\t\t\t\t\t\t\tts.isProcessing( table, true );\r\n\t\t\t\t\t\t}, 500 );\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\t// initialized\r\n\t\t\ttable.hasInitialized = true;\r\n\t\t\ttable.isProcessing = false;\r\n\t\t\tif ( ts.debug(c, 'core') ) {\r\n\t\t\t\tconsole.log( 'Overall initialization time:' + ts.benchmark( $.data( table, 'startoveralltimer' ) ) );\r\n\t\t\t\tif ( ts.debug(c, 'core') && console.groupEnd ) { console.groupEnd(); }\r\n\t\t\t}\r\n\t\t\t$table.triggerHandler( 'tablesorter-initialized', table );\r\n\t\t\tif ( typeof c.initialized === 'function' ) {\r\n\t\t\t\tc.initialized( table );\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tbindMethods : function( c ) {\r\n\t\t\tvar $table = c.$table,\r\n\t\t\t\tnamespace = c.namespace,\r\n\t\t\t\tevents = ( 'sortReset update updateRows updateAll updateHeaders addRows updateCell updateComplete ' +\r\n\t\t\t\t\t'sorton appendCache updateCache applyWidgetId applyWidgets refreshWidgets destroy mouseup ' +\r\n\t\t\t\t\t'mouseleave ' ).split( ' ' )\r\n\t\t\t\t\t.join( namespace + ' ' );\r\n\t\t\t// apply easy methods that trigger bound events\r\n\t\t\t$table\r\n\t\t\t.unbind( events.replace( ts.regex.spaces, ' ' ) )\r\n\t\t\t.bind( 'sortReset' + namespace, function( e, callback ) {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\t// using this.config to ensure functions are getting a non-cached version of the config\r\n\t\t\t\tts.sortReset( this.config, function( table ) {\r\n\t\t\t\t\tif (table.isApplyingWidgets) {\r\n\t\t\t\t\t\t// multiple triggers in a row... filterReset, then sortReset - see #1361\r\n\t\t\t\t\t\t// wait to update widgets\r\n\t\t\t\t\t\tsetTimeout( function() {\r\n\t\t\t\t\t\t\tts.applyWidget( table, '', callback );\r\n\t\t\t\t\t\t}, 100 );\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tts.applyWidget( table, '', callback );\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.bind( 'updateAll' + namespace, function( e, resort, callback ) {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tts.updateAll( this.config, resort, callback );\r\n\t\t\t})\r\n\t\t\t.bind( 'update' + namespace + ' updateRows' + namespace, function( e, resort, callback ) {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tts.update( this.config, resort, callback );\r\n\t\t\t})\r\n\t\t\t.bind( 'updateHeaders' + namespace, function( e, callback ) {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tts.updateHeaders( this.config, callback );\r\n\t\t\t})\r\n\t\t\t.bind( 'updateCell' + namespace, function( e, cell, resort, callback ) {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tts.updateCell( this.config, cell, resort, callback );\r\n\t\t\t})\r\n\t\t\t.bind( 'addRows' + namespace, function( e, $row, resort, callback ) {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tts.addRows( this.config, $row, resort, callback );\r\n\t\t\t})\r\n\t\t\t.bind( 'updateComplete' + namespace, function() {\r\n\t\t\t\tthis.isUpdating = false;\r\n\t\t\t})\r\n\t\t\t.bind( 'sorton' + namespace, function( e, list, callback, init ) {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tts.sortOn( this.config, list, callback, init );\r\n\t\t\t})\r\n\t\t\t.bind( 'appendCache' + namespace, function( e, callback, init ) {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tts.appendCache( this.config, init );\r\n\t\t\t\tif ( $.isFunction( callback ) ) {\r\n\t\t\t\t\tcallback( this );\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t// $tbodies variable is used by the tbody sorting widget\r\n\t\t\t.bind( 'updateCache' + namespace, function( e, callback, $tbodies ) {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tts.updateCache( this.config, callback, $tbodies );\r\n\t\t\t})\r\n\t\t\t.bind( 'applyWidgetId' + namespace, function( e, id ) {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tts.applyWidgetId( this, id );\r\n\t\t\t})\r\n\t\t\t.bind( 'applyWidgets' + namespace, function( e, callback ) {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\t// apply widgets (false = not initializing)\r\n\t\t\t\tts.applyWidget( this, false, callback );\r\n\t\t\t})\r\n\t\t\t.bind( 'refreshWidgets' + namespace, function( e, all, dontapply ) {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tts.refreshWidgets( this, all, dontapply );\r\n\t\t\t})\r\n\t\t\t.bind( 'removeWidget' + namespace, function( e, name, refreshing ) {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tts.removeWidget( this, name, refreshing );\r\n\t\t\t})\r\n\t\t\t.bind( 'destroy' + namespace, function( e, removeClasses, callback ) {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tts.destroy( this, removeClasses, callback );\r\n\t\t\t})\r\n\t\t\t.bind( 'resetToLoadState' + namespace, function( e ) {\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\t// remove all widgets\r\n\t\t\t\tts.removeWidget( this, true, false );\r\n\t\t\t\tvar tmp = $.extend( true, {}, c.originalSettings );\r\n\t\t\t\t// restore original settings; this clears out current settings, but does not clear\r\n\t\t\t\t// values saved to storage.\r\n\t\t\t\tc = $.extend( true, {}, ts.defaults, tmp );\r\n\t\t\t\tc.originalSettings = tmp;\r\n\t\t\t\tthis.hasInitialized = false;\r\n\t\t\t\t// setup the entire table again\r\n\t\t\t\tts.setup( this, c );\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tbindEvents : function( table, $headers, core ) {\r\n\t\t\ttable = $( table )[ 0 ];\r\n\t\t\tvar tmp,\r\n\t\t\t\tc = table.config,\r\n\t\t\t\tnamespace = c.namespace,\r\n\t\t\t\tdownTarget = null;\r\n\t\t\tif ( core !== true ) {\r\n\t\t\t\t$headers.addClass( namespace.slice( 1 ) + '_extra_headers' );\r\n\t\t\t\ttmp = ts.getClosest( $headers, 'table' );\r\n\t\t\t\tif ( tmp.length && tmp[ 0 ].nodeName === 'TABLE' && tmp[ 0 ] !== table ) {\r\n\t\t\t\t\t$( tmp[ 0 ] ).addClass( namespace.slice( 1 ) + '_extra_table' );\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\ttmp = ( c.pointerDown + ' ' + c.pointerUp + ' ' + c.pointerClick + ' sort keyup ' )\r\n\t\t\t\t.replace( ts.regex.spaces, ' ' )\r\n\t\t\t\t.split( ' ' )\r\n\t\t\t\t.join( namespace + ' ' );\r\n\t\t\t// apply event handling to headers and/or additional headers (stickyheaders, scroller, etc)\r\n\t\t\t$headers\r\n\t\t\t// http://stackoverflow.com/questions/5312849/jquery-find-self;\r\n\t\t\t.find( c.selectorSort )\r\n\t\t\t.add( $headers.filter( c.selectorSort ) )\r\n\t\t\t.unbind( tmp )\r\n\t\t\t.bind( tmp, function( e, external ) {\r\n\t\t\t\tvar $cell, cell, temp,\r\n\t\t\t\t\t$target = $( e.target ),\r\n\t\t\t\t\t// wrap event type in spaces, so the match doesn't trigger on inner words\r\n\t\t\t\t\ttype = ' ' + e.type + ' ';\r\n\t\t\t\t// only recognize left clicks\r\n\t\t\t\tif ( ( ( e.which || e.button ) !== 1 && !type.match( ' ' + c.pointerClick + ' | sort | keyup ' ) ) ||\r\n\t\t\t\t\t// allow pressing enter\r\n\t\t\t\t\t( type === ' keyup ' && e.which !== ts.keyCodes.enter ) ||\r\n\t\t\t\t\t// allow triggering a click event (e.which is undefined) & ignore physical clicks\r\n\t\t\t\t\t( type.match( ' ' + c.pointerClick + ' ' ) && typeof e.which !== 'undefined' ) ) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\t// ignore mouseup if mousedown wasn't on the same target\r\n\t\t\t\tif ( type.match( ' ' + c.pointerUp + ' ' ) && downTarget !== e.target && external !== true ) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\t// set target on mousedown\r\n\t\t\t\tif ( type.match( ' ' + c.pointerDown + ' ' ) ) {\r\n\t\t\t\t\tdownTarget = e.target;\r\n\t\t\t\t\t// preventDefault needed or jQuery v1.3.2 and older throws an\r\n\t\t\t\t\t// \"Uncaught TypeError: handler.apply is not a function\" error\r\n\t\t\t\t\ttemp = $target.jquery.split( '.' );\r\n\t\t\t\t\tif ( temp[ 0 ] === '1' && temp[ 1 ] < 4 ) { e.preventDefault(); }\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tdownTarget = null;\r\n\t\t\t\t$cell = ts.getClosest( $( this ), '.' + ts.css.header );\r\n\t\t\t\t// prevent sort being triggered on form elements\r\n\t\t\t\tif ( ts.regex.formElements.test( e.target.nodeName ) ||\r\n\t\t\t\t\t// nosort class name, or elements within a nosort container\r\n\t\t\t\t\t$target.hasClass( c.cssNoSort ) || $target.parents( '.' + c.cssNoSort ).length > 0 ||\r\n\t\t\t\t\t// disabled cell directly clicked\r\n\t\t\t\t\t$cell.hasClass( 'sorter-false' ) ||\r\n\t\t\t\t\t// elements within a button\r\n\t\t\t\t\t$target.parents( 'button' ).length > 0 ) {\r\n\t\t\t\t\treturn !c.cancelSelection;\r\n\t\t\t\t}\r\n\t\t\t\tif ( c.delayInit && ts.isEmptyObject( c.cache ) ) {\r\n\t\t\t\t\tts.buildCache( c );\r\n\t\t\t\t}\r\n\t\t\t\t// use column index from data-attribute or index of current row; fixes #1116\r\n\t\t\t\tc.last.clickedIndex = $cell.attr( 'data-column' ) || $cell.index();\r\n\t\t\t\tcell = c.$headerIndexed[ c.last.clickedIndex ][0];\r\n\t\t\t\tif ( cell && !cell.sortDisabled ) {\r\n\t\t\t\t\tts.initSort( c, cell, e );\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\tif ( c.cancelSelection ) {\r\n\t\t\t\t// cancel selection\r\n\t\t\t\t$headers\r\n\t\t\t\t\t.attr( 'unselectable', 'on' )\r\n\t\t\t\t\t.bind( 'selectstart', false )\r\n\t\t\t\t\t.css({\r\n\t\t\t\t\t\t'user-select' : 'none',\r\n\t\t\t\t\t\t'MozUserSelect' : 'none' // not needed for jQuery 1.8+\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tbuildHeaders : function( c ) {\r\n\t\t\tvar $temp, icon, timer, indx;\r\n\t\t\tc.headerList = [];\r\n\t\t\tc.headerContent = [];\r\n\t\t\tc.sortVars = [];\r\n\t\t\tif ( ts.debug(c, 'core') ) {\r\n\t\t\t\ttimer = new Date();\r\n\t\t\t}\r\n\t\t\t// children tr in tfoot - see issue #196 & #547\r\n\t\t\t// don't pass table.config to computeColumnIndex here - widgets (math) pass it to \"quickly\" index tbody cells\r\n\t\t\tc.columns = ts.computeColumnIndex( c.$table.children( 'thead, tfoot' ).children( 'tr' ) );\r\n\t\t\t// add icon if cssIcon option exists\r\n\t\t\ticon = c.cssIcon ?\r\n\t\t\t\t'' + template + '
' ); // faster than wrapInner\r\n\t\t\t\t}\r\n\t\t\t\tif ( c.onRenderHeader ) {\r\n\t\t\t\t\tc.onRenderHeader.apply( $elem, [ index, c, c.$table ] );\r\n\t\t\t\t}\r\n\t\t\t\tcolumn = parseInt( $elem.attr( 'data-column' ), 10 );\r\n\t\t\t\telem.column = column;\r\n\t\t\t\ttmp = ts.getOrder( ts.getData( $elem, configHeaders, 'sortInitialOrder' ) || c.sortInitialOrder );\r\n\t\t\t\t// this may get updated numerous times if there are multiple rows\r\n\t\t\t\tc.sortVars[ column ] = {\r\n\t\t\t\t\tcount : -1, // set to -1 because clicking on the header automatically adds one\r\n\t\t\t\t\torder : tmp ?\r\n\t\t\t\t\t\t( c.sortReset ? [ 1, 0, 2 ] : [ 1, 0 ] ) : // desc, asc, unsorted\r\n\t\t\t\t\t\t( c.sortReset ? [ 0, 1, 2 ] : [ 0, 1 ] ), // asc, desc, unsorted\r\n\t\t\t\t\tlockedOrder : false,\r\n\t\t\t\t\tsortedBy : ''\r\n\t\t\t\t};\r\n\t\t\t\ttmp = ts.getData( $elem, configHeaders, 'lockedOrder' ) || false;\r\n\t\t\t\tif ( typeof tmp !== 'undefined' && tmp !== false ) {\r\n\t\t\t\t\tc.sortVars[ column ].lockedOrder = true;\r\n\t\t\t\t\tc.sortVars[ column ].order = ts.getOrder( tmp ) ? [ 1, 1 ] : [ 0, 0 ];\r\n\t\t\t\t}\r\n\t\t\t\t// add cell to headerList\r\n\t\t\t\tc.headerList[ index ] = elem;\r\n\t\t\t\t$elem.addClass( ts.css.header + ' ' + c.cssHeader );\r\n\t\t\t\t// add to parent in case there are multiple rows\r\n\t\t\t\tts.getClosest( $elem, 'tr' )\r\n\t\t\t\t\t.addClass( ts.css.headerRow + ' ' + c.cssHeaderRow )\r\n\t\t\t\t\t.attr( 'role', 'row' );\r\n\t\t\t\t// allow keyboard cursor to focus on element\r\n\t\t\t\tif ( c.tabIndex ) {\r\n\t\t\t\t\t$elem.attr( 'tabindex', 0 );\r\n\t\t\t\t}\r\n\t\t\t\treturn elem;\r\n\t\t\t}) );\r\n\t\t\t// cache headers per column\r\n\t\t\tc.$headerIndexed = [];\r\n\t\t\tfor ( indx = 0; indx < c.columns; indx++ ) {\r\n\t\t\t\t// colspan in header making a column undefined\r\n\t\t\t\tif ( ts.isEmptyObject( c.sortVars[ indx ] ) ) {\r\n\t\t\t\t\tc.sortVars[ indx ] = {};\r\n\t\t\t\t}\r\n\t\t\t\t// Use c.$headers.parent() in case selectorHeaders doesn't point to the th/td\r\n\t\t\t\t$temp = c.$headers.filter( '[data-column=\"' + indx + '\"]' );\r\n\t\t\t\t// target sortable column cells, unless there are none, then use non-sortable cells\r\n\t\t\t\t// .last() added in jQuery 1.4; use .filter(':last') to maintain compatibility with jQuery v1.2.6\r\n\t\t\t\tc.$headerIndexed[ indx ] = $temp.length ?\r\n\t\t\t\t\t$temp.not( '.sorter-false' ).length ?\r\n\t\t\t\t\t\t$temp.not( '.sorter-false' ).filter( ':last' ) :\r\n\t\t\t\t\t\t$temp.filter( ':last' ) :\r\n\t\t\t\t\t$();\r\n\t\t\t}\r\n\t\t\tc.$table.find( c.selectorHeaders ).attr({\r\n\t\t\t\tscope: 'col',\r\n\t\t\t\trole : 'columnheader'\r\n\t\t\t});\r\n\t\t\t// enable/disable sorting\r\n\t\t\tts.updateHeader( c );\r\n\t\t\tif ( ts.debug(c, 'core') ) {\r\n\t\t\t\tconsole.log( 'Built headers:' + ts.benchmark( timer ) );\r\n\t\t\t\tconsole.log( c.$headers );\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t// Use it to add a set of methods to table.config which will be available for all tables.\r\n\t\t// This should be done before table initialization\r\n\t\taddInstanceMethods : function( methods ) {\r\n\t\t\t$.extend( ts.instanceMethods, methods );\r\n\t\t},\r\n\r\n\t\t/*\r\n\t\t█████▄ ▄████▄ █████▄ ▄█████ ██████ █████▄ ▄█████\r\n\t\t██▄▄██ ██▄▄██ ██▄▄██ ▀█▄ ██▄▄ ██▄▄██ ▀█▄\r\n\t\t██▀▀▀ ██▀▀██ ██▀██ ▀█▄ ██▀▀ ██▀██ ▀█▄\r\n\t\t██ ██ ██ ██ ██ █████▀ ██████ ██ ██ █████▀\r\n\t\t*/\r\n\t\tsetupParsers : function( c, $tbodies ) {\r\n\t\t\tvar rows, list, span, max, colIndex, indx, header, configHeaders,\r\n\t\t\t\tnoParser, parser, extractor, time, tbody, len,\r\n\t\t\t\ttable = c.table,\r\n\t\t\t\ttbodyIndex = 0,\r\n\t\t\t\tdebug = ts.debug(c, 'core'),\r\n\t\t\t\tdebugOutput = {};\r\n\t\t\t// update table bodies in case we start with an empty table\r\n\t\t\tc.$tbodies = c.$table.children( 'tbody:not(.' + c.cssInfoBlock + ')' );\r\n\t\t\ttbody = typeof $tbodies === 'undefined' ? c.$tbodies : $tbodies;\r\n\t\t\tlen = tbody.length;\r\n\t\t\tif ( len === 0 ) {\r\n\t\t\t\treturn debug ? console.warn( 'Warning: *Empty table!* Not building a parser cache' ) : '';\r\n\t\t\t} else if ( debug ) {\r\n\t\t\t\ttime = new Date();\r\n\t\t\t\tconsole[ console.group ? 'group' : 'log' ]( 'Detecting parsers for each column' );\r\n\t\t\t}\r\n\t\t\tlist = {\r\n\t\t\t\textractors: [],\r\n\t\t\t\tparsers: []\r\n\t\t\t};\r\n\t\t\twhile ( tbodyIndex < len ) {\r\n\t\t\t\trows = tbody[ tbodyIndex ].rows;\r\n\t\t\t\tif ( rows.length ) {\r\n\t\t\t\t\tcolIndex = 0;\r\n\t\t\t\t\tmax = c.columns;\r\n\t\t\t\t\tfor ( indx = 0; indx < max; indx++ ) {\r\n\t\t\t\t\t\theader = c.$headerIndexed[ colIndex ];\r\n\t\t\t\t\t\tif ( header && header.length ) {\r\n\t\t\t\t\t\t\t// get column indexed table cell; adding true parameter fixes #1362 but\r\n\t\t\t\t\t\t\t// it would break backwards compatibility...\r\n\t\t\t\t\t\t\tconfigHeaders = ts.getColumnData( table, c.headers, colIndex ); // , true );\r\n\t\t\t\t\t\t\t// get column parser/extractor\r\n\t\t\t\t\t\t\textractor = ts.getParserById( ts.getData( header, configHeaders, 'extractor' ) );\r\n\t\t\t\t\t\t\tparser = ts.getParserById( ts.getData( header, configHeaders, 'sorter' ) );\r\n\t\t\t\t\t\t\tnoParser = ts.getData( header, configHeaders, 'parser' ) === 'false';\r\n\t\t\t\t\t\t\t// empty cells behaviour - keeping emptyToBottom for backwards compatibility\r\n\t\t\t\t\t\t\tc.empties[colIndex] = (\r\n\t\t\t\t\t\t\t\tts.getData( header, configHeaders, 'empty' ) ||\r\n\t\t\t\t\t\t\t\tc.emptyTo || ( c.emptyToBottom ? 'bottom' : 'top' ) ).toLowerCase();\r\n\t\t\t\t\t\t\t// text strings behaviour in numerical sorts\r\n\t\t\t\t\t\t\tc.strings[colIndex] = (\r\n\t\t\t\t\t\t\t\tts.getData( header, configHeaders, 'string' ) ||\r\n\t\t\t\t\t\t\t\tc.stringTo ||\r\n\t\t\t\t\t\t\t\t'max' ).toLowerCase();\r\n\t\t\t\t\t\t\tif ( noParser ) {\r\n\t\t\t\t\t\t\t\tparser = ts.getParserById( 'no-parser' );\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tif ( !extractor ) {\r\n\t\t\t\t\t\t\t\t// For now, maybe detect someday\r\n\t\t\t\t\t\t\t\textractor = false;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tif ( !parser ) {\r\n\t\t\t\t\t\t\t\tparser = ts.detectParserForColumn( c, rows, -1, colIndex );\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tif ( debug ) {\r\n\t\t\t\t\t\t\t\tdebugOutput[ '(' + colIndex + ') ' + header.text() ] = {\r\n\t\t\t\t\t\t\t\t\tparser : parser.id,\r\n\t\t\t\t\t\t\t\t\textractor : extractor ? extractor.id : 'none',\r\n\t\t\t\t\t\t\t\t\tstring : c.strings[ colIndex ],\r\n\t\t\t\t\t\t\t\t\tempty : c.empties[ colIndex ]\r\n\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tlist.parsers[ colIndex ] = parser;\r\n\t\t\t\t\t\t\tlist.extractors[ colIndex ] = extractor;\r\n\t\t\t\t\t\t\tspan = header[ 0 ].colSpan - 1;\r\n\t\t\t\t\t\t\tif ( span > 0 ) {\r\n\t\t\t\t\t\t\t\tcolIndex += span;\r\n\t\t\t\t\t\t\t\tmax += span;\r\n\t\t\t\t\t\t\t\twhile ( span + 1 > 0 ) {\r\n\t\t\t\t\t\t\t\t\t// set colspan columns to use the same parsers & extractors\r\n\t\t\t\t\t\t\t\t\tlist.parsers[ colIndex - span ] = parser;\r\n\t\t\t\t\t\t\t\t\tlist.extractors[ colIndex - span ] = extractor;\r\n\t\t\t\t\t\t\t\t\tspan--;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tcolIndex++;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\ttbodyIndex += ( list.parsers.length ) ? len : 1;\r\n\t\t\t}\r\n\t\t\tif ( debug ) {\r\n\t\t\t\tif ( !ts.isEmptyObject( debugOutput ) ) {\r\n\t\t\t\t\tconsole[ console.table ? 'table' : 'log' ]( debugOutput );\r\n\t\t\t\t} else {\r\n\t\t\t\t\tconsole.warn( ' No parsers detected!' );\r\n\t\t\t\t}\r\n\t\t\t\tconsole.log( 'Completed detecting parsers' + ts.benchmark( time ) );\r\n\t\t\t\tif ( console.groupEnd ) { console.groupEnd(); }\r\n\t\t\t}\r\n\t\t\tc.parsers = list.parsers;\r\n\t\t\tc.extractors = list.extractors;\r\n\t\t},\r\n\r\n\t\taddParser : function( parser ) {\r\n\t\t\tvar indx,\r\n\t\t\t\tlen = ts.parsers.length,\r\n\t\t\t\tadd = true;\r\n\t\t\tfor ( indx = 0; indx < len; indx++ ) {\r\n\t\t\t\tif ( ts.parsers[ indx ].id.toLowerCase() === parser.id.toLowerCase() ) {\r\n\t\t\t\t\tadd = false;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif ( add ) {\r\n\t\t\t\tts.parsers[ ts.parsers.length ] = parser;\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetParserById : function( name ) {\r\n\t\t\t/*jshint eqeqeq:false */ // eslint-disable-next-line eqeqeq\r\n\t\t\tif ( name == 'false' ) { return false; }\r\n\t\t\tvar indx,\r\n\t\t\t\tlen = ts.parsers.length;\r\n\t\t\tfor ( indx = 0; indx < len; indx++ ) {\r\n\t\t\t\tif ( ts.parsers[ indx ].id.toLowerCase() === ( name.toString() ).toLowerCase() ) {\r\n\t\t\t\t\treturn ts.parsers[ indx ];\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\treturn false;\r\n\t\t},\r\n\r\n\t\tdetectParserForColumn : function( c, rows, rowIndex, cellIndex ) {\r\n\t\t\tvar cur, $node, row,\r\n\t\t\t\tindx = ts.parsers.length,\r\n\t\t\t\tnode = false,\r\n\t\t\t\tnodeValue = '',\r\n\t\t\t\tdebug = ts.debug(c, 'core'),\r\n\t\t\t\tkeepLooking = true;\r\n\t\t\twhile ( nodeValue === '' && keepLooking ) {\r\n\t\t\t\trowIndex++;\r\n\t\t\t\trow = rows[ rowIndex ];\r\n\t\t\t\t// stop looking after 50 empty rows\r\n\t\t\t\tif ( row && rowIndex < 50 ) {\r\n\t\t\t\t\tif ( row.className.indexOf( ts.cssIgnoreRow ) < 0 ) {\r\n\t\t\t\t\t\tnode = rows[ rowIndex ].cells[ cellIndex ];\r\n\t\t\t\t\t\tnodeValue = ts.getElementText( c, node, cellIndex );\r\n\t\t\t\t\t\t$node = $( node );\r\n\t\t\t\t\t\tif ( debug ) {\r\n\t\t\t\t\t\t\tconsole.log( 'Checking if value was empty on row ' + rowIndex + ', column: ' +\r\n\t\t\t\t\t\t\t\tcellIndex + ': \"' + nodeValue + '\"' );\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tkeepLooking = false;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\twhile ( --indx >= 0 ) {\r\n\t\t\t\tcur = ts.parsers[ indx ];\r\n\t\t\t\t// ignore the default text parser because it will always be true\r\n\t\t\t\tif ( cur && cur.id !== 'text' && cur.is && cur.is( nodeValue, c.table, node, $node ) ) {\r\n\t\t\t\t\treturn cur;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t// nothing found, return the generic parser (text)\r\n\t\t\treturn ts.getParserById( 'text' );\r\n\t\t},\r\n\r\n\t\tgetElementText : function( c, node, cellIndex ) {\r\n\t\t\tif ( !node ) { return ''; }\r\n\t\t\tvar tmp,\r\n\t\t\t\textract = c.textExtraction || '',\r\n\t\t\t\t// node could be a jquery object\r\n\t\t\t\t// http://jsperf.com/jquery-vs-instanceof-jquery/2\r\n\t\t\t\t$node = node.jquery ? node : $( node );\r\n\t\t\tif ( typeof extract === 'string' ) {\r\n\t\t\t\t// check data-attribute first when set to 'basic'; don't use node.innerText - it's really slow!\r\n\t\t\t\t// http://www.kellegous.com/j/2013/02/27/innertext-vs-textcontent/\r\n\t\t\t\tif ( extract === 'basic' && typeof ( tmp = $node.attr( c.textAttribute ) ) !== 'undefined' ) {\r\n\t\t\t\t\treturn $.trim( tmp );\r\n\t\t\t\t}\r\n\t\t\t\treturn $.trim( node.textContent || $node.text() );\r\n\t\t\t} else {\r\n\t\t\t\tif ( typeof extract === 'function' ) {\r\n\t\t\t\t\treturn $.trim( extract( $node[ 0 ], c.table, cellIndex ) );\r\n\t\t\t\t} else if ( typeof ( tmp = ts.getColumnData( c.table, extract, cellIndex ) ) === 'function' ) {\r\n\t\t\t\t\treturn $.trim( tmp( $node[ 0 ], c.table, cellIndex ) );\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t// fallback\r\n\t\t\treturn $.trim( $node[ 0 ].textContent || $node.text() );\r\n\t\t},\r\n\r\n\t\t// centralized function to extract/parse cell contents\r\n\t\tgetParsedText : function( c, cell, colIndex, txt ) {\r\n\t\t\tif ( typeof txt === 'undefined' ) {\r\n\t\t\t\ttxt = ts.getElementText( c, cell, colIndex );\r\n\t\t\t}\r\n\t\t\t// if no parser, make sure to return the txt\r\n\t\t\tvar val = '' + txt,\r\n\t\t\t\tparser = c.parsers[ colIndex ],\r\n\t\t\t\textractor = c.extractors[ colIndex ];\r\n\t\t\tif ( parser ) {\r\n\t\t\t\t// do extract before parsing, if there is one\r\n\t\t\t\tif ( extractor && typeof extractor.format === 'function' ) {\r\n\t\t\t\t\ttxt = extractor.format( txt, c.table, cell, colIndex );\r\n\t\t\t\t}\r\n\t\t\t\t// allow parsing if the string is empty, previously parsing would change it to zero,\r\n\t\t\t\t// in case the parser needs to extract data from the table cell attributes\r\n\t\t\t\tval = parser.id === 'no-parser' ? '' :\r\n\t\t\t\t\t// make sure txt is a string (extractor may have converted it)\r\n\t\t\t\t\tparser.format( '' + txt, c.table, cell, colIndex );\r\n\t\t\t\tif ( c.ignoreCase && typeof val === 'string' ) {\r\n\t\t\t\t\tval = val.toLowerCase();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\treturn val;\r\n\t\t},\r\n\r\n\t\t/*\r\n\t\t▄████▄ ▄████▄ ▄████▄ ██ ██ ██████\r\n\t\t██ ▀▀ ██▄▄██ ██ ▀▀ ██▄▄██ ██▄▄\r\n\t\t██ ▄▄ ██▀▀██ ██ ▄▄ ██▀▀██ ██▀▀\r\n\t\t▀████▀ ██ ██ ▀████▀ ██ ██ ██████\r\n\t\t*/\r\n\t\tbuildCache : function( c, callback, $tbodies ) {\r\n\t\t\tvar cache, val, txt, rowIndex, colIndex, tbodyIndex, $tbody, $row,\r\n\t\t\t\tcols, $cells, cell, cacheTime, totalRows, rowData, prevRowData,\r\n\t\t\t\tcolMax, span, cacheIndex, hasParser, max, len, index,\r\n\t\t\t\ttable = c.table,\r\n\t\t\t\tparsers = c.parsers,\r\n\t\t\t\tdebug = ts.debug(c, 'core');\r\n\t\t\t// update tbody variable\r\n\t\t\tc.$tbodies = c.$table.children( 'tbody:not(.' + c.cssInfoBlock + ')' );\r\n\t\t\t$tbody = typeof $tbodies === 'undefined' ? c.$tbodies : $tbodies,\r\n\t\t\tc.cache = {};\r\n\t\t\tc.totalRows = 0;\r\n\t\t\t// if no parsers found, return - it's an empty table.\r\n\t\t\tif ( !parsers ) {\r\n\t\t\t\treturn debug ? console.warn( 'Warning: *Empty table!* Not building a cache' ) : '';\r\n\t\t\t}\r\n\t\t\tif ( debug ) {\r\n\t\t\t\tcacheTime = new Date();\r\n\t\t\t}\r\n\t\t\t// processing icon\r\n\t\t\tif ( c.showProcessing ) {\r\n\t\t\t\tts.isProcessing( table, true );\r\n\t\t\t}\r\n\t\t\tfor ( tbodyIndex = 0; tbodyIndex < $tbody.length; tbodyIndex++ ) {\r\n\t\t\t\tcolMax = []; // column max value per tbody\r\n\t\t\t\tcache = c.cache[ tbodyIndex ] = {\r\n\t\t\t\t\tnormalized: [] // array of normalized row data; last entry contains 'rowData' above\r\n\t\t\t\t\t// colMax: # // added at the end\r\n\t\t\t\t};\r\n\r\n\t\t\t\ttotalRows = ( $tbody[ tbodyIndex ] && $tbody[ tbodyIndex ].rows.length ) || 0;\r\n\t\t\t\tfor ( rowIndex = 0; rowIndex < totalRows; ++rowIndex ) {\r\n\t\t\t\t\trowData = {\r\n\t\t\t\t\t\t// order: original row order #\r\n\t\t\t\t\t\t// $row : jQuery Object[]\r\n\t\t\t\t\t\tchild: [], // child row text (filter widget)\r\n\t\t\t\t\t\traw: [] // original row text\r\n\t\t\t\t\t};\r\n\t\t\t\t\t/** Add the table data to main data array */\r\n\t\t\t\t\t$row = $( $tbody[ tbodyIndex ].rows[ rowIndex ] );\r\n\t\t\t\t\tcols = [];\r\n\t\t\t\t\t// ignore \"remove-me\" rows\r\n\t\t\t\t\tif ( $row.hasClass( c.selectorRemove.slice(1) ) ) {\r\n\t\t\t\t\t\tcontinue;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// if this is a child row, add it to the last row's children and continue to the next row\r\n\t\t\t\t\t// ignore child row class, if it is the first row\r\n\t\t\t\t\tif ( $row.hasClass( c.cssChildRow ) && rowIndex !== 0 ) {\r\n\t\t\t\t\t\tlen = cache.normalized.length - 1;\r\n\t\t\t\t\t\tprevRowData = cache.normalized[ len ][ c.columns ];\r\n\t\t\t\t\t\tprevRowData.$row = prevRowData.$row.add( $row );\r\n\t\t\t\t\t\t// add 'hasChild' class name to parent row\r\n\t\t\t\t\t\tif ( !$row.prev().hasClass( c.cssChildRow ) ) {\r\n\t\t\t\t\t\t\t$row.prev().addClass( ts.css.cssHasChild );\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t// save child row content (un-parsed!)\r\n\t\t\t\t\t\t$cells = $row.children( 'th, td' );\r\n\t\t\t\t\t\tlen = prevRowData.child.length;\r\n\t\t\t\t\t\tprevRowData.child[ len ] = [];\r\n\t\t\t\t\t\t// child row content does not account for colspans/rowspans; so indexing may be off\r\n\t\t\t\t\t\tcacheIndex = 0;\r\n\t\t\t\t\t\tmax = c.columns;\r\n\t\t\t\t\t\tfor ( colIndex = 0; colIndex < max; colIndex++ ) {\r\n\t\t\t\t\t\t\tcell = $cells[ colIndex ];\r\n\t\t\t\t\t\t\tif ( cell ) {\r\n\t\t\t\t\t\t\t\tprevRowData.child[ len ][ colIndex ] = ts.getParsedText( c, cell, colIndex );\r\n\t\t\t\t\t\t\t\tspan = $cells[ colIndex ].colSpan - 1;\r\n\t\t\t\t\t\t\t\tif ( span > 0 ) {\r\n\t\t\t\t\t\t\t\t\tcacheIndex += span;\r\n\t\t\t\t\t\t\t\t\tmax += span;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tcacheIndex++;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t// go to the next for loop\r\n\t\t\t\t\t\tcontinue;\r\n\t\t\t\t\t}\r\n\t\t\t\t\trowData.$row = $row;\r\n\t\t\t\t\trowData.order = rowIndex; // add original row position to rowCache\r\n\t\t\t\t\tcacheIndex = 0;\r\n\t\t\t\t\tmax = c.columns;\r\n\t\t\t\t\tfor ( colIndex = 0; colIndex < max; ++colIndex ) {\r\n\t\t\t\t\t\tcell = $row[ 0 ].cells[ colIndex ];\r\n\t\t\t\t\t\tif ( cell && cacheIndex < c.columns ) {\r\n\t\t\t\t\t\t\thasParser = typeof parsers[ cacheIndex ] !== 'undefined';\r\n\t\t\t\t\t\t\tif ( !hasParser && debug ) {\r\n\t\t\t\t\t\t\t\tconsole.warn( 'No parser found for row: ' + rowIndex + ', column: ' + colIndex +\r\n\t\t\t\t\t\t\t\t\t'; cell containing: \"' + $(cell).text() + '\"; does it have a header?' );\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tval = ts.getElementText( c, cell, cacheIndex );\r\n\t\t\t\t\t\t\trowData.raw[ cacheIndex ] = val; // save original row text\r\n\t\t\t\t\t\t\t// save raw column text even if there is no parser set\r\n\t\t\t\t\t\t\ttxt = ts.getParsedText( c, cell, cacheIndex, val );\r\n\t\t\t\t\t\t\tcols[ cacheIndex ] = txt;\r\n\t\t\t\t\t\t\tif ( hasParser && ( parsers[ cacheIndex ].type || '' ).toLowerCase() === 'numeric' ) {\r\n\t\t\t\t\t\t\t\t// determine column max value (ignore sign)\r\n\t\t\t\t\t\t\t\tcolMax[ cacheIndex ] = Math.max( Math.abs( txt ) || 0, colMax[ cacheIndex ] || 0 );\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t// allow colSpan in tbody\r\n\t\t\t\t\t\t\tspan = cell.colSpan - 1;\r\n\t\t\t\t\t\t\tif ( span > 0 ) {\r\n\t\t\t\t\t\t\t\tindex = 0;\r\n\t\t\t\t\t\t\t\twhile ( index <= span ) {\r\n\t\t\t\t\t\t\t\t\t// duplicate text (or not) to spanned columns\r\n\t\t\t\t\t\t\t\t\t// instead of setting duplicate span to empty string, use textExtraction to try to get a value\r\n\t\t\t\t\t\t\t\t\t// see http://stackoverflow.com/q/36449711/145346\r\n\t\t\t\t\t\t\t\t\ttxt = c.duplicateSpan || index === 0 ?\r\n\t\t\t\t\t\t\t\t\t\ttxt :\r\n\t\t\t\t\t\t\t\t\t\ttypeof c.textExtraction !== 'string' ?\r\n\t\t\t\t\t\t\t\t\t\t\tts.getElementText( c, cell, cacheIndex + index ) || '' :\r\n\t\t\t\t\t\t\t\t\t\t\t'';\r\n\t\t\t\t\t\t\t\t\trowData.raw[ cacheIndex + index ] = txt;\r\n\t\t\t\t\t\t\t\t\tcols[ cacheIndex + index ] = txt;\r\n\t\t\t\t\t\t\t\t\tindex++;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tcacheIndex += span;\r\n\t\t\t\t\t\t\t\tmax += span;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tcacheIndex++;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// ensure rowData is always in the same location (after the last column)\r\n\t\t\t\t\tcols[ c.columns ] = rowData;\r\n\t\t\t\t\tcache.normalized[ cache.normalized.length ] = cols;\r\n\t\t\t\t}\r\n\t\t\t\tcache.colMax = colMax;\r\n\t\t\t\t// total up rows, not including child rows\r\n\t\t\t\tc.totalRows += cache.normalized.length;\r\n\r\n\t\t\t}\r\n\t\t\tif ( c.showProcessing ) {\r\n\t\t\t\tts.isProcessing( table ); // remove processing icon\r\n\t\t\t}\r\n\t\t\tif ( debug ) {\r\n\t\t\t\tlen = Math.min( 5, c.cache[ 0 ].normalized.length );\r\n\t\t\t\tconsole[ console.group ? 'group' : 'log' ]( 'Building cache for ' + c.totalRows +\r\n\t\t\t\t\t' rows (showing ' + len + ' rows in log) and ' + c.columns + ' columns' +\r\n\t\t\t\t\tts.benchmark( cacheTime ) );\r\n\t\t\t\tval = {};\r\n\t\t\t\tfor ( colIndex = 0; colIndex < c.columns; colIndex++ ) {\r\n\t\t\t\t\tfor ( cacheIndex = 0; cacheIndex < len; cacheIndex++ ) {\r\n\t\t\t\t\t\tif ( !val[ 'row: ' + cacheIndex ] ) {\r\n\t\t\t\t\t\t\tval[ 'row: ' + cacheIndex ] = {};\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tval[ 'row: ' + cacheIndex ][ c.$headerIndexed[ colIndex ].text() ] =\r\n\t\t\t\t\t\t\tc.cache[ 0 ].normalized[ cacheIndex ][ colIndex ];\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tconsole[ console.table ? 'table' : 'log' ]( val );\r\n\t\t\t\tif ( console.groupEnd ) { console.groupEnd(); }\r\n\t\t\t}\r\n\t\t\tif ( $.isFunction( callback ) ) {\r\n\t\t\t\tcallback( table );\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetColumnText : function( table, column, callback, rowFilter ) {\r\n\t\t\ttable = $( table )[0];\r\n\t\t\tvar tbodyIndex, rowIndex, cache, row, tbodyLen, rowLen, raw, parsed, $cell, result,\r\n\t\t\t\thasCallback = typeof callback === 'function',\r\n\t\t\t\tallColumns = column === 'all',\r\n\t\t\t\tdata = { raw : [], parsed: [], $cell: [] },\r\n\t\t\t\tc = table.config;\r\n\t\t\tif ( ts.isEmptyObject( c ) ) {\r\n\t\t\t\tif ( ts.debug(c, 'core') ) {\r\n\t\t\t\t\tconsole.warn( 'No cache found - aborting getColumnText function!' );\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\ttbodyLen = c.$tbodies.length;\r\n\t\t\t\tfor ( tbodyIndex = 0; tbodyIndex < tbodyLen; tbodyIndex++ ) {\r\n\t\t\t\t\tcache = c.cache[ tbodyIndex ].normalized;\r\n\t\t\t\t\trowLen = cache.length;\r\n\t\t\t\t\tfor ( rowIndex = 0; rowIndex < rowLen; rowIndex++ ) {\r\n\t\t\t\t\t\trow = cache[ rowIndex ];\r\n\t\t\t\t\t\tif ( rowFilter && !row[ c.columns ].$row.is( rowFilter ) ) {\r\n\t\t\t\t\t\t\tcontinue;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tresult = true;\r\n\t\t\t\t\t\tparsed = ( allColumns ) ? row.slice( 0, c.columns ) : row[ column ];\r\n\t\t\t\t\t\trow = row[ c.columns ];\r\n\t\t\t\t\t\traw = ( allColumns ) ? row.raw : row.raw[ column ];\r\n\t\t\t\t\t\t$cell = ( allColumns ) ? row.$row.children() : row.$row.children().eq( column );\r\n\t\t\t\t\t\tif ( hasCallback ) {\r\n\t\t\t\t\t\t\tresult = callback({\r\n\t\t\t\t\t\t\t\ttbodyIndex : tbodyIndex,\r\n\t\t\t\t\t\t\t\trowIndex : rowIndex,\r\n\t\t\t\t\t\t\t\tparsed : parsed,\r\n\t\t\t\t\t\t\t\traw : raw,\r\n\t\t\t\t\t\t\t\t$row : row.$row,\r\n\t\t\t\t\t\t\t\t$cell : $cell\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tif ( result !== false ) {\r\n\t\t\t\t\t\t\tdata.parsed[ data.parsed.length ] = parsed;\r\n\t\t\t\t\t\t\tdata.raw[ data.raw.length ] = raw;\r\n\t\t\t\t\t\t\tdata.$cell[ data.$cell.length ] = $cell;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t// return everything\r\n\t\t\t\treturn data;\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t/*\r\n\t\t██ ██ █████▄ █████▄ ▄████▄ ██████ ██████\r\n\t\t██ ██ ██▄▄██ ██ ██ ██▄▄██ ██ ██▄▄\r\n\t\t██ ██ ██▀▀▀ ██ ██ ██▀▀██ ██ ██▀▀\r\n\t\t▀████▀ ██ █████▀ ██ ██ ██ ██████\r\n\t\t*/\r\n\t\tsetHeadersCss : function( c ) {\r\n\t\t\tvar indx, column,\r\n\t\t\t\tlist = c.sortList,\r\n\t\t\t\tlen = list.length,\r\n\t\t\t\tnone = ts.css.sortNone + ' ' + c.cssNone,\r\n\t\t\t\tcss = [ ts.css.sortAsc + ' ' + c.cssAsc, ts.css.sortDesc + ' ' + c.cssDesc ],\r\n\t\t\t\tcssIcon = [ c.cssIconAsc, c.cssIconDesc, c.cssIconNone ],\r\n\t\t\t\taria = [ 'ascending', 'descending' ],\r\n\t\t\t\tupdateColumnSort = function($el, index) {\r\n\t\t\t\t\t$el\r\n\t\t\t\t\t\t.removeClass( none )\r\n\t\t\t\t\t\t.addClass( css[ index ] )\r\n\t\t\t\t\t\t.attr( 'aria-sort', aria[ index ] )\r\n\t\t\t\t\t\t.find( '.' + ts.css.icon )\r\n\t\t\t\t\t\t.removeClass( cssIcon[ 2 ] )\r\n\t\t\t\t\t\t.addClass( cssIcon[ index ] );\r\n\t\t\t\t},\r\n\t\t\t\t// find the footer\r\n\t\t\t\t$extras = c.$table\r\n\t\t\t\t\t.find( 'tfoot tr' )\r\n\t\t\t\t\t.children( 'td, th' )\r\n\t\t\t\t\t.add( $( c.namespace + '_extra_headers' ) )\r\n\t\t\t\t\t.removeClass( css.join( ' ' ) ),\r\n\t\t\t\t// remove all header information\r\n\t\t\t\t$sorted = c.$headers\r\n\t\t\t\t\t.add( $( 'thead ' + c.namespace + '_extra_headers' ) )\r\n\t\t\t\t\t.removeClass( css.join( ' ' ) )\r\n\t\t\t\t\t.addClass( none )\r\n\t\t\t\t\t.attr( 'aria-sort', 'none' )\r\n\t\t\t\t\t.find( '.' + ts.css.icon )\r\n\t\t\t\t\t.removeClass( cssIcon.join( ' ' ) )\r\n\t\t\t\t\t.end();\r\n\t\t\t// add css none to all sortable headers\r\n\t\t\t$sorted\r\n\t\t\t\t.not( '.sorter-false' )\r\n\t\t\t\t.find( '.' + ts.css.icon )\r\n\t\t\t\t.addClass( cssIcon[ 2 ] );\r\n\t\t\t// add disabled css icon class\r\n\t\t\tif ( c.cssIconDisabled ) {\r\n\t\t\t\t$sorted\r\n\t\t\t\t\t.filter( '.sorter-false' )\r\n\t\t\t\t\t.find( '.' + ts.css.icon )\r\n\t\t\t\t\t.addClass( c.cssIconDisabled );\r\n\t\t\t}\r\n\t\t\tfor ( indx = 0; indx < len; indx++ ) {\r\n\t\t\t\t// direction = 2 means reset!\r\n\t\t\t\tif ( list[ indx ][ 1 ] !== 2 ) {\r\n\t\t\t\t\t// multicolumn sorting updating - see #1005\r\n\t\t\t\t\t// .not(function() {}) needs jQuery 1.4\r\n\t\t\t\t\t// filter(function(i, el) {}) <- el is undefined in jQuery v1.2.6\r\n\t\t\t\t\t$sorted = c.$headers.filter( function( i ) {\r\n\t\t\t\t\t\t// only include headers that are in the sortList (this includes colspans)\r\n\t\t\t\t\t\tvar include = true,\r\n\t\t\t\t\t\t\t$el = c.$headers.eq( i ),\r\n\t\t\t\t\t\t\tcol = parseInt( $el.attr( 'data-column' ), 10 ),\r\n\t\t\t\t\t\t\tend = col + ts.getClosest( $el, 'th, td' )[0].colSpan;\r\n\t\t\t\t\t\tfor ( ; col < end; col++ ) {\r\n\t\t\t\t\t\t\tinclude = include ? include || ts.isValueInArray( col, c.sortList ) > -1 : false;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\treturn include;\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\t// choose the :last in case there are nested columns\r\n\t\t\t\t\t$sorted = $sorted\r\n\t\t\t\t\t\t.not( '.sorter-false' )\r\n\t\t\t\t\t\t.filter( '[data-column=\"' + list[ indx ][ 0 ] + '\"]' + ( len === 1 ? ':last' : '' ) );\r\n\t\t\t\t\tif ( $sorted.length ) {\r\n\t\t\t\t\t\tfor ( column = 0; column < $sorted.length; column++ ) {\r\n\t\t\t\t\t\t\tif ( !$sorted[ column ].sortDisabled ) {\r\n\t\t\t\t\t\t\t\tupdateColumnSort( $sorted.eq( column ), list[ indx ][ 1 ] );\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// add sorted class to footer & extra headers, if they exist\r\n\t\t\t\t\tif ( $extras.length ) {\r\n\t\t\t\t\t\tupdateColumnSort( $extras.filter( '[data-column=\"' + list[ indx ][ 0 ] + '\"]' ), list[ indx ][ 1 ] );\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t// add verbose aria labels\r\n\t\t\tlen = c.$headers.length;\r\n\t\t\tfor ( indx = 0; indx < len; indx++ ) {\r\n\t\t\t\tts.setColumnAriaLabel( c, c.$headers.eq( indx ) );\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetClosest : function( $el, selector ) {\r\n\t\t\t// jQuery v1.2.6 doesn't have closest()\r\n\t\t\tif ( $.fn.closest ) {\r\n\t\t\t\treturn $el.closest( selector );\r\n\t\t\t}\r\n\t\t\treturn $el.is( selector ) ?\r\n\t\t\t\t$el :\r\n\t\t\t\t$el.parents( selector ).filter( ':first' );\r\n\t\t},\r\n\r\n\t\t// nextSort (optional), lets you disable next sort text\r\n\t\tsetColumnAriaLabel : function( c, $header, nextSort ) {\r\n\t\t\tif ( $header.length ) {\r\n\t\t\t\tvar column = parseInt( $header.attr( 'data-column' ), 10 ),\r\n\t\t\t\t\tvars = c.sortVars[ column ],\r\n\t\t\t\t\ttmp = $header.hasClass( ts.css.sortAsc ) ?\r\n\t\t\t\t\t\t'sortAsc' :\r\n\t\t\t\t\t\t$header.hasClass( ts.css.sortDesc ) ? 'sortDesc' : 'sortNone',\r\n\t\t\t\t\ttxt = $.trim( $header.text() ) + ': ' + ts.language[ tmp ];\r\n\t\t\t\tif ( $header.hasClass( 'sorter-false' ) || nextSort === false ) {\r\n\t\t\t\t\ttxt += ts.language.sortDisabled;\r\n\t\t\t\t} else {\r\n\t\t\t\t\ttmp = ( vars.count + 1 ) % vars.order.length;\r\n\t\t\t\t\tnextSort = vars.order[ tmp ];\r\n\t\t\t\t\t// if nextSort\r\n\t\t\t\t\ttxt += ts.language[ nextSort === 0 ? 'nextAsc' : nextSort === 1 ? 'nextDesc' : 'nextNone' ];\r\n\t\t\t\t}\r\n\t\t\t\t$header.attr( 'aria-label', txt );\r\n\t\t\t\tif (vars.sortedBy) {\r\n\t\t\t\t\t$header.attr( 'data-sortedBy', vars.sortedBy );\r\n\t\t\t\t} else {\r\n\t\t\t\t\t$header.removeAttr('data-sortedBy');\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tupdateHeader : function( c ) {\r\n\t\t\tvar index, isDisabled, $header, col,\r\n\t\t\t\ttable = c.table,\r\n\t\t\t\tlen = c.$headers.length;\r\n\t\t\tfor ( index = 0; index < len; index++ ) {\r\n\t\t\t\t$header = c.$headers.eq( index );\r\n\t\t\t\tcol = ts.getColumnData( table, c.headers, index, true );\r\n\t\t\t\t// add 'sorter-false' class if 'parser-false' is set\r\n\t\t\t\tisDisabled = ts.getData( $header, col, 'sorter' ) === 'false' || ts.getData( $header, col, 'parser' ) === 'false';\r\n\t\t\t\tts.setColumnSort( c, $header, isDisabled );\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tsetColumnSort : function( c, $header, isDisabled ) {\r\n\t\t\tvar id = c.table.id;\r\n\t\t\t$header[ 0 ].sortDisabled = isDisabled;\r\n\t\t\t$header[ isDisabled ? 'addClass' : 'removeClass' ]( 'sorter-false' )\r\n\t\t\t\t.attr( 'aria-disabled', '' + isDisabled );\r\n\t\t\t// disable tab index on disabled cells\r\n\t\t\tif ( c.tabIndex ) {\r\n\t\t\t\tif ( isDisabled ) {\r\n\t\t\t\t\t$header.removeAttr( 'tabindex' );\r\n\t\t\t\t} else {\r\n\t\t\t\t\t$header.attr( 'tabindex', '0' );\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t// aria-controls - requires table ID\r\n\t\t\tif ( id ) {\r\n\t\t\t\tif ( isDisabled ) {\r\n\t\t\t\t\t$header.removeAttr( 'aria-controls' );\r\n\t\t\t\t} else {\r\n\t\t\t\t\t$header.attr( 'aria-controls', id );\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tupdateHeaderSortCount : function( c, list ) {\r\n\t\t\tvar col, dir, group, indx, primary, temp, val, order,\r\n\t\t\t\tsortList = list || c.sortList,\r\n\t\t\t\tlen = sortList.length;\r\n\t\t\tc.sortList = [];\r\n\t\t\tfor ( indx = 0; indx < len; indx++ ) {\r\n\t\t\t\tval = sortList[ indx ];\r\n\t\t\t\t// ensure all sortList values are numeric - fixes #127\r\n\t\t\t\tcol = parseInt( val[ 0 ], 10 );\r\n\t\t\t\t// prevents error if sorton array is wrong\r\n\t\t\t\tif ( col < c.columns ) {\r\n\r\n\t\t\t\t\t// set order if not already defined - due to colspan header without associated header cell\r\n\t\t\t\t\t// adding this check prevents a javascript error\r\n\t\t\t\t\tif ( !c.sortVars[ col ].order ) {\r\n\t\t\t\t\t\tif ( ts.getOrder( c.sortInitialOrder ) ) {\r\n\t\t\t\t\t\t\torder = c.sortReset ? [ 1, 0, 2 ] : [ 1, 0 ];\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\torder = c.sortReset ? [ 0, 1, 2 ] : [ 0, 1 ];\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tc.sortVars[ col ].order = order;\r\n\t\t\t\t\t\tc.sortVars[ col ].count = 0;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\torder = c.sortVars[ col ].order;\r\n\t\t\t\t\tdir = ( '' + val[ 1 ] ).match( /^(1|d|s|o|n)/ );\r\n\t\t\t\t\tdir = dir ? dir[ 0 ] : '';\r\n\t\t\t\t\t// 0/(a)sc (default), 1/(d)esc, (s)ame, (o)pposite, (n)ext\r\n\t\t\t\t\tswitch ( dir ) {\r\n\t\t\t\t\t\tcase '1' : case 'd' : // descending\r\n\t\t\t\t\t\t\tdir = 1;\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase 's' : // same direction (as primary column)\r\n\t\t\t\t\t\t\t// if primary sort is set to 's', make it ascending\r\n\t\t\t\t\t\t\tdir = primary || 0;\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase 'o' :\r\n\t\t\t\t\t\t\ttemp = order[ ( primary || 0 ) % order.length ];\r\n\t\t\t\t\t\t\t// opposite of primary column; but resets if primary resets\r\n\t\t\t\t\t\t\tdir = temp === 0 ? 1 : temp === 1 ? 0 : 2;\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase 'n' :\r\n\t\t\t\t\t\t\tdir = order[ ( ++c.sortVars[ col ].count ) % order.length ];\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tdefault : // ascending\r\n\t\t\t\t\t\t\tdir = 0;\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tprimary = indx === 0 ? dir : primary;\r\n\t\t\t\t\tgroup = [ col, parseInt( dir, 10 ) || 0 ];\r\n\t\t\t\t\tc.sortList[ c.sortList.length ] = group;\r\n\t\t\t\t\tdir = $.inArray( group[ 1 ], order ); // fixes issue #167\r\n\t\t\t\t\tc.sortVars[ col ].count = dir >= 0 ? dir : group[ 1 ] % order.length;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tupdateAll : function( c, resort, callback ) {\r\n\t\t\tvar table = c.table;\r\n\t\t\ttable.isUpdating = true;\r\n\t\t\tts.refreshWidgets( table, true, true );\r\n\t\t\tts.buildHeaders( c );\r\n\t\t\tts.bindEvents( table, c.$headers, true );\r\n\t\t\tts.bindMethods( c );\r\n\t\t\tts.commonUpdate( c, resort, callback );\r\n\t\t},\r\n\r\n\t\tupdate : function( c, resort, callback ) {\r\n\t\t\tvar table = c.table;\r\n\t\t\ttable.isUpdating = true;\r\n\t\t\t// update sorting (if enabled/disabled)\r\n\t\t\tts.updateHeader( c );\r\n\t\t\tts.commonUpdate( c, resort, callback );\r\n\t\t},\r\n\r\n\t\t// simple header update - see #989\r\n\t\tupdateHeaders : function( c, callback ) {\r\n\t\t\tc.table.isUpdating = true;\r\n\t\t\tts.buildHeaders( c );\r\n\t\t\tts.bindEvents( c.table, c.$headers, true );\r\n\t\t\tts.resortComplete( c, callback );\r\n\t\t},\r\n\r\n\t\tupdateCell : function( c, cell, resort, callback ) {\r\n\t\t\t// updateCell for child rows is a mess - we'll ignore them for now\r\n\t\t\t// eventually I'll break out the \"update\" row cache code to make everything consistent\r\n\t\t\tif ( $( cell ).closest( 'tr' ).hasClass( c.cssChildRow ) ) {\r\n\t\t\t\tconsole.warn('Tablesorter Warning! \"updateCell\" for child row content has been disabled, use \"update\" instead');\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif ( ts.isEmptyObject( c.cache ) ) {\r\n\t\t\t\t// empty table, do an update instead - fixes #1099\r\n\t\t\t\tts.updateHeader( c );\r\n\t\t\t\tts.commonUpdate( c, resort, callback );\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tc.table.isUpdating = true;\r\n\t\t\tc.$table.find( c.selectorRemove ).remove();\r\n\t\t\t// get position from the dom\r\n\t\t\tvar tmp, indx, row, icell, cache, len,\r\n\t\t\t\t$tbodies = c.$tbodies,\r\n\t\t\t\t$cell = $( cell ),\r\n\t\t\t\t// update cache - format: function( s, table, cell, cellIndex )\r\n\t\t\t\t// no closest in jQuery v1.2.6\r\n\t\t\t\ttbodyIndex = $tbodies.index( ts.getClosest( $cell, 'tbody' ) ),\r\n\t\t\t\ttbcache = c.cache[ tbodyIndex ],\r\n\t\t\t\t$row = ts.getClosest( $cell, 'tr' );\r\n\t\t\tcell = $cell[ 0 ]; // in case cell is a jQuery object\r\n\t\t\t// tbody may not exist if update is initialized while tbody is removed for processing\r\n\t\t\tif ( $tbodies.length && tbodyIndex >= 0 ) {\r\n\t\t\t\trow = $tbodies.eq( tbodyIndex ).find( 'tr' ).not( '.' + c.cssChildRow ).index( $row );\r\n\t\t\t\tcache = tbcache.normalized[ row ];\r\n\t\t\t\tlen = $row[ 0 ].cells.length;\r\n\t\t\t\tif ( len !== c.columns ) {\r\n\t\t\t\t\t// colspan in here somewhere!\r\n\t\t\t\t\ticell = 0;\r\n\t\t\t\t\ttmp = false;\r\n\t\t\t\t\tfor ( indx = 0; indx < len; indx++ ) {\r\n\t\t\t\t\t\tif ( !tmp && $row[ 0 ].cells[ indx ] !== cell ) {\r\n\t\t\t\t\t\t\ticell += $row[ 0 ].cells[ indx ].colSpan;\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\ttmp = true;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\ticell = $cell.index();\r\n\t\t\t\t}\r\n\t\t\t\ttmp = ts.getElementText( c, cell, icell ); // raw\r\n\t\t\t\tcache[ c.columns ].raw[ icell ] = tmp;\r\n\t\t\t\ttmp = ts.getParsedText( c, cell, icell, tmp );\r\n\t\t\t\tcache[ icell ] = tmp; // parsed\r\n\t\t\t\tif ( ( c.parsers[ icell ].type || '' ).toLowerCase() === 'numeric' ) {\r\n\t\t\t\t\t// update column max value (ignore sign)\r\n\t\t\t\t\ttbcache.colMax[ icell ] = Math.max( Math.abs( tmp ) || 0, tbcache.colMax[ icell ] || 0 );\r\n\t\t\t\t}\r\n\t\t\t\ttmp = resort !== 'undefined' ? resort : c.resort;\r\n\t\t\t\tif ( tmp !== false ) {\r\n\t\t\t\t\t// widgets will be reapplied\r\n\t\t\t\t\tts.checkResort( c, tmp, callback );\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// don't reapply widgets is resort is false, just in case it causes\r\n\t\t\t\t\t// problems with element focus\r\n\t\t\t\t\tts.resortComplete( c, callback );\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tif ( ts.debug(c, 'core') ) {\r\n\t\t\t\t\tconsole.error( 'updateCell aborted, tbody missing or not within the indicated table' );\r\n\t\t\t\t}\r\n\t\t\t\tc.table.isUpdating = false;\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\taddRows : function( c, $row, resort, callback ) {\r\n\t\t\tvar txt, val, tbodyIndex, rowIndex, rows, cellIndex, len, order,\r\n\t\t\t\tcacheIndex, rowData, cells, cell, span,\r\n\t\t\t\t// allow passing a row string if only one non-info tbody exists in the table\r\n\t\t\t\tvalid = typeof $row === 'string' && c.$tbodies.length === 1 && / 0 ) {\r\n\t\t\t\t\t\t\tcacheIndex += span;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tcacheIndex++;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// add the row data to the end\r\n\t\t\t\t\tcells[ c.columns ] = rowData;\r\n\t\t\t\t\t// update cache\r\n\t\t\t\t\tc.cache[ tbodyIndex ].normalized[ order ] = cells;\r\n\t\t\t\t}\r\n\t\t\t\t// resort using current settings\r\n\t\t\t\tts.checkResort( c, resort, callback );\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tupdateCache : function( c, callback, $tbodies ) {\r\n\t\t\t// rebuild parsers\r\n\t\t\tif ( !( c.parsers && c.parsers.length ) ) {\r\n\t\t\t\tts.setupParsers( c, $tbodies );\r\n\t\t\t}\r\n\t\t\t// rebuild the cache map\r\n\t\t\tts.buildCache( c, callback, $tbodies );\r\n\t\t},\r\n\r\n\t\t// init flag (true) used by pager plugin to prevent widget application\r\n\t\t// renamed from appendToTable\r\n\t\tappendCache : function( c, init ) {\r\n\t\t\tvar parsed, totalRows, $tbody, $curTbody, rowIndex, tbodyIndex, appendTime,\r\n\t\t\t\ttable = c.table,\r\n\t\t\t\t$tbodies = c.$tbodies,\r\n\t\t\t\trows = [],\r\n\t\t\t\tcache = c.cache;\r\n\t\t\t// empty table - fixes #206/#346\r\n\t\t\tif ( ts.isEmptyObject( cache ) ) {\r\n\t\t\t\t// run pager appender in case the table was just emptied\r\n\t\t\t\treturn c.appender ? c.appender( table, rows ) :\r\n\t\t\t\t\ttable.isUpdating ? c.$table.triggerHandler( 'updateComplete', table ) : ''; // Fixes #532\r\n\t\t\t}\r\n\t\t\tif ( ts.debug(c, 'core') ) {\r\n\t\t\t\tappendTime = new Date();\r\n\t\t\t}\r\n\t\t\tfor ( tbodyIndex = 0; tbodyIndex < $tbodies.length; tbodyIndex++ ) {\r\n\t\t\t\t$tbody = $tbodies.eq( tbodyIndex );\r\n\t\t\t\tif ( $tbody.length ) {\r\n\t\t\t\t\t// detach tbody for manipulation\r\n\t\t\t\t\t$curTbody = ts.processTbody( table, $tbody, true );\r\n\t\t\t\t\tparsed = cache[ tbodyIndex ].normalized;\r\n\t\t\t\t\ttotalRows = parsed.length;\r\n\t\t\t\t\tfor ( rowIndex = 0; rowIndex < totalRows; rowIndex++ ) {\r\n\t\t\t\t\t\trows[rows.length] = parsed[ rowIndex ][ c.columns ].$row;\r\n\t\t\t\t\t\t// removeRows used by the pager plugin; don't render if using ajax - fixes #411\r\n\t\t\t\t\t\tif ( !c.appender || ( c.pager && !c.pager.removeRows && !c.pager.ajax ) ) {\r\n\t\t\t\t\t\t\t$curTbody.append( parsed[ rowIndex ][ c.columns ].$row );\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// restore tbody\r\n\t\t\t\t\tts.processTbody( table, $curTbody, false );\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif ( c.appender ) {\r\n\t\t\t\tc.appender( table, rows );\r\n\t\t\t}\r\n\t\t\tif ( ts.debug(c, 'core') ) {\r\n\t\t\t\tconsole.log( 'Rebuilt table' + ts.benchmark( appendTime ) );\r\n\t\t\t}\r\n\t\t\t// apply table widgets; but not before ajax completes\r\n\t\t\tif ( !init && !c.appender ) {\r\n\t\t\t\tts.applyWidget( table );\r\n\t\t\t}\r\n\t\t\tif ( table.isUpdating ) {\r\n\t\t\t\tc.$table.triggerHandler( 'updateComplete', table );\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tcommonUpdate : function( c, resort, callback ) {\r\n\t\t\t// remove rows/elements before update\r\n\t\t\tc.$table.find( c.selectorRemove ).remove();\r\n\t\t\t// rebuild parsers\r\n\t\t\tts.setupParsers( c );\r\n\t\t\t// rebuild the cache map\r\n\t\t\tts.buildCache( c );\r\n\t\t\tts.checkResort( c, resort, callback );\r\n\t\t},\r\n\r\n\t\t/*\r\n\t\t▄█████ ▄████▄ █████▄ ██████ ██ █████▄ ▄████▄\r\n\t\t▀█▄ ██ ██ ██▄▄██ ██ ██ ██ ██ ██ ▄▄▄\r\n\t\t ▀█▄ ██ ██ ██▀██ ██ ██ ██ ██ ██ ▀██\r\n\t\t█████▀ ▀████▀ ██ ██ ██ ██ ██ ██ ▀████▀\r\n\t\t*/\r\n\t\tinitSort : function( c, cell, event ) {\r\n\t\t\tif ( c.table.isUpdating ) {\r\n\t\t\t\t// let any updates complete before initializing a sort\r\n\t\t\t\treturn setTimeout( function() {\r\n\t\t\t\t\tts.initSort( c, cell, event );\r\n\t\t\t\t}, 50 );\r\n\t\t\t}\r\n\r\n\t\t\tvar arry, indx, headerIndx, dir, temp, tmp, $header,\r\n\t\t\t\tnotMultiSort = !event[ c.sortMultiSortKey ],\r\n\t\t\t\ttable = c.table,\r\n\t\t\t\tlen = c.$headers.length,\r\n\t\t\t\tth = ts.getClosest( $( cell ), 'th, td' ),\r\n\t\t\t\tcol = parseInt( th.attr( 'data-column' ), 10 ),\r\n\t\t\t\tsortedBy = event.type === 'mouseup' ? 'user' : event.type,\r\n\t\t\t\torder = c.sortVars[ col ].order;\r\n\t\t\tth = th[0];\r\n\t\t\t// Only call sortStart if sorting is enabled\r\n\t\t\tc.$table.triggerHandler( 'sortStart', table );\r\n\t\t\t// get current column sort order\r\n\t\t\ttmp = ( c.sortVars[ col ].count + 1 ) % order.length;\r\n\t\t\tc.sortVars[ col ].count = event[ c.sortResetKey ] ? 2 : tmp;\r\n\t\t\t// reset all sorts on non-current column - issue #30\r\n\t\t\tif ( c.sortRestart ) {\r\n\t\t\t\tfor ( headerIndx = 0; headerIndx < len; headerIndx++ ) {\r\n\t\t\t\t\t$header = c.$headers.eq( headerIndx );\r\n\t\t\t\t\ttmp = parseInt( $header.attr( 'data-column' ), 10 );\r\n\t\t\t\t\t// only reset counts on columns that weren't just clicked on and if not included in a multisort\r\n\t\t\t\t\tif ( col !== tmp && ( notMultiSort || $header.hasClass( ts.css.sortNone ) ) ) {\r\n\t\t\t\t\t\tc.sortVars[ tmp ].count = -1;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t// user only wants to sort on one column\r\n\t\t\tif ( notMultiSort ) {\r\n\t\t\t\t$.each( c.sortVars, function( i ) {\r\n\t\t\t\t\tc.sortVars[ i ].sortedBy = '';\r\n\t\t\t\t});\r\n\t\t\t\t// flush the sort list\r\n\t\t\t\tc.sortList = [];\r\n\t\t\t\tc.last.sortList = [];\r\n\t\t\t\tif ( c.sortForce !== null ) {\r\n\t\t\t\t\tarry = c.sortForce;\r\n\t\t\t\t\tfor ( indx = 0; indx < arry.length; indx++ ) {\r\n\t\t\t\t\t\tif ( arry[ indx ][ 0 ] !== col ) {\r\n\t\t\t\t\t\t\tc.sortList[ c.sortList.length ] = arry[ indx ];\r\n\t\t\t\t\t\t\tc.sortVars[ arry[ indx ][ 0 ] ].sortedBy = 'sortForce';\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t// add column to sort list\r\n\t\t\t\tdir = order[ c.sortVars[ col ].count ];\r\n\t\t\t\tif ( dir < 2 ) {\r\n\t\t\t\t\tc.sortList[ c.sortList.length ] = [ col, dir ];\r\n\t\t\t\t\tc.sortVars[ col ].sortedBy = sortedBy;\r\n\t\t\t\t\t// add other columns if header spans across multiple\r\n\t\t\t\t\tif ( th.colSpan > 1 ) {\r\n\t\t\t\t\t\tfor ( indx = 1; indx < th.colSpan; indx++ ) {\r\n\t\t\t\t\t\t\tc.sortList[ c.sortList.length ] = [ col + indx, dir ];\r\n\t\t\t\t\t\t\t// update count on columns in colSpan\r\n\t\t\t\t\t\t\tc.sortVars[ col + indx ].count = $.inArray( dir, order );\r\n\t\t\t\t\t\t\tc.sortVars[ col + indx ].sortedBy = sortedBy;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t// multi column sorting\r\n\t\t\t} else {\r\n\t\t\t\t// get rid of the sortAppend before adding more - fixes issue #115 & #523\r\n\t\t\t\tc.sortList = $.extend( [], c.last.sortList );\r\n\r\n\t\t\t\t// the user has clicked on an already sorted column\r\n\t\t\t\tif ( ts.isValueInArray( col, c.sortList ) >= 0 ) {\r\n\t\t\t\t\t// reverse the sorting direction\r\n\t\t\t\t\tc.sortVars[ col ].sortedBy = sortedBy;\r\n\t\t\t\t\tfor ( indx = 0; indx < c.sortList.length; indx++ ) {\r\n\t\t\t\t\t\ttmp = c.sortList[ indx ];\r\n\t\t\t\t\t\tif ( tmp[ 0 ] === col ) {\r\n\t\t\t\t\t\t\t// order.count seems to be incorrect when compared to cell.count\r\n\t\t\t\t\t\t\ttmp[ 1 ] = order[ c.sortVars[ col ].count ];\r\n\t\t\t\t\t\t\tif ( tmp[1] === 2 ) {\r\n\t\t\t\t\t\t\t\tc.sortList.splice( indx, 1 );\r\n\t\t\t\t\t\t\t\tc.sortVars[ col ].count = -1;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// add column to sort list array\r\n\t\t\t\t\tdir = order[ c.sortVars[ col ].count ];\r\n\t\t\t\t\tc.sortVars[ col ].sortedBy = sortedBy;\r\n\t\t\t\t\tif ( dir < 2 ) {\r\n\t\t\t\t\t\tc.sortList[ c.sortList.length ] = [ col, dir ];\r\n\t\t\t\t\t\t// add other columns if header spans across multiple\r\n\t\t\t\t\t\tif ( th.colSpan > 1 ) {\r\n\t\t\t\t\t\t\tfor ( indx = 1; indx < th.colSpan; indx++ ) {\r\n\t\t\t\t\t\t\t\tc.sortList[ c.sortList.length ] = [ col + indx, dir ];\r\n\t\t\t\t\t\t\t\t// update count on columns in colSpan\r\n\t\t\t\t\t\t\t\tc.sortVars[ col + indx ].count = $.inArray( dir, order );\r\n\t\t\t\t\t\t\t\tc.sortVars[ col + indx ].sortedBy = sortedBy;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t// save sort before applying sortAppend\r\n\t\t\tc.last.sortList = $.extend( [], c.sortList );\r\n\t\t\tif ( c.sortList.length && c.sortAppend ) {\r\n\t\t\t\tarry = $.isArray( c.sortAppend ) ? c.sortAppend : c.sortAppend[ c.sortList[ 0 ][ 0 ] ];\r\n\t\t\t\tif ( !ts.isEmptyObject( arry ) ) {\r\n\t\t\t\t\tfor ( indx = 0; indx < arry.length; indx++ ) {\r\n\t\t\t\t\t\tif ( arry[ indx ][ 0 ] !== col && ts.isValueInArray( arry[ indx ][ 0 ], c.sortList ) < 0 ) {\r\n\t\t\t\t\t\t\tdir = arry[ indx ][ 1 ];\r\n\t\t\t\t\t\t\ttemp = ( '' + dir ).match( /^(a|d|s|o|n)/ );\r\n\t\t\t\t\t\t\tif ( temp ) {\r\n\t\t\t\t\t\t\t\ttmp = c.sortList[ 0 ][ 1 ];\r\n\t\t\t\t\t\t\t\tswitch ( temp[ 0 ] ) {\r\n\t\t\t\t\t\t\t\t\tcase 'd' :\r\n\t\t\t\t\t\t\t\t\t\tdir = 1;\r\n\t\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t\tcase 's' :\r\n\t\t\t\t\t\t\t\t\t\tdir = tmp;\r\n\t\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t\tcase 'o' :\r\n\t\t\t\t\t\t\t\t\t\tdir = tmp === 0 ? 1 : 0;\r\n\t\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t\tcase 'n' :\r\n\t\t\t\t\t\t\t\t\t\tdir = ( tmp + 1 ) % order.length;\r\n\t\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t\tdefault:\r\n\t\t\t\t\t\t\t\t\t\tdir = 0;\r\n\t\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tc.sortList[ c.sortList.length ] = [ arry[ indx ][ 0 ], dir ];\r\n\t\t\t\t\t\t\tc.sortVars[ arry[ indx ][ 0 ] ].sortedBy = 'sortAppend';\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t// sortBegin event triggered immediately before the sort\r\n\t\t\tc.$table.triggerHandler( 'sortBegin', table );\r\n\t\t\t// setTimeout needed so the processing icon shows up\r\n\t\t\tsetTimeout( function() {\r\n\t\t\t\t// set css for headers\r\n\t\t\t\tts.setHeadersCss( c );\r\n\t\t\t\tts.multisort( c );\r\n\t\t\t\tts.appendCache( c );\r\n\t\t\t\tc.$table.triggerHandler( 'sortBeforeEnd', table );\r\n\t\t\t\tc.$table.triggerHandler( 'sortEnd', table );\r\n\t\t\t}, 1 );\r\n\t\t},\r\n\r\n\t\t// sort multiple columns\r\n\t\tmultisort : function( c ) { /*jshint loopfunc:true */\r\n\t\t\tvar tbodyIndex, sortTime, colMax, rows, tmp,\r\n\t\t\t\ttable = c.table,\r\n\t\t\t\tsorter = [],\r\n\t\t\t\tdir = 0,\r\n\t\t\t\ttextSorter = c.textSorter || '',\r\n\t\t\t\tsortList = c.sortList,\r\n\t\t\t\tsortLen = sortList.length,\r\n\t\t\t\tlen = c.$tbodies.length;\r\n\t\t\tif ( c.serverSideSorting || ts.isEmptyObject( c.cache ) ) {\r\n\t\t\t\t// empty table - fixes #206/#346\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif ( ts.debug(c, 'core') ) { sortTime = new Date(); }\r\n\t\t\t// cache textSorter to optimize speed\r\n\t\t\tif ( typeof textSorter === 'object' ) {\r\n\t\t\t\tcolMax = c.columns;\r\n\t\t\t\twhile ( colMax-- ) {\r\n\t\t\t\t\ttmp = ts.getColumnData( table, textSorter, colMax );\r\n\t\t\t\t\tif ( typeof tmp === 'function' ) {\r\n\t\t\t\t\t\tsorter[ colMax ] = tmp;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tfor ( tbodyIndex = 0; tbodyIndex < len; tbodyIndex++ ) {\r\n\t\t\t\tcolMax = c.cache[ tbodyIndex ].colMax;\r\n\t\t\t\trows = c.cache[ tbodyIndex ].normalized;\r\n\r\n\t\t\t\trows.sort( function( a, b ) {\r\n\t\t\t\t\tvar sortIndex, num, col, order, sort, x, y;\r\n\t\t\t\t\t// rows is undefined here in IE, so don't use it!\r\n\t\t\t\t\tfor ( sortIndex = 0; sortIndex < sortLen; sortIndex++ ) {\r\n\t\t\t\t\t\tcol = sortList[ sortIndex ][ 0 ];\r\n\t\t\t\t\t\torder = sortList[ sortIndex ][ 1 ];\r\n\t\t\t\t\t\t// sort direction, true = asc, false = desc\r\n\t\t\t\t\t\tdir = order === 0;\r\n\r\n\t\t\t\t\t\tif ( c.sortStable && a[ col ] === b[ col ] && sortLen === 1 ) {\r\n\t\t\t\t\t\t\treturn a[ c.columns ].order - b[ c.columns ].order;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t// fallback to natural sort since it is more robust\r\n\t\t\t\t\t\tnum = /n/i.test( ts.getSortType( c.parsers, col ) );\r\n\t\t\t\t\t\tif ( num && c.strings[ col ] ) {\r\n\t\t\t\t\t\t\t// sort strings in numerical columns\r\n\t\t\t\t\t\t\tif ( typeof ( ts.string[ c.strings[ col ] ] ) === 'boolean' ) {\r\n\t\t\t\t\t\t\t\tnum = ( dir ? 1 : -1 ) * ( ts.string[ c.strings[ col ] ] ? -1 : 1 );\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tnum = ( c.strings[ col ] ) ? ts.string[ c.strings[ col ] ] || 0 : 0;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t// fall back to built-in numeric sort\r\n\t\t\t\t\t\t\t// var sort = $.tablesorter['sort' + s]( a[col], b[col], dir, colMax[col], table );\r\n\t\t\t\t\t\t\tsort = c.numberSorter ? c.numberSorter( a[ col ], b[ col ], dir, colMax[ col ], table ) :\r\n\t\t\t\t\t\t\t\tts[ 'sortNumeric' + ( dir ? 'Asc' : 'Desc' ) ]( a[ col ], b[ col ], num, colMax[ col ], col, c );\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t// set a & b depending on sort direction\r\n\t\t\t\t\t\t\tx = dir ? a : b;\r\n\t\t\t\t\t\t\ty = dir ? b : a;\r\n\t\t\t\t\t\t\t// text sort function\r\n\t\t\t\t\t\t\tif ( typeof textSorter === 'function' ) {\r\n\t\t\t\t\t\t\t\t// custom OVERALL text sorter\r\n\t\t\t\t\t\t\t\tsort = textSorter( x[ col ], y[ col ], dir, col, table );\r\n\t\t\t\t\t\t\t} else if ( typeof sorter[ col ] === 'function' ) {\r\n\t\t\t\t\t\t\t\t// custom text sorter for a SPECIFIC COLUMN\r\n\t\t\t\t\t\t\t\tsort = sorter[ col ]( x[ col ], y[ col ], dir, col, table );\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t// fall back to natural sort\r\n\t\t\t\t\t\t\t\tsort = ts[ 'sortNatural' + ( dir ? 'Asc' : 'Desc' ) ]( a[ col ] || '', b[ col ] || '', col, c );\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tif ( sort ) { return sort; }\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn a[ c.columns ].order - b[ c.columns ].order;\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tif ( ts.debug(c, 'core') ) {\r\n\t\t\t\tconsole.log( 'Applying sort ' + sortList.toString() + ts.benchmark( sortTime ) );\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tresortComplete : function( c, callback ) {\r\n\t\t\tif ( c.table.isUpdating ) {\r\n\t\t\t\tc.$table.triggerHandler( 'updateComplete', c.table );\r\n\t\t\t}\r\n\t\t\tif ( $.isFunction( callback ) ) {\r\n\t\t\t\tcallback( c.table );\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tcheckResort : function( c, resort, callback ) {\r\n\t\t\tvar sortList = $.isArray( resort ) ? resort : c.sortList,\r\n\t\t\t\t// if no resort parameter is passed, fallback to config.resort (true by default)\r\n\t\t\t\tresrt = typeof resort === 'undefined' ? c.resort : resort;\r\n\t\t\t// don't try to resort if the table is still processing\r\n\t\t\t// this will catch spamming of the updateCell method\r\n\t\t\tif ( resrt !== false && !c.serverSideSorting && !c.table.isProcessing ) {\r\n\t\t\t\tif ( sortList.length ) {\r\n\t\t\t\t\tts.sortOn( c, sortList, function() {\r\n\t\t\t\t\t\tts.resortComplete( c, callback );\r\n\t\t\t\t\t}, true );\r\n\t\t\t\t} else {\r\n\t\t\t\t\tts.sortReset( c, function() {\r\n\t\t\t\t\t\tts.resortComplete( c, callback );\r\n\t\t\t\t\t\tts.applyWidget( c.table, false );\r\n\t\t\t\t\t} );\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tts.resortComplete( c, callback );\r\n\t\t\t\tts.applyWidget( c.table, false );\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tsortOn : function( c, list, callback, init ) {\r\n\t\t\tvar indx,\r\n\t\t\t\ttable = c.table;\r\n\t\t\tc.$table.triggerHandler( 'sortStart', table );\r\n\t\t\tfor (indx = 0; indx < c.columns; indx++) {\r\n\t\t\t\tc.sortVars[ indx ].sortedBy = ts.isValueInArray( indx, list ) > -1 ? 'sorton' : '';\r\n\t\t\t}\r\n\t\t\t// update header count index\r\n\t\t\tts.updateHeaderSortCount( c, list );\r\n\t\t\t// set css for headers\r\n\t\t\tts.setHeadersCss( c );\r\n\t\t\t// fixes #346\r\n\t\t\tif ( c.delayInit && ts.isEmptyObject( c.cache ) ) {\r\n\t\t\t\tts.buildCache( c );\r\n\t\t\t}\r\n\t\t\tc.$table.triggerHandler( 'sortBegin', table );\r\n\t\t\t// sort the table and append it to the dom\r\n\t\t\tts.multisort( c );\r\n\t\t\tts.appendCache( c, init );\r\n\t\t\tc.$table.triggerHandler( 'sortBeforeEnd', table );\r\n\t\t\tc.$table.triggerHandler( 'sortEnd', table );\r\n\t\t\tts.applyWidget( table );\r\n\t\t\tif ( $.isFunction( callback ) ) {\r\n\t\t\t\tcallback( table );\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tsortReset : function( c, callback ) {\r\n\t\t\tc.sortList = [];\r\n\t\t\tvar indx;\r\n\t\t\tfor (indx = 0; indx < c.columns; indx++) {\r\n\t\t\t\tc.sortVars[ indx ].count = -1;\r\n\t\t\t\tc.sortVars[ indx ].sortedBy = '';\r\n\t\t\t}\r\n\t\t\tts.setHeadersCss( c );\r\n\t\t\tts.multisort( c );\r\n\t\t\tts.appendCache( c );\r\n\t\t\tif ( $.isFunction( callback ) ) {\r\n\t\t\t\tcallback( c.table );\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetSortType : function( parsers, column ) {\r\n\t\t\treturn ( parsers && parsers[ column ] ) ? parsers[ column ].type || '' : '';\r\n\t\t},\r\n\r\n\t\tgetOrder : function( val ) {\r\n\t\t\t// look for 'd' in 'desc' order; return true\r\n\t\t\treturn ( /^d/i.test( val ) || val === 1 );\r\n\t\t},\r\n\r\n\t\t// Natural sort - https://github.com/overset/javascript-natural-sort (date sorting removed)\r\n\t\tsortNatural : function( a, b ) {\r\n\t\t\tif ( a === b ) { return 0; }\r\n\t\t\ta = ( a || '' ).toString();\r\n\t\t\tb = ( b || '' ).toString();\r\n\t\t\tvar aNum, bNum, aFloat, bFloat, indx, max,\r\n\t\t\t\tregex = ts.regex;\r\n\t\t\t// first try and sort Hex codes\r\n\t\t\tif ( regex.hex.test( b ) ) {\r\n\t\t\t\taNum = parseInt( a.match( regex.hex ), 16 );\r\n\t\t\t\tbNum = parseInt( b.match( regex.hex ), 16 );\r\n\t\t\t\tif ( aNum < bNum ) { return -1; }\r\n\t\t\t\tif ( aNum > bNum ) { return 1; }\r\n\t\t\t}\r\n\t\t\t// chunk/tokenize\r\n\t\t\taNum = a.replace( regex.chunk, '\\\\0$1\\\\0' ).replace( regex.chunks, '' ).split( '\\\\0' );\r\n\t\t\tbNum = b.replace( regex.chunk, '\\\\0$1\\\\0' ).replace( regex.chunks, '' ).split( '\\\\0' );\r\n\t\t\tmax = Math.max( aNum.length, bNum.length );\r\n\t\t\t// natural sorting through split numeric strings and default strings\r\n\t\t\tfor ( indx = 0; indx < max; indx++ ) {\r\n\t\t\t\t// find floats not starting with '0', string or 0 if not defined\r\n\t\t\t\taFloat = isNaN( aNum[ indx ] ) ? aNum[ indx ] || 0 : parseFloat( aNum[ indx ] ) || 0;\r\n\t\t\t\tbFloat = isNaN( bNum[ indx ] ) ? bNum[ indx ] || 0 : parseFloat( bNum[ indx ] ) || 0;\r\n\t\t\t\t// handle numeric vs string comparison - number < string - (Kyle Adams)\r\n\t\t\t\tif ( isNaN( aFloat ) !== isNaN( bFloat ) ) { return isNaN( aFloat ) ? 1 : -1; }\r\n\t\t\t\t// rely on string comparison if different types - i.e. '02' < 2 != '02' < '2'\r\n\t\t\t\tif ( typeof aFloat !== typeof bFloat ) {\r\n\t\t\t\t\taFloat += '';\r\n\t\t\t\t\tbFloat += '';\r\n\t\t\t\t}\r\n\t\t\t\tif ( aFloat < bFloat ) { return -1; }\r\n\t\t\t\tif ( aFloat > bFloat ) { return 1; }\r\n\t\t\t}\r\n\t\t\treturn 0;\r\n\t\t},\r\n\r\n\t\tsortNaturalAsc : function( a, b, col, c ) {\r\n\t\t\tif ( a === b ) { return 0; }\r\n\t\t\tvar empty = ts.string[ ( c.empties[ col ] || c.emptyTo ) ];\r\n\t\t\tif ( a === '' && empty !== 0 ) { return typeof empty === 'boolean' ? ( empty ? -1 : 1 ) : -empty || -1; }\r\n\t\t\tif ( b === '' && empty !== 0 ) { return typeof empty === 'boolean' ? ( empty ? 1 : -1 ) : empty || 1; }\r\n\t\t\treturn ts.sortNatural( a, b );\r\n\t\t},\r\n\r\n\t\tsortNaturalDesc : function( a, b, col, c ) {\r\n\t\t\tif ( a === b ) { return 0; }\r\n\t\t\tvar empty = ts.string[ ( c.empties[ col ] || c.emptyTo ) ];\r\n\t\t\tif ( a === '' && empty !== 0 ) { return typeof empty === 'boolean' ? ( empty ? -1 : 1 ) : empty || 1; }\r\n\t\t\tif ( b === '' && empty !== 0 ) { return typeof empty === 'boolean' ? ( empty ? 1 : -1 ) : -empty || -1; }\r\n\t\t\treturn ts.sortNatural( b, a );\r\n\t\t},\r\n\r\n\t\t// basic alphabetical sort\r\n\t\tsortText : function( a, b ) {\r\n\t\t\treturn a > b ? 1 : ( a < b ? -1 : 0 );\r\n\t\t},\r\n\r\n\t\t// return text string value by adding up ascii value\r\n\t\t// so the text is somewhat sorted when using a digital sort\r\n\t\t// this is NOT an alphanumeric sort\r\n\t\tgetTextValue : function( val, num, max ) {\r\n\t\t\tif ( max ) {\r\n\t\t\t\t// make sure the text value is greater than the max numerical value (max)\r\n\t\t\t\tvar indx,\r\n\t\t\t\t\tlen = val ? val.length : 0,\r\n\t\t\t\t\tn = max + num;\r\n\t\t\t\tfor ( indx = 0; indx < len; indx++ ) {\r\n\t\t\t\t\tn += val.charCodeAt( indx );\r\n\t\t\t\t}\r\n\t\t\t\treturn num * n;\r\n\t\t\t}\r\n\t\t\treturn 0;\r\n\t\t},\r\n\r\n\t\tsortNumericAsc : function( a, b, num, max, col, c ) {\r\n\t\t\tif ( a === b ) { return 0; }\r\n\t\t\tvar empty = ts.string[ ( c.empties[ col ] || c.emptyTo ) ];\r\n\t\t\tif ( a === '' && empty !== 0 ) { return typeof empty === 'boolean' ? ( empty ? -1 : 1 ) : -empty || -1; }\r\n\t\t\tif ( b === '' && empty !== 0 ) { return typeof empty === 'boolean' ? ( empty ? 1 : -1 ) : empty || 1; }\r\n\t\t\tif ( isNaN( a ) ) { a = ts.getTextValue( a, num, max ); }\r\n\t\t\tif ( isNaN( b ) ) { b = ts.getTextValue( b, num, max ); }\r\n\t\t\treturn a - b;\r\n\t\t},\r\n\r\n\t\tsortNumericDesc : function( a, b, num, max, col, c ) {\r\n\t\t\tif ( a === b ) { return 0; }\r\n\t\t\tvar empty = ts.string[ ( c.empties[ col ] || c.emptyTo ) ];\r\n\t\t\tif ( a === '' && empty !== 0 ) { return typeof empty === 'boolean' ? ( empty ? -1 : 1 ) : empty || 1; }\r\n\t\t\tif ( b === '' && empty !== 0 ) { return typeof empty === 'boolean' ? ( empty ? 1 : -1 ) : -empty || -1; }\r\n\t\t\tif ( isNaN( a ) ) { a = ts.getTextValue( a, num, max ); }\r\n\t\t\tif ( isNaN( b ) ) { b = ts.getTextValue( b, num, max ); }\r\n\t\t\treturn b - a;\r\n\t\t},\r\n\r\n\t\tsortNumeric : function( a, b ) {\r\n\t\t\treturn a - b;\r\n\t\t},\r\n\r\n\t\t/*\r\n\t\t██ ██ ██ ██ █████▄ ▄████▄ ██████ ██████ ▄█████\r\n\t\t██ ██ ██ ██ ██ ██ ██ ▄▄▄ ██▄▄ ██ ▀█▄\r\n\t\t██ ██ ██ ██ ██ ██ ██ ▀██ ██▀▀ ██ ▀█▄\r\n\t\t███████▀ ██ █████▀ ▀████▀ ██████ ██ █████▀\r\n\t\t*/\r\n\t\taddWidget : function( widget ) {\r\n\t\t\tif ( widget.id && !ts.isEmptyObject( ts.getWidgetById( widget.id ) ) ) {\r\n\t\t\t\tconsole.warn( '\"' + widget.id + '\" widget was loaded more than once!' );\r\n\t\t\t}\r\n\t\t\tts.widgets[ ts.widgets.length ] = widget;\r\n\t\t},\r\n\r\n\t\thasWidget : function( $table, name ) {\r\n\t\t\t$table = $( $table );\r\n\t\t\treturn $table.length && $table[ 0 ].config && $table[ 0 ].config.widgetInit[ name ] || false;\r\n\t\t},\r\n\r\n\t\tgetWidgetById : function( name ) {\r\n\t\t\tvar indx, widget,\r\n\t\t\t\tlen = ts.widgets.length;\r\n\t\t\tfor ( indx = 0; indx < len; indx++ ) {\r\n\t\t\t\twidget = ts.widgets[ indx ];\r\n\t\t\t\tif ( widget && widget.id && widget.id.toLowerCase() === name.toLowerCase() ) {\r\n\t\t\t\t\treturn widget;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tapplyWidgetOptions : function( table ) {\r\n\t\t\tvar indx, widget, wo,\r\n\t\t\t\tc = table.config,\r\n\t\t\t\tlen = c.widgets.length;\r\n\t\t\tif ( len ) {\r\n\t\t\t\tfor ( indx = 0; indx < len; indx++ ) {\r\n\t\t\t\t\twidget = ts.getWidgetById( c.widgets[ indx ] );\r\n\t\t\t\t\tif ( widget && widget.options ) {\r\n\t\t\t\t\t\two = $.extend( true, {}, widget.options );\r\n\t\t\t\t\t\tc.widgetOptions = $.extend( true, wo, c.widgetOptions );\r\n\t\t\t\t\t\t// add widgetOptions to defaults for option validator\r\n\t\t\t\t\t\t$.extend( true, ts.defaults.widgetOptions, widget.options );\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\taddWidgetFromClass : function( table ) {\r\n\t\t\tvar len, indx,\r\n\t\t\t\tc = table.config,\r\n\t\t\t\t// look for widgets to apply from table class\r\n\t\t\t\t// don't match from 'ui-widget-content'; use \\S instead of \\w to include widgets\r\n\t\t\t\t// with dashes in the name, e.g. \"widget-test-2\" extracts out \"test-2\"\r\n\t\t\t\tregex = '^' + c.widgetClass.replace( ts.regex.templateName, '(\\\\S+)+' ) + '$',\r\n\t\t\t\twidgetClass = new RegExp( regex, 'g' ),\r\n\t\t\t\t// split up table class (widget id's can include dashes) - stop using match\r\n\t\t\t\t// otherwise only one widget gets extracted, see #1109\r\n\t\t\t\twidgets = ( table.className || '' ).split( ts.regex.spaces );\r\n\t\t\tif ( widgets.length ) {\r\n\t\t\t\tlen = widgets.length;\r\n\t\t\t\tfor ( indx = 0; indx < len; indx++ ) {\r\n\t\t\t\t\tif ( widgets[ indx ].match( widgetClass ) ) {\r\n\t\t\t\t\t\tc.widgets[ c.widgets.length ] = widgets[ indx ].replace( widgetClass, '$1' );\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tapplyWidgetId : function( table, id, init ) {\r\n\t\t\ttable = $(table)[0];\r\n\t\t\tvar applied, time, name,\r\n\t\t\t\tc = table.config,\r\n\t\t\t\two = c.widgetOptions,\r\n\t\t\t\tdebug = ts.debug(c, 'core'),\r\n\t\t\t\twidget = ts.getWidgetById( id );\r\n\t\t\tif ( widget ) {\r\n\t\t\t\tname = widget.id;\r\n\t\t\t\tapplied = false;\r\n\t\t\t\t// add widget name to option list so it gets reapplied after sorting, filtering, etc\r\n\t\t\t\tif ( $.inArray( name, c.widgets ) < 0 ) {\r\n\t\t\t\t\tc.widgets[ c.widgets.length ] = name;\r\n\t\t\t\t}\r\n\t\t\t\tif ( debug ) { time = new Date(); }\r\n\r\n\t\t\t\tif ( init || !( c.widgetInit[ name ] ) ) {\r\n\t\t\t\t\t// set init flag first to prevent calling init more than once (e.g. pager)\r\n\t\t\t\t\tc.widgetInit[ name ] = true;\r\n\t\t\t\t\tif ( table.hasInitialized ) {\r\n\t\t\t\t\t\t// don't reapply widget options on tablesorter init\r\n\t\t\t\t\t\tts.applyWidgetOptions( table );\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif ( typeof widget.init === 'function' ) {\r\n\t\t\t\t\t\tapplied = true;\r\n\t\t\t\t\t\tif ( debug ) {\r\n\t\t\t\t\t\t\tconsole[ console.group ? 'group' : 'log' ]( 'Initializing ' + name + ' widget' );\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\twidget.init( table, widget, c, wo );\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif ( !init && typeof widget.format === 'function' ) {\r\n\t\t\t\t\tapplied = true;\r\n\t\t\t\t\tif ( debug ) {\r\n\t\t\t\t\t\tconsole[ console.group ? 'group' : 'log' ]( 'Updating ' + name + ' widget' );\r\n\t\t\t\t\t}\r\n\t\t\t\t\twidget.format( table, c, wo, false );\r\n\t\t\t\t}\r\n\t\t\t\tif ( debug ) {\r\n\t\t\t\t\tif ( applied ) {\r\n\t\t\t\t\t\tconsole.log( 'Completed ' + ( init ? 'initializing ' : 'applying ' ) + name + ' widget' + ts.benchmark( time ) );\r\n\t\t\t\t\t\tif ( console.groupEnd ) { console.groupEnd(); }\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tapplyWidget : function( table, init, callback ) {\r\n\t\t\ttable = $( table )[ 0 ]; // in case this is called externally\r\n\t\t\tvar indx, len, names, widget, time,\r\n\t\t\t\tc = table.config,\r\n\t\t\t\tdebug = ts.debug(c, 'core'),\r\n\t\t\t\twidgets = [];\r\n\t\t\t// prevent numerous consecutive widget applications\r\n\t\t\tif ( init !== false && table.hasInitialized && ( table.isApplyingWidgets || table.isUpdating ) ) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif ( debug ) { time = new Date(); }\r\n\t\t\tts.addWidgetFromClass( table );\r\n\t\t\t// prevent \"tablesorter-ready\" from firing multiple times in a row\r\n\t\t\tclearTimeout( c.timerReady );\r\n\t\t\tif ( c.widgets.length ) {\r\n\t\t\t\ttable.isApplyingWidgets = true;\r\n\t\t\t\t// ensure unique widget ids\r\n\t\t\t\tc.widgets = $.grep( c.widgets, function( val, index ) {\r\n\t\t\t\t\treturn $.inArray( val, c.widgets ) === index;\r\n\t\t\t\t});\r\n\t\t\t\tnames = c.widgets || [];\r\n\t\t\t\tlen = names.length;\r\n\t\t\t\t// build widget array & add priority as needed\r\n\t\t\t\tfor ( indx = 0; indx < len; indx++ ) {\r\n\t\t\t\t\twidget = ts.getWidgetById( names[ indx ] );\r\n\t\t\t\t\tif ( widget && widget.id ) {\r\n\t\t\t\t\t\t// set priority to 10 if not defined\r\n\t\t\t\t\t\tif ( !widget.priority ) { widget.priority = 10; }\r\n\t\t\t\t\t\twidgets[ indx ] = widget;\r\n\t\t\t\t\t} else if ( debug ) {\r\n\t\t\t\t\t\tconsole.warn( '\"' + names[ indx ] + '\" was enabled, but the widget code has not been loaded!' );\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t// sort widgets by priority\r\n\t\t\t\twidgets.sort( function( a, b ) {\r\n\t\t\t\t\treturn a.priority < b.priority ? -1 : a.priority === b.priority ? 0 : 1;\r\n\t\t\t\t});\r\n\t\t\t\t// add/update selected widgets\r\n\t\t\t\tlen = widgets.length;\r\n\t\t\t\tif ( debug ) {\r\n\t\t\t\t\tconsole[ console.group ? 'group' : 'log' ]( 'Start ' + ( init ? 'initializing' : 'applying' ) + ' widgets' );\r\n\t\t\t\t}\r\n\t\t\t\tfor ( indx = 0; indx < len; indx++ ) {\r\n\t\t\t\t\twidget = widgets[ indx ];\r\n\t\t\t\t\tif ( widget && widget.id ) {\r\n\t\t\t\t\t\tts.applyWidgetId( table, widget.id, init );\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif ( debug && console.groupEnd ) { console.groupEnd(); }\r\n\t\t\t}\r\n\t\t\tc.timerReady = setTimeout( function() {\r\n\t\t\t\ttable.isApplyingWidgets = false;\r\n\t\t\t\t$.data( table, 'lastWidgetApplication', new Date() );\r\n\t\t\t\tc.$table.triggerHandler( 'tablesorter-ready' );\r\n\t\t\t\t// callback executed on init only\r\n\t\t\t\tif ( !init && typeof callback === 'function' ) {\r\n\t\t\t\t\tcallback( table );\r\n\t\t\t\t}\r\n\t\t\t\tif ( debug ) {\r\n\t\t\t\t\twidget = c.widgets.length;\r\n\t\t\t\t\tconsole.log( 'Completed ' +\r\n\t\t\t\t\t\t( init === true ? 'initializing ' : 'applying ' ) + widget +\r\n\t\t\t\t\t\t' widget' + ( widget !== 1 ? 's' : '' ) + ts.benchmark( time ) );\r\n\t\t\t\t}\r\n\t\t\t}, 10 );\r\n\t\t},\r\n\r\n\t\tremoveWidget : function( table, name, refreshing ) {\r\n\t\t\ttable = $( table )[ 0 ];\r\n\t\t\tvar index, widget, indx, len,\r\n\t\t\t\tc = table.config;\r\n\t\t\t// if name === true, add all widgets from $.tablesorter.widgets\r\n\t\t\tif ( name === true ) {\r\n\t\t\t\tname = [];\r\n\t\t\t\tlen = ts.widgets.length;\r\n\t\t\t\tfor ( indx = 0; indx < len; indx++ ) {\r\n\t\t\t\t\twidget = ts.widgets[ indx ];\r\n\t\t\t\t\tif ( widget && widget.id ) {\r\n\t\t\t\t\t\tname[ name.length ] = widget.id;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\t// name can be either an array of widgets names,\r\n\t\t\t\t// or a space/comma separated list of widget names\r\n\t\t\t\tname = ( $.isArray( name ) ? name.join( ',' ) : name || '' ).toLowerCase().split( /[\\s,]+/ );\r\n\t\t\t}\r\n\t\t\tlen = name.length;\r\n\t\t\tfor ( index = 0; index < len; index++ ) {\r\n\t\t\t\twidget = ts.getWidgetById( name[ index ] );\r\n\t\t\t\tindx = $.inArray( name[ index ], c.widgets );\r\n\t\t\t\t// don't remove the widget from config.widget if refreshing\r\n\t\t\t\tif ( indx >= 0 && refreshing !== true ) {\r\n\t\t\t\t\tc.widgets.splice( indx, 1 );\r\n\t\t\t\t}\r\n\t\t\t\tif ( widget && widget.remove ) {\r\n\t\t\t\t\tif ( ts.debug(c, 'core') ) {\r\n\t\t\t\t\t\tconsole.log( ( refreshing ? 'Refreshing' : 'Removing' ) + ' \"' + name[ index ] + '\" widget' );\r\n\t\t\t\t\t}\r\n\t\t\t\t\twidget.remove( table, c, c.widgetOptions, refreshing );\r\n\t\t\t\t\tc.widgetInit[ name[ index ] ] = false;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tc.$table.triggerHandler( 'widgetRemoveEnd', table );\r\n\t\t},\r\n\r\n\t\trefreshWidgets : function( table, doAll, dontapply ) {\r\n\t\t\ttable = $( table )[ 0 ]; // see issue #243\r\n\t\t\tvar indx, widget,\r\n\t\t\t\tc = table.config,\r\n\t\t\t\tcurWidgets = c.widgets,\r\n\t\t\t\twidgets = ts.widgets,\r\n\t\t\t\tlen = widgets.length,\r\n\t\t\t\tlist = [],\r\n\t\t\t\tcallback = function( table ) {\r\n\t\t\t\t\t$( table ).triggerHandler( 'refreshComplete' );\r\n\t\t\t\t};\r\n\t\t\t// remove widgets not defined in config.widgets, unless doAll is true\r\n\t\t\tfor ( indx = 0; indx < len; indx++ ) {\r\n\t\t\t\twidget = widgets[ indx ];\r\n\t\t\t\tif ( widget && widget.id && ( doAll || $.inArray( widget.id, curWidgets ) < 0 ) ) {\r\n\t\t\t\t\tlist[ list.length ] = widget.id;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tts.removeWidget( table, list.join( ',' ), true );\r\n\t\t\tif ( dontapply !== true ) {\r\n\t\t\t\t// call widget init if\r\n\t\t\t\tts.applyWidget( table, doAll || false, callback );\r\n\t\t\t\tif ( doAll ) {\r\n\t\t\t\t\t// apply widget format\r\n\t\t\t\t\tts.applyWidget( table, false, callback );\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tcallback( table );\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t/*\r\n\t\t██ ██ ██████ ██ ██ ██ ██████ ██ ██████ ▄█████\r\n\t\t██ ██ ██ ██ ██ ██ ██ ██ ██▄▄ ▀█▄\r\n\t\t██ ██ ██ ██ ██ ██ ██ ██ ██▀▀ ▀█▄\r\n\t\t▀████▀ ██ ██ ██████ ██ ██ ██ ██████ █████▀\r\n\t\t*/\r\n\t\tbenchmark : function( diff ) {\r\n\t\t\treturn ( ' (' + ( new Date().getTime() - diff.getTime() ) + ' ms)' );\r\n\t\t},\r\n\t\t// deprecated ts.log\r\n\t\tlog : function() {\r\n\t\t\tconsole.log( arguments );\r\n\t\t},\r\n\t\tdebug : function(c, name) {\r\n\t\t\treturn c && (\r\n\t\t\t\tc.debug === true ||\r\n\t\t\t\ttypeof c.debug === 'string' && c.debug.indexOf(name) > -1\r\n\t\t\t);\r\n\t\t},\r\n\r\n\t\t// $.isEmptyObject from jQuery v1.4\r\n\t\tisEmptyObject : function( obj ) {\r\n\t\t\t/*jshint forin: false */\r\n\t\t\tfor ( var name in obj ) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\treturn true;\r\n\t\t},\r\n\r\n\t\tisValueInArray : function( column, arry ) {\r\n\t\t\tvar indx,\r\n\t\t\t\tlen = arry && arry.length || 0;\r\n\t\t\tfor ( indx = 0; indx < len; indx++ ) {\r\n\t\t\t\tif ( arry[ indx ][ 0 ] === column ) {\r\n\t\t\t\t\treturn indx;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\treturn -1;\r\n\t\t},\r\n\r\n\t\tformatFloat : function( str, table ) {\r\n\t\t\tif ( typeof str !== 'string' || str === '' ) { return str; }\r\n\t\t\t// allow using formatFloat without a table; defaults to US number format\r\n\t\t\tvar num,\r\n\t\t\t\tusFormat = table && table.config ? table.config.usNumberFormat !== false :\r\n\t\t\t\t\ttypeof table !== 'undefined' ? table : true;\r\n\t\t\tif ( usFormat ) {\r\n\t\t\t\t// US Format - 1,234,567.89 -> 1234567.89\r\n\t\t\t\tstr = str.replace( ts.regex.comma, '' );\r\n\t\t\t} else {\r\n\t\t\t\t// German Format = 1.234.567,89 -> 1234567.89\r\n\t\t\t\t// French Format = 1 234 567,89 -> 1234567.89\r\n\t\t\t\tstr = str.replace( ts.regex.digitNonUS, '' ).replace( ts.regex.comma, '.' );\r\n\t\t\t}\r\n\t\t\tif ( ts.regex.digitNegativeTest.test( str ) ) {\r\n\t\t\t\t// make (#) into a negative number -> (10) = -10\r\n\t\t\t\tstr = str.replace( ts.regex.digitNegativeReplace, '-$1' );\r\n\t\t\t}\r\n\t\t\tnum = parseFloat( str );\r\n\t\t\t// return the text instead of zero\r\n\t\t\treturn isNaN( num ) ? $.trim( str ) : num;\r\n\t\t},\r\n\r\n\t\tisDigit : function( str ) {\r\n\t\t\t// replace all unwanted chars and match\r\n\t\t\treturn isNaN( str ) ?\r\n\t\t\t\tts.regex.digitTest.test( str.toString().replace( ts.regex.digitReplace, '' ) ) :\r\n\t\t\t\tstr !== '';\r\n\t\t},\r\n\r\n\t\t// computeTableHeaderCellIndexes from:\r\n\t\t// http://www.javascripttoolbox.com/lib/table/examples.php\r\n\t\t// http://www.javascripttoolbox.com/temp/table_cellindex.html\r\n\t\tcomputeColumnIndex : function( $rows, c ) {\r\n\t\t\tvar i, j, k, l, cell, cells, rowIndex, rowSpan, colSpan, firstAvailCol,\r\n\t\t\t\t// total columns has been calculated, use it to set the matrixrow\r\n\t\t\t\tcolumns = c && c.columns || 0,\r\n\t\t\t\tmatrix = [],\r\n\t\t\t\tmatrixrow = new Array( columns );\r\n\t\t\tfor ( i = 0; i < $rows.length; i++ ) {\r\n\t\t\t\tcells = $rows[ i ].cells;\r\n\t\t\t\tfor ( j = 0; j < cells.length; j++ ) {\r\n\t\t\t\t\tcell = cells[ j ];\r\n\t\t\t\t\trowIndex = i;\r\n\t\t\t\t\trowSpan = cell.rowSpan || 1;\r\n\t\t\t\t\tcolSpan = cell.colSpan || 1;\r\n\t\t\t\t\tif ( typeof matrix[ rowIndex ] === 'undefined' ) {\r\n\t\t\t\t\t\tmatrix[ rowIndex ] = [];\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// Find first available column in the first row\r\n\t\t\t\t\tfor ( k = 0; k < matrix[ rowIndex ].length + 1; k++ ) {\r\n\t\t\t\t\t\tif ( typeof matrix[ rowIndex ][ k ] === 'undefined' ) {\r\n\t\t\t\t\t\t\tfirstAvailCol = k;\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// jscs:disable disallowEmptyBlocks\r\n\t\t\t\t\tif ( columns && cell.cellIndex === firstAvailCol ) {\r\n\t\t\t\t\t\t// don't to anything\r\n\t\t\t\t\t} else if ( cell.setAttribute ) {\r\n\t\t\t\t\t\t// jscs:enable disallowEmptyBlocks\r\n\t\t\t\t\t\t// add data-column (setAttribute = IE8+)\r\n\t\t\t\t\t\tcell.setAttribute( 'data-column', firstAvailCol );\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t// remove once we drop support for IE7 - 1/12/2016\r\n\t\t\t\t\t\t$( cell ).attr( 'data-column', firstAvailCol );\r\n\t\t\t\t\t}\r\n\t\t\t\t\tfor ( k = rowIndex; k < rowIndex + rowSpan; k++ ) {\r\n\t\t\t\t\t\tif ( typeof matrix[ k ] === 'undefined' ) {\r\n\t\t\t\t\t\t\tmatrix[ k ] = [];\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tmatrixrow = matrix[ k ];\r\n\t\t\t\t\t\tfor ( l = firstAvailCol; l < firstAvailCol + colSpan; l++ ) {\r\n\t\t\t\t\t\t\tmatrixrow[ l ] = 'x';\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tts.checkColumnCount($rows, matrix, matrixrow.length);\r\n\t\t\treturn matrixrow.length;\r\n\t\t},\r\n\r\n\t\tcheckColumnCount : function($rows, matrix, columns) {\r\n\t\t\t// this DOES NOT report any tbody column issues, except for the math and\r\n\t\t\t// and column selector widgets\r\n\t\t\tvar i, len,\r\n\t\t\t\tvalid = true,\r\n\t\t\t\tcells = [];\r\n\t\t\tfor ( i = 0; i < matrix.length; i++ ) {\r\n\t\t\t\t// some matrix entries are undefined when testing the footer because\r\n\t\t\t\t// it is using the rowIndex property\r\n\t\t\t\tif ( matrix[i] ) {\r\n\t\t\t\t\tlen = matrix[i].length;\r\n\t\t\t\t\tif ( matrix[i].length !== columns ) {\r\n\t\t\t\t\t\tvalid = false;\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif ( !valid ) {\r\n\t\t\t\t$rows.each( function( indx, el ) {\r\n\t\t\t\t\tvar cell = el.parentElement.nodeName;\r\n\t\t\t\t\tif ( cells.indexOf( cell ) < 0 ) {\r\n\t\t\t\t\t\tcells.push( cell );\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\tconsole.error(\r\n\t\t\t\t\t'Invalid or incorrect number of columns in the ' +\r\n\t\t\t\t\tcells.join( ' or ' ) + '; expected ' + columns +\r\n\t\t\t\t\t', but found ' + len + ' columns'\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t// automatically add a colgroup with col elements set to a percentage width\r\n\t\tfixColumnWidth : function( table ) {\r\n\t\t\ttable = $( table )[ 0 ];\r\n\t\t\tvar overallWidth, percent, $tbodies, len, index,\r\n\t\t\t\tc = table.config,\r\n\t\t\t\t$colgroup = c.$table.children( 'colgroup' );\r\n\t\t\t// remove plugin-added colgroup, in case we need to refresh the widths\r\n\t\t\tif ( $colgroup.length && $colgroup.hasClass( ts.css.colgroup ) ) {\r\n\t\t\t\t$colgroup.remove();\r\n\t\t\t}\r\n\t\t\tif ( c.widthFixed && c.$table.children( 'colgroup' ).length === 0 ) {\r\n\t\t\t\t$colgroup = $( '' );\r\n\t\t\t\toverallWidth = c.$table.width();\r\n\t\t\t\t// only add col for visible columns - fixes #371\r\n\t\t\t\t$tbodies = c.$tbodies.find( 'tr:first' ).children( ':visible' );\r\n\t\t\t\tlen = $tbodies.length;\r\n\t\t\t\tfor ( index = 0; index < len; index++ ) {\r\n\t\t\t\t\tpercent = parseInt( ( $tbodies.eq( index ).width() / overallWidth ) * 1000, 10 ) / 10 + '%';\r\n\t\t\t\t\t$colgroup.append( $( ' ' );\r\n\t\t\t\treturn $.fn.detach ? $tb.detach() : $tb.remove();\r\n\t\t\t}\r\n\t\t\tvar holdr = $( table ).find( 'colgroup.tablesorter-savemyplace' );\r\n\t\t\t$tb.insertAfter( holdr );\r\n\t\t\tholdr.remove();\r\n\t\t\ttable.isProcessing = false;\r\n\t\t},\r\n\r\n\t\tclearTableBody : function( table ) {\r\n\t\t\t$( table )[ 0 ].config.$tbodies.children().detach();\r\n\t\t},\r\n\r\n\t\t// used when replacing accented characters during sorting\r\n\t\tcharacterEquivalents : {\r\n\t\t\t'a' : '\\u00e1\\u00e0\\u00e2\\u00e3\\u00e4\\u0105\\u00e5', // áàâãäąå\r\n\t\t\t'A' : '\\u00c1\\u00c0\\u00c2\\u00c3\\u00c4\\u0104\\u00c5', // ÁÀÂÃÄĄÅ\r\n\t\t\t'c' : '\\u00e7\\u0107\\u010d', // çćč\r\n\t\t\t'C' : '\\u00c7\\u0106\\u010c', // ÇĆČ\r\n\t\t\t'e' : '\\u00e9\\u00e8\\u00ea\\u00eb\\u011b\\u0119', // éèêëěę\r\n\t\t\t'E' : '\\u00c9\\u00c8\\u00ca\\u00cb\\u011a\\u0118', // ÉÈÊËĚĘ\r\n\t\t\t'i' : '\\u00ed\\u00ec\\u0130\\u00ee\\u00ef\\u0131', // íìİîïı\r\n\t\t\t'I' : '\\u00cd\\u00cc\\u0130\\u00ce\\u00cf', // ÍÌİÎÏ\r\n\t\t\t'o' : '\\u00f3\\u00f2\\u00f4\\u00f5\\u00f6\\u014d', // óòôõöō\r\n\t\t\t'O' : '\\u00d3\\u00d2\\u00d4\\u00d5\\u00d6\\u014c', // ÓÒÔÕÖŌ\r\n\t\t\t'ss': '\\u00df', // ß (s sharp)\r\n\t\t\t'SS': '\\u1e9e', // ẞ (Capital sharp s)\r\n\t\t\t'u' : '\\u00fa\\u00f9\\u00fb\\u00fc\\u016f', // úùûüů\r\n\t\t\t'U' : '\\u00da\\u00d9\\u00db\\u00dc\\u016e' // ÚÙÛÜŮ\r\n\t\t},\r\n\r\n\t\treplaceAccents : function( str ) {\r\n\t\t\tvar chr,\r\n\t\t\t\tacc = '[',\r\n\t\t\t\teq = ts.characterEquivalents;\r\n\t\t\tif ( !ts.characterRegex ) {\r\n\t\t\t\tts.characterRegexArray = {};\r\n\t\t\t\tfor ( chr in eq ) {\r\n\t\t\t\t\tif ( typeof chr === 'string' ) {\r\n\t\t\t\t\t\tacc += eq[ chr ];\r\n\t\t\t\t\t\tts.characterRegexArray[ chr ] = new RegExp( '[' + eq[ chr ] + ']', 'g' );\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tts.characterRegex = new RegExp( acc + ']' );\r\n\t\t\t}\r\n\t\t\tif ( ts.characterRegex.test( str ) ) {\r\n\t\t\t\tfor ( chr in eq ) {\r\n\t\t\t\t\tif ( typeof chr === 'string' ) {\r\n\t\t\t\t\t\tstr = str.replace( ts.characterRegexArray[ chr ], chr );\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\treturn str;\r\n\t\t},\r\n\r\n\t\tvalidateOptions : function( c ) {\r\n\t\t\tvar setting, setting2, typ, timer,\r\n\t\t\t\t// ignore options containing an array\r\n\t\t\t\tignore = 'headers sortForce sortList sortAppend widgets'.split( ' ' ),\r\n\t\t\t\torig = c.originalSettings;\r\n\t\t\tif ( orig ) {\r\n\t\t\t\tif ( ts.debug(c, 'core') ) {\r\n\t\t\t\t\ttimer = new Date();\r\n\t\t\t\t}\r\n\t\t\t\tfor ( setting in orig ) {\r\n\t\t\t\t\ttyp = typeof ts.defaults[setting];\r\n\t\t\t\t\tif ( typ === 'undefined' ) {\r\n\t\t\t\t\t\tconsole.warn( 'Tablesorter Warning! \"table.config.' + setting + '\" option not recognized' );\r\n\t\t\t\t\t} else if ( typ === 'object' ) {\r\n\t\t\t\t\t\tfor ( setting2 in orig[setting] ) {\r\n\t\t\t\t\t\t\ttyp = ts.defaults[setting] && typeof ts.defaults[setting][setting2];\r\n\t\t\t\t\t\t\tif ( $.inArray( setting, ignore ) < 0 && typ === 'undefined' ) {\r\n\t\t\t\t\t\t\t\tconsole.warn( 'Tablesorter Warning! \"table.config.' + setting + '.' + setting2 + '\" option not recognized' );\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif ( ts.debug(c, 'core') ) {\r\n\t\t\t\t\tconsole.log( 'validate options time:' + ts.benchmark( timer ) );\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t// restore headers\r\n\t\trestoreHeaders : function( table ) {\r\n\t\t\tvar index, $cell,\r\n\t\t\t\tc = $( table )[ 0 ].config,\r\n\t\t\t\t$headers = c.$table.find( c.selectorHeaders ),\r\n\t\t\t\tlen = $headers.length;\r\n\t\t\t// don't use c.$headers here in case header cells were swapped\r\n\t\t\tfor ( index = 0; index < len; index++ ) {\r\n\t\t\t\t$cell = $headers.eq( index );\r\n\t\t\t\t// only restore header cells if it is wrapped\r\n\t\t\t\t// because this is also used by the updateAll method\r\n\t\t\t\tif ( $cell.find( '.' + ts.css.headerIn ).length ) {\r\n\t\t\t\t\t$cell.html( c.headerContent[ index ] );\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tdestroy : function( table, removeClasses, callback ) {\r\n\t\t\ttable = $( table )[ 0 ];\r\n\t\t\tif ( !table.hasInitialized ) { return; }\r\n\t\t\t// remove all widgets\r\n\t\t\tts.removeWidget( table, true, false );\r\n\t\t\tvar events,\r\n\t\t\t\t$t = $( table ),\r\n\t\t\t\tc = table.config,\r\n\t\t\t\t$h = $t.find( 'thead:first' ),\r\n\t\t\t\t$r = $h.find( 'tr.' + ts.css.headerRow ).removeClass( ts.css.headerRow + ' ' + c.cssHeaderRow ),\r\n\t\t\t\t$f = $t.find( 'tfoot:first > tr' ).children( 'th, td' );\r\n\t\t\tif ( removeClasses === false && $.inArray( 'uitheme', c.widgets ) >= 0 ) {\r\n\t\t\t\t// reapply uitheme classes, in case we want to maintain appearance\r\n\t\t\t\t$t.triggerHandler( 'applyWidgetId', [ 'uitheme' ] );\r\n\t\t\t\t$t.triggerHandler( 'applyWidgetId', [ 'zebra' ] );\r\n\t\t\t}\r\n\t\t\t// remove widget added rows, just in case\r\n\t\t\t$h.find( 'tr' ).not( $r ).remove();\r\n\t\t\t// disable tablesorter - not using .unbind( namespace ) because namespacing was\r\n\t\t\t// added in jQuery v1.4.3 - see http://api.jquery.com/event.namespace/\r\n\t\t\tevents = 'sortReset update updateRows updateAll updateHeaders updateCell addRows updateComplete sorton ' +\r\n\t\t\t\t'appendCache updateCache applyWidgetId applyWidgets refreshWidgets removeWidget destroy mouseup mouseleave ' +\r\n\t\t\t\t'keypress sortBegin sortEnd resetToLoadState '.split( ' ' )\r\n\t\t\t\t.join( c.namespace + ' ' );\r\n\t\t\t$t\r\n\t\t\t\t.removeData( 'tablesorter' )\r\n\t\t\t\t.unbind( events.replace( ts.regex.spaces, ' ' ) );\r\n\t\t\tc.$headers\r\n\t\t\t\t.add( $f )\r\n\t\t\t\t.removeClass( [ ts.css.header, c.cssHeader, c.cssAsc, c.cssDesc, ts.css.sortAsc, ts.css.sortDesc, ts.css.sortNone ].join( ' ' ) )\r\n\t\t\t\t.removeAttr( 'data-column' )\r\n\t\t\t\t.removeAttr( 'aria-label' )\r\n\t\t\t\t.attr( 'aria-disabled', 'true' );\r\n\t\t\t$r\r\n\t\t\t\t.find( c.selectorSort )\r\n\t\t\t\t.unbind( ( 'mousedown mouseup keypress '.split( ' ' ).join( c.namespace + ' ' ) ).replace( ts.regex.spaces, ' ' ) );\r\n\t\t\tts.restoreHeaders( table );\r\n\t\t\t$t.toggleClass( ts.css.table + ' ' + c.tableClass + ' tablesorter-' + c.theme, removeClasses === false );\r\n\t\t\t$t.removeClass(c.namespace.slice(1));\r\n\t\t\t// clear flag in case the plugin is initialized again\r\n\t\t\ttable.hasInitialized = false;\r\n\t\t\tdelete table.config.cache;\r\n\t\t\tif ( typeof callback === 'function' ) {\r\n\t\t\t\tcallback( table );\r\n\t\t\t}\r\n\t\t\tif ( ts.debug(c, 'core') ) {\r\n\t\t\t\tconsole.log( 'tablesorter has been removed' );\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t};\r\n\r\n\t$.fn.tablesorter = function( settings ) {\r\n\t\treturn this.each( function() {\r\n\t\t\tvar table = this,\r\n\t\t\t// merge & extend config options\r\n\t\t\tc = $.extend( true, {}, ts.defaults, settings, ts.instanceMethods );\r\n\t\t\t// save initial settings\r\n\t\t\tc.originalSettings = settings;\r\n\t\t\t// create a table from data (build table widget)\r\n\t\t\tif ( !table.hasInitialized && ts.buildTable && this.nodeName !== 'TABLE' ) {\r\n\t\t\t\t// return the table (in case the original target is the table's container)\r\n\t\t\t\tts.buildTable( table, c );\r\n\t\t\t} else {\r\n\t\t\t\tts.setup( table, c );\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\t// set up debug logs\r\n\tif ( !( window.console && window.console.log ) ) {\r\n\t\t// access $.tablesorter.logs for browsers that don't have a console...\r\n\t\tts.logs = [];\r\n\t\t/*jshint -W020 */\r\n\t\tconsole = {};\r\n\t\tconsole.log = console.warn = console.error = console.table = function() {\r\n\t\t\tvar arg = arguments.length > 1 ? arguments : arguments[0];\r\n\t\t\tts.logs[ ts.logs.length ] = { date: Date.now(), log: arg };\r\n\t\t};\r\n\t}\r\n\r\n\t// add default parsers\r\n\tts.addParser({\r\n\t\tid : 'no-parser',\r\n\t\tis : function() {\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tformat : function() {\r\n\t\t\treturn '';\r\n\t\t},\r\n\t\ttype : 'text'\r\n\t});\r\n\r\n\tts.addParser({\r\n\t\tid : 'text',\r\n\t\tis : function() {\r\n\t\t\treturn true;\r\n\t\t},\r\n\t\tformat : function( str, table ) {\r\n\t\t\tvar c = table.config;\r\n\t\t\tif ( str ) {\r\n\t\t\t\tstr = $.trim( c.ignoreCase ? str.toLocaleLowerCase() : str );\r\n\t\t\t\tstr = c.sortLocaleCompare ? ts.replaceAccents( str ) : str;\r\n\t\t\t}\r\n\t\t\treturn str;\r\n\t\t},\r\n\t\ttype : 'text'\r\n\t});\r\n\r\n\tts.regex.nondigit = /[^\\w,. \\-()]/g;\r\n\tts.addParser({\r\n\t\tid : 'digit',\r\n\t\tis : function( str ) {\r\n\t\t\treturn ts.isDigit( str );\r\n\t\t},\r\n\t\tformat : function( str, table ) {\r\n\t\t\tvar num = ts.formatFloat( ( str || '' ).replace( ts.regex.nondigit, '' ), table );\r\n\t\t\treturn str && typeof num === 'number' ? num :\r\n\t\t\t\tstr ? $.trim( str && table.config.ignoreCase ? str.toLocaleLowerCase() : str ) : str;\r\n\t\t},\r\n\t\ttype : 'numeric'\r\n\t});\r\n\r\n\tts.regex.currencyReplace = /[+\\-,. ]/g;\r\n\tts.regex.currencyTest = /^\\(?\\d+[\\u00a3$\\u20ac\\u00a4\\u00a5\\u00a2?.]|[\\u00a3$\\u20ac\\u00a4\\u00a5\\u00a2?.]\\d+\\)?$/;\r\n\tts.addParser({\r\n\t\tid : 'currency',\r\n\t\tis : function( str ) {\r\n\t\t\tstr = ( str || '' ).replace( ts.regex.currencyReplace, '' );\r\n\t\t\t// test for £$€¤¥¢\r\n\t\t\treturn ts.regex.currencyTest.test( str );\r\n\t\t},\r\n\t\tformat : function( str, table ) {\r\n\t\t\tvar num = ts.formatFloat( ( str || '' ).replace( ts.regex.nondigit, '' ), table );\r\n\t\t\treturn str && typeof num === 'number' ? num :\r\n\t\t\t\tstr ? $.trim( str && table.config.ignoreCase ? str.toLocaleLowerCase() : str ) : str;\r\n\t\t},\r\n\t\ttype : 'numeric'\r\n\t});\r\n\r\n\t// too many protocols to add them all https://en.wikipedia.org/wiki/URI_scheme\r\n\t// now, this regex can be updated before initialization\r\n\tts.regex.urlProtocolTest = /^(https?|ftp|file):\\/\\//;\r\n\tts.regex.urlProtocolReplace = /(https?|ftp|file):\\/\\/(www\\.)?/;\r\n\tts.addParser({\r\n\t\tid : 'url',\r\n\t\tis : function( str ) {\r\n\t\t\treturn ts.regex.urlProtocolTest.test( str );\r\n\t\t},\r\n\t\tformat : function( str ) {\r\n\t\t\treturn str ? $.trim( str.replace( ts.regex.urlProtocolReplace, '' ) ) : str;\r\n\t\t},\r\n\t\ttype : 'text'\r\n\t});\r\n\r\n\tts.regex.dash = /-/g;\r\n\tts.regex.isoDate = /^\\d{4}[\\/\\-]\\d{1,2}[\\/\\-]\\d{1,2}/;\r\n\tts.addParser({\r\n\t\tid : 'isoDate',\r\n\t\tis : function( str ) {\r\n\t\t\treturn ts.regex.isoDate.test( str );\r\n\t\t},\r\n\t\tformat : function( str ) {\r\n\t\t\tvar date = str ? new Date( str.replace( ts.regex.dash, '/' ) ) : str;\r\n\t\t\treturn date instanceof Date && isFinite( date ) ? date.getTime() : str;\r\n\t\t},\r\n\t\ttype : 'numeric'\r\n\t});\r\n\r\n\tts.regex.percent = /%/g;\r\n\tts.regex.percentTest = /(\\d\\s*?%|%\\s*?\\d)/;\r\n\tts.addParser({\r\n\t\tid : 'percent',\r\n\t\tis : function( str ) {\r\n\t\t\treturn ts.regex.percentTest.test( str ) && str.length < 15;\r\n\t\t},\r\n\t\tformat : function( str, table ) {\r\n\t\t\treturn str ? ts.formatFloat( str.replace( ts.regex.percent, '' ), table ) : str;\r\n\t\t},\r\n\t\ttype : 'numeric'\r\n\t});\r\n\r\n\t// added image parser to core v2.17.9\r\n\tts.addParser({\r\n\t\tid : 'image',\r\n\t\tis : function( str, table, node, $node ) {\r\n\t\t\treturn $node.find( 'img' ).length > 0;\r\n\t\t},\r\n\t\tformat : function( str, table, cell ) {\r\n\t\t\treturn $( cell ).find( 'img' ).attr( table.config.imgAttr || 'alt' ) || str;\r\n\t\t},\r\n\t\tparsed : true, // filter widget flag\r\n\t\ttype : 'text'\r\n\t});\r\n\r\n\tts.regex.dateReplace = /(\\S)([AP]M)$/i; // used by usLongDate & time parser\r\n\tts.regex.usLongDateTest1 = /^[A-Z]{3,10}\\.?\\s+\\d{1,2},?\\s+(\\d{4})(\\s+\\d{1,2}:\\d{2}(:\\d{2})?(\\s+[AP]M)?)?$/i;\r\n\tts.regex.usLongDateTest2 = /^\\d{1,2}\\s+[A-Z]{3,10}\\s+\\d{4}/i;\r\n\tts.addParser({\r\n\t\tid : 'usLongDate',\r\n\t\tis : function( str ) {\r\n\t\t\t// two digit years are not allowed cross-browser\r\n\t\t\t// Jan 01, 2013 12:34:56 PM or 01 Jan 2013\r\n\t\t\treturn ts.regex.usLongDateTest1.test( str ) || ts.regex.usLongDateTest2.test( str );\r\n\t\t},\r\n\t\tformat : function( str ) {\r\n\t\t\tvar date = str ? new Date( str.replace( ts.regex.dateReplace, '$1 $2' ) ) : str;\r\n\t\t\treturn date instanceof Date && isFinite( date ) ? date.getTime() : str;\r\n\t\t},\r\n\t\ttype : 'numeric'\r\n\t});\r\n\r\n\t// testing for ##-##-#### or ####-##-##, so it's not perfect; time can be included\r\n\tts.regex.shortDateTest = /(^\\d{1,2}[\\/\\s]\\d{1,2}[\\/\\s]\\d{4})|(^\\d{4}[\\/\\s]\\d{1,2}[\\/\\s]\\d{1,2})/;\r\n\t// escaped \"-\" because JSHint in Firefox was showing it as an error\r\n\tts.regex.shortDateReplace = /[\\-.,]/g;\r\n\t// XXY covers MDY & DMY formats\r\n\tts.regex.shortDateXXY = /(\\d{1,2})[\\/\\s](\\d{1,2})[\\/\\s](\\d{4})/;\r\n\tts.regex.shortDateYMD = /(\\d{4})[\\/\\s](\\d{1,2})[\\/\\s](\\d{1,2})/;\r\n\tts.convertFormat = function( dateString, format ) {\r\n\t\tdateString = ( dateString || '' )\r\n\t\t\t.replace( ts.regex.spaces, ' ' )\r\n\t\t\t.replace( ts.regex.shortDateReplace, '/' );\r\n\t\tif ( format === 'mmddyyyy' ) {\r\n\t\t\tdateString = dateString.replace( ts.regex.shortDateXXY, '$3/$1/$2' );\r\n\t\t} else if ( format === 'ddmmyyyy' ) {\r\n\t\t\tdateString = dateString.replace( ts.regex.shortDateXXY, '$3/$2/$1' );\r\n\t\t} else if ( format === 'yyyymmdd' ) {\r\n\t\t\tdateString = dateString.replace( ts.regex.shortDateYMD, '$1/$2/$3' );\r\n\t\t}\r\n\t\tvar date = new Date( dateString );\r\n\t\treturn date instanceof Date && isFinite( date ) ? date.getTime() : '';\r\n\t};\r\n\r\n\tts.addParser({\r\n\t\tid : 'shortDate', // 'mmddyyyy', 'ddmmyyyy' or 'yyyymmdd'\r\n\t\tis : function( str ) {\r\n\t\t\tstr = ( str || '' ).replace( ts.regex.spaces, ' ' ).replace( ts.regex.shortDateReplace, '/' );\r\n\t\t\treturn ts.regex.shortDateTest.test( str );\r\n\t\t},\r\n\t\tformat : function( str, table, cell, cellIndex ) {\r\n\t\t\tif ( str ) {\r\n\t\t\t\tvar c = table.config,\r\n\t\t\t\t\t$header = c.$headerIndexed[ cellIndex ],\r\n\t\t\t\t\tformat = $header.length && $header.data( 'dateFormat' ) ||\r\n\t\t\t\t\t\tts.getData( $header, ts.getColumnData( table, c.headers, cellIndex ), 'dateFormat' ) ||\r\n\t\t\t\t\t\tc.dateFormat;\r\n\t\t\t\t// save format because getData can be slow...\r\n\t\t\t\tif ( $header.length ) {\r\n\t\t\t\t\t$header.data( 'dateFormat', format );\r\n\t\t\t\t}\r\n\t\t\t\treturn ts.convertFormat( str, format ) || str;\r\n\t\t\t}\r\n\t\t\treturn str;\r\n\t\t},\r\n\t\ttype : 'numeric'\r\n\t});\r\n\r\n\t// match 24 hour time & 12 hours time + am/pm - see http://regexr.com/3c3tk\r\n\tts.regex.timeTest = /^(0?[1-9]|1[0-2]):([0-5]\\d)(\\s[AP]M)$|^((?:[01]\\d|[2][0-4]):[0-5]\\d)$/i;\r\n\tts.regex.timeMatch = /(0?[1-9]|1[0-2]):([0-5]\\d)(\\s[AP]M)|((?:[01]\\d|[2][0-4]):[0-5]\\d)/i;\r\n\tts.addParser({\r\n\t\tid : 'time',\r\n\t\tis : function( str ) {\r\n\t\t\treturn ts.regex.timeTest.test( str );\r\n\t\t},\r\n\t\tformat : function( str ) {\r\n\t\t\t// isolate time... ignore month, day and year\r\n\t\t\tvar temp,\r\n\t\t\t\ttimePart = ( str || '' ).match( ts.regex.timeMatch ),\r\n\t\t\t\torig = new Date( str ),\r\n\t\t\t\t// no time component? default to 00:00 by leaving it out, but only if str is defined\r\n\t\t\t\ttime = str && ( timePart !== null ? timePart[ 0 ] : '00:00 AM' ),\r\n\t\t\t\tdate = time ? new Date( '2000/01/01 ' + time.replace( ts.regex.dateReplace, '$1 $2' ) ) : time;\r\n\t\t\tif ( date instanceof Date && isFinite( date ) ) {\r\n\t\t\t\ttemp = orig instanceof Date && isFinite( orig ) ? orig.getTime() : 0;\r\n\t\t\t\t// if original string was a valid date, add it to the decimal so the column sorts in some kind of order\r\n\t\t\t\t// luckily new Date() ignores the decimals\r\n\t\t\t\treturn temp ? parseFloat( date.getTime() + '.' + orig.getTime() ) : date.getTime();\r\n\t\t\t}\r\n\t\t\treturn str;\r\n\t\t},\r\n\t\ttype : 'numeric'\r\n\t});\r\n\r\n\tts.addParser({\r\n\t\tid : 'metadata',\r\n\t\tis : function() {\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\tformat : function( str, table, cell ) {\r\n\t\t\tvar c = table.config,\r\n\t\t\tp = ( !c.parserMetadataName ) ? 'sortValue' : c.parserMetadataName;\r\n\t\t\treturn $( cell ).metadata()[ p ];\r\n\t\t},\r\n\t\ttype : 'numeric'\r\n\t});\r\n\r\n\t/*\r\n\t\t██████ ██████ █████▄ █████▄ ▄████▄\r\n\t\t ▄█▀ ██▄▄ ██▄▄██ ██▄▄██ ██▄▄██\r\n\t\t▄█▀ ██▀▀ ██▀▀██ ██▀▀█ ██▀▀██\r\n\t\t██████ ██████ █████▀ ██ ██ ██ ██\r\n\t\t*/\r\n\t// add default widgets\r\n\tts.addWidget({\r\n\t\tid : 'zebra',\r\n\t\tpriority : 90,\r\n\t\tformat : function( table, c, wo ) {\r\n\t\t\tvar $visibleRows, $row, count, isEven, tbodyIndex, rowIndex, len,\r\n\t\t\t\tchild = new RegExp( c.cssChildRow, 'i' ),\r\n\t\t\t\t$tbodies = c.$tbodies.add( $( c.namespace + '_extra_table' ).children( 'tbody:not(.' + c.cssInfoBlock + ')' ) );\r\n\t\t\tfor ( tbodyIndex = 0; tbodyIndex < $tbodies.length; tbodyIndex++ ) {\r\n\t\t\t\t// loop through the visible rows\r\n\t\t\t\tcount = 0;\r\n\t\t\t\t$visibleRows = $tbodies.eq( tbodyIndex ).children( 'tr:visible' ).not( c.selectorRemove );\r\n\t\t\t\tlen = $visibleRows.length;\r\n\t\t\t\tfor ( rowIndex = 0; rowIndex < len; rowIndex++ ) {\r\n\t\t\t\t\t$row = $visibleRows.eq( rowIndex );\r\n\t\t\t\t\t// style child rows the same way the parent row was styled\r\n\t\t\t\t\tif ( !child.test( $row[ 0 ].className ) ) { count++; }\r\n\t\t\t\t\tisEven = ( count % 2 === 0 );\r\n\t\t\t\t\t$row\r\n\t\t\t\t\t\t.removeClass( wo.zebra[ isEven ? 1 : 0 ] )\r\n\t\t\t\t\t\t.addClass( wo.zebra[ isEven ? 0 : 1 ] );\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tremove : function( table, c, wo, refreshing ) {\r\n\t\t\tif ( refreshing ) { return; }\r\n\t\t\tvar tbodyIndex, $tbody,\r\n\t\t\t\t$tbodies = c.$tbodies,\r\n\t\t\t\ttoRemove = ( wo.zebra || [ 'even', 'odd' ] ).join( ' ' );\r\n\t\t\tfor ( tbodyIndex = 0; tbodyIndex < $tbodies.length; tbodyIndex++ ) {\r\n\t\t\t\t$tbody = ts.processTbody( table, $tbodies.eq( tbodyIndex ), true ); // remove tbody\r\n\t\t\t\t$tbody.children().removeClass( toRemove );\r\n\t\t\t\tts.processTbody( table, $tbody, false ); // restore tbody\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n\r\n})( jQuery );","(function(a){if(typeof define===\"function\"&&define.amd&&define.amd.jQuery){define([\"jquery\"],a)}else{a(jQuery)}}(function(f){var p=\"left\",o=\"right\",e=\"up\",x=\"down\",c=\"in\",z=\"out\",m=\"none\",s=\"auto\",l=\"swipe\",t=\"pinch\",A=\"tap\",j=\"doubletap\",b=\"longtap\",y=\"hold\",D=\"horizontal\",u=\"vertical\",i=\"all\",r=10,g=\"start\",k=\"move\",h=\"end\",q=\"cancel\",a=\"ontouchstart\" in window,v=window.navigator.msPointerEnabled&&!window.navigator.pointerEnabled,d=window.navigator.pointerEnabled||window.navigator.msPointerEnabled,B=\"TouchSwipe\";var n={fingers:1,threshold:75,cancelThreshold:null,pinchThreshold:20,maxTimeThreshold:null,fingerReleaseThreshold:250,longTapThreshold:500,doubleTapThreshold:200,swipe:null,swipeLeft:null,swipeRight:null,swipeUp:null,swipeDown:null,swipeStatus:null,pinchIn:null,pinchOut:null,pinchStatus:null,click:null,tap:null,doubleTap:null,longTap:null,hold:null,triggerOnTouchEnd:true,triggerOnTouchLeave:false,allowPageScroll:\"auto\",fallbackToMouseEvents:true,excludedElements:\"label, button, input, select, textarea, a, .noSwipe\",preventDefaultEvents:true};f.fn.swipe=function(G){var F=f(this),E=F.data(B);if(E&&typeof G===\"string\"){if(E[G]){return E[G].apply(this,Array.prototype.slice.call(arguments,1))}else{f.error(\"Method \"+G+\" does not exist on jQuery.swipe\")}}else{if(!E&&(typeof G===\"object\"||!G)){return w.apply(this,arguments)}}return F};f.fn.swipe.defaults=n;f.fn.swipe.phases={PHASE_START:g,PHASE_MOVE:k,PHASE_END:h,PHASE_CANCEL:q};f.fn.swipe.directions={LEFT:p,RIGHT:o,UP:e,DOWN:x,IN:c,OUT:z};f.fn.swipe.pageScroll={NONE:m,HORIZONTAL:D,VERTICAL:u,AUTO:s};f.fn.swipe.fingers={ONE:1,TWO:2,THREE:3,ALL:i};function w(E){if(E&&(E.allowPageScroll===undefined&&(E.swipe!==undefined||E.swipeStatus!==undefined))){E.allowPageScroll=m}if(E.click!==undefined&&E.tap===undefined){E.tap=E.click}if(!E){E={}}E=f.extend({},f.fn.swipe.defaults,E);return this.each(function(){var G=f(this);var F=G.data(B);if(!F){F=new C(this,E);G.data(B,F)}})}function C(a4,av){var az=(a||d||!av.fallbackToMouseEvents),J=az?(d?(v?\"MSPointerDown\":\"pointerdown\"):\"touchstart\"):\"mousedown\",ay=az?(d?(v?\"MSPointerMove\":\"pointermove\"):\"touchmove\"):\"mousemove\",U=az?(d?(v?\"MSPointerUp\":\"pointerup\"):\"touchend\"):\"mouseup\",S=az?null:\"mouseleave\",aD=(d?(v?\"MSPointerCancel\":\"pointercancel\"):\"touchcancel\");var ag=0,aP=null,ab=0,a1=0,aZ=0,G=1,aq=0,aJ=0,M=null;var aR=f(a4);var Z=\"start\";var W=0;var aQ=null;var T=0,a2=0,a5=0,ad=0,N=0;var aW=null,af=null;try{aR.bind(J,aN);aR.bind(aD,a9)}catch(ak){f.error(\"events not supported \"+J+\",\"+aD+\" on jQuery.swipe\")}this.enable=function(){aR.bind(J,aN);aR.bind(aD,a9);return aR};this.disable=function(){aK();return aR};this.destroy=function(){aK();aR.data(B,null);aR=null};this.option=function(bc,bb){if(av[bc]!==undefined){if(bb===undefined){return av[bc]}else{av[bc]=bb}}else{f.error(\"Option \"+bc+\" does not exist on jQuery.swipe.options\")}return null};function aN(bd){if(aB()){return}if(f(bd.target).closest(av.excludedElements,aR).length>0){return}var be=bd.originalEvent?bd.originalEvent:bd;var bc,bb=a?be.touches[0]:be;Z=g;if(a){W=be.touches.length}else{bd.preventDefault()}ag=0;aP=null;aJ=null;ab=0;a1=0;aZ=0;G=1;aq=0;aQ=aj();M=aa();R();if(!a||(W===av.fingers||av.fingers===i)||aX()){ai(0,bb);T=at();if(W==2){ai(1,be.touches[1]);a1=aZ=au(aQ[0].start,aQ[1].start)}if(av.swipeStatus||av.pinchStatus){bc=O(be,Z)}}else{bc=false}if(bc===false){Z=q;O(be,Z);return bc}else{if(av.hold){af=setTimeout(f.proxy(function(){aR.trigger(\"hold\",[be.target]);if(av.hold){bc=av.hold.call(aR,be,be.target)}},this),av.longTapThreshold)}ao(true)}return null}function a3(be){var bh=be.originalEvent?be.originalEvent:be;if(Z===h||Z===q||am()){return}var bd,bc=a?bh.touches[0]:bh;var bf=aH(bc);a2=at();if(a){W=bh.touches.length}if(av.hold){clearTimeout(af)}Z=k;if(W==2){if(a1==0){ai(1,bh.touches[1]);a1=aZ=au(aQ[0].start,aQ[1].start)}else{aH(bh.touches[1]);aZ=au(aQ[0].end,aQ[1].end);aJ=ar(aQ[0].end,aQ[1].end)}G=a7(a1,aZ);aq=Math.abs(a1-aZ)}if((W===av.fingers||av.fingers===i)||!a||aX()){aP=aL(bf.start,bf.end);al(be,aP);ag=aS(bf.start,bf.end);ab=aM();aI(aP,ag);if(av.swipeStatus||av.pinchStatus){bd=O(bh,Z)}if(!av.triggerOnTouchEnd||av.triggerOnTouchLeave){var bb=true;if(av.triggerOnTouchLeave){var bg=aY(this);bb=E(bf.end,bg)}if(!av.triggerOnTouchEnd&&bb){Z=aC(k)}else{if(av.triggerOnTouchLeave&&!bb){Z=aC(h)}}if(Z==q||Z==h){O(bh,Z)}}}else{Z=q;O(bh,Z)}if(bd===false){Z=q;O(bh,Z)}}function L(bb){var bc=bb.originalEvent;if(a){if(bc.touches.length>0){F();return true}}if(am()){W=ad}a2=at();ab=aM();if(ba()||!an()){Z=q;O(bc,Z)}else{if(av.triggerOnTouchEnd||(av.triggerOnTouchEnd==false&&Z===k)){bb.preventDefault();Z=h;O(bc,Z)}else{if(!av.triggerOnTouchEnd&&a6()){Z=h;aF(bc,Z,A)}else{if(Z===k){Z=q;O(bc,Z)}}}}ao(false);return null}function a9(){W=0;a2=0;T=0;a1=0;aZ=0;G=1;R();ao(false)}function K(bb){var bc=bb.originalEvent;if(av.triggerOnTouchLeave){Z=aC(h);O(bc,Z)}}function aK(){aR.unbind(J,aN);aR.unbind(aD,a9);aR.unbind(ay,a3);aR.unbind(U,L);if(S){aR.unbind(S,K)}ao(false)}function aC(bf){var be=bf;var bd=aA();var bc=an();var bb=ba();if(!bd||bb){be=q}else{if(bc&&bf==k&&(!av.triggerOnTouchEnd||av.triggerOnTouchLeave)){be=h}else{if(!bc&&bf==h&&av.triggerOnTouchLeave){be=q}}}return be}function O(bd,bb){var bc=undefined;if((I()||V())||(P()||aX())){if(I()||V()){bc=aF(bd,bb,l)}if((P()||aX())&&bc!==false){bc=aF(bd,bb,t)}}else{if(aG()&&bc!==false){bc=aF(bd,bb,j)}else{if(ap()&&bc!==false){bc=aF(bd,bb,b)}else{if(ah()&&bc!==false){bc=aF(bd,bb,A)}}}}if(bb===q){a9(bd)}if(bb===h){if(a){if(bd.touches.length==0){a9(bd)}}else{a9(bd)}}return bc}function aF(be,bb,bd){var bc=undefined;if(bd==l){aR.trigger(\"swipeStatus\",[bb,aP||null,ag||0,ab||0,W,aQ]);if(av.swipeStatus){bc=av.swipeStatus.call(aR,be,bb,aP||null,ag||0,ab||0,W,aQ);if(bc===false){return false}}if(bb==h&&aV()){aR.trigger(\"swipe\",[aP,ag,ab,W,aQ]);if(av.swipe){bc=av.swipe.call(aR,be,aP,ag,ab,W,aQ);if(bc===false){return false}}switch(aP){case p:aR.trigger(\"swipeLeft\",[aP,ag,ab,W,aQ]);if(av.swipeLeft){bc=av.swipeLeft.call(aR,be,aP,ag,ab,W,aQ)}break;case o:aR.trigger(\"swipeRight\",[aP,ag,ab,W,aQ]);if(av.swipeRight){bc=av.swipeRight.call(aR,be,aP,ag,ab,W,aQ)}break;case e:aR.trigger(\"swipeUp\",[aP,ag,ab,W,aQ]);if(av.swipeUp){bc=av.swipeUp.call(aR,be,aP,ag,ab,W,aQ)}break;case x:aR.trigger(\"swipeDown\",[aP,ag,ab,W,aQ]);if(av.swipeDown){bc=av.swipeDown.call(aR,be,aP,ag,ab,W,aQ)}break}}}if(bd==t){aR.trigger(\"pinchStatus\",[bb,aJ||null,aq||0,ab||0,W,G,aQ]);if(av.pinchStatus){bc=av.pinchStatus.call(aR,be,bb,aJ||null,aq||0,ab||0,W,G,aQ);if(bc===false){return false}}if(bb==h&&a8()){switch(aJ){case c:aR.trigger(\"pinchIn\",[aJ||null,aq||0,ab||0,W,G,aQ]);if(av.pinchIn){bc=av.pinchIn.call(aR,be,aJ||null,aq||0,ab||0,W,G,aQ)}break;case z:aR.trigger(\"pinchOut\",[aJ||null,aq||0,ab||0,W,G,aQ]);if(av.pinchOut){bc=av.pinchOut.call(aR,be,aJ||null,aq||0,ab||0,W,G,aQ)}break}}}if(bd==A){if(bb===q||bb===h){clearTimeout(aW);clearTimeout(af);if(Y()&&!H()){N=at();aW=setTimeout(f.proxy(function(){N=null;aR.trigger(\"tap\",[be.target]);if(av.tap){bc=av.tap.call(aR,be,be.target)}},this),av.doubleTapThreshold)}else{N=null;aR.trigger(\"tap\",[be.target]);if(av.tap){bc=av.tap.call(aR,be,be.target)}}}}else{if(bd==j){if(bb===q||bb===h){clearTimeout(aW);N=null;aR.trigger(\"doubletap\",[be.target]);if(av.doubleTap){bc=av.doubleTap.call(aR,be,be.target)}}}else{if(bd==b){if(bb===q||bb===h){clearTimeout(aW);N=null;aR.trigger(\"longtap\",[be.target]);if(av.longTap){bc=av.longTap.call(aR,be,be.target)}}}}}return bc}function an(){var bb=true;if(av.threshold!==null){bb=ag>=av.threshold}return bb}function ba(){var bb=false;if(av.cancelThreshold!==null&&aP!==null){bb=(aT(aP)-ag)>=av.cancelThreshold}return bb}function ae(){if(av.pinchThreshold!==null){return aq>=av.pinchThreshold}return true}function aA(){var bb;if(av.maxTimeThreshold){if(ab>=av.maxTimeThreshold){bb=false}else{bb=true}}else{bb=true}return bb}function al(bb,bc){if(av.preventDefaultEvents===false){return}if(av.allowPageScroll===m){bb.preventDefault()}else{var bd=av.allowPageScroll===s;switch(bc){case p:if((av.swipeLeft&&bd)||(!bd&&av.allowPageScroll!=D)){bb.preventDefault()}break;case o:if((av.swipeRight&&bd)||(!bd&&av.allowPageScroll!=D)){bb.preventDefault()}break;case e:if((av.swipeUp&&bd)||(!bd&&av.allowPageScroll!=u)){bb.preventDefault()}break;case x:if((av.swipeDown&&bd)||(!bd&&av.allowPageScroll!=u)){bb.preventDefault()}break}}}function a8(){var bc=aO();var bb=X();var bd=ae();return bc&&bb&&bd}function aX(){return !!(av.pinchStatus||av.pinchIn||av.pinchOut)}function P(){return !!(a8()&&aX())}function aV(){var be=aA();var bg=an();var bd=aO();var bb=X();var bc=ba();var bf=!bc&&bb&&bd&&bg&&be;return bf}function V(){return !!(av.swipe||av.swipeStatus||av.swipeLeft||av.swipeRight||av.swipeUp||av.swipeDown)}function I(){return !!(aV()&&V())}function aO(){return((W===av.fingers||av.fingers===i)||!a)}function X(){return aQ[0].end.x!==0}function a6(){return !!(av.tap)}function Y(){return !!(av.doubleTap)}function aU(){return !!(av.longTap)}function Q(){if(N==null){return false}var bb=at();return(Y()&&((bb-N)<=av.doubleTapThreshold))}function H(){return Q()}function ax(){return((W===1||!a)&&(isNaN(ag)||agav.longTapThreshold)&&(ag=0)){return p}else{if((bd<=360)&&(bd>=315)){return p}else{if((bd>=135)&&(bd<=225)){return o}else{if((bd>45)&&(bd<135)){return x}else{return e}}}}}function at(){var bb=new Date();return bb.getTime()}function aY(bb){bb=f(bb);var bd=bb.offset();var bc={left:bd.left,right:bd.left+bb.outerWidth(),top:bd.top,bottom:bd.top+bb.outerHeight()};return bc}function E(bb,bc){return(bb.x>bc.left&&bb.xbc.top&&bb.y0&&i.length>a&&(t.data(b,a),t.attr(c,i.length))),d&&t.addClass(d),p.value=i)},hideAll:function(){y&&(n.watermark.hide(p),y=h)},showAll:function(){n.watermark.show(p)}},n.fn.watermark=n.fn.watermark||function(i,y){var tt=\"string\";if(!this.length)return this;var k=h,b=typeof i==tt;return b&&(i=i.replace(l,r)),typeof y==\"object\"?(k=typeof y.className==tt,y=n.extend({},n.watermark.options,y)):typeof y==tt?(k=u,y=n.extend({},n.watermark.options,{className:y})):y=n.watermark.options,typeof y.useNative!=d&&(y.useNative=y.useNative?function(){return u}:function(){return h}),this.each(function(){var et=\"dragleave\",ot=\"dragenter\",ft=this,h=n(ft),st,d,tt,it;if(h.is(p)){if(h.data(s))(b||k)&&(n.watermark._hide(h),b&&h.data(f,i),k&&h.data(o,y.className));else{if(ut&&y.useNative.call(ft,h)&&(h.attr(\"tagName\")||r)!==g){b&&h.attr(rt,i);return}h.data(f,b?i:r),h.data(o,y.className),h.data(s,1),(h.attr(v)||r)===nt?(st=h.wrap(\"\").parent(),d=n(st.html().replace(/type=[\"']?password[\"']?/i,'type=\"text\"')),d.data(f,h.data(f)),d.data(o,h.data(o)),d.data(s,1),d.attr(c,i.length),d.focus(function(){n.watermark._hide(d,u)}).bind(ot,function(){n.watermark._hide(d)}).bind(\"dragend\",function(){t.setTimeout(function(){d.blur()},1)}),h.blur(function(){n.watermark._show(h)}).bind(et,function(){n.watermark._show(h)}),d.data(e,h),h.data(e,d)):h.focus(function(){h.data(w,1),n.watermark._hide(h,u)}).blur(function(){h.data(w,0),n.watermark._show(h)}).bind(ot,function(){n.watermark._hide(h)}).bind(et,function(){n.watermark._show(h)}).bind(\"dragend\",function(){t.setTimeout(function(){n.watermark._show(h)},1)}).bind(\"drop\",function(n){var i=h[0],t=n.originalEvent.dataTransfer.getData(\"Text\");(i.value||r).replace(l,r).replace(t,r)===h.data(f)&&(i.value=t),h.focus()}),ft.form&&(tt=ft.form,it=n(tt),it.data(a)||(it.submit(n.watermark.hideAll),tt.submit?(it.data(a,tt.submit),tt.submit=function(t,i){return function(){var r=i.data(a);n.watermark.hideAll(),r.apply?r.apply(t,Array.prototype.slice.call(arguments)):r()}}(tt,it)):(it.data(a,1),tt.submit=function(t){return function(){n.watermark.hideAll(),delete t.submit,t.submit()}}(tt))))}n.watermark._show(h)}})},n.watermark.runOnce&&(n.watermark.runOnce=h,n.extend(n.expr[\":\"],{data:n.expr.createPseudo?n.expr.createPseudo(function(t){return function(i){return!!n.data(i,t)}}):function(t,i,r){return!!n.data(t,r[3])},watermarkable:function(n){var t,i=n.nodeName;return i===g?u:i!==\"INPUT\"?h:(t=n.getAttribute(v),!t||!ft.test(t))}}),function(t){n.fn.val=function(){var u=this,e=Array.prototype.slice.call(arguments),o;return u.length?e.length?(t.apply(u,e),n.watermark.show(u),u):u.data(s)?(o=(u[0].value||r).replace(l,r),o===(u.data(f)||r)?r:o):t.apply(u):e.length?u:i}}(n.fn.val),k.length&&n(function(){for(var u,r,i=k.length-1;i>=0;i--)u=k[i],r=t[u],typeof r==d&&(t[u]=function(t){return function(){return n.watermark.hideAll(),t.apply(null,Array.prototype.slice.call(arguments))}}(r))}),n(t).bind(\"beforeunload\",function(){n.watermark.options.hideBeforeUnload&&n.watermark.hideAll()}))})(jQuery,window);","/*!\r\n* mustache.js - Logic-less {{mustache}} templates with JavaScript\r\n* http://github.com/janl/mustache.js\r\n*/\r\n\r\n/*global define: false*/\r\n\r\n(function (root, factory) {\r\n if (typeof exports === \"object\" && exports) {\r\n module.exports = factory; // CommonJS\r\n } else if (typeof define === \"function\" && define.amd) {\r\n define(factory); // AMD\r\n } else {\r\n root.Mustache = factory; //