@iobroker/adapter-react-v5 4.0.12 → 4.0.14

package/Components/UploadImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadImage.js","names":["cropperStyles","styles","theme","dropZone","width","height","position","dropZoneEmpty","image","objectFit","margin","display","uploadDiv","opacity","marginTop","cursor","outline","uploadDivDragging","background","uploadCenterDiv","border","borderRadius","uploadCenterIcon","paddingTop","uploadCenterText","fontSize","uploadCenterTextAndIcon","textAlign","top","bottom","left","right","flexDirection","alignItems","justifyContent","disabledOpacity","buttonRemoveWrapper","zIndex","buttonCropWrapper","error","UploadImage","props","state","uploadFile","anchorEl","cropHandler","cropperRef","createRef","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","acceptedFiles","maxSize","t","onChange","file","reader","FileReader","onabort","console","log","onerror","onload","ext","name","split","pop","toLowerCase","includes","size","alert","Math","round","base64","btoa","Uint8Array","result","reduce","data","byte","String","fromCharCode","readAsArrayBuffer","disabled","classes","icon","removeIconFunc","accept","crop","setState","errors","length","message","onDrop","getRootProps","getInputProps","clsx","e","stopPropagation","currentTarget","Boolean","imageElement","current","cropper","getCroppedCanvas","toDataURL","Component","defaultProps","el","propTypes","PropTypes","object","number","bool","func","withStyles"],"sources":["UploadImage.jsx"],"sourcesContent":["import { Component, createRef } from 'react';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport Dropzone from 'react-dropzone';\nimport { Cropper } from 'react-cropper';\n\nimport { withStyles } from '@mui/styles';\nimport { Menu, MenuItem, Tooltip } from '@mui/material';\nimport IconButton from '@mui/material/IconButton';\n\nimport IconClose from '@mui/icons-material/Close';\nimport CropIcon from '@mui/icons-material/Crop';\nimport { FaFileUpload as UploadIcon } from 'react-icons/fa';\n\n// import 'cropperjs/dist/cropper.css';\nconst cropperStyles = `\n/*!\n * Cropper.js v1.5.12\n * https://fengyuanchen.github.io/cropperjs\n *\n * Copyright 2015-present Chen Fengyuan\n * Released under the MIT license\n *\n * Date: 2021-06-12T08:00:11.623Z\n */\n\n.cropper-container {\n  direction: ltr;\n  font-size: 0;\n  line-height: 0;\n  position: relative;\n  -ms-touch-action: none;\n  touch-action: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.cropper-container img {\n  display: block;\n  height: 100%;\n  image-orientation: 0deg;\n  max-height: none !important;\n  max-width: none !important;\n  min-height: 0 !important;\n  min-width: 0 !important;\n  width: 100%;\n}\n\n.cropper-wrap-box,\n.cropper-canvas,\n.cropper-drag-box,\n.cropper-crop-box,\n.cropper-modal {\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n\n.cropper-wrap-box,\n.cropper-canvas {\n  overflow: hidden;\n}\n\n.cropper-drag-box {\n  background-color: #fff;\n  opacity: 0;\n}\n\n.cropper-modal {\n  background-color: #000;\n  opacity: 0.5;\n}\n\n.cropper-view-box {\n  display: block;\n  height: 100%;\n  outline: 1px solid #39f;\n  outline-color: rgba(51, 153, 255, 0.75);\n  overflow: hidden;\n  width: 100%;\n}\n\n.cropper-dashed {\n  border: 0 dashed #eee;\n  display: block;\n  opacity: 0.5;\n  position: absolute;\n}\n\n.cropper-dashed.dashed-h {\n  border-bottom-width: 1px;\n  border-top-width: 1px;\n  height: calc(100% / 3);\n  left: 0;\n  top: calc(100% / 3);\n  width: 100%;\n}\n\n.cropper-dashed.dashed-v {\n  border-left-width: 1px;\n  border-right-width: 1px;\n  height: 100%;\n  left: calc(100% / 3);\n  top: 0;\n  width: calc(100% / 3);\n}\n\n.cropper-center {\n  display: block;\n  height: 0;\n  left: 50%;\n  opacity: 0.75;\n  position: absolute;\n  top: 50%;\n  width: 0;\n}\n\n.cropper-center::before,\n.cropper-center::after {\n  background-color: #eee;\n  content: ' ';\n  display: block;\n  position: absolute;\n}\n\n.cropper-center::before {\n  height: 1px;\n  left: -3px;\n  top: 0;\n  width: 7px;\n}\n\n.cropper-center::after {\n  height: 7px;\n  left: 0;\n  top: -3px;\n  width: 1px;\n}\n\n.cropper-face,\n.cropper-line,\n.cropper-point {\n  display: block;\n  height: 100%;\n  opacity: 0.1;\n  position: absolute;\n  width: 100%;\n}\n\n.cropper-face {\n  background-color: #fff;\n  left: 0;\n  top: 0;\n}\n\n.cropper-line {\n  background-color: #39f;\n}\n\n.cropper-line.line-e {\n  cursor: ew-resize;\n  right: -3px;\n  top: 0;\n  width: 5px;\n}\n\n.cropper-line.line-n {\n  cursor: ns-resize;\n  height: 5px;\n  left: 0;\n  top: -3px;\n}\n\n.cropper-line.line-w {\n  cursor: ew-resize;\n  left: -3px;\n  top: 0;\n  width: 5px;\n}\n\n.cropper-line.line-s {\n  bottom: -3px;\n  cursor: ns-resize;\n  height: 5px;\n  left: 0;\n}\n\n.cropper-point {\n  background-color: #39f;\n  height: 5px;\n  opacity: 0.75;\n  width: 5px;\n}\n\n.cropper-point.point-e {\n  cursor: ew-resize;\n  margin-top: -3px;\n  right: -3px;\n  top: 50%;\n}\n\n.cropper-point.point-n {\n  cursor: ns-resize;\n  left: 50%;\n  margin-left: -3px;\n  top: -3px;\n}\n\n.cropper-point.point-w {\n  cursor: ew-resize;\n  left: -3px;\n  margin-top: -3px;\n  top: 50%;\n}\n\n.cropper-point.point-s {\n  bottom: -3px;\n  cursor: s-resize;\n  left: 50%;\n  margin-left: -3px;\n}\n\n.cropper-point.point-ne {\n  cursor: nesw-resize;\n  right: -3px;\n  top: -3px;\n}\n\n.cropper-point.point-nw {\n  cursor: nwse-resize;\n  left: -3px;\n  top: -3px;\n}\n\n.cropper-point.point-sw {\n  bottom: -3px;\n  cursor: nesw-resize;\n  left: -3px;\n}\n\n.cropper-point.point-se {\n  bottom: -3px;\n  cursor: nwse-resize;\n  height: 20px;\n  opacity: 1;\n  right: -3px;\n  width: 20px;\n}\n\n@media (min-width: 768px) {\n  .cropper-point.point-se {\n    height: 15px;\n    width: 15px;\n  }\n}\n\n@media (min-width: 992px) {\n  .cropper-point.point-se {\n    height: 10px;\n    width: 10px;\n  }\n}\n\n@media (min-width: 1200px) {\n  .cropper-point.point-se {\n    height: 5px;\n    opacity: 0.75;\n    width: 5px;\n  }\n}\n\n.cropper-point.point-se::before {\n  background-color: #39f;\n  bottom: -50%;\n  content: ' ';\n  display: block;\n  height: 200%;\n  opacity: 0;\n  position: absolute;\n  right: -50%;\n  width: 200%;\n}\n\n.cropper-invisible {\n  opacity: 0;\n}\n\n.cropper-bg {\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');\n}\n\n.cropper-hide {\n  display: block;\n  height: 0;\n  position: absolute;\n  width: 0;\n}\n\n.cropper-hidden {\n  display: none !important;\n}\n\n.cropper-move {\n  cursor: move;\n}\n\n.cropper-crop {\n  cursor: crosshair;\n}\n\n.cropper-disabled .cropper-drag-box,\n.cropper-disabled .cropper-face,\n.cropper-disabled .cropper-line,\n.cropper-disabled .cropper-point {\n  cursor: not-allowed;\n}\n`;\n\nconst styles = theme => ({\n    dropZone: {\n        width: '100%',\n        height: 100,\n        position: 'relative',\n    },\n    dropZoneEmpty: {\n\n    },\n    image: {\n        objectFit: 'contain',\n        margin: 'auto',\n        display: 'flex',\n        width: '100%',\n        height: '100%',\n    },\n\n    uploadDiv: {\n        position: 'relative',\n        width: '100%',\n        height: 300,\n        opacity: 0.9,\n        marginTop: 30,\n        cursor: 'pointer',\n        outline: 'none'\n    },\n    uploadDivDragging: {\n        opacity: 1,\n        background: 'rgba(128,255,128,0.1)'\n    },\n\n    uploadCenterDiv: {\n        margin: 5,\n        border: '3px dashed grey',\n        borderRadius: 5,\n        width: 'calc(100% - 10px)',\n        height: 'calc(100% - 10px)',\n        position: 'relative',\n        display: 'flex'\n    },\n    uploadCenterIcon: {\n        paddingTop: 10,\n        width: 48,\n        height: 48,\n    },\n    uploadCenterText: {\n        fontSize: 16,\n    },\n    uploadCenterTextAndIcon: {\n        textAlign: 'center',\n        position: 'absolute',\n        top: 0,\n        bottom: 0,\n        left: 0,\n        right: 0,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center'\n\n    },\n    disabledOpacity: {\n        opacity: 0.3,\n        cursor: 'default'\n    },\n    buttonRemoveWrapper: {\n        position: 'absolute',\n        zIndex: 222,\n        right: 0\n    },\n    buttonCropWrapper: {\n        position: 'absolute',\n        zIndex: 222,\n        right: 0,\n        top: 50\n    },\n    error: {\n        border: '2px solid red'\n    }\n});\n\nclass UploadImage extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            uploadFile: false,\n            anchorEl: null,\n            cropHandler: false,\n        };\n        this.cropperRef = createRef();\n\n        if (!window.document.getElementById('cropper-style-json-component')) {\n            const style = window.document.createElement('style');\n            style.setAttribute('id', 'cropper-style-json-component');\n            style.innerHTML = cropperStyles;\n            window.document.head.appendChild(style);\n        }\n    }\n\n    onDrop(acceptedFiles) {\n        const { maxSize, t, onChange } = this.props;\n\n        const file = acceptedFiles[0];\n        const reader = new FileReader();\n\n        reader.onabort = () => console.log('file reading was aborted');\n        reader.onerror = () => console.log('file reading has failed');\n        reader.onload = () => {\n            let ext = 'image/' + file.name.split('.').pop().toLowerCase();\n            if (ext === 'image/jpg') {\n                ext = 'image/jpeg';\n            } else if (ext.includes('svg')) {\n                ext = 'image/svg+xml';\n            }\n            if (file.size > maxSize) {\n                return window.alert(t('ra_File is too big. Max %sk allowed. Try use SVG.', Math.round(maxSize / 1024)));\n            }\n            const base64 = `data:${ext};base64,${btoa(\n                new Uint8Array(reader.result)\n                    .reduce((data, byte) => data + String.fromCharCode(byte), ''))}`;\n\n            onChange(base64);\n        };\n        reader.readAsArrayBuffer(file);\n    }\n\n    render() {\n        const { disabled, maxSize, classes, icon, t, removeIconFunc, accept, error, crop, onChange } = this.props;\n        const { uploadFile, anchorEl, cropHandler } = this.state;\n        return <Dropzone\n            disabled={disabled || cropHandler}\n            key=\"dropzone\"\n            multiple={false}\n            accept={accept}\n            maxSize={maxSize}\n            onDragEnter={() => this.setState({ uploadFile: 'dragging' })}\n            onDragLeave={() => this.setState({ uploadFile: true })}\n            onDrop={(acceptedFiles, errors) => {\n                this.setState({ uploadFile: false });\n                if (!acceptedFiles.length) {\n                    window.alert((errors && errors[0] && errors[0].errors && errors[0].errors[0] && errors[0].errors[0].message) || t('ra_Cannot upload'));\n                } else {\n                    return this.onDrop(acceptedFiles);\n                }\n            }}\n        >\n            {({ getRootProps, getInputProps }) => <div\n                className={clsx(\n                    classes.uploadDiv,\n                    uploadFile === 'dragging' && classes.uploadDivDragging,\n                    classes.dropZone,\n                    disabled && classes.disabledOpacity,\n                    !icon && classes.dropZoneEmpty\n                )}\n                {...getRootProps()}>\n                <input {...getInputProps()} />\n                <div className={clsx(classes.uploadCenterDiv, error && classes.error)}>\n                    {!icon ? <div className={classes.uploadCenterTextAndIcon}>\n                            <UploadIcon className={classes.uploadCenterIcon} />\n                            <div className={classes.uploadCenterText}>{\n                                uploadFile === 'dragging' ? t('ra_Drop file here') :\n                                    t('ra_Place your files here or click here to open the browse dialog')}</div>\n                        </div>\n                        :\n                        removeIconFunc && !cropHandler && <div className={classes.buttonRemoveWrapper}>\n                            <Tooltip title={t('ra_Clear')}>\n                                <IconButton size=\"large\" onClick={e => {\n                                    removeIconFunc && removeIconFunc();\n                                    e.stopPropagation();\n                                }}><IconClose />\n                                </IconButton>\n                            </Tooltip>\n                        </div>\n                    }\n                    {icon && crop && <div className={classes.buttonCropWrapper}>\n                        <Tooltip title={t('ra_Crop')}>\n                            <IconButton size=\"large\" onClick={e => {\n                                if (!cropHandler) {\n                                    this.setState({ cropHandler: true });\n                                } else {\n                                    this.setState({ anchorEl: e.currentTarget });\n                                }\n                                e.stopPropagation();\n                            }}><CropIcon color={cropHandler ? 'primary' : 'inherit'} />\n                            </IconButton>\n                        </Tooltip>\n                        <Menu\n                            anchorEl={anchorEl}\n                            keepMounted\n                            open={Boolean(anchorEl)}\n                            onClose={() => this.setState({ anchorEl: null })}\n                        >\n                            <MenuItem onClick={() => this.setState({ anchorEl: null, cropHandler: false }, () => {\n                                const imageElement = this.cropperRef?.current?.cropper;\n                                onChange(imageElement.getCroppedCanvas().toDataURL());\n                            })}>{t('ra_Save')}</MenuItem>\n                            <MenuItem onClick={() => this.setState({ anchorEl: null, cropHandler: false })}>{t('ra_Close')}</MenuItem>\n                        </Menu>\n                    </div>}\n                    {icon && !cropHandler ? <img src={icon} className={classes.image} alt=\"icon\" /> : null}\n\n                    {icon && crop && cropHandler ? <Cropper\n                        ref={this.cropperRef}\n                        className={classes.image}\n                        src={icon}\n                        initialAspectRatio={1}\n                        viewMode={1}\n                        guides={false}\n                        minCropBoxHeight={10}\n                        minCropBoxWidth={10}\n                        background={false}\n                        checkOrientation={false}\n                    /> : null}\n                </div>\n            </div>}\n        </Dropzone>;\n    }\n}\n\nUploadImage.defaultProps = {\n    disabled: false,\n    maxSize: 10 * 1024,\n    icon: null,\n    removeIconFunc: null,\n    accept: { 'image/*': [] },\n    error: false,\n    onChange: base64 => console.log(base64),\n    t: el => el,\n    crop: false,\n};\n\nUploadImage.propTypes = {\n    classes: PropTypes.object,\n    maxSize: PropTypes.number,\n    disabled: PropTypes.bool,\n    crop: PropTypes.bool,\n    error: PropTypes.bool,\n    onChange: PropTypes.func,\n    accept: PropTypes.object,\n    t: PropTypes.func,\n};\n\nexport default withStyles(styles)(UploadImage);\n"],"mappings":"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"}
+{"version":3,"file":"UploadImage.js","names":["_react","require","_clsx","_interopRequireDefault","_propTypes","_reactDropzone","_reactCropper","_styles","_material","_IconButton","_Close","_Crop","_fa","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","cropperStyles","styles","theme","dropZone","width","height","position","dropZoneEmpty","image","objectFit","margin","display","uploadDiv","opacity","marginTop","cursor","outline","uploadDivDragging","background","uploadCenterDiv","border","borderRadius","uploadCenterIcon","paddingTop","uploadCenterText","fontSize","uploadCenterTextAndIcon","textAlign","top","bottom","left","right","flexDirection","alignItems","justifyContent","disabledOpacity","buttonRemoveWrapper","zIndex","buttonCropWrapper","error","UploadImage","_Component","_inherits2","_super","props","_this","_classCallCheck2","state","uploadFile","anchorEl","cropHandler","cropperRef","createRef","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","_createClass2","key","value","onDrop","acceptedFiles","_this$props","maxSize","t","onChange","file","reader","FileReader","onabort","console","log","onerror","onload","ext","name","split","pop","toLowerCase","includes","size","alert","Math","round","base64","concat","btoa","Uint8Array","reduce","data","byte","String","fromCharCode","readAsArrayBuffer","render","_this2","_this$props2","disabled","classes","icon","removeIconFunc","accept","crop","_this$state","React","multiple","onDragEnter","setState","onDragLeave","errors","length","message","_ref","getRootProps","getInputProps","_extends2","className","clsx","FaFileUpload","Tooltip","title","onClick","stopPropagation","currentTarget","color","Menu","keepMounted","open","onClose","MenuItem","_this2$cropperRef","_this2$cropperRef$cur","imageElement","current","cropper","getCroppedCanvas","toDataURL","src","alt","Cropper","ref","initialAspectRatio","viewMode","guides","minCropBoxHeight","minCropBoxWidth","checkOrientation","Component","defaultProps","el","propTypes","PropTypes","object","number","bool","func","_default","withStyles","exports"],"sources":["UploadImage.jsx"],"sourcesContent":["import { Component, createRef } from 'react';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport Dropzone from 'react-dropzone';\nimport { Cropper } from 'react-cropper';\n\nimport { withStyles } from '@mui/styles';\nimport { Menu, MenuItem, Tooltip } from '@mui/material';\nimport IconButton from '@mui/material/IconButton';\n\nimport IconClose from '@mui/icons-material/Close';\nimport CropIcon from '@mui/icons-material/Crop';\nimport { FaFileUpload as UploadIcon } from 'react-icons/fa';\n\n// import 'cropperjs/dist/cropper.css';\nconst cropperStyles = `\n/*!\n * Cropper.js v1.5.12\n * https://fengyuanchen.github.io/cropperjs\n *\n * Copyright 2015-present Chen Fengyuan\n * Released under the MIT license\n *\n * Date: 2021-06-12T08:00:11.623Z\n */\n\n.cropper-container {\n  direction: ltr;\n  font-size: 0;\n  line-height: 0;\n  position: relative;\n  -ms-touch-action: none;\n  touch-action: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.cropper-container img {\n  display: block;\n  height: 100%;\n  image-orientation: 0deg;\n  max-height: none !important;\n  max-width: none !important;\n  min-height: 0 !important;\n  min-width: 0 !important;\n  width: 100%;\n}\n\n.cropper-wrap-box,\n.cropper-canvas,\n.cropper-drag-box,\n.cropper-crop-box,\n.cropper-modal {\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n\n.cropper-wrap-box,\n.cropper-canvas {\n  overflow: hidden;\n}\n\n.cropper-drag-box {\n  background-color: #fff;\n  opacity: 0;\n}\n\n.cropper-modal {\n  background-color: #000;\n  opacity: 0.5;\n}\n\n.cropper-view-box {\n  display: block;\n  height: 100%;\n  outline: 1px solid #39f;\n  outline-color: rgba(51, 153, 255, 0.75);\n  overflow: hidden;\n  width: 100%;\n}\n\n.cropper-dashed {\n  border: 0 dashed #eee;\n  display: block;\n  opacity: 0.5;\n  position: absolute;\n}\n\n.cropper-dashed.dashed-h {\n  border-bottom-width: 1px;\n  border-top-width: 1px;\n  height: calc(100% / 3);\n  left: 0;\n  top: calc(100% / 3);\n  width: 100%;\n}\n\n.cropper-dashed.dashed-v {\n  border-left-width: 1px;\n  border-right-width: 1px;\n  height: 100%;\n  left: calc(100% / 3);\n  top: 0;\n  width: calc(100% / 3);\n}\n\n.cropper-center {\n  display: block;\n  height: 0;\n  left: 50%;\n  opacity: 0.75;\n  position: absolute;\n  top: 50%;\n  width: 0;\n}\n\n.cropper-center::before,\n.cropper-center::after {\n  background-color: #eee;\n  content: ' ';\n  display: block;\n  position: absolute;\n}\n\n.cropper-center::before {\n  height: 1px;\n  left: -3px;\n  top: 0;\n  width: 7px;\n}\n\n.cropper-center::after {\n  height: 7px;\n  left: 0;\n  top: -3px;\n  width: 1px;\n}\n\n.cropper-face,\n.cropper-line,\n.cropper-point {\n  display: block;\n  height: 100%;\n  opacity: 0.1;\n  position: absolute;\n  width: 100%;\n}\n\n.cropper-face {\n  background-color: #fff;\n  left: 0;\n  top: 0;\n}\n\n.cropper-line {\n  background-color: #39f;\n}\n\n.cropper-line.line-e {\n  cursor: ew-resize;\n  right: -3px;\n  top: 0;\n  width: 5px;\n}\n\n.cropper-line.line-n {\n  cursor: ns-resize;\n  height: 5px;\n  left: 0;\n  top: -3px;\n}\n\n.cropper-line.line-w {\n  cursor: ew-resize;\n  left: -3px;\n  top: 0;\n  width: 5px;\n}\n\n.cropper-line.line-s {\n  bottom: -3px;\n  cursor: ns-resize;\n  height: 5px;\n  left: 0;\n}\n\n.cropper-point {\n  background-color: #39f;\n  height: 5px;\n  opacity: 0.75;\n  width: 5px;\n}\n\n.cropper-point.point-e {\n  cursor: ew-resize;\n  margin-top: -3px;\n  right: -3px;\n  top: 50%;\n}\n\n.cropper-point.point-n {\n  cursor: ns-resize;\n  left: 50%;\n  margin-left: -3px;\n  top: -3px;\n}\n\n.cropper-point.point-w {\n  cursor: ew-resize;\n  left: -3px;\n  margin-top: -3px;\n  top: 50%;\n}\n\n.cropper-point.point-s {\n  bottom: -3px;\n  cursor: s-resize;\n  left: 50%;\n  margin-left: -3px;\n}\n\n.cropper-point.point-ne {\n  cursor: nesw-resize;\n  right: -3px;\n  top: -3px;\n}\n\n.cropper-point.point-nw {\n  cursor: nwse-resize;\n  left: -3px;\n  top: -3px;\n}\n\n.cropper-point.point-sw {\n  bottom: -3px;\n  cursor: nesw-resize;\n  left: -3px;\n}\n\n.cropper-point.point-se {\n  bottom: -3px;\n  cursor: nwse-resize;\n  height: 20px;\n  opacity: 1;\n  right: -3px;\n  width: 20px;\n}\n\n@media (min-width: 768px) {\n  .cropper-point.point-se {\n    height: 15px;\n    width: 15px;\n  }\n}\n\n@media (min-width: 992px) {\n  .cropper-point.point-se {\n    height: 10px;\n    width: 10px;\n  }\n}\n\n@media (min-width: 1200px) {\n  .cropper-point.point-se {\n    height: 5px;\n    opacity: 0.75;\n    width: 5px;\n  }\n}\n\n.cropper-point.point-se::before {\n  background-color: #39f;\n  bottom: -50%;\n  content: ' ';\n  display: block;\n  height: 200%;\n  opacity: 0;\n  position: absolute;\n  right: -50%;\n  width: 200%;\n}\n\n.cropper-invisible {\n  opacity: 0;\n}\n\n.cropper-bg {\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');\n}\n\n.cropper-hide {\n  display: block;\n  height: 0;\n  position: absolute;\n  width: 0;\n}\n\n.cropper-hidden {\n  display: none !important;\n}\n\n.cropper-move {\n  cursor: move;\n}\n\n.cropper-crop {\n  cursor: crosshair;\n}\n\n.cropper-disabled .cropper-drag-box,\n.cropper-disabled .cropper-face,\n.cropper-disabled .cropper-line,\n.cropper-disabled .cropper-point {\n  cursor: not-allowed;\n}\n`;\n\nconst styles = theme => ({\n    dropZone: {\n        width: '100%',\n        height: 100,\n        position: 'relative',\n    },\n    dropZoneEmpty: {\n\n    },\n    image: {\n        objectFit: 'contain',\n        margin: 'auto',\n        display: 'flex',\n        width: '100%',\n        height: '100%',\n    },\n\n    uploadDiv: {\n        position: 'relative',\n        width: '100%',\n        height: 300,\n        opacity: 0.9,\n        marginTop: 30,\n        cursor: 'pointer',\n        outline: 'none'\n    },\n    uploadDivDragging: {\n        opacity: 1,\n        background: 'rgba(128,255,128,0.1)'\n    },\n\n    uploadCenterDiv: {\n        margin: 5,\n        border: '3px dashed grey',\n        borderRadius: 5,\n        width: 'calc(100% - 10px)',\n        height: 'calc(100% - 10px)',\n        position: 'relative',\n        display: 'flex'\n    },\n    uploadCenterIcon: {\n        paddingTop: 10,\n        width: 48,\n        height: 48,\n    },\n    uploadCenterText: {\n        fontSize: 16,\n    },\n    uploadCenterTextAndIcon: {\n        textAlign: 'center',\n        position: 'absolute',\n        top: 0,\n        bottom: 0,\n        left: 0,\n        right: 0,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center'\n\n    },\n    disabledOpacity: {\n        opacity: 0.3,\n        cursor: 'default'\n    },\n    buttonRemoveWrapper: {\n        position: 'absolute',\n        zIndex: 222,\n        right: 0\n    },\n    buttonCropWrapper: {\n        position: 'absolute',\n        zIndex: 222,\n        right: 0,\n        top: 50\n    },\n    error: {\n        border: '2px solid red'\n    }\n});\n\nclass UploadImage extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            uploadFile: false,\n            anchorEl: null,\n            cropHandler: false,\n        };\n        this.cropperRef = createRef();\n\n        if (!window.document.getElementById('cropper-style-json-component')) {\n            const style = window.document.createElement('style');\n            style.setAttribute('id', 'cropper-style-json-component');\n            style.innerHTML = cropperStyles;\n            window.document.head.appendChild(style);\n        }\n    }\n\n    onDrop(acceptedFiles) {\n        const { maxSize, t, onChange } = this.props;\n\n        const file = acceptedFiles[0];\n        const reader = new FileReader();\n\n        reader.onabort = () => console.log('file reading was aborted');\n        reader.onerror = () => console.log('file reading has failed');\n        reader.onload = () => {\n            let ext = 'image/' + file.name.split('.').pop().toLowerCase();\n            if (ext === 'image/jpg') {\n                ext = 'image/jpeg';\n            } else if (ext.includes('svg')) {\n                ext = 'image/svg+xml';\n            }\n            if (file.size > maxSize) {\n                return window.alert(t('ra_File is too big. Max %sk allowed. Try use SVG.', Math.round(maxSize / 1024)));\n            }\n            const base64 = `data:${ext};base64,${btoa(\n                new Uint8Array(reader.result)\n                    .reduce((data, byte) => data + String.fromCharCode(byte), ''))}`;\n\n            onChange(base64);\n        };\n        reader.readAsArrayBuffer(file);\n    }\n\n    render() {\n        const { disabled, maxSize, classes, icon, t, removeIconFunc, accept, error, crop, onChange } = this.props;\n        const { uploadFile, anchorEl, cropHandler } = this.state;\n        return <Dropzone\n            disabled={disabled || cropHandler}\n            key=\"dropzone\"\n            multiple={false}\n            accept={accept}\n            maxSize={maxSize}\n            onDragEnter={() => this.setState({ uploadFile: 'dragging' })}\n            onDragLeave={() => this.setState({ uploadFile: true })}\n            onDrop={(acceptedFiles, errors) => {\n                this.setState({ uploadFile: false });\n                if (!acceptedFiles.length) {\n                    window.alert((errors && errors[0] && errors[0].errors && errors[0].errors[0] && errors[0].errors[0].message) || t('ra_Cannot upload'));\n                } else {\n                    return this.onDrop(acceptedFiles);\n                }\n            }}\n        >\n            {({ getRootProps, getInputProps }) => <div\n                className={clsx(\n                    classes.uploadDiv,\n                    uploadFile === 'dragging' && classes.uploadDivDragging,\n                    classes.dropZone,\n                    disabled && classes.disabledOpacity,\n                    !icon && classes.dropZoneEmpty\n                )}\n                {...getRootProps()}>\n                <input {...getInputProps()} />\n                <div className={clsx(classes.uploadCenterDiv, error && classes.error)}>\n                    {!icon ? <div className={classes.uploadCenterTextAndIcon}>\n                            <UploadIcon className={classes.uploadCenterIcon} />\n                            <div className={classes.uploadCenterText}>{\n                                uploadFile === 'dragging' ? t('ra_Drop file here') :\n                                    t('ra_Place your files here or click here to open the browse dialog')}</div>\n                        </div>\n                        :\n                        removeIconFunc && !cropHandler && <div className={classes.buttonRemoveWrapper}>\n                            <Tooltip title={t('ra_Clear')}>\n                                <IconButton size=\"large\" onClick={e => {\n                                    removeIconFunc && removeIconFunc();\n                                    e.stopPropagation();\n                                }}><IconClose />\n                                </IconButton>\n                            </Tooltip>\n                        </div>\n                    }\n                    {icon && crop && <div className={classes.buttonCropWrapper}>\n                        <Tooltip title={t('ra_Crop')}>\n                            <IconButton size=\"large\" onClick={e => {\n                                if (!cropHandler) {\n                                    this.setState({ cropHandler: true });\n                                } else {\n                                    this.setState({ anchorEl: e.currentTarget });\n                                }\n                                e.stopPropagation();\n                            }}><CropIcon color={cropHandler ? 'primary' : 'inherit'} />\n                            </IconButton>\n                        </Tooltip>\n                        <Menu\n                            anchorEl={anchorEl}\n                            keepMounted\n                            open={Boolean(anchorEl)}\n                            onClose={() => this.setState({ anchorEl: null })}\n                        >\n                            <MenuItem onClick={() => this.setState({ anchorEl: null, cropHandler: false }, () => {\n                                const imageElement = this.cropperRef?.current?.cropper;\n                                onChange(imageElement.getCroppedCanvas().toDataURL());\n                            })}>{t('ra_Save')}</MenuItem>\n                            <MenuItem onClick={() => this.setState({ anchorEl: null, cropHandler: false })}>{t('ra_Close')}</MenuItem>\n                        </Menu>\n                    </div>}\n                    {icon && !cropHandler ? <img src={icon} className={classes.image} alt=\"icon\" /> : null}\n\n                    {icon && crop && cropHandler ? <Cropper\n                        ref={this.cropperRef}\n                        className={classes.image}\n                        src={icon}\n                        initialAspectRatio={1}\n                        viewMode={1}\n                        guides={false}\n                        minCropBoxHeight={10}\n                        minCropBoxWidth={10}\n                        background={false}\n                        checkOrientation={false}\n                    /> : null}\n                </div>\n            </div>}\n        </Dropzone>;\n    }\n}\n\nUploadImage.defaultProps = {\n    disabled: false,\n    maxSize: 10 * 1024,\n    icon: null,\n    removeIconFunc: null,\n    accept: { 'image/*': [] },\n    error: false,\n    onChange: base64 => console.log(base64),\n    t: el => el,\n    crop: false,\n};\n\nUploadImage.propTypes = {\n    classes: PropTypes.object,\n    maxSize: PropTypes.number,\n    disabled: PropTypes.bool,\n    crop: PropTypes.bool,\n    error: PropTypes.bool,\n    onChange: PropTypes.func,\n    accept: PropTypes.object,\n    t: PropTypes.func,\n};\n\nexport default withStyles(styles)(UploadImage);\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,cAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAEA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAN,sBAAA,CAAAF,OAAA;AAEA,IAAAS,MAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,KAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,GAAA,GAAAX,OAAA;AAA4D,SAAAY,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;AAE5D;AACA,IAAMC,aAAa,w2JAiTlB;AAED,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAGC,KAAK;EAAA,OAAK;IACrBC,QAAQ,EAAE;MACNC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,GAAG;MACXC,QAAQ,EAAE;IACd,CAAC;IACDC,aAAa,EAAE,CAEf,CAAC;IACDC,KAAK,EAAE;MACHC,SAAS,EAAE,SAAS;MACpBC,MAAM,EAAE,MAAM;MACdC,OAAO,EAAE,MAAM;MACfP,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE;IACZ,CAAC;IAEDO,SAAS,EAAE;MACPN,QAAQ,EAAE,UAAU;MACpBF,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,GAAG;MACXQ,OAAO,EAAE,GAAG;MACZC,SAAS,EAAE,EAAE;MACbC,MAAM,EAAE,SAAS;MACjBC,OAAO,EAAE;IACb,CAAC;IACDC,iBAAiB,EAAE;MACfJ,OAAO,EAAE,CAAC;MACVK,UAAU,EAAE;IAChB,CAAC;IAEDC,eAAe,EAAE;MACbT,MAAM,EAAE,CAAC;MACTU,MAAM,EAAE,iBAAiB;MACzBC,YAAY,EAAE,CAAC;MACfjB,KAAK,EAAE,mBAAmB;MAC1BC,MAAM,EAAE,mBAAmB;MAC3BC,QAAQ,EAAE,UAAU;MACpBK,OAAO,EAAE;IACb,CAAC;IACDW,gBAAgB,EAAE;MACdC,UAAU,EAAE,EAAE;MACdnB,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACZ,CAAC;IACDmB,gBAAgB,EAAE;MACdC,QAAQ,EAAE;IACd,CAAC;IACDC,uBAAuB,EAAE;MACrBC,SAAS,EAAE,QAAQ;MACnBrB,QAAQ,EAAE,UAAU;MACpBsB,GAAG,EAAE,CAAC;MACNC,MAAM,EAAE,CAAC;MACTC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRpB,OAAO,EAAE,MAAM;MACfqB,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAEpB,CAAC;IACDC,eAAe,EAAE;MACbtB,OAAO,EAAE,GAAG;MACZE,MAAM,EAAE;IACZ,CAAC;IACDqB,mBAAmB,EAAE;MACjB9B,QAAQ,EAAE,UAAU;MACpB+B,MAAM,EAAE,GAAG;MACXN,KAAK,EAAE;IACX,CAAC;IACDO,iBAAiB,EAAE;MACfhC,QAAQ,EAAE,UAAU;MACpB+B,MAAM,EAAE,GAAG;MACXN,KAAK,EAAE,CAAC;MACRH,GAAG,EAAE;IACT,CAAC;IACDW,KAAK,EAAE;MACHnB,MAAM,EAAE;IACZ;EACJ,CAAC;AAAA,CAAC;AAAC,IAEGoB,WAAW,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,WAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAjE,YAAA,CAAA8D,WAAA;EACb,SAAAA,YAAYI,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,WAAA;IACfK,KAAA,GAAAF,MAAA,CAAA7C,IAAA,OAAM8C,KAAK;IACXC,KAAA,CAAKE,KAAK,GAAG;MACTC,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAE,IAAI;MACdC,WAAW,EAAE;IACjB,CAAC;IACDL,KAAA,CAAKM,UAAU,gBAAG,IAAAC,gBAAS,GAAE;IAE7B,IAAI,CAACC,MAAM,CAACC,QAAQ,CAACC,cAAc,CAAC,8BAA8B,CAAC,EAAE;MACjE,IAAMC,KAAK,GAAGH,MAAM,CAACC,QAAQ,CAACG,aAAa,CAAC,OAAO,CAAC;MACpDD,KAAK,CAACE,YAAY,CAAC,IAAI,EAAE,8BAA8B,CAAC;MACxDF,KAAK,CAACG,SAAS,GAAG3D,aAAa;MAC/BqD,MAAM,CAACC,QAAQ,CAACM,IAAI,CAACC,WAAW,CAACL,KAAK,CAAC;IAC3C;IAAC,OAAAX,KAAA;EACL;EAAC,IAAAiB,aAAA,aAAAtB,WAAA;IAAAuB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAOC,aAAa,EAAE;MAClB,IAAAC,WAAA,GAAiC,IAAI,CAACvB,KAAK;QAAnCwB,OAAO,GAAAD,WAAA,CAAPC,OAAO;QAAEC,CAAC,GAAAF,WAAA,CAADE,CAAC;QAAEC,QAAQ,GAAAH,WAAA,CAARG,QAAQ;MAE5B,IAAMC,IAAI,GAAGL,aAAa,CAAC,CAAC,CAAC;MAC7B,IAAMM,MAAM,GAAG,IAAIC,UAAU,EAAE;MAE/BD,MAAM,CAACE,OAAO,GAAG;QAAA,OAAMC,OAAO,CAACC,GAAG,CAAC,0BAA0B,CAAC;MAAA;MAC9DJ,MAAM,CAACK,OAAO,GAAG;QAAA,OAAMF,OAAO,CAACC,GAAG,CAAC,yBAAyB,CAAC;MAAA;MAC7DJ,MAAM,CAACM,MAAM,GAAG,YAAM;QAClB,IAAIC,GAAG,GAAG,QAAQ,GAAGR,IAAI,CAACS,IAAI,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,EAAE,CAACC,WAAW,EAAE;QAC7D,IAAIJ,GAAG,KAAK,WAAW,EAAE;UACrBA,GAAG,GAAG,YAAY;QACtB,CAAC,MAAM,IAAIA,GAAG,CAACK,QAAQ,CAAC,KAAK,CAAC,EAAE;UAC5BL,GAAG,GAAG,eAAe;QACzB;QACA,IAAIR,IAAI,CAACc,IAAI,GAAGjB,OAAO,EAAE;UACrB,OAAOf,MAAM,CAACiC,KAAK,CAACjB,CAAC,CAAC,mDAAmD,EAAEkB,IAAI,CAACC,KAAK,CAACpB,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC;QAC3G;QACA,IAAMqB,MAAM,WAAAC,MAAA,CAAWX,GAAG,cAAAW,MAAA,CAAWC,IAAI,CACrC,IAAIC,UAAU,CAACpB,MAAM,CAACvF,MAAM,CAAC,CACxB4G,MAAM,CAAC,UAACC,IAAI,EAAEC,KAAI;UAAA,OAAKD,IAAI,GAAGE,MAAM,CAACC,YAAY,CAACF,KAAI,CAAC;QAAA,GAAE,EAAE,CAAC,CAAC,CAAE;QAExEzB,QAAQ,CAACmB,MAAM,CAAC;MACpB,CAAC;MACDjB,MAAM,CAAC0B,iBAAiB,CAAC3B,IAAI,CAAC;IAClC;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAmC,OAAA,EAAS;MAAA,IAAAC,MAAA;MACL,IAAAC,YAAA,GAA+F,IAAI,CAACzD,KAAK;QAAjG0D,QAAQ,GAAAD,YAAA,CAARC,QAAQ;QAAElC,OAAO,GAAAiC,YAAA,CAAPjC,OAAO;QAAEmC,OAAO,GAAAF,YAAA,CAAPE,OAAO;QAAEC,IAAI,GAAAH,YAAA,CAAJG,IAAI;QAAEnC,CAAC,GAAAgC,YAAA,CAADhC,CAAC;QAAEoC,cAAc,GAAAJ,YAAA,CAAdI,cAAc;QAAEC,MAAM,GAAAL,YAAA,CAANK,MAAM;QAAEnE,KAAK,GAAA8D,YAAA,CAAL9D,KAAK;QAAEoE,IAAI,GAAAN,YAAA,CAAJM,IAAI;QAAErC,QAAQ,GAAA+B,YAAA,CAAR/B,QAAQ;MAC1F,IAAAsC,WAAA,GAA8C,IAAI,CAAC7D,KAAK;QAAhDC,UAAU,GAAA4D,WAAA,CAAV5D,UAAU;QAAEC,QAAQ,GAAA2D,WAAA,CAAR3D,QAAQ;QAAEC,WAAW,GAAA0D,WAAA,CAAX1D,WAAW;MACzC,oBAAO2D,KAAA,CAAApD,aAAA,CAACvF,cAAA,WAAQ;QACZoI,QAAQ,EAAEA,QAAQ,IAAIpD,WAAY;QAClCa,GAAG,EAAC,UAAU;QACd+C,QAAQ,EAAE,KAAM;QAChBJ,MAAM,EAAEA,MAAO;QACftC,OAAO,EAAEA,OAAQ;QACjB2C,WAAW,EAAE,SAAAA,YAAA;UAAA,OAAMX,MAAI,CAACY,QAAQ,CAAC;YAAEhE,UAAU,EAAE;UAAW,CAAC,CAAC;QAAA,CAAC;QAC7DiE,WAAW,EAAE,SAAAA,YAAA;UAAA,OAAMb,MAAI,CAACY,QAAQ,CAAC;YAAEhE,UAAU,EAAE;UAAK,CAAC,CAAC;QAAA,CAAC;QACvDiB,MAAM,EAAE,SAAAA,OAACC,aAAa,EAAEgD,MAAM,EAAK;UAC/Bd,MAAI,CAACY,QAAQ,CAAC;YAAEhE,UAAU,EAAE;UAAM,CAAC,CAAC;UACpC,IAAI,CAACkB,aAAa,CAACiD,MAAM,EAAE;YACvB9D,MAAM,CAACiC,KAAK,CAAE4B,MAAM,IAAIA,MAAM,CAAC,CAAC,CAAC,IAAIA,MAAM,CAAC,CAAC,CAAC,CAACA,MAAM,IAAIA,MAAM,CAAC,CAAC,CAAC,CAACA,MAAM,CAAC,CAAC,CAAC,IAAIA,MAAM,CAAC,CAAC,CAAC,CAACA,MAAM,CAAC,CAAC,CAAC,CAACE,OAAO,IAAK/C,CAAC,CAAC,kBAAkB,CAAC,CAAC;UAC1I,CAAC,MAAM;YACH,OAAO+B,MAAI,CAACnC,MAAM,CAACC,aAAa,CAAC;UACrC;QACJ;MAAE,GAED,UAAAmD,IAAA;QAAA,IAAGC,YAAY,GAAAD,IAAA,CAAZC,YAAY;UAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;QAAA,oBAAOV,KAAA,CAAApD,aAAA,YAAA+D,SAAA;UAClCC,SAAS,EAAE,IAAAC,gBAAI,EACXnB,OAAO,CAAC3F,SAAS,EACjBoC,UAAU,KAAK,UAAU,IAAIuD,OAAO,CAACtF,iBAAiB,EACtDsF,OAAO,CAACpG,QAAQ,EAChBmG,QAAQ,IAAIC,OAAO,CAACpE,eAAe,EACnC,CAACqE,IAAI,IAAID,OAAO,CAAChG,aAAa;QAChC,GACE+G,YAAY,EAAE,gBAClBT,KAAA,CAAApD,aAAA,UAAW8D,aAAa,EAAE,CAAI,eAC9BV,KAAA,CAAApD,aAAA;UAAKgE,SAAS,EAAE,IAAAC,gBAAI,EAACnB,OAAO,CAACpF,eAAe,EAAEoB,KAAK,IAAIgE,OAAO,CAAChE,KAAK;QAAE,GACjE,CAACiE,IAAI,gBAAGK,KAAA,CAAApD,aAAA;UAAKgE,SAAS,EAAElB,OAAO,CAAC7E;QAAwB,gBACjDmF,KAAA,CAAApD,aAAA,CAAChF,GAAA,CAAAkJ,YAAU;UAACF,SAAS,EAAElB,OAAO,CAACjF;QAAiB,EAAG,eACnDuF,KAAA,CAAApD,aAAA;UAAKgE,SAAS,EAAElB,OAAO,CAAC/E;QAAiB,GACrCwB,UAAU,KAAK,UAAU,GAAGqB,CAAC,CAAC,mBAAmB,CAAC,GAC9CA,CAAC,CAAC,kEAAkE,CAAC,CAAO,CAClF,GAENoC,cAAc,IAAI,CAACvD,WAAW,iBAAI2D,KAAA,CAAApD,aAAA;UAAKgE,SAAS,EAAElB,OAAO,CAACnE;QAAoB,gBAC1EyE,KAAA,CAAApD,aAAA,CAACpF,SAAA,CAAAuJ,OAAO;UAACC,KAAK,EAAExD,CAAC,CAAC,UAAU;QAAE,gBAC1BwC,KAAA,CAAApD,aAAA,CAACnF,WAAA,WAAU;UAAC+G,IAAI,EAAC,OAAO;UAACyC,OAAO,EAAE,SAAAA,QAAA/H,CAAC,EAAI;YACnC0G,cAAc,IAAIA,cAAc,EAAE;YAClC1G,CAAC,CAACgI,eAAe,EAAE;UACvB;QAAE,gBAAClB,KAAA,CAAApD,aAAA,CAAClF,MAAA,WAAS,OAAG,CACH,CACP,CACR,EAETiI,IAAI,IAAIG,IAAI,iBAAIE,KAAA,CAAApD,aAAA;UAAKgE,SAAS,EAAElB,OAAO,CAACjE;QAAkB,gBACvDuE,KAAA,CAAApD,aAAA,CAACpF,SAAA,CAAAuJ,OAAO;UAACC,KAAK,EAAExD,CAAC,CAAC,SAAS;QAAE,gBACzBwC,KAAA,CAAApD,aAAA,CAACnF,WAAA,WAAU;UAAC+G,IAAI,EAAC,OAAO;UAACyC,OAAO,EAAE,SAAAA,QAAA/H,CAAC,EAAI;YACnC,IAAI,CAACmD,WAAW,EAAE;cACdkD,MAAI,CAACY,QAAQ,CAAC;gBAAE9D,WAAW,EAAE;cAAK,CAAC,CAAC;YACxC,CAAC,MAAM;cACHkD,MAAI,CAACY,QAAQ,CAAC;gBAAE/D,QAAQ,EAAElD,CAAC,CAACiI;cAAc,CAAC,CAAC;YAChD;YACAjI,CAAC,CAACgI,eAAe,EAAE;UACvB;QAAE,gBAAClB,KAAA,CAAApD,aAAA,CAACjF,KAAA,WAAQ;UAACyJ,KAAK,EAAE/E,WAAW,GAAG,SAAS,GAAG;QAAU,EAAG,CAC9C,CACP,eACV2D,KAAA,CAAApD,aAAA,CAACpF,SAAA,CAAA6J,IAAI;UACDjF,QAAQ,EAAEA,QAAS;UACnBkF,WAAW;UACXC,IAAI,EAAEzI,OAAO,CAACsD,QAAQ,CAAE;UACxBoF,OAAO,EAAE,SAAAA,QAAA;YAAA,OAAMjC,MAAI,CAACY,QAAQ,CAAC;cAAE/D,QAAQ,EAAE;YAAK,CAAC,CAAC;UAAA;QAAC,gBAEjD4D,KAAA,CAAApD,aAAA,CAACpF,SAAA,CAAAiK,QAAQ;UAACR,OAAO,EAAE,SAAAA,QAAA;YAAA,OAAM1B,MAAI,CAACY,QAAQ,CAAC;cAAE/D,QAAQ,EAAE,IAAI;cAAEC,WAAW,EAAE;YAAM,CAAC,EAAE,YAAM;cAAA,IAAAqF,iBAAA,EAAAC,qBAAA;cACjF,IAAMC,YAAY,IAAAF,iBAAA,GAAGnC,MAAI,CAACjD,UAAU,cAAAoF,iBAAA,wBAAAC,qBAAA,GAAfD,iBAAA,CAAiBG,OAAO,cAAAF,qBAAA,uBAAxBA,qBAAA,CAA0BG,OAAO;cACtDrE,QAAQ,CAACmE,YAAY,CAACG,gBAAgB,EAAE,CAACC,SAAS,EAAE,CAAC;YACzD,CAAC,CAAC;UAAA;QAAC,GAAExE,CAAC,CAAC,SAAS,CAAC,CAAY,eAC7BwC,KAAA,CAAApD,aAAA,CAACpF,SAAA,CAAAiK,QAAQ;UAACR,OAAO,EAAE,SAAAA,QAAA;YAAA,OAAM1B,MAAI,CAACY,QAAQ,CAAC;cAAE/D,QAAQ,EAAE,IAAI;cAAEC,WAAW,EAAE;YAAM,CAAC,CAAC;UAAA;QAAC,GAAEmB,CAAC,CAAC,UAAU,CAAC,CAAY,CACvG,CACL,EACLmC,IAAI,IAAI,CAACtD,WAAW,gBAAG2D,KAAA,CAAApD,aAAA;UAAKqF,GAAG,EAAEtC,IAAK;UAACiB,SAAS,EAAElB,OAAO,CAAC/F,KAAM;UAACuI,GAAG,EAAC;QAAM,EAAG,GAAG,IAAI,EAErFvC,IAAI,IAAIG,IAAI,IAAIzD,WAAW,gBAAG2D,KAAA,CAAApD,aAAA,CAACtF,aAAA,CAAA6K,OAAO;UACnCC,GAAG,EAAE7C,MAAI,CAACjD,UAAW;UACrBsE,SAAS,EAAElB,OAAO,CAAC/F,KAAM;UACzBsI,GAAG,EAAEtC,IAAK;UACV0C,kBAAkB,EAAE,CAAE;UACtBC,QAAQ,EAAE,CAAE;UACZC,MAAM,EAAE,KAAM;UACdC,gBAAgB,EAAE,EAAG;UACrBC,eAAe,EAAE,EAAG;UACpBpI,UAAU,EAAE,KAAM;UAClBqI,gBAAgB,EAAE;QAAM,EAC1B,GAAG,IAAI,CACP,CACJ;MAAA,EACC;IACf;EAAC;EAAA,OAAA/G,WAAA;AAAA,EAvIqBgH,gBAAS;AA0InChH,WAAW,CAACiH,YAAY,GAAG;EACvBnD,QAAQ,EAAE,KAAK;EACflC,OAAO,EAAE,EAAE,GAAG,IAAI;EAClBoC,IAAI,EAAE,IAAI;EACVC,cAAc,EAAE,IAAI;EACpBC,MAAM,EAAE;IAAE,SAAS,EAAE;EAAG,CAAC;EACzBnE,KAAK,EAAE,KAAK;EACZ+B,QAAQ,EAAE,SAAAA,SAAAmB,MAAM;IAAA,OAAId,OAAO,CAACC,GAAG,CAACa,MAAM,CAAC;EAAA;EACvCpB,CAAC,EAAE,SAAAA,EAAAqF,EAAE;IAAA,OAAIA,EAAE;EAAA;EACX/C,IAAI,EAAE;AACV,CAAC;AAEDnE,WAAW,CAACmH,SAAS,GAAG;EACpBpD,OAAO,EAAEqD,qBAAS,CAACC,MAAM;EACzBzF,OAAO,EAAEwF,qBAAS,CAACE,MAAM;EACzBxD,QAAQ,EAAEsD,qBAAS,CAACG,IAAI;EACxBpD,IAAI,EAAEiD,qBAAS,CAACG,IAAI;EACpBxH,KAAK,EAAEqH,qBAAS,CAACG,IAAI;EACrBzF,QAAQ,EAAEsF,qBAAS,CAACI,IAAI;EACxBtD,MAAM,EAAEkD,qBAAS,CAACC,MAAM;EACxBxF,CAAC,EAAEuF,qBAAS,CAACI;AACjB,CAAC;AAAC,IAAAC,QAAA,GAEa,IAAAC,kBAAU,EAACjK,MAAM,CAAC,CAACuC,WAAW,CAAC;AAAA2H,OAAA,cAAAF,QAAA"}