@iobroker/adapter-react-v5 3.0.12 → 3.0.15

package/Components/JsonConfigComponent/ConfigTable.js

@@ -11,6 +11,8 @@ exports["default"] = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -51,6 +53,10 @@ var _ArrowUpward = _interopRequireDefault(require("@mui/icons-material/ArrowUpwa
 
 var _ArrowDownward = _interopRequireDefault(require("@mui/icons-material/ArrowDownward"));
 
+var _FilterAlt = _interopRequireDefault(require("@mui/icons-material/FilterAlt"));
+
+var _FilterAltOff = _interopRequireDefault(require("@mui/icons-material/FilterAltOff"));
+
 var _i18n = _interopRequireDefault(require("../../i18n"));
 
 var _ConfigGeneric2 = _interopRequireDefault(require("./ConfigGeneric"));
@@ -78,6 +84,9 @@ var styles = function styles(theme) {
       marginBottom: theme.spacing(2),
       backgroundColor: "rgba(255, 255, 255, 0.1)"
     },
+    headerText: {
+      width: '100%'
+    },
     table: {
       minWidth: 750
     },
@@ -288,14 +297,16 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
         return i;
       });
       Object.keys(_this.filterRefs).forEach(function (attr) {
-        var valueInputRef = _this.filterRefs[attr].current.children[0].children[0].value;
+        var _this$filterRefs$attr;
+
+        var valueInputRef = (_this$filterRefs$attr = _this.filterRefs[attr].current) === null || _this$filterRefs$attr === void 0 ? void 0 : _this$filterRefs$attr.children[0].children[0].value;
 
         if (!clear && valueInputRef) {
           valueInputRef = valueInputRef.toLowerCase();
           visibleValue = visibleValue.filter(function (idx) {
             return value[idx] && value[idx][attr] && value[idx][attr].toLowerCase().includes(valueInputRef);
           });
-        } else {
+        } else if (_this.filterRefs[attr].current) {
           _this.filterRefs[attr].current.children[0].children[0].value = '';
         }
       });
@@ -307,6 +318,7 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
       }
     });
     _this.filterRefs = {};
+    _this.props.schema.items = _this.props.schema.items || [];
 
     _this.props.schema.items.forEach(function (el) {
       if (el.filter) {
@@ -333,6 +345,10 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
                   value = objectToArray(value, this.props.schema.objKeyName, this.props.schema.objValueName);
                 }
 
+                if (!Array.isArray(value)) {
+                  value = [];
+                }
+
                 visibleValue = value.map(function (_, i) {
                   return i;
                 });
@@ -343,10 +359,11 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
                   /*this.props.schema.items.length ? this.props.schema.items[0].attr : */
                   '',
                   order: 'asc',
-                  iteration: 0
+                  iteration: 0,
+                  filterOn: []
                 });
 
-              case 5:
+              case 6:
               case "end":
                 return _context.stop();
             }
@@ -447,12 +464,13 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
           onClick: function onClick() {
             return _this3.handleRequestSort(headCell.attr);
           }
-        }), headCell.filter ? /*#__PURE__*/_react["default"].createElement(_material.TextField, {
+        }), headCell.filter && _this3.state.filterOn.includes(headCell.attr) ? /*#__PURE__*/_react["default"].createElement(_material.TextField, {
           variant: "standard",
           ref: _this3.filterRefs[headCell.attr],
           onChange: function onChange() {
             return _this3.applyFilter();
           },
+          title: _i18n["default"].t('You can filter entries by entering here some text'),
           InputProps: {
             endAdornment: ((_this3$filterRefs$hea = _this3.filterRefs[headCell.attr]) === null || _this3$filterRefs$hea === void 0 ? void 0 : (_this3$filterRefs$hea2 = _this3$filterRefs$hea.current) === null || _this3$filterRefs$hea2 === void 0 ? void 0 : (_this3$filterRefs$hea3 = _this3$filterRefs$hea2.children[0]) === null || _this3$filterRefs$hea3 === void 0 ? void 0 : (_this3$filterRefs$hea4 = _this3$filterRefs$hea3.children[0]) === null || _this3$filterRefs$hea4 === void 0 ? void 0 : _this3$filterRefs$hea4.value) && /*#__PURE__*/_react["default"].createElement(_material.InputAdornment, {
               position: "end"
@@ -467,11 +485,39 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
           },
           fullWidth: true,
           placeholder: _this3.getText(headCell.title)
-        }) : _this3.getText(headCell.title)));
+        }) : /*#__PURE__*/_react["default"].createElement("span", {
+          className: _this3.props.classes.headerText
+        }, _this3.getText(headCell.title)), headCell.filter ? /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
+          title: _i18n["default"].t('Show/hide filter input'),
+          size: "small",
+          onClick: function onClick() {
+            var filterOn = (0, _toConsumableArray2["default"])(_this3.state.filterOn);
+
+            var pos = _this3.state.filterOn.indexOf(headCell.attr);
+
+            if (pos === -1) {
+              filterOn.push(headCell.attr);
+            } else {
+              filterOn.splice(pos, 1);
+            }
+
+            _this3.setState({
+              filterOn: filterOn
+            }, function () {
+              if (pos && _this3.filterRefs[headCell.attr].current.children[0].children[0].value) {
+                _this3.filterRefs[headCell.attr].current.children[0].children[0].value = '';
+
+                _this3.applyFilter();
+              }
+            });
+          }
+        }, _this3.state.filterOn.includes(headCell.attr) ? /*#__PURE__*/_react["default"].createElement(_FilterAltOff["default"], null) : /*#__PURE__*/_react["default"].createElement(_FilterAlt["default"], null)) : null));
       }), !schema.noDelete && /*#__PURE__*/_react["default"].createElement(_material.TableCell, {
         style: {
           paddingLeft: 20,
-          width: buttonsWidth
+          paddingRight: 20,
+          width: buttonsWidth,
+          textAlign: 'right'
         },
         padding: "checkbox"
       }, /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
@@ -551,11 +597,12 @@ var ConfigTable = /*#__PURE__*/function (_ConfigGeneric) {
         variant: "h6",
         id: "tableTitle",
         component: "div"
-      }, this.getText(schema.label))) : null, !schema.noDelete && !doAnyFilterSet ? /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
-        title: _i18n["default"].t('Add row')
-      }, /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
+      }, this.getText(schema.label))) : null, !schema.noDelete ? /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
+        title: doAnyFilterSet ? _i18n["default"].t('Cannot add items with set filter') : _i18n["default"].t('Add row')
+      }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
+        disabled: !!doAnyFilterSet,
         onClick: this.onAdd
-      }, /*#__PURE__*/_react["default"].createElement(_Add["default"], null))) : null), /*#__PURE__*/_react["default"].createElement(_material.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_material.Table, {
+      }, /*#__PURE__*/_react["default"].createElement(_Add["default"], null)))) : null), /*#__PURE__*/_react["default"].createElement(_material.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_material.Table, {
         className: classes.table,
         size: "small"
       }, this.enhancedTableHead(!doAnyFilterSet && !this.state.orderBy ? 120 : 64), /*#__PURE__*/_react["default"].createElement(_material.TableBody, null, visibleValue.map(function (idx, i) {

package/Components/JsonConfigComponent/ConfigTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigTable.js","names":["styles","theme","fullWidth","width","root","paper","marginBottom","spacing","backgroundColor","table","minWidth","visuallyHidden","border","clip","height","margin","overflow","padding","position","top","addIcon","display","justifyContent","highlight","palette","mode","color","secondary","main","text","primary","dark","title","flex","rootTool","paddingLeft","paddingRight","silver","opacity","filteredOut","textAlign","buttonEmpty","buttonCell","whiteSpace","objectToArray","object","nameOfFirstAttr","nameOfSecondAttr","array","Object","keys","forEach","key","item","push","assign","arrayToObject","row","undefined","ConfigTable","props","property","orderCheck","state","order","orderBy","isAsc","newOrder","newValue","stableSort","setState","iteration","applyFilter","value","comparator","getComparator","stabilizedThis","map","el","index","sort","a","b","JSON","parse","stringify","visibleValue","splice","pos","indexOf","i","onChangeWrapper","updateVisible","typingTimer","clearTimeout","setTimeout","schema","objKeyName","objValue","objValueName","onChange","attr","handleRequestSort","newItem","items","reduce","accumulator","currentValue","length","clear","_","filterRefs","valueInputRef","current","children","toLowerCase","filter","idx","includes","createRef","ConfigGeneric","getValue","data","attrItem","systemConfig","schemaFind","find","schemaItem","socket","adapterName","instance","common","alive","themeType","themeName","customs","valueChange","newObj","error","onError","buttonsWidth","classes","headCell","endsWith","clsx","endAdornment","getText","noDelete","disabled","defaultValue","doAnyFilterSet","isAnyFilterSet","label","I18n","t","onAdd","enhancedTableHead","console","log","itemTable","onMoveUp","onMoveDown","onDelete","e","help","renderHelp","helpLink","noTranslation","descendingComparator","propTypes","PropTypes","isRequired","string","style","className","func","withStyles"],"sources":["JsonConfigComponent/ConfigTable.jsx"],"sourcesContent":["import React, { createRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { /*lighten,*/ withStyles } from '@mui/styles';\nimport clsx from 'clsx';\n\nimport FormHelperText from '@mui/material/FormHelperText';\nimport { IconButton, InputAdornment, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, TextField, Toolbar, Tooltip, Typography } from '@mui/material';\n\nimport AddIcon from '@mui/icons-material/Add';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport CloseIcon from '@mui/icons-material/Close';\nimport UpIcon from '@mui/icons-material/ArrowUpward';\nimport DownIcon from '@mui/icons-material/ArrowDownward';\n\nimport I18n from '../../i18n';\n\nimport ConfigGeneric from './ConfigGeneric';\nimport ConfigPanel from './ConfigPanel';\n\nconst styles = theme => ({\n    fullWidth: {\n        width: '100%'\n    },\n    root: {\n        width: '100%',\n    },\n    paper: {\n        width: '100%',\n        marginBottom: theme.spacing(2),\n        backgroundColor: `rgba(255, 255, 255, 0.1)`,\n    },\n    table: {\n        minWidth: 750,\n    },\n    visuallyHidden: {\n        border: 0,\n        clip: 'rect(0 0 0 0)',\n        height: 1,\n        margin: -1,\n        overflow: 'hidden',\n        padding: 0,\n        position: 'absolute',\n        top: 20,\n        width: 1,\n    },\n    addIcon: {\n        display: 'flex',\n        justifyContent: 'space-between'\n    },\n    highlight:\n        theme.palette.mode === 'light'\n            ? {\n                color: theme.palette.secondary.main,\n                // backgroundColor: lighten(theme.palette.secondary.light, 0.85),\n            }\n            : {\n                color: theme.palette.text.primary,\n                backgroundColor: theme.palette.secondary.dark,\n            },\n    title: {\n        flex: '1 1 100%',\n    },\n    rootTool: {\n        paddingLeft: theme.spacing(2),\n        paddingRight: theme.spacing(1),\n    },\n    silver: {\n        opacity: 0.2\n    },\n    flex: {\n        display: 'flex'\n    },\n    filteredOut: {\n        padding: 10,\n        display: 'flex',\n        textAlign: 'center'\n    },\n    buttonEmpty: {\n        width: 30,\n        display: 'inline-block'\n    },\n    buttonCell: {\n        whiteSpace: 'nowrap',\n    }\n});\n\nfunction objectToArray(object, nameOfFirstAttr, nameOfSecondAttr) {\n    nameOfFirstAttr  = nameOfFirstAttr || 'key';\n\n    const array = [];\n    Object.keys(object).forEach(key => {\n        const item = {};\n        item[nameOfFirstAttr] = key;\n\n        if (nameOfSecondAttr) {\n            item[nameOfSecondAttr] = object[key]\n            array.push(item);\n        } else {\n            array.push(Object.assign(item, object[key]));\n        }\n    });\n\n    return array;\n}\n\nfunction arrayToObject(array, nameOfFirstAttr, nameOfSecondAttr) {\n    nameOfFirstAttr  = nameOfFirstAttr  || 'key';\n\n    const object = {};\n\n    array.forEach(row => {\n        let key = row[nameOfFirstAttr];\n        if (key === null || key === undefined) {\n            key = '';\n        }\n        delete row[nameOfFirstAttr];\n\n        if (nameOfSecondAttr) {\n            object[key] = row[nameOfSecondAttr];\n        } else {\n            object[key] = row;\n        }\n    });\n\n    return object;\n}\n\nclass ConfigTable extends ConfigGeneric {\n    constructor(props) {\n        super(props)\n        this.filterRefs = {};\n        this.props.schema.items.forEach(el => {\n            if (el.filter) {\n                this.filterRefs[el.attr] = createRef();\n            }\n        });\n    }\n\n    async componentDidMount() {\n        super.componentDidMount();\n        let value = ConfigGeneric.getValue(this.props.data, this.props.attr) || [];\n\n        // if the list is given as an object\n        if (this.props.schema.objKeyName) {\n            value = objectToArray(value, this.props.schema.objKeyName, this.props.schema.objValueName);\n        }\n\n        const visibleValue = value.map((_, i) => i);\n\n        this.setState({ value, visibleValue, orderBy: /*this.props.schema.items.length ? this.props.schema.items[0].attr : */'', order: 'asc', iteration: 0 });\n    }\n\n    componentWillUnmount() {\n        this.typingTimer && clearTimeout(this.typingTimer)\n        this.typingTimer = null;\n        super.componentWillUnmount();\n    }\n\n    itemTable(attrItem, data, idx) {\n        const { value, systemConfig } = this.state;\n        const { schema } = this.props;\n        const schemaFind = schema.items.find(el => el.attr === attrItem);\n\n        if (!schemaFind) {\n            return null;\n        }\n\n        const schemaItem = {\n            items: {\n                [attrItem]: schemaFind\n            }\n        };\n\n        return <ConfigPanel\n            index={idx + this.state.iteration}\n            socket={this.props.socket}\n            adapterName={this.props.adapterName}\n            instance={this.props.instance}\n            common={this.props.common}\n            alive={this.props.alive}\n            themeType={this.props.themeType}\n            themeName={this.props.themeName}\n            data={data}\n            table\n            custom\n            schema={schemaItem}\n            systemConfig={systemConfig}\n            customs={this.props.customs}\n            onChange={(attr, valueChange) => {\n                const newObj = JSON.parse(JSON.stringify(value));\n                newObj[idx][attr] = valueChange;\n                this.setState({ value: newObj }, () =>\n                    this.onChangeWrapper(newObj,true));\n            }}\n            onError={(error, attr) => this.onError(error, attr)}\n        />;\n    }\n\n    static descendingComparator(a, b, orderBy) {\n        if (b[orderBy] < a[orderBy]) {\n            return -1;\n        } else\n            if (b[orderBy] > a[orderBy]) {\n                return 1;\n            } else {\n                return 0;\n            }\n    }\n\n    static getComparator(order, orderBy) {\n        return order === 'desc'\n            ? (a, b) =>  ConfigTable.descendingComparator(a, b, orderBy)\n            : (a, b) => -ConfigTable.descendingComparator(a, b, orderBy);\n    }\n\n    handleRequestSort = (property, orderCheck = false) => {\n        const { order, orderBy } = this.state;\n        if (orderBy) {\n            const isAsc = orderBy === property && order === 'asc';\n            const newOrder = orderCheck ? order : (isAsc ? 'desc' : 'asc');\n            const newValue = this.stableSort(newOrder, property);\n            this.setState({ order: newOrder, orderBy: property, iteration: this.state.iteration + 10000 }, () =>\n                this.applyFilter(false, newValue));\n        }\n    }\n\n    stableSort = (order, orderBy) => {\n        const { value } = this.state;\n        const comparator = ConfigTable.getComparator(order, orderBy);\n        const stabilizedThis = value.map((el, index) => [el, index]);\n\n        stabilizedThis.sort((a, b) => {\n            const order = comparator(a[0], b[0]);\n            if (order !== 0) {\n                return order;\n            } else {\n                return a[1] - b[1];\n            }\n        });\n\n        return stabilizedThis.map(el => el[0]);\n    }\n\n    enhancedTableHead(buttonsWidth) {\n        const { schema, classes } = this.props;\n        const { order, orderBy } = this.state;\n        return <TableHead>\n            <TableRow>\n                {schema.items.map(headCell => (\n                    <TableCell\n                        style={{ width: typeof headCell.width === 'string' && headCell.width.endsWith('%') ? 'auto' : headCell.width }}\n                        key={headCell.attr}\n                        align=\"left\"\n                        sortDirection={orderBy === headCell.attr ? order : false}\n                    >\n                        <div className={classes.flex}>\n                            {headCell.sort && <TableSortLabel\n                                active\n                                className={clsx(orderBy !== headCell.attr && classes.silver)}\n                                direction={orderBy === headCell.attr ? order : 'asc'}\n                                onClick={() => this.handleRequestSort(headCell.attr)}\n                            />}\n                            {headCell.filter ?\n                                <TextField\n                                    variant=\"standard\"\n                                    ref={this.filterRefs[headCell.attr]}\n                                    onChange={() => this.applyFilter()}\n                                    InputProps={{\n                                        endAdornment: (\n                                            this.filterRefs[headCell.attr]?.current?.children[0]?.children[0]?.value && <InputAdornment position=\"end\">\n                                                <IconButton\n                                                    size=\"small\"\n                                                    onClick={() => {\n                                                        this.filterRefs[headCell.attr].current.children[0].children[0].value = '';\n                                                        this.applyFilter();\n                                                    }}\n                                                >\n                                                    <CloseIcon />\n                                                </IconButton>\n                                            </InputAdornment>\n                                        ),\n                                    }} fullWidth placeholder={this.getText(headCell.title)} />\n                                : this.getText(headCell.title)}\n                        </div>\n                    </TableCell>\n                ))}\n                {!schema.noDelete && <TableCell style={{ paddingLeft: 20, width: buttonsWidth }} padding=\"checkbox\">\n                    <IconButton disabled size=\"small\">\n                        <DeleteIcon />\n                    </IconButton>\n                </TableCell>}\n            </TableRow>\n        </TableHead>;\n    }\n\n    onDelete = index =>\n        () => {\n            const newValue = JSON.parse(JSON.stringify(this.state.value));\n            let visibleValue = JSON.parse(JSON.stringify(this.state.visibleValue));\n            newValue.splice(index, 1);\n            const pos = visibleValue.indexOf(index);\n            if (pos !== -1) {\n                visibleValue.splice(pos, 1);\n                visibleValue = visibleValue.map(i => i > index ? i - 1 : i);\n            }\n\n            this.setState({ value: newValue, visibleValue, iteration: this.state.iteration + 10000 }, () =>\n                this.onChangeWrapper(newValue));\n        };\n\n    onChangeWrapper = (newValue, updateVisible = false) => {\n        this.typingTimer && clearTimeout(this.typingTimer);\n\n        this.typingTimer = setTimeout((value, updateVisible) => {\n            this.typingTimer = null;\n\n            if (this.props.schema.objKeyName) {\n                const objValue = arrayToObject(JSON.parse(JSON.stringify(value)), this.props.schema.objKeyName, this.props.schema.objValueName);\n                this.onChange(this.props.attr, objValue);\n            } else {\n                this.onChange(this.props.attr, value);\n            }\n\n            if (updateVisible) {\n                this.applyFilter(false, value);\n                this.handleRequestSort(this.state.orderBy, true);\n            }\n        }, 300, newValue, updateVisible);\n    }\n\n    onAdd = () => {\n        const { schema } = this.props;\n        const newValue = JSON.parse(JSON.stringify(this.state.value));\n        const visibleValue = JSON.parse(JSON.stringify(this.state.visibleValue));\n\n        const newItem = schema.items.reduce((accumulator, currentValue) => {\n            accumulator[currentValue.attr] = currentValue.default === undefined ? null : currentValue.default;\n            return accumulator;\n        }, {});\n\n        newValue.push(newItem);\n        visibleValue.push(newValue.length - 1);\n\n        this.setState({ value: newValue, visibleValue }, () =>\n            this.onChangeWrapper(newValue));\n    }\n\n    isAnyFilterSet() {\n        return Object.keys(this.filterRefs).find(attr => this.filterRefs[attr].current?.children[0].children[0].value);\n    }\n\n    applyFilter = (clear = false, value = this.state.value) => {\n        let visibleValue = value.map((_, i) => i);\n        Object.keys(this.filterRefs).forEach(attr => {\n            let valueInputRef = this.filterRefs[attr].current.children[0].children[0].value;\n            if (!clear && valueInputRef) {\n                valueInputRef = valueInputRef.toLowerCase();\n                visibleValue = visibleValue.filter(idx => value[idx] && value[idx][attr] && value[idx][attr].toLowerCase().includes(valueInputRef));\n            } else {\n                this.filterRefs[attr].current.children[0].children[0].value = '';\n            }\n        });\n\n        if (JSON.stringify(visibleValue) !== JSON.stringify(this.state.visibleValue)) {\n            this.setState({ visibleValue });\n        }\n    }\n\n    onMoveUp(idx) {\n        const value = JSON.parse(JSON.stringify(this.state.value));\n        const item = value[idx];\n        value.splice(idx, 1);\n        value.splice(idx - 1, 0, item);\n        this.setState({ value, iteration: this.state.iteration + 10000 }, () =>\n            this.onChangeWrapper(value));\n    }\n\n    onMoveDown(idx) {\n        const value = JSON.parse(JSON.stringify(this.state.value));\n        const item = value[idx];\n        value.splice(idx, 1);\n        value.splice(idx + 1, 0, item);\n        this.setState({ value, iteration: this.state.iteration + 10000 }, () =>\n            this.onChangeWrapper(value));\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        const { classes, schema } = this.props;\n        const { value, visibleValue } = this.state;\n\n        if (!value) {\n            return null;\n        }\n\n        const doAnyFilterSet = this.isAnyFilterSet();\n\n        return <Paper className={classes.paper}>\n            <div className={classes.addIcon}>\n                {schema.label ? <Toolbar\n                    variant=\"dense\"\n                    className={classes.rootTool}\n                >\n                    <Typography className={classes.title} variant=\"h6\" id=\"tableTitle\" component=\"div\">\n                        {this.getText(schema.label)}\n                    </Typography>\n                </Toolbar> : null}\n                {!schema.noDelete && !doAnyFilterSet ? <Tooltip title={I18n.t('Add row')}>\n                    <IconButton onClick={this.onAdd}>\n                        <AddIcon />\n                    </IconButton>\n                </Tooltip> : null}\n            </div>\n            <TableContainer>\n                <Table className={classes.table} size=\"small\">\n                    {this.enhancedTableHead(!doAnyFilterSet && !this.state.orderBy ? 120 : 64)}\n                    <TableBody>\n                        {visibleValue.map((idx, i) =>\n                            <TableRow\n                                hover\n                                key={idx}\n                            >\n                                {schema.items.map(headCell => {\n                                    console.log(`KEy: ${headCell.attr + idx} = ${value[idx][headCell.attr]}`)\n                                    return <TableCell key={headCell.attr + '_' + idx} align=\"left\">\n                                        {this.itemTable(headCell.attr, value[idx], idx)}\n                                    </TableCell>;\n                                })}\n                                {!schema.noDelete && <TableCell align=\"left\" className={classes.buttonCell}>\n                                    {!doAnyFilterSet && !this.state.orderBy ? (i ? <Tooltip title={I18n.t('Move up')}>\n                                        <IconButton size=\"small\" onClick={() => this.onMoveUp(idx)}>\n                                            <UpIcon />\n                                        </IconButton>\n                                    </Tooltip> : <div className={classes.buttonEmpty}/> ) : null}\n                                    {!doAnyFilterSet && !this.state.orderBy ? (i < visibleValue.length - 1 ? <Tooltip title={I18n.t('Move down')}>\n                                        <IconButton size=\"small\" onClick={() => this.onMoveDown(idx)}>\n                                            <DownIcon />\n                                        </IconButton>\n                                    </Tooltip> : <div className={classes.buttonEmpty}/> ) : null}\n                                    <Tooltip title={I18n.t('Delete current row')}>\n                                        <IconButton size=\"small\" onClick={this.onDelete(idx)}>\n                                            <DeleteIcon />\n                                        </IconButton>\n                                    </Tooltip>\n                                </TableCell>}\n                            </TableRow>)}\n                    </TableBody>\n                </Table>\n                {!visibleValue.length && value.length ?\n                    <div className={classes.filteredOut}>\n                        <Typography className={classes.title} variant=\"h6\" id=\"tableTitle\" component=\"div\">\n                            {I18n.t('All items are filtered out')}\n                            <IconButton\n                                size=\"small\"\n                                onClick={e => this.applyFilter(true)}\n                            >\n                                <CloseIcon />\n                            </IconButton>\n                        </Typography>\n                    </div> : null}\n            </TableContainer>\n            {schema.help ? <FormHelperText>{this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}</FormHelperText> : null}\n        </Paper>;\n    }\n}\n\nConfigTable.propTypes = {\n    socket: PropTypes.object.isRequired,\n    themeType: PropTypes.string,\n    themeName: PropTypes.string,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    data: PropTypes.object.isRequired,\n    schema: PropTypes.object,\n    onError: PropTypes.func,\n    onChange: PropTypes.func,\n};\n\nexport default withStyles(styles)(ConfigTable);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;AACA;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;EAAA,OAAK;IACrBC,SAAS,EAAE;MACPC,KAAK,EAAE;IADA,CADU;IAIrBC,IAAI,EAAE;MACFD,KAAK,EAAE;IADL,CAJe;IAOrBE,KAAK,EAAE;MACHF,KAAK,EAAE,MADJ;MAEHG,YAAY,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd,CAFX;MAGHC,eAAe;IAHZ,CAPc;IAYrBC,KAAK,EAAE;MACHC,QAAQ,EAAE;IADP,CAZc;IAerBC,cAAc,EAAE;MACZC,MAAM,EAAE,CADI;MAEZC,IAAI,EAAE,eAFM;MAGZC,MAAM,EAAE,CAHI;MAIZC,MAAM,EAAE,CAAC,CAJG;MAKZC,QAAQ,EAAE,QALE;MAMZC,OAAO,EAAE,CANG;MAOZC,QAAQ,EAAE,UAPE;MAQZC,GAAG,EAAE,EARO;MASZhB,KAAK,EAAE;IATK,CAfK;IA0BrBiB,OAAO,EAAE;MACLC,OAAO,EAAE,MADJ;MAELC,cAAc,EAAE;IAFX,CA1BY;IA8BrBC,SAAS,EACLtB,KAAK,CAACuB,OAAN,CAAcC,IAAd,KAAuB,OAAvB,GACM;MACEC,KAAK,EAAEzB,KAAK,CAACuB,OAAN,CAAcG,SAAd,CAAwBC,IADjC,CAEE;;IAFF,CADN,GAKM;MACEF,KAAK,EAAEzB,KAAK,CAACuB,OAAN,CAAcK,IAAd,CAAmBC,OAD5B;MAEEtB,eAAe,EAAEP,KAAK,CAACuB,OAAN,CAAcG,SAAd,CAAwBI;IAF3C,CApCW;IAwCrBC,KAAK,EAAE;MACHC,IAAI,EAAE;IADH,CAxCc;IA2CrBC,QAAQ,EAAE;MACNC,WAAW,EAAElC,KAAK,CAACM,OAAN,CAAc,CAAd,CADP;MAEN6B,YAAY,EAAEnC,KAAK,CAACM,OAAN,CAAc,CAAd;IAFR,CA3CW;IA+CrB8B,MAAM,EAAE;MACJC,OAAO,EAAE;IADL,CA/Ca;IAkDrBL,IAAI,EAAE;MACFZ,OAAO,EAAE;IADP,CAlDe;IAqDrBkB,WAAW,EAAE;MACTtB,OAAO,EAAE,EADA;MAETI,OAAO,EAAE,MAFA;MAGTmB,SAAS,EAAE;IAHF,CArDQ;IA0DrBC,WAAW,EAAE;MACTtC,KAAK,EAAE,EADE;MAETkB,OAAO,EAAE;IAFA,CA1DQ;IA8DrBqB,UAAU,EAAE;MACRC,UAAU,EAAE;IADJ;EA9DS,CAAL;AAAA,CAApB;;AAmEA,SAASC,aAAT,CAAuBC,MAAvB,EAA+BC,eAA/B,EAAgDC,gBAAhD,EAAkE;EAC9DD,eAAe,GAAIA,eAAe,IAAI,KAAtC;EAEA,IAAME,KAAK,GAAG,EAAd;EACAC,MAAM,CAACC,IAAP,CAAYL,MAAZ,EAAoBM,OAApB,CAA4B,UAAAC,GAAG,EAAI;IAC/B,IAAMC,IAAI,GAAG,EAAb;IACAA,IAAI,CAACP,eAAD,CAAJ,GAAwBM,GAAxB;;IAEA,IAAIL,gBAAJ,EAAsB;MAClBM,IAAI,CAACN,gBAAD,CAAJ,GAAyBF,MAAM,CAACO,GAAD,CAA/B;MACAJ,KAAK,CAACM,IAAN,CAAWD,IAAX;IACH,CAHD,MAGO;MACHL,KAAK,CAACM,IAAN,CAAWL,MAAM,CAACM,MAAP,CAAcF,IAAd,EAAoBR,MAAM,CAACO,GAAD,CAA1B,CAAX;IACH;EACJ,CAVD;EAYA,OAAOJ,KAAP;AACH;;AAED,SAASQ,aAAT,CAAuBR,KAAvB,EAA8BF,eAA9B,EAA+CC,gBAA/C,EAAiE;EAC7DD,eAAe,GAAIA,eAAe,IAAK,KAAvC;EAEA,IAAMD,MAAM,GAAG,EAAf;EAEAG,KAAK,CAACG,OAAN,CAAc,UAAAM,GAAG,EAAI;IACjB,IAAIL,GAAG,GAAGK,GAAG,CAACX,eAAD,CAAb;;IACA,IAAIM,GAAG,KAAK,IAAR,IAAgBA,GAAG,KAAKM,SAA5B,EAAuC;MACnCN,GAAG,GAAG,EAAN;IACH;;IACD,OAAOK,GAAG,CAACX,eAAD,CAAV;;IAEA,IAAIC,gBAAJ,EAAsB;MAClBF,MAAM,CAACO,GAAD,CAAN,GAAcK,GAAG,CAACV,gBAAD,CAAjB;IACH,CAFD,MAEO;MACHF,MAAM,CAACO,GAAD,CAAN,GAAcK,GAAd;IACH;EACJ,CAZD;EAcA,OAAOZ,MAAP;AACH;;IAEKc,W;;;;;EACF,qBAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACf,0BAAMA,KAAN;IADe,sGAuFC,UAACC,QAAD,EAAkC;MAAA,IAAvBC,UAAuB,uEAAV,KAAU;MAClD,kBAA2B,MAAKC,KAAhC;MAAA,IAAQC,KAAR,eAAQA,KAAR;MAAA,IAAeC,OAAf,eAAeA,OAAf;;MACA,IAAIA,OAAJ,EAAa;QACT,IAAMC,KAAK,GAAGD,OAAO,KAAKJ,QAAZ,IAAwBG,KAAK,KAAK,KAAhD;QACA,IAAMG,QAAQ,GAAGL,UAAU,GAAGE,KAAH,GAAYE,KAAK,GAAG,MAAH,GAAY,KAAxD;;QACA,IAAME,QAAQ,GAAG,MAAKC,UAAL,CAAgBF,QAAhB,EAA0BN,QAA1B,CAAjB;;QACA,MAAKS,QAAL,CAAc;UAAEN,KAAK,EAAEG,QAAT;UAAmBF,OAAO,EAAEJ,QAA5B;UAAsCU,SAAS,EAAE,MAAKR,KAAL,CAAWQ,SAAX,GAAuB;QAAxE,CAAd,EAA+F;UAAA,OAC3F,MAAKC,WAAL,CAAiB,KAAjB,EAAwBJ,QAAxB,CAD2F;QAAA,CAA/F;MAEH;IACJ,CAhGkB;IAAA,+FAkGN,UAACJ,KAAD,EAAQC,OAAR,EAAoB;MAC7B,IAAQQ,KAAR,GAAkB,MAAKV,KAAvB,CAAQU,KAAR;MACA,IAAMC,UAAU,GAAGf,WAAW,CAACgB,aAAZ,CAA0BX,KAA1B,EAAiCC,OAAjC,CAAnB;MACA,IAAMW,cAAc,GAAGH,KAAK,CAACI,GAAN,CAAU,UAACC,EAAD,EAAKC,KAAL;QAAA,OAAe,CAACD,EAAD,EAAKC,KAAL,CAAf;MAAA,CAAV,CAAvB;MAEAH,cAAc,CAACI,IAAf,CAAoB,UAACC,CAAD,EAAIC,CAAJ,EAAU;QAC1B,IAAMlB,KAAK,GAAGU,UAAU,CAACO,CAAC,CAAC,CAAD,CAAF,EAAOC,CAAC,CAAC,CAAD,CAAR,CAAxB;;QACA,IAAIlB,KAAK,KAAK,CAAd,EAAiB;UACb,OAAOA,KAAP;QACH,CAFD,MAEO;UACH,OAAOiB,CAAC,CAAC,CAAD,CAAD,GAAOC,CAAC,CAAC,CAAD,CAAf;QACH;MACJ,CAPD;MASA,OAAON,cAAc,CAACC,GAAf,CAAmB,UAAAC,EAAE;QAAA,OAAIA,EAAE,CAAC,CAAD,CAAN;MAAA,CAArB,CAAP;IACH,CAjHkB;IAAA,6FAuKR,UAAAC,KAAK;MAAA,OACZ,YAAM;QACF,IAAMX,QAAQ,GAAGe,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAe,MAAKtB,KAAL,CAAWU,KAA1B,CAAX,CAAjB;QACA,IAAIa,YAAY,GAAGH,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAe,MAAKtB,KAAL,CAAWuB,YAA1B,CAAX,CAAnB;QACAlB,QAAQ,CAACmB,MAAT,CAAgBR,KAAhB,EAAuB,CAAvB;QACA,IAAMS,GAAG,GAAGF,YAAY,CAACG,OAAb,CAAqBV,KAArB,CAAZ;;QACA,IAAIS,GAAG,KAAK,CAAC,CAAb,EAAgB;UACZF,YAAY,CAACC,MAAb,CAAoBC,GAApB,EAAyB,CAAzB;UACAF,YAAY,GAAGA,YAAY,CAACT,GAAb,CAAiB,UAAAa,CAAC;YAAA,OAAIA,CAAC,GAAGX,KAAJ,GAAYW,CAAC,GAAG,CAAhB,GAAoBA,CAAxB;UAAA,CAAlB,CAAf;QACH;;QAED,MAAKpB,QAAL,CAAc;UAAEG,KAAK,EAAEL,QAAT;UAAmBkB,YAAY,EAAZA,YAAnB;UAAiCf,SAAS,EAAE,MAAKR,KAAL,CAAWQ,SAAX,GAAuB;QAAnE,CAAd,EAA0F;UAAA,OACtF,MAAKoB,eAAL,CAAqBvB,QAArB,CADsF;QAAA,CAA1F;MAEH,CAbW;IAAA,CAvKG;IAAA,oGAsLD,UAACA,QAAD,EAAqC;MAAA,IAA1BwB,aAA0B,uEAAV,KAAU;MACnD,MAAKC,WAAL,IAAoBC,YAAY,CAAC,MAAKD,WAAN,CAAhC;MAEA,MAAKA,WAAL,GAAmBE,UAAU,CAAC,UAACtB,KAAD,EAAQmB,aAAR,EAA0B;QACpD,MAAKC,WAAL,GAAmB,IAAnB;;QAEA,IAAI,MAAKjC,KAAL,CAAWoC,MAAX,CAAkBC,UAAtB,EAAkC;UAC9B,IAAMC,QAAQ,GAAG1C,aAAa,CAAC2B,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeZ,KAAf,CAAX,CAAD,EAAoC,MAAKb,KAAL,CAAWoC,MAAX,CAAkBC,UAAtD,EAAkE,MAAKrC,KAAL,CAAWoC,MAAX,CAAkBG,YAApF,CAA9B;;UACA,MAAKC,QAAL,CAAc,MAAKxC,KAAL,CAAWyC,IAAzB,EAA+BH,QAA/B;QACH,CAHD,MAGO;UACH,MAAKE,QAAL,CAAc,MAAKxC,KAAL,CAAWyC,IAAzB,EAA+B5B,KAA/B;QACH;;QAED,IAAImB,aAAJ,EAAmB;UACf,MAAKpB,WAAL,CAAiB,KAAjB,EAAwBC,KAAxB;;UACA,MAAK6B,iBAAL,CAAuB,MAAKvC,KAAL,CAAWE,OAAlC,EAA2C,IAA3C;QACH;MACJ,CAd4B,EAc1B,GAd0B,EAcrBG,QAdqB,EAcXwB,aAdW,CAA7B;IAeH,CAxMkB;IAAA,0FA0MX,YAAM;MACV,IAAQI,MAAR,GAAmB,MAAKpC,KAAxB,CAAQoC,MAAR;MACA,IAAM5B,QAAQ,GAAGe,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAe,MAAKtB,KAAL,CAAWU,KAA1B,CAAX,CAAjB;MACA,IAAMa,YAAY,GAAGH,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAe,MAAKtB,KAAL,CAAWuB,YAA1B,CAAX,CAArB;MAEA,IAAMiB,OAAO,GAAGP,MAAM,CAACQ,KAAP,CAAaC,MAAb,CAAoB,UAACC,WAAD,EAAcC,YAAd,EAA+B;QAC/DD,WAAW,CAACC,YAAY,CAACN,IAAd,CAAX,GAAiCM,YAAY,WAAZ,KAAyBjD,SAAzB,GAAqC,IAArC,GAA4CiD,YAAY,WAAzF;QACA,OAAOD,WAAP;MACH,CAHe,EAGb,EAHa,CAAhB;MAKAtC,QAAQ,CAACd,IAAT,CAAciD,OAAd;MACAjB,YAAY,CAAChC,IAAb,CAAkBc,QAAQ,CAACwC,MAAT,GAAkB,CAApC;;MAEA,MAAKtC,QAAL,CAAc;QAAEG,KAAK,EAAEL,QAAT;QAAmBkB,YAAY,EAAZA;MAAnB,CAAd,EAAiD;QAAA,OAC7C,MAAKK,eAAL,CAAqBvB,QAArB,CAD6C;MAAA,CAAjD;IAEH,CAzNkB;IAAA,gGA+NL,YAA6C;MAAA,IAA5CyC,KAA4C,uEAApC,KAAoC;MAAA,IAA7BpC,KAA6B,uEAArB,MAAKV,KAAL,CAAWU,KAAU;MACvD,IAAIa,YAAY,GAAGb,KAAK,CAACI,GAAN,CAAU,UAACiC,CAAD,EAAIpB,CAAJ;QAAA,OAAUA,CAAV;MAAA,CAAV,CAAnB;MACAzC,MAAM,CAACC,IAAP,CAAY,MAAK6D,UAAjB,EAA6B5D,OAA7B,CAAqC,UAAAkD,IAAI,EAAI;QACzC,IAAIW,aAAa,GAAG,MAAKD,UAAL,CAAgBV,IAAhB,EAAsBY,OAAtB,CAA8BC,QAA9B,CAAuC,CAAvC,EAA0CA,QAA1C,CAAmD,CAAnD,EAAsDzC,KAA1E;;QACA,IAAI,CAACoC,KAAD,IAAUG,aAAd,EAA6B;UACzBA,aAAa,GAAGA,aAAa,CAACG,WAAd,EAAhB;UACA7B,YAAY,GAAGA,YAAY,CAAC8B,MAAb,CAAoB,UAAAC,GAAG;YAAA,OAAI5C,KAAK,CAAC4C,GAAD,CAAL,IAAc5C,KAAK,CAAC4C,GAAD,CAAL,CAAWhB,IAAX,CAAd,IAAkC5B,KAAK,CAAC4C,GAAD,CAAL,CAAWhB,IAAX,EAAiBc,WAAjB,GAA+BG,QAA/B,CAAwCN,aAAxC,CAAtC;UAAA,CAAvB,CAAf;QACH,CAHD,MAGO;UACH,MAAKD,UAAL,CAAgBV,IAAhB,EAAsBY,OAAtB,CAA8BC,QAA9B,CAAuC,CAAvC,EAA0CA,QAA1C,CAAmD,CAAnD,EAAsDzC,KAAtD,GAA8D,EAA9D;QACH;MACJ,CARD;;MAUA,IAAIU,IAAI,CAACE,SAAL,CAAeC,YAAf,MAAiCH,IAAI,CAACE,SAAL,CAAe,MAAKtB,KAAL,CAAWuB,YAA1B,CAArC,EAA8E;QAC1E,MAAKhB,QAAL,CAAc;UAAEgB,YAAY,EAAZA;QAAF,CAAd;MACH;IACJ,CA9OkB;IAEf,MAAKyB,UAAL,GAAkB,EAAlB;;IACA,MAAKnD,KAAL,CAAWoC,MAAX,CAAkBQ,KAAlB,CAAwBrD,OAAxB,CAAgC,UAAA2B,EAAE,EAAI;MAClC,IAAIA,EAAE,CAACsC,MAAP,EAAe;QACX,MAAKL,UAAL,CAAgBjC,EAAE,CAACuB,IAAnB,iBAA2B,IAAAkB,gBAAA,GAA3B;MACH;IACJ,CAJD;;IAHe;EAQlB;;;;;6GAED;QAAA;QAAA;UAAA;YAAA;cAAA;gBACI;gBACI9C,KAFR,GAEgB+C,0BAAA,CAAcC,QAAd,CAAuB,KAAK7D,KAAL,CAAW8D,IAAlC,EAAwC,KAAK9D,KAAL,CAAWyC,IAAnD,KAA4D,EAF5E,EAII;;gBACA,IAAI,KAAKzC,KAAL,CAAWoC,MAAX,CAAkBC,UAAtB,EAAkC;kBAC9BxB,KAAK,GAAG7B,aAAa,CAAC6B,KAAD,EAAQ,KAAKb,KAAL,CAAWoC,MAAX,CAAkBC,UAA1B,EAAsC,KAAKrC,KAAL,CAAWoC,MAAX,CAAkBG,YAAxD,CAArB;gBACH;;gBAEKb,YATV,GASyBb,KAAK,CAACI,GAAN,CAAU,UAACiC,CAAD,EAAIpB,CAAJ;kBAAA,OAAUA,CAAV;gBAAA,CAAV,CATzB;gBAWI,KAAKpB,QAAL,CAAc;kBAAEG,KAAK,EAALA,KAAF;kBAASa,YAAY,EAAZA,YAAT;kBAAuBrB,OAAO;kBAAE;kBAAuE,EAAvG;kBAA2GD,KAAK,EAAE,KAAlH;kBAAyHO,SAAS,EAAE;gBAApI,CAAd;;cAXJ;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA,C;;;;;;;;;;WAcA,gCAAuB;MACnB,KAAKsB,WAAL,IAAoBC,YAAY,CAAC,KAAKD,WAAN,CAAhC;MACA,KAAKA,WAAL,GAAmB,IAAnB;MACA;IACH;;;WAED,mBAAU8B,QAAV,EAAoBD,IAApB,EAA0BL,GAA1B,EAA+B;MAAA;;MAC3B,mBAAgC,KAAKtD,KAArC;MAAA,IAAQU,KAAR,gBAAQA,KAAR;MAAA,IAAemD,YAAf,gBAAeA,YAAf;MACA,IAAQ5B,MAAR,GAAmB,KAAKpC,KAAxB,CAAQoC,MAAR;MACA,IAAM6B,UAAU,GAAG7B,MAAM,CAACQ,KAAP,CAAasB,IAAb,CAAkB,UAAAhD,EAAE;QAAA,OAAIA,EAAE,CAACuB,IAAH,KAAYsB,QAAhB;MAAA,CAApB,CAAnB;;MAEA,IAAI,CAACE,UAAL,EAAiB;QACb,OAAO,IAAP;MACH;;MAED,IAAME,UAAU,GAAG;QACfvB,KAAK,uCACAmB,QADA,EACWE,UADX;MADU,CAAnB;MAMA,oBAAO,gCAAC,uBAAD;QACH,KAAK,EAAER,GAAG,GAAG,KAAKtD,KAAL,CAAWQ,SADrB;QAEH,MAAM,EAAE,KAAKX,KAAL,CAAWoE,MAFhB;QAGH,WAAW,EAAE,KAAKpE,KAAL,CAAWqE,WAHrB;QAIH,QAAQ,EAAE,KAAKrE,KAAL,CAAWsE,QAJlB;QAKH,MAAM,EAAE,KAAKtE,KAAL,CAAWuE,MALhB;QAMH,KAAK,EAAE,KAAKvE,KAAL,CAAWwE,KANf;QAOH,SAAS,EAAE,KAAKxE,KAAL,CAAWyE,SAPnB;QAQH,SAAS,EAAE,KAAKzE,KAAL,CAAW0E,SARnB;QASH,IAAI,EAAEZ,IATH;QAUH,KAAK,MAVF;QAWH,MAAM,MAXH;QAYH,MAAM,EAAEK,UAZL;QAaH,YAAY,EAAEH,YAbX;QAcH,OAAO,EAAE,KAAKhE,KAAL,CAAW2E,OAdjB;QAeH,QAAQ,EAAE,kBAAClC,IAAD,EAAOmC,WAAP,EAAuB;UAC7B,IAAMC,MAAM,GAAGtD,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeZ,KAAf,CAAX,CAAf;UACAgE,MAAM,CAACpB,GAAD,CAAN,CAAYhB,IAAZ,IAAoBmC,WAApB;;UACA,MAAI,CAAClE,QAAL,CAAc;YAAEG,KAAK,EAAEgE;UAAT,CAAd,EAAiC;YAAA,OAC7B,MAAI,CAAC9C,eAAL,CAAqB8C,MAArB,EAA4B,IAA5B,CAD6B;UAAA,CAAjC;QAEH,CApBE;QAqBH,OAAO,EAAE,iBAACC,KAAD,EAAQrC,IAAR;UAAA,OAAiB,MAAI,CAACsC,OAAL,CAAaD,KAAb,EAAoBrC,IAApB,CAAjB;QAAA;MArBN,EAAP;IAuBH;;;WA+CD,2BAAkBuC,YAAlB,EAAgC;MAAA;;MAC5B,kBAA4B,KAAKhF,KAAjC;MAAA,IAAQoC,MAAR,eAAQA,MAAR;MAAA,IAAgB6C,OAAhB,eAAgBA,OAAhB;MACA,mBAA2B,KAAK9E,KAAhC;MAAA,IAAQC,KAAR,gBAAQA,KAAR;MAAA,IAAeC,OAAf,gBAAeA,OAAf;MACA,oBAAO,gCAAC,mBAAD,qBACH,gCAAC,kBAAD,QACK+B,MAAM,CAACQ,KAAP,CAAa3B,GAAb,CAAiB,UAAAiE,QAAQ;QAAA;;QAAA,oBACtB,gCAAC,mBAAD;UACI,KAAK,EAAE;YAAE3I,KAAK,EAAE,OAAO2I,QAAQ,CAAC3I,KAAhB,KAA0B,QAA1B,IAAsC2I,QAAQ,CAAC3I,KAAT,CAAe4I,QAAf,CAAwB,GAAxB,CAAtC,GAAqE,MAArE,GAA8ED,QAAQ,CAAC3I;UAAhG,CADX;UAEI,GAAG,EAAE2I,QAAQ,CAACzC,IAFlB;UAGI,KAAK,EAAC,MAHV;UAII,aAAa,EAAEpC,OAAO,KAAK6E,QAAQ,CAACzC,IAArB,GAA4BrC,KAA5B,GAAoC;QAJvD,gBAMI;UAAK,SAAS,EAAE6E,OAAO,CAAC5G;QAAxB,GACK6G,QAAQ,CAAC9D,IAAT,iBAAiB,gCAAC,wBAAD;UACd,MAAM,MADQ;UAEd,SAAS,EAAE,IAAAgE,gBAAA,EAAK/E,OAAO,KAAK6E,QAAQ,CAACzC,IAArB,IAA6BwC,OAAO,CAACxG,MAA1C,CAFG;UAGd,SAAS,EAAE4B,OAAO,KAAK6E,QAAQ,CAACzC,IAArB,GAA4BrC,KAA5B,GAAoC,KAHjC;UAId,OAAO,EAAE;YAAA,OAAM,MAAI,CAACsC,iBAAL,CAAuBwC,QAAQ,CAACzC,IAAhC,CAAN;UAAA;QAJK,EADtB,EAOKyC,QAAQ,CAAC1B,MAAT,gBACG,gCAAC,mBAAD;UACI,OAAO,EAAC,UADZ;UAEI,GAAG,EAAE,MAAI,CAACL,UAAL,CAAgB+B,QAAQ,CAACzC,IAAzB,CAFT;UAGI,QAAQ,EAAE;YAAA,OAAM,MAAI,CAAC7B,WAAL,EAAN;UAAA,CAHd;UAII,UAAU,EAAE;YACRyE,YAAY,EACR,gCAAI,CAAClC,UAAL,CAAgB+B,QAAQ,CAACzC,IAAzB,2GAAgCY,OAAhC,4GAAyCC,QAAzC,CAAkD,CAAlD,6GAAsDA,QAAtD,CAA+D,CAA/D,mFAAmEzC,KAAnE,kBAA4E,gCAAC,wBAAD;cAAgB,QAAQ,EAAC;YAAzB,gBACxE,gCAAC,oBAAD;cACI,IAAI,EAAC,OADT;cAEI,OAAO,EAAE,mBAAM;gBACX,MAAI,CAACsC,UAAL,CAAgB+B,QAAQ,CAACzC,IAAzB,EAA+BY,OAA/B,CAAuCC,QAAvC,CAAgD,CAAhD,EAAmDA,QAAnD,CAA4D,CAA5D,EAA+DzC,KAA/D,GAAuE,EAAvE;;gBACA,MAAI,CAACD,WAAL;cACH;YALL,gBAOI,gCAAC,iBAAD,OAPJ,CADwE;UAFxE,CAJhB;UAkBO,SAAS,MAlBhB;UAkBiB,WAAW,EAAE,MAAI,CAAC0E,OAAL,CAAaJ,QAAQ,CAAC9G,KAAtB;QAlB9B,EADH,GAoBK,MAAI,CAACkH,OAAL,CAAaJ,QAAQ,CAAC9G,KAAtB,CA3BV,CANJ,CADsB;MAAA,CAAzB,CADL,EAuCK,CAACgE,MAAM,CAACmD,QAAR,iBAAoB,gCAAC,mBAAD;QAAW,KAAK,EAAE;UAAEhH,WAAW,EAAE,EAAf;UAAmBhC,KAAK,EAAEyI;QAA1B,CAAlB;QAA4D,OAAO,EAAC;MAApE,gBACjB,gCAAC,oBAAD;QAAY,QAAQ,MAApB;QAAqB,IAAI,EAAC;MAA1B,gBACI,gCAAC,kBAAD,OADJ,CADiB,CAvCzB,CADG,CAAP;IA+CH;;;WAsDD,0BAAiB;MAAA;;MACb,OAAO3F,MAAM,CAACC,IAAP,CAAY,KAAK6D,UAAjB,EAA6Be,IAA7B,CAAkC,UAAAzB,IAAI;QAAA;;QAAA,gCAAI,MAAI,CAACU,UAAL,CAAgBV,IAAhB,EAAsBY,OAA1B,0DAAI,sBAA+BC,QAA/B,CAAwC,CAAxC,EAA2CA,QAA3C,CAAoD,CAApD,EAAuDzC,KAA3D;MAAA,CAAtC,CAAP;IACH;;;WAmBD,kBAAS4C,GAAT,EAAc;MAAA;;MACV,IAAM5C,KAAK,GAAGU,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAe,KAAKtB,KAAL,CAAWU,KAA1B,CAAX,CAAd;MACA,IAAMpB,IAAI,GAAGoB,KAAK,CAAC4C,GAAD,CAAlB;MACA5C,KAAK,CAACc,MAAN,CAAa8B,GAAb,EAAkB,CAAlB;MACA5C,KAAK,CAACc,MAAN,CAAa8B,GAAG,GAAG,CAAnB,EAAsB,CAAtB,EAAyBhE,IAAzB;MACA,KAAKiB,QAAL,CAAc;QAAEG,KAAK,EAALA,KAAF;QAASF,SAAS,EAAE,KAAKR,KAAL,CAAWQ,SAAX,GAAuB;MAA3C,CAAd,EAAkE;QAAA,OAC9D,MAAI,CAACoB,eAAL,CAAqBlB,KAArB,CAD8D;MAAA,CAAlE;IAEH;;;WAED,oBAAW4C,GAAX,EAAgB;MAAA;;MACZ,IAAM5C,KAAK,GAAGU,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAe,KAAKtB,KAAL,CAAWU,KAA1B,CAAX,CAAd;MACA,IAAMpB,IAAI,GAAGoB,KAAK,CAAC4C,GAAD,CAAlB;MACA5C,KAAK,CAACc,MAAN,CAAa8B,GAAb,EAAkB,CAAlB;MACA5C,KAAK,CAACc,MAAN,CAAa8B,GAAG,GAAG,CAAnB,EAAsB,CAAtB,EAAyBhE,IAAzB;MACA,KAAKiB,QAAL,CAAc;QAAEG,KAAK,EAALA,KAAF;QAASF,SAAS,EAAE,KAAKR,KAAL,CAAWQ,SAAX,GAAuB;MAA3C,CAAd,EAAkE;QAAA,OAC9D,MAAI,CAACoB,eAAL,CAAqBlB,KAArB,CAD8D;MAAA,CAAlE;IAEH;;;WAED,oBAAWiE,KAAX,EAAkBU,QAAlB,EAA4BC,YAA5B,EAA0C;MAAA;;MACtC,mBAA4B,KAAKzF,KAAjC;MAAA,IAAQiF,OAAR,gBAAQA,OAAR;MAAA,IAAiB7C,MAAjB,gBAAiBA,MAAjB;MACA,mBAAgC,KAAKjC,KAArC;MAAA,IAAQU,KAAR,gBAAQA,KAAR;MAAA,IAAea,YAAf,gBAAeA,YAAf;;MAEA,IAAI,CAACb,KAAL,EAAY;QACR,OAAO,IAAP;MACH;;MAED,IAAM6E,cAAc,GAAG,KAAKC,cAAL,EAAvB;MAEA,oBAAO,gCAAC,eAAD;QAAO,SAAS,EAAEV,OAAO,CAACxI;MAA1B,gBACH;QAAK,SAAS,EAAEwI,OAAO,CAACzH;MAAxB,GACK4E,MAAM,CAACwD,KAAP,gBAAe,gCAAC,iBAAD;QACZ,OAAO,EAAC,OADI;QAEZ,SAAS,EAAEX,OAAO,CAAC3G;MAFP,gBAIZ,gCAAC,oBAAD;QAAY,SAAS,EAAE2G,OAAO,CAAC7G,KAA/B;QAAsC,OAAO,EAAC,IAA9C;QAAmD,EAAE,EAAC,YAAtD;QAAmE,SAAS,EAAC;MAA7E,GACK,KAAKkH,OAAL,CAAalD,MAAM,CAACwD,KAApB,CADL,CAJY,CAAf,GAOY,IARjB,EASK,CAACxD,MAAM,CAACmD,QAAR,IAAoB,CAACG,cAArB,gBAAsC,gCAAC,iBAAD;QAAS,KAAK,EAAEG,gBAAA,CAAKC,CAAL,CAAO,SAAP;MAAhB,gBACnC,gCAAC,oBAAD;QAAY,OAAO,EAAE,KAAKC;MAA1B,gBACI,gCAAC,eAAD,OADJ,CADmC,CAAtC,GAIY,IAbjB,CADG,eAgBH,gCAAC,wBAAD,qBACI,gCAAC,eAAD;QAAO,SAAS,EAAEd,OAAO,CAACpI,KAA1B;QAAiC,IAAI,EAAC;MAAtC,GACK,KAAKmJ,iBAAL,CAAuB,CAACN,cAAD,IAAmB,CAAC,KAAKvF,KAAL,CAAWE,OAA/B,GAAyC,GAAzC,GAA+C,EAAtE,CADL,eAEI,gCAAC,mBAAD,QACKqB,YAAY,CAACT,GAAb,CAAiB,UAACwC,GAAD,EAAM3B,CAAN;QAAA,oBACd,gCAAC,kBAAD;UACI,KAAK,MADT;UAEI,GAAG,EAAE2B;QAFT,GAIKrB,MAAM,CAACQ,KAAP,CAAa3B,GAAb,CAAiB,UAAAiE,QAAQ,EAAI;UAC1Be,OAAO,CAACC,GAAR,gBAAoBhB,QAAQ,CAACzC,IAAT,GAAgBgB,GAApC,gBAA6C5C,KAAK,CAAC4C,GAAD,CAAL,CAAWyB,QAAQ,CAACzC,IAApB,CAA7C;UACA,oBAAO,gCAAC,mBAAD;YAAW,GAAG,EAAEyC,QAAQ,CAACzC,IAAT,GAAgB,GAAhB,GAAsBgB,GAAtC;YAA2C,KAAK,EAAC;UAAjD,GACF,MAAI,CAAC0C,SAAL,CAAejB,QAAQ,CAACzC,IAAxB,EAA8B5B,KAAK,CAAC4C,GAAD,CAAnC,EAA0CA,GAA1C,CADE,CAAP;QAGH,CALA,CAJL,EAUK,CAACrB,MAAM,CAACmD,QAAR,iBAAoB,gCAAC,mBAAD;UAAW,KAAK,EAAC,MAAjB;UAAwB,SAAS,EAAEN,OAAO,CAACnG;QAA3C,GAChB,CAAC4G,cAAD,IAAmB,CAAC,MAAI,CAACvF,KAAL,CAAWE,OAA/B,GAA0CyB,CAAC,gBAAG,gCAAC,iBAAD;UAAS,KAAK,EAAE+D,gBAAA,CAAKC,CAAL,CAAO,SAAP;QAAhB,gBAC3C,gCAAC,oBAAD;UAAY,IAAI,EAAC,OAAjB;UAAyB,OAAO,EAAE;YAAA,OAAM,MAAI,CAACM,QAAL,CAAc3C,GAAd,CAAN;UAAA;QAAlC,gBACI,gCAAC,uBAAD,OADJ,CAD2C,CAAH,gBAI/B;UAAK,SAAS,EAAEwB,OAAO,CAACpG;QAAxB,EAJZ,GAIuD,IALvC,EAMhB,CAAC6G,cAAD,IAAmB,CAAC,MAAI,CAACvF,KAAL,CAAWE,OAA/B,GAA0CyB,CAAC,GAAGJ,YAAY,CAACsB,MAAb,GAAsB,CAA1B,gBAA8B,gCAAC,iBAAD;UAAS,KAAK,EAAE6C,gBAAA,CAAKC,CAAL,CAAO,WAAP;QAAhB,gBACrE,gCAAC,oBAAD;UAAY,IAAI,EAAC,OAAjB;UAAyB,OAAO,EAAE;YAAA,OAAM,MAAI,CAACO,UAAL,CAAgB5C,GAAhB,CAAN;UAAA;QAAlC,gBACI,gCAAC,yBAAD,OADJ,CADqE,CAA9B,gBAI9B;UAAK,SAAS,EAAEwB,OAAO,CAACpG;QAAxB,EAJZ,GAIuD,IAVvC,eAWjB,gCAAC,iBAAD;UAAS,KAAK,EAAEgH,gBAAA,CAAKC,CAAL,CAAO,oBAAP;QAAhB,gBACI,gCAAC,oBAAD;UAAY,IAAI,EAAC,OAAjB;UAAyB,OAAO,EAAE,MAAI,CAACQ,QAAL,CAAc7C,GAAd;QAAlC,gBACI,gCAAC,kBAAD,OADJ,CADJ,CAXiB,CAVzB,CADc;MAAA,CAAjB,CADL,CAFJ,CADJ,EAmCK,CAAC/B,YAAY,CAACsB,MAAd,IAAwBnC,KAAK,CAACmC,MAA9B,gBACG;QAAK,SAAS,EAAEiC,OAAO,CAACtG;MAAxB,gBACI,gCAAC,oBAAD;QAAY,SAAS,EAAEsG,OAAO,CAAC7G,KAA/B;QAAsC,OAAO,EAAC,IAA9C;QAAmD,EAAE,EAAC,YAAtD;QAAmE,SAAS,EAAC;MAA7E,GACKyH,gBAAA,CAAKC,CAAL,CAAO,4BAAP,CADL,eAEI,gCAAC,oBAAD;QACI,IAAI,EAAC,OADT;QAEI,OAAO,EAAE,iBAAAS,CAAC;UAAA,OAAI,MAAI,CAAC3F,WAAL,CAAiB,IAAjB,CAAJ;QAAA;MAFd,gBAII,gCAAC,iBAAD,OAJJ,CAFJ,CADJ,CADH,GAWY,IA9CjB,CAhBG,EAgEFwB,MAAM,CAACoE,IAAP,gBAAc,gCAAC,0BAAD,QAAiB,KAAKC,UAAL,CAAgB,KAAKzG,KAAL,CAAWoC,MAAX,CAAkBoE,IAAlC,EAAwC,KAAKxG,KAAL,CAAWoC,MAAX,CAAkBsE,QAA1D,EAAoE,KAAK1G,KAAL,CAAWoC,MAAX,CAAkBuE,aAAtF,CAAjB,CAAd,GAAwJ,IAhEtJ,CAAP;IAkEH;;;WAxQD,8BAA4BtF,CAA5B,EAA+BC,CAA/B,EAAkCjB,OAAlC,EAA2C;MACvC,IAAIiB,CAAC,CAACjB,OAAD,CAAD,GAAagB,CAAC,CAAChB,OAAD,CAAlB,EAA6B;QACzB,OAAO,CAAC,CAAR;MACH,CAFD,MAGI,IAAIiB,CAAC,CAACjB,OAAD,CAAD,GAAagB,CAAC,CAAChB,OAAD,CAAlB,EAA6B;QACzB,OAAO,CAAP;MACH,CAFD,MAEO;QACH,OAAO,CAAP;MACH;IACR;;;WAED,uBAAqBD,KAArB,EAA4BC,OAA5B,EAAqC;MACjC,OAAOD,KAAK,KAAK,MAAV,GACD,UAACiB,CAAD,EAAIC,CAAJ;QAAA,OAAWvB,WAAW,CAAC6G,oBAAZ,CAAiCvF,CAAjC,EAAoCC,CAApC,EAAuCjB,OAAvC,CAAX;MAAA,CADC,GAED,UAACgB,CAAD,EAAIC,CAAJ;QAAA,OAAU,CAACvB,WAAW,CAAC6G,oBAAZ,CAAiCvF,CAAjC,EAAoCC,CAApC,EAAuCjB,OAAvC,CAAX;MAAA,CAFN;IAGH;;;EAtFqBuD,0B;;AAkV1B7D,WAAW,CAAC8G,SAAZ,GAAwB;EACpBzC,MAAM,EAAE0C,qBAAA,CAAU7H,MAAV,CAAiB8H,UADL;EAEpBtC,SAAS,EAAEqC,qBAAA,CAAUE,MAFD;EAGpBtC,SAAS,EAAEoC,qBAAA,CAAUE,MAHD;EAIpBC,KAAK,EAAEH,qBAAA,CAAU7H,MAJG;EAKpBiI,SAAS,EAAEJ,qBAAA,CAAUE,MALD;EAMpBlD,IAAI,EAAEgD,qBAAA,CAAU7H,MAAV,CAAiB8H,UANH;EAOpB3E,MAAM,EAAE0E,qBAAA,CAAU7H,MAPE;EAQpB8F,OAAO,EAAE+B,qBAAA,CAAUK,IARC;EASpB3E,QAAQ,EAAEsE,qBAAA,CAAUK;AATA,CAAxB;;eAYe,IAAAC,kBAAA,EAAWhL,MAAX,EAAmB2D,WAAnB,C"}
+{"version":3,"file":"ConfigTable.js","names":["styles","theme","fullWidth","width","root","paper","marginBottom","spacing","backgroundColor","headerText","table","minWidth","visuallyHidden","border","clip","height","margin","overflow","padding","position","top","addIcon","display","justifyContent","highlight","palette","mode","color","secondary","main","text","primary","dark","title","flex","rootTool","paddingLeft","paddingRight","silver","opacity","filteredOut","textAlign","buttonEmpty","buttonCell","whiteSpace","objectToArray","object","nameOfFirstAttr","nameOfSecondAttr","array","Object","keys","forEach","key","item","push","assign","arrayToObject","row","undefined","ConfigTable","props","property","orderCheck","state","order","orderBy","isAsc","newOrder","newValue","stableSort","setState","iteration","applyFilter","value","comparator","getComparator","stabilizedThis","map","el","index","sort","a","b","JSON","parse","stringify","visibleValue","splice","pos","indexOf","i","onChangeWrapper","updateVisible","typingTimer","clearTimeout","setTimeout","schema","objKeyName","objValue","objValueName","onChange","attr","handleRequestSort","newItem","items","reduce","accumulator","currentValue","length","clear","_","filterRefs","valueInputRef","current","children","toLowerCase","filter","idx","includes","createRef","ConfigGeneric","getValue","data","Array","isArray","filterOn","attrItem","systemConfig","schemaFind","find","schemaItem","socket","adapterName","instance","common","alive","themeType","themeName","customs","valueChange","newObj","error","onError","buttonsWidth","classes","headCell","endsWith","clsx","I18n","t","endAdornment","getText","noDelete","disabled","defaultValue","doAnyFilterSet","isAnyFilterSet","label","onAdd","enhancedTableHead","console","log","itemTable","onMoveUp","onMoveDown","onDelete","e","help","renderHelp","helpLink","noTranslation","descendingComparator","propTypes","PropTypes","isRequired","string","style","className","func","withStyles"],"sources":["JsonConfigComponent/ConfigTable.jsx"],"sourcesContent":["import React, { createRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { /*lighten,*/ withStyles } from '@mui/styles';\nimport clsx from 'clsx';\n\nimport FormHelperText from '@mui/material/FormHelperText';\nimport { IconButton, InputAdornment, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, TextField, Toolbar, Tooltip, Typography } from '@mui/material';\n\nimport AddIcon from '@mui/icons-material/Add';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport CloseIcon from '@mui/icons-material/Close';\nimport UpIcon from '@mui/icons-material/ArrowUpward';\nimport DownIcon from '@mui/icons-material/ArrowDownward';\nimport IconFilterOn from '@mui/icons-material/FilterAlt';\nimport IconFilterOff from '@mui/icons-material/FilterAltOff';\n\nimport I18n from '../../i18n';\n\nimport ConfigGeneric from './ConfigGeneric';\nimport ConfigPanel from './ConfigPanel';\n\nconst styles = theme => ({\n    fullWidth: {\n        width: '100%'\n    },\n    root: {\n        width: '100%',\n    },\n    paper: {\n        width: '100%',\n        marginBottom: theme.spacing(2),\n        backgroundColor: `rgba(255, 255, 255, 0.1)`,\n    },\n    headerText: {\n        width: '100%'\n    },\n    table: {\n        minWidth: 750,\n    },\n    visuallyHidden: {\n        border: 0,\n        clip: 'rect(0 0 0 0)',\n        height: 1,\n        margin: -1,\n        overflow: 'hidden',\n        padding: 0,\n        position: 'absolute',\n        top: 20,\n        width: 1,\n    },\n    addIcon: {\n        display: 'flex',\n        justifyContent: 'space-between'\n    },\n    highlight:\n        theme.palette.mode === 'light'\n            ? {\n                color: theme.palette.secondary.main,\n                // backgroundColor: lighten(theme.palette.secondary.light, 0.85),\n            }\n            : {\n                color: theme.palette.text.primary,\n                backgroundColor: theme.palette.secondary.dark,\n            },\n    title: {\n        flex: '1 1 100%',\n    },\n    rootTool: {\n        paddingLeft: theme.spacing(2),\n        paddingRight: theme.spacing(1),\n    },\n    silver: {\n        opacity: 0.2\n    },\n    flex: {\n        display: 'flex'\n    },\n    filteredOut: {\n        padding: 10,\n        display: 'flex',\n        textAlign: 'center'\n    },\n    buttonEmpty: {\n        width: 30,\n        display: 'inline-block'\n    },\n    buttonCell: {\n        whiteSpace: 'nowrap',\n    }\n});\n\nfunction objectToArray(object, nameOfFirstAttr, nameOfSecondAttr) {\n    nameOfFirstAttr  = nameOfFirstAttr || 'key';\n\n    const array = [];\n    Object.keys(object).forEach(key => {\n        const item = {};\n        item[nameOfFirstAttr] = key;\n\n        if (nameOfSecondAttr) {\n            item[nameOfSecondAttr] = object[key]\n            array.push(item);\n        } else {\n            array.push(Object.assign(item, object[key]));\n        }\n    });\n\n    return array;\n}\n\nfunction arrayToObject(array, nameOfFirstAttr, nameOfSecondAttr) {\n    nameOfFirstAttr  = nameOfFirstAttr  || 'key';\n\n    const object = {};\n\n    array.forEach(row => {\n        let key = row[nameOfFirstAttr];\n        if (key === null || key === undefined) {\n            key = '';\n        }\n        delete row[nameOfFirstAttr];\n\n        if (nameOfSecondAttr) {\n            object[key] = row[nameOfSecondAttr];\n        } else {\n            object[key] = row;\n        }\n    });\n\n    return object;\n}\n\nclass ConfigTable extends ConfigGeneric {\n    constructor(props) {\n        super(props)\n        this.filterRefs = {};\n        this.props.schema.items = this.props.schema.items || [];\n        this.props.schema.items.forEach(el => {\n            if (el.filter) {\n                this.filterRefs[el.attr] = createRef();\n            }\n        });\n    }\n\n    async componentDidMount() {\n        super.componentDidMount();\n        let value = ConfigGeneric.getValue(this.props.data, this.props.attr) || [];\n\n        // if the list is given as an object\n        if (this.props.schema.objKeyName) {\n            value = objectToArray(value, this.props.schema.objKeyName, this.props.schema.objValueName);\n        }\n\n        if (!Array.isArray(value)) {\n            value = [];\n        }\n\n        const visibleValue = value.map((_, i) => i);\n\n        this.setState({\n            value,\n            visibleValue,\n            orderBy: /*this.props.schema.items.length ? this.props.schema.items[0].attr : */'',\n            order: 'asc',\n            iteration: 0,\n            filterOn: [],\n        });\n    }\n\n    componentWillUnmount() {\n        this.typingTimer && clearTimeout(this.typingTimer)\n        this.typingTimer = null;\n        super.componentWillUnmount();\n    }\n\n    itemTable(attrItem, data, idx) {\n        const { value, systemConfig } = this.state;\n        const { schema } = this.props;\n        const schemaFind = schema.items.find(el => el.attr === attrItem);\n\n        if (!schemaFind) {\n            return null;\n        }\n\n        const schemaItem = {\n            items: {\n                [attrItem]: schemaFind\n            }\n        };\n\n        return <ConfigPanel\n            index={idx + this.state.iteration}\n            socket={this.props.socket}\n            adapterName={this.props.adapterName}\n            instance={this.props.instance}\n            common={this.props.common}\n            alive={this.props.alive}\n            themeType={this.props.themeType}\n            themeName={this.props.themeName}\n            data={data}\n            table\n            custom\n            schema={schemaItem}\n            systemConfig={systemConfig}\n            customs={this.props.customs}\n            onChange={(attr, valueChange) => {\n                const newObj = JSON.parse(JSON.stringify(value));\n                newObj[idx][attr] = valueChange;\n                this.setState({ value: newObj }, () =>\n                    this.onChangeWrapper(newObj,true));\n            }}\n            onError={(error, attr) => this.onError(error, attr)}\n        />;\n    }\n\n    static descendingComparator(a, b, orderBy) {\n        if (b[orderBy] < a[orderBy]) {\n            return -1;\n        } else\n            if (b[orderBy] > a[orderBy]) {\n                return 1;\n            } else {\n                return 0;\n            }\n    }\n\n    static getComparator(order, orderBy) {\n        return order === 'desc'\n            ? (a, b) =>  ConfigTable.descendingComparator(a, b, orderBy)\n            : (a, b) => -ConfigTable.descendingComparator(a, b, orderBy);\n    }\n\n    handleRequestSort = (property, orderCheck = false) => {\n        const { order, orderBy } = this.state;\n        if (orderBy) {\n            const isAsc = orderBy === property && order === 'asc';\n            const newOrder = orderCheck ? order : (isAsc ? 'desc' : 'asc');\n            const newValue = this.stableSort(newOrder, property);\n            this.setState({ order: newOrder, orderBy: property, iteration: this.state.iteration + 10000 }, () =>\n                this.applyFilter(false, newValue));\n        }\n    }\n\n    stableSort = (order, orderBy) => {\n        const { value } = this.state;\n        const comparator = ConfigTable.getComparator(order, orderBy);\n        const stabilizedThis = value.map((el, index) => [el, index]);\n\n        stabilizedThis.sort((a, b) => {\n            const order = comparator(a[0], b[0]);\n            if (order !== 0) {\n                return order;\n            } else {\n                return a[1] - b[1];\n            }\n        });\n\n        return stabilizedThis.map(el => el[0]);\n    }\n\n    enhancedTableHead(buttonsWidth) {\n        const { schema, classes } = this.props;\n        const { order, orderBy } = this.state;\n        return <TableHead>\n            <TableRow>\n                {schema.items.map(headCell => (\n                    <TableCell\n                        style={{ width: typeof headCell.width === 'string' && headCell.width.endsWith('%') ? 'auto' : headCell.width }}\n                        key={headCell.attr}\n                        align=\"left\"\n                        sortDirection={orderBy === headCell.attr ? order : false}\n                    >\n                        <div className={classes.flex}>\n                            {headCell.sort && <TableSortLabel\n                                active\n                                className={clsx(orderBy !== headCell.attr && classes.silver)}\n                                direction={orderBy === headCell.attr ? order : 'asc'}\n                                onClick={() => this.handleRequestSort(headCell.attr)}\n                            />}\n                            {headCell.filter && this.state.filterOn.includes(headCell.attr) ?\n                                <TextField\n                                    variant=\"standard\"\n                                    ref={this.filterRefs[headCell.attr]}\n                                    onChange={() => this.applyFilter()}\n                                    title={I18n.t('You can filter entries by entering here some text')}\n                                    InputProps={{\n                                        endAdornment: (\n                                            this.filterRefs[headCell.attr]?.current?.children[0]?.children[0]?.value && <InputAdornment position=\"end\">\n                                                <IconButton\n                                                    size=\"small\"\n                                                    onClick={() => {\n                                                        this.filterRefs[headCell.attr].current.children[0].children[0].value = '';\n                                                        this.applyFilter();\n                                                    }}\n                                                >\n                                                    <CloseIcon />\n                                                </IconButton>\n                                            </InputAdornment>\n                                        ),\n                                    }}\n                                    fullWidth\n                                    placeholder={this.getText(headCell.title)}\n                                />\n                                : <span className={this.props.classes.headerText}>{this.getText(headCell.title)}</span>}\n                            { headCell.filter ? <IconButton\n                                title={I18n.t('Show/hide filter input')}\n                                size=\"small\"\n                                onClick={() => {\n                                    const filterOn = [...this.state.filterOn];\n                                    const pos = this.state.filterOn.indexOf(headCell.attr);\n                                    if (pos === -1) {\n                                        filterOn.push(headCell.attr);\n                                    } else {\n                                        filterOn.splice(pos, 1);\n                                    }\n                                    this.setState({ filterOn }, () => {\n                                        if (pos && this.filterRefs[headCell.attr].current.children[0].children[0].value) {\n                                            this.filterRefs[headCell.attr].current.children[0].children[0].value = '';\n                                            this.applyFilter();\n                                        }\n                                    });\n                                }}\n                            >{this.state.filterOn.includes(headCell.attr) ? <IconFilterOff /> : <IconFilterOn />}</IconButton> : null}\n                        </div>\n                    </TableCell>\n                ))}\n                {!schema.noDelete && <TableCell style={{ paddingLeft: 20, paddingRight: 20, width: buttonsWidth, textAlign: 'right' }} padding=\"checkbox\">\n                    <IconButton disabled size=\"small\">\n                        <DeleteIcon />\n                    </IconButton>\n                </TableCell>}\n            </TableRow>\n        </TableHead>;\n    }\n\n    onDelete = index => () => {\n        const newValue = JSON.parse(JSON.stringify(this.state.value));\n        let visibleValue = JSON.parse(JSON.stringify(this.state.visibleValue));\n        newValue.splice(index, 1);\n        const pos = visibleValue.indexOf(index);\n        if (pos !== -1) {\n            visibleValue.splice(pos, 1);\n            visibleValue = visibleValue.map(i => i > index ? i - 1 : i);\n        }\n\n        this.setState({ value: newValue, visibleValue, iteration: this.state.iteration + 10000 }, () =>\n            this.onChangeWrapper(newValue));\n    };\n\n    onChangeWrapper = (newValue, updateVisible = false) => {\n        this.typingTimer && clearTimeout(this.typingTimer);\n\n        this.typingTimer = setTimeout((value, updateVisible) => {\n            this.typingTimer = null;\n\n            if (this.props.schema.objKeyName) {\n                const objValue = arrayToObject(JSON.parse(JSON.stringify(value)), this.props.schema.objKeyName, this.props.schema.objValueName);\n                this.onChange(this.props.attr, objValue);\n            } else {\n                this.onChange(this.props.attr, value);\n            }\n\n            if (updateVisible) {\n                this.applyFilter(false, value);\n                this.handleRequestSort(this.state.orderBy, true);\n            }\n        }, 300, newValue, updateVisible);\n    }\n\n    onAdd = () => {\n        const { schema } = this.props;\n        const newValue = JSON.parse(JSON.stringify(this.state.value));\n        const visibleValue = JSON.parse(JSON.stringify(this.state.visibleValue));\n\n        const newItem = schema.items.reduce((accumulator, currentValue) => {\n            accumulator[currentValue.attr] = currentValue.default === undefined ? null : currentValue.default;\n            return accumulator;\n        }, {});\n\n        newValue.push(newItem);\n        visibleValue.push(newValue.length - 1);\n\n        this.setState({ value: newValue, visibleValue }, () =>\n            this.onChangeWrapper(newValue));\n    }\n\n    isAnyFilterSet() {\n        return Object.keys(this.filterRefs).find(attr => this.filterRefs[attr].current?.children[0].children[0].value);\n    }\n\n    applyFilter = (clear = false, value = this.state.value) => {\n        let visibleValue = value.map((_, i) => i);\n        Object.keys(this.filterRefs).forEach(attr => {\n            let valueInputRef = this.filterRefs[attr].current?.children[0].children[0].value;\n            if (!clear && valueInputRef) {\n                valueInputRef = valueInputRef.toLowerCase();\n                visibleValue = visibleValue.filter(idx => value[idx] && value[idx][attr] && value[idx][attr].toLowerCase().includes(valueInputRef));\n            } else if (this.filterRefs[attr].current) {\n                this.filterRefs[attr].current.children[0].children[0].value = '';\n            }\n        });\n\n        if (JSON.stringify(visibleValue) !== JSON.stringify(this.state.visibleValue)) {\n            this.setState({ visibleValue });\n        }\n    }\n\n    onMoveUp(idx) {\n        const value = JSON.parse(JSON.stringify(this.state.value));\n        const item = value[idx];\n        value.splice(idx, 1);\n        value.splice(idx - 1, 0, item);\n        this.setState({ value, iteration: this.state.iteration + 10000 }, () =>\n            this.onChangeWrapper(value));\n    }\n\n    onMoveDown(idx) {\n        const value = JSON.parse(JSON.stringify(this.state.value));\n        const item = value[idx];\n        value.splice(idx, 1);\n        value.splice(idx + 1, 0, item);\n        this.setState({ value, iteration: this.state.iteration + 10000 }, () =>\n            this.onChangeWrapper(value));\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        const { classes, schema } = this.props;\n        const { value, visibleValue } = this.state;\n\n        if (!value) {\n            return null;\n        }\n\n        const doAnyFilterSet = this.isAnyFilterSet();\n\n        return <Paper className={classes.paper}>\n            <div className={classes.addIcon}>\n                {schema.label ? <Toolbar\n                    variant=\"dense\"\n                    className={classes.rootTool}\n                >\n                    <Typography className={classes.title} variant=\"h6\" id=\"tableTitle\" component=\"div\">\n                        {this.getText(schema.label)}\n                    </Typography>\n                </Toolbar> : null}\n                {!schema.noDelete ? <Tooltip title={doAnyFilterSet ? I18n.t('Cannot add items with set filter') : I18n.t('Add row')}>\n                    <span>\n                        <IconButton disabled={!!doAnyFilterSet} onClick={this.onAdd}>\n                            <AddIcon />\n                        </IconButton>\n                    </span>\n                </Tooltip> : null}\n            </div>\n            <TableContainer>\n                <Table className={classes.table} size=\"small\">\n                    {this.enhancedTableHead(!doAnyFilterSet && !this.state.orderBy ? 120 : 64)}\n                    <TableBody>\n                        {visibleValue.map((idx, i) =>\n                            <TableRow\n                                hover\n                                key={idx}\n                            >\n                                {schema.items.map(headCell => {\n                                    console.log(`KEy: ${headCell.attr + idx} = ${value[idx][headCell.attr]}`)\n                                    return <TableCell key={headCell.attr + '_' + idx} align=\"left\">\n                                        {this.itemTable(headCell.attr, value[idx], idx)}\n                                    </TableCell>;\n                                })}\n                                {!schema.noDelete && <TableCell align=\"left\" className={classes.buttonCell}>\n                                    {!doAnyFilterSet && !this.state.orderBy ? (i ? <Tooltip title={I18n.t('Move up')}>\n                                        <IconButton size=\"small\" onClick={() => this.onMoveUp(idx)}>\n                                            <UpIcon />\n                                        </IconButton>\n                                    </Tooltip> : <div className={classes.buttonEmpty}/> ) : null}\n                                    {!doAnyFilterSet && !this.state.orderBy ? (i < visibleValue.length - 1 ? <Tooltip title={I18n.t('Move down')}>\n                                        <IconButton size=\"small\" onClick={() => this.onMoveDown(idx)}>\n                                            <DownIcon />\n                                        </IconButton>\n                                    </Tooltip> : <div className={classes.buttonEmpty}/> ) : null}\n                                    <Tooltip title={I18n.t('Delete current row')}>\n                                        <IconButton size=\"small\" onClick={this.onDelete(idx)}>\n                                            <DeleteIcon />\n                                        </IconButton>\n                                    </Tooltip>\n                                </TableCell>}\n                            </TableRow>)}\n                    </TableBody>\n                </Table>\n                {!visibleValue.length && value.length ?\n                    <div className={classes.filteredOut}>\n                        <Typography className={classes.title} variant=\"h6\" id=\"tableTitle\" component=\"div\">\n                            {I18n.t('All items are filtered out')}\n                            <IconButton\n                                size=\"small\"\n                                onClick={e => this.applyFilter(true)}\n                            >\n                                <CloseIcon />\n                            </IconButton>\n                        </Typography>\n                    </div> : null}\n            </TableContainer>\n            {schema.help ? <FormHelperText>{this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}</FormHelperText> : null}\n        </Paper>;\n    }\n}\n\nConfigTable.propTypes = {\n    socket: PropTypes.object.isRequired,\n    themeType: PropTypes.string,\n    themeName: PropTypes.string,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    data: PropTypes.object.isRequired,\n    schema: PropTypes.object,\n    onError: PropTypes.func,\n    onChange: PropTypes.func,\n};\n\nexport default withStyles(styles)(ConfigTable);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;AACA;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;EAAA,OAAK;IACrBC,SAAS,EAAE;MACPC,KAAK,EAAE;IADA,CADU;IAIrBC,IAAI,EAAE;MACFD,KAAK,EAAE;IADL,CAJe;IAOrBE,KAAK,EAAE;MACHF,KAAK,EAAE,MADJ;MAEHG,YAAY,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd,CAFX;MAGHC,eAAe;IAHZ,CAPc;IAYrBC,UAAU,EAAE;MACRN,KAAK,EAAE;IADC,CAZS;IAerBO,KAAK,EAAE;MACHC,QAAQ,EAAE;IADP,CAfc;IAkBrBC,cAAc,EAAE;MACZC,MAAM,EAAE,CADI;MAEZC,IAAI,EAAE,eAFM;MAGZC,MAAM,EAAE,CAHI;MAIZC,MAAM,EAAE,CAAC,CAJG;MAKZC,QAAQ,EAAE,QALE;MAMZC,OAAO,EAAE,CANG;MAOZC,QAAQ,EAAE,UAPE;MAQZC,GAAG,EAAE,EARO;MASZjB,KAAK,EAAE;IATK,CAlBK;IA6BrBkB,OAAO,EAAE;MACLC,OAAO,EAAE,MADJ;MAELC,cAAc,EAAE;IAFX,CA7BY;IAiCrBC,SAAS,EACLvB,KAAK,CAACwB,OAAN,CAAcC,IAAd,KAAuB,OAAvB,GACM;MACEC,KAAK,EAAE1B,KAAK,CAACwB,OAAN,CAAcG,SAAd,CAAwBC,IADjC,CAEE;;IAFF,CADN,GAKM;MACEF,KAAK,EAAE1B,KAAK,CAACwB,OAAN,CAAcK,IAAd,CAAmBC,OAD5B;MAEEvB,eAAe,EAAEP,KAAK,CAACwB,OAAN,CAAcG,SAAd,CAAwBI;IAF3C,CAvCW;IA2CrBC,KAAK,EAAE;MACHC,IAAI,EAAE;IADH,CA3Cc;IA8CrBC,QAAQ,EAAE;MACNC,WAAW,EAAEnC,KAAK,CAACM,OAAN,CAAc,CAAd,CADP;MAEN8B,YAAY,EAAEpC,KAAK,CAACM,OAAN,CAAc,CAAd;IAFR,CA9CW;IAkDrB+B,MAAM,EAAE;MACJC,OAAO,EAAE;IADL,CAlDa;IAqDrBL,IAAI,EAAE;MACFZ,OAAO,EAAE;IADP,CArDe;IAwDrBkB,WAAW,EAAE;MACTtB,OAAO,EAAE,EADA;MAETI,OAAO,EAAE,MAFA;MAGTmB,SAAS,EAAE;IAHF,CAxDQ;IA6DrBC,WAAW,EAAE;MACTvC,KAAK,EAAE,EADE;MAETmB,OAAO,EAAE;IAFA,CA7DQ;IAiErBqB,UAAU,EAAE;MACRC,UAAU,EAAE;IADJ;EAjES,CAAL;AAAA,CAApB;;AAsEA,SAASC,aAAT,CAAuBC,MAAvB,EAA+BC,eAA/B,EAAgDC,gBAAhD,EAAkE;EAC9DD,eAAe,GAAIA,eAAe,IAAI,KAAtC;EAEA,IAAME,KAAK,GAAG,EAAd;EACAC,MAAM,CAACC,IAAP,CAAYL,MAAZ,EAAoBM,OAApB,CAA4B,UAAAC,GAAG,EAAI;IAC/B,IAAMC,IAAI,GAAG,EAAb;IACAA,IAAI,CAACP,eAAD,CAAJ,GAAwBM,GAAxB;;IAEA,IAAIL,gBAAJ,EAAsB;MAClBM,IAAI,CAACN,gBAAD,CAAJ,GAAyBF,MAAM,CAACO,GAAD,CAA/B;MACAJ,KAAK,CAACM,IAAN,CAAWD,IAAX;IACH,CAHD,MAGO;MACHL,KAAK,CAACM,IAAN,CAAWL,MAAM,CAACM,MAAP,CAAcF,IAAd,EAAoBR,MAAM,CAACO,GAAD,CAA1B,CAAX;IACH;EACJ,CAVD;EAYA,OAAOJ,KAAP;AACH;;AAED,SAASQ,aAAT,CAAuBR,KAAvB,EAA8BF,eAA9B,EAA+CC,gBAA/C,EAAiE;EAC7DD,eAAe,GAAIA,eAAe,IAAK,KAAvC;EAEA,IAAMD,MAAM,GAAG,EAAf;EAEAG,KAAK,CAACG,OAAN,CAAc,UAAAM,GAAG,EAAI;IACjB,IAAIL,GAAG,GAAGK,GAAG,CAACX,eAAD,CAAb;;IACA,IAAIM,GAAG,KAAK,IAAR,IAAgBA,GAAG,KAAKM,SAA5B,EAAuC;MACnCN,GAAG,GAAG,EAAN;IACH;;IACD,OAAOK,GAAG,CAACX,eAAD,CAAV;;IAEA,IAAIC,gBAAJ,EAAsB;MAClBF,MAAM,CAACO,GAAD,CAAN,GAAcK,GAAG,CAACV,gBAAD,CAAjB;IACH,CAFD,MAEO;MACHF,MAAM,CAACO,GAAD,CAAN,GAAcK,GAAd;IACH;EACJ,CAZD;EAcA,OAAOZ,MAAP;AACH;;IAEKc,W;;;;;EACF,qBAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACf,0BAAMA,KAAN;IADe,sGAmGC,UAACC,QAAD,EAAkC;MAAA,IAAvBC,UAAuB,uEAAV,KAAU;MAClD,kBAA2B,MAAKC,KAAhC;MAAA,IAAQC,KAAR,eAAQA,KAAR;MAAA,IAAeC,OAAf,eAAeA,OAAf;;MACA,IAAIA,OAAJ,EAAa;QACT,IAAMC,KAAK,GAAGD,OAAO,KAAKJ,QAAZ,IAAwBG,KAAK,KAAK,KAAhD;QACA,IAAMG,QAAQ,GAAGL,UAAU,GAAGE,KAAH,GAAYE,KAAK,GAAG,MAAH,GAAY,KAAxD;;QACA,IAAME,QAAQ,GAAG,MAAKC,UAAL,CAAgBF,QAAhB,EAA0BN,QAA1B,CAAjB;;QACA,MAAKS,QAAL,CAAc;UAAEN,KAAK,EAAEG,QAAT;UAAmBF,OAAO,EAAEJ,QAA5B;UAAsCU,SAAS,EAAE,MAAKR,KAAL,CAAWQ,SAAX,GAAuB;QAAxE,CAAd,EAA+F;UAAA,OAC3F,MAAKC,WAAL,CAAiB,KAAjB,EAAwBJ,QAAxB,CAD2F;QAAA,CAA/F;MAEH;IACJ,CA5GkB;IAAA,+FA8GN,UAACJ,KAAD,EAAQC,OAAR,EAAoB;MAC7B,IAAQQ,KAAR,GAAkB,MAAKV,KAAvB,CAAQU,KAAR;MACA,IAAMC,UAAU,GAAGf,WAAW,CAACgB,aAAZ,CAA0BX,KAA1B,EAAiCC,OAAjC,CAAnB;MACA,IAAMW,cAAc,GAAGH,KAAK,CAACI,GAAN,CAAU,UAACC,EAAD,EAAKC,KAAL;QAAA,OAAe,CAACD,EAAD,EAAKC,KAAL,CAAf;MAAA,CAAV,CAAvB;MAEAH,cAAc,CAACI,IAAf,CAAoB,UAACC,CAAD,EAAIC,CAAJ,EAAU;QAC1B,IAAMlB,KAAK,GAAGU,UAAU,CAACO,CAAC,CAAC,CAAD,CAAF,EAAOC,CAAC,CAAC,CAAD,CAAR,CAAxB;;QACA,IAAIlB,KAAK,KAAK,CAAd,EAAiB;UACb,OAAOA,KAAP;QACH,CAFD,MAEO;UACH,OAAOiB,CAAC,CAAC,CAAD,CAAD,GAAOC,CAAC,CAAC,CAAD,CAAf;QACH;MACJ,CAPD;MASA,OAAON,cAAc,CAACC,GAAf,CAAmB,UAAAC,EAAE;QAAA,OAAIA,EAAE,CAAC,CAAD,CAAN;MAAA,CAArB,CAAP;IACH,CA7HkB;IAAA,6FA0MR,UAAAC,KAAK;MAAA,OAAI,YAAM;QACtB,IAAMX,QAAQ,GAAGe,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAe,MAAKtB,KAAL,CAAWU,KAA1B,CAAX,CAAjB;QACA,IAAIa,YAAY,GAAGH,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAe,MAAKtB,KAAL,CAAWuB,YAA1B,CAAX,CAAnB;QACAlB,QAAQ,CAACmB,MAAT,CAAgBR,KAAhB,EAAuB,CAAvB;QACA,IAAMS,GAAG,GAAGF,YAAY,CAACG,OAAb,CAAqBV,KAArB,CAAZ;;QACA,IAAIS,GAAG,KAAK,CAAC,CAAb,EAAgB;UACZF,YAAY,CAACC,MAAb,CAAoBC,GAApB,EAAyB,CAAzB;UACAF,YAAY,GAAGA,YAAY,CAACT,GAAb,CAAiB,UAAAa,CAAC;YAAA,OAAIA,CAAC,GAAGX,KAAJ,GAAYW,CAAC,GAAG,CAAhB,GAAoBA,CAAxB;UAAA,CAAlB,CAAf;QACH;;QAED,MAAKpB,QAAL,CAAc;UAAEG,KAAK,EAAEL,QAAT;UAAmBkB,YAAY,EAAZA,YAAnB;UAAiCf,SAAS,EAAE,MAAKR,KAAL,CAAWQ,SAAX,GAAuB;QAAnE,CAAd,EAA0F;UAAA,OACtF,MAAKoB,eAAL,CAAqBvB,QAArB,CADsF;QAAA,CAA1F;MAEH,CAZe;IAAA,CA1MG;IAAA,oGAwND,UAACA,QAAD,EAAqC;MAAA,IAA1BwB,aAA0B,uEAAV,KAAU;MACnD,MAAKC,WAAL,IAAoBC,YAAY,CAAC,MAAKD,WAAN,CAAhC;MAEA,MAAKA,WAAL,GAAmBE,UAAU,CAAC,UAACtB,KAAD,EAAQmB,aAAR,EAA0B;QACpD,MAAKC,WAAL,GAAmB,IAAnB;;QAEA,IAAI,MAAKjC,KAAL,CAAWoC,MAAX,CAAkBC,UAAtB,EAAkC;UAC9B,IAAMC,QAAQ,GAAG1C,aAAa,CAAC2B,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeZ,KAAf,CAAX,CAAD,EAAoC,MAAKb,KAAL,CAAWoC,MAAX,CAAkBC,UAAtD,EAAkE,MAAKrC,KAAL,CAAWoC,MAAX,CAAkBG,YAApF,CAA9B;;UACA,MAAKC,QAAL,CAAc,MAAKxC,KAAL,CAAWyC,IAAzB,EAA+BH,QAA/B;QACH,CAHD,MAGO;UACH,MAAKE,QAAL,CAAc,MAAKxC,KAAL,CAAWyC,IAAzB,EAA+B5B,KAA/B;QACH;;QAED,IAAImB,aAAJ,EAAmB;UACf,MAAKpB,WAAL,CAAiB,KAAjB,EAAwBC,KAAxB;;UACA,MAAK6B,iBAAL,CAAuB,MAAKvC,KAAL,CAAWE,OAAlC,EAA2C,IAA3C;QACH;MACJ,CAd4B,EAc1B,GAd0B,EAcrBG,QAdqB,EAcXwB,aAdW,CAA7B;IAeH,CA1OkB;IAAA,0FA4OX,YAAM;MACV,IAAQI,MAAR,GAAmB,MAAKpC,KAAxB,CAAQoC,MAAR;MACA,IAAM5B,QAAQ,GAAGe,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAe,MAAKtB,KAAL,CAAWU,KAA1B,CAAX,CAAjB;MACA,IAAMa,YAAY,GAAGH,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAe,MAAKtB,KAAL,CAAWuB,YAA1B,CAAX,CAArB;MAEA,IAAMiB,OAAO,GAAGP,MAAM,CAACQ,KAAP,CAAaC,MAAb,CAAoB,UAACC,WAAD,EAAcC,YAAd,EAA+B;QAC/DD,WAAW,CAACC,YAAY,CAACN,IAAd,CAAX,GAAiCM,YAAY,WAAZ,KAAyBjD,SAAzB,GAAqC,IAArC,GAA4CiD,YAAY,WAAzF;QACA,OAAOD,WAAP;MACH,CAHe,EAGb,EAHa,CAAhB;MAKAtC,QAAQ,CAACd,IAAT,CAAciD,OAAd;MACAjB,YAAY,CAAChC,IAAb,CAAkBc,QAAQ,CAACwC,MAAT,GAAkB,CAApC;;MAEA,MAAKtC,QAAL,CAAc;QAAEG,KAAK,EAAEL,QAAT;QAAmBkB,YAAY,EAAZA;MAAnB,CAAd,EAAiD;QAAA,OAC7C,MAAKK,eAAL,CAAqBvB,QAArB,CAD6C;MAAA,CAAjD;IAEH,CA3PkB;IAAA,gGAiQL,YAA6C;MAAA,IAA5CyC,KAA4C,uEAApC,KAAoC;MAAA,IAA7BpC,KAA6B,uEAArB,MAAKV,KAAL,CAAWU,KAAU;MACvD,IAAIa,YAAY,GAAGb,KAAK,CAACI,GAAN,CAAU,UAACiC,CAAD,EAAIpB,CAAJ;QAAA,OAAUA,CAAV;MAAA,CAAV,CAAnB;MACAzC,MAAM,CAACC,IAAP,CAAY,MAAK6D,UAAjB,EAA6B5D,OAA7B,CAAqC,UAAAkD,IAAI,EAAI;QAAA;;QACzC,IAAIW,aAAa,4BAAG,MAAKD,UAAL,CAAgBV,IAAhB,EAAsBY,OAAzB,0DAAG,sBAA+BC,QAA/B,CAAwC,CAAxC,EAA2CA,QAA3C,CAAoD,CAApD,EAAuDzC,KAA3E;;QACA,IAAI,CAACoC,KAAD,IAAUG,aAAd,EAA6B;UACzBA,aAAa,GAAGA,aAAa,CAACG,WAAd,EAAhB;UACA7B,YAAY,GAAGA,YAAY,CAAC8B,MAAb,CAAoB,UAAAC,GAAG;YAAA,OAAI5C,KAAK,CAAC4C,GAAD,CAAL,IAAc5C,KAAK,CAAC4C,GAAD,CAAL,CAAWhB,IAAX,CAAd,IAAkC5B,KAAK,CAAC4C,GAAD,CAAL,CAAWhB,IAAX,EAAiBc,WAAjB,GAA+BG,QAA/B,CAAwCN,aAAxC,CAAtC;UAAA,CAAvB,CAAf;QACH,CAHD,MAGO,IAAI,MAAKD,UAAL,CAAgBV,IAAhB,EAAsBY,OAA1B,EAAmC;UACtC,MAAKF,UAAL,CAAgBV,IAAhB,EAAsBY,OAAtB,CAA8BC,QAA9B,CAAuC,CAAvC,EAA0CA,QAA1C,CAAmD,CAAnD,EAAsDzC,KAAtD,GAA8D,EAA9D;QACH;MACJ,CARD;;MAUA,IAAIU,IAAI,CAACE,SAAL,CAAeC,YAAf,MAAiCH,IAAI,CAACE,SAAL,CAAe,MAAKtB,KAAL,CAAWuB,YAA1B,CAArC,EAA8E;QAC1E,MAAKhB,QAAL,CAAc;UAAEgB,YAAY,EAAZA;QAAF,CAAd;MACH;IACJ,CAhRkB;IAEf,MAAKyB,UAAL,GAAkB,EAAlB;IACA,MAAKnD,KAAL,CAAWoC,MAAX,CAAkBQ,KAAlB,GAA0B,MAAK5C,KAAL,CAAWoC,MAAX,CAAkBQ,KAAlB,IAA2B,EAArD;;IACA,MAAK5C,KAAL,CAAWoC,MAAX,CAAkBQ,KAAlB,CAAwBrD,OAAxB,CAAgC,UAAA2B,EAAE,EAAI;MAClC,IAAIA,EAAE,CAACsC,MAAP,EAAe;QACX,MAAKL,UAAL,CAAgBjC,EAAE,CAACuB,IAAnB,iBAA2B,IAAAkB,gBAAA,GAA3B;MACH;IACJ,CAJD;;IAJe;EASlB;;;;;6GAED;QAAA;QAAA;UAAA;YAAA;cAAA;gBACI;gBACI9C,KAFR,GAEgB+C,0BAAA,CAAcC,QAAd,CAAuB,KAAK7D,KAAL,CAAW8D,IAAlC,EAAwC,KAAK9D,KAAL,CAAWyC,IAAnD,KAA4D,EAF5E,EAII;;gBACA,IAAI,KAAKzC,KAAL,CAAWoC,MAAX,CAAkBC,UAAtB,EAAkC;kBAC9BxB,KAAK,GAAG7B,aAAa,CAAC6B,KAAD,EAAQ,KAAKb,KAAL,CAAWoC,MAAX,CAAkBC,UAA1B,EAAsC,KAAKrC,KAAL,CAAWoC,MAAX,CAAkBG,YAAxD,CAArB;gBACH;;gBAED,IAAI,CAACwB,KAAK,CAACC,OAAN,CAAcnD,KAAd,CAAL,EAA2B;kBACvBA,KAAK,GAAG,EAAR;gBACH;;gBAEKa,YAbV,GAayBb,KAAK,CAACI,GAAN,CAAU,UAACiC,CAAD,EAAIpB,CAAJ;kBAAA,OAAUA,CAAV;gBAAA,CAAV,CAbzB;gBAeI,KAAKpB,QAAL,CAAc;kBACVG,KAAK,EAALA,KADU;kBAEVa,YAAY,EAAZA,YAFU;kBAGVrB,OAAO;kBAAE;kBAAuE,EAHtE;kBAIVD,KAAK,EAAE,KAJG;kBAKVO,SAAS,EAAE,CALD;kBAMVsD,QAAQ,EAAE;gBANA,CAAd;;cAfJ;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA,C;;;;;;;;;;WAyBA,gCAAuB;MACnB,KAAKhC,WAAL,IAAoBC,YAAY,CAAC,KAAKD,WAAN,CAAhC;MACA,KAAKA,WAAL,GAAmB,IAAnB;MACA;IACH;;;WAED,mBAAUiC,QAAV,EAAoBJ,IAApB,EAA0BL,GAA1B,EAA+B;MAAA;;MAC3B,mBAAgC,KAAKtD,KAArC;MAAA,IAAQU,KAAR,gBAAQA,KAAR;MAAA,IAAesD,YAAf,gBAAeA,YAAf;MACA,IAAQ/B,MAAR,GAAmB,KAAKpC,KAAxB,CAAQoC,MAAR;MACA,IAAMgC,UAAU,GAAGhC,MAAM,CAACQ,KAAP,CAAayB,IAAb,CAAkB,UAAAnD,EAAE;QAAA,OAAIA,EAAE,CAACuB,IAAH,KAAYyB,QAAhB;MAAA,CAApB,CAAnB;;MAEA,IAAI,CAACE,UAAL,EAAiB;QACb,OAAO,IAAP;MACH;;MAED,IAAME,UAAU,GAAG;QACf1B,KAAK,uCACAsB,QADA,EACWE,UADX;MADU,CAAnB;MAMA,oBAAO,gCAAC,uBAAD;QACH,KAAK,EAAEX,GAAG,GAAG,KAAKtD,KAAL,CAAWQ,SADrB;QAEH,MAAM,EAAE,KAAKX,KAAL,CAAWuE,MAFhB;QAGH,WAAW,EAAE,KAAKvE,KAAL,CAAWwE,WAHrB;QAIH,QAAQ,EAAE,KAAKxE,KAAL,CAAWyE,QAJlB;QAKH,MAAM,EAAE,KAAKzE,KAAL,CAAW0E,MALhB;QAMH,KAAK,EAAE,KAAK1E,KAAL,CAAW2E,KANf;QAOH,SAAS,EAAE,KAAK3E,KAAL,CAAW4E,SAPnB;QAQH,SAAS,EAAE,KAAK5E,KAAL,CAAW6E,SARnB;QASH,IAAI,EAAEf,IATH;QAUH,KAAK,MAVF;QAWH,MAAM,MAXH;QAYH,MAAM,EAAEQ,UAZL;QAaH,YAAY,EAAEH,YAbX;QAcH,OAAO,EAAE,KAAKnE,KAAL,CAAW8E,OAdjB;QAeH,QAAQ,EAAE,kBAACrC,IAAD,EAAOsC,WAAP,EAAuB;UAC7B,IAAMC,MAAM,GAAGzD,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeZ,KAAf,CAAX,CAAf;UACAmE,MAAM,CAACvB,GAAD,CAAN,CAAYhB,IAAZ,IAAoBsC,WAApB;;UACA,MAAI,CAACrE,QAAL,CAAc;YAAEG,KAAK,EAAEmE;UAAT,CAAd,EAAiC;YAAA,OAC7B,MAAI,CAACjD,eAAL,CAAqBiD,MAArB,EAA4B,IAA5B,CAD6B;UAAA,CAAjC;QAEH,CApBE;QAqBH,OAAO,EAAE,iBAACC,KAAD,EAAQxC,IAAR;UAAA,OAAiB,MAAI,CAACyC,OAAL,CAAaD,KAAb,EAAoBxC,IAApB,CAAjB;QAAA;MArBN,EAAP;IAuBH;;;WA+CD,2BAAkB0C,YAAlB,EAAgC;MAAA;;MAC5B,kBAA4B,KAAKnF,KAAjC;MAAA,IAAQoC,MAAR,eAAQA,MAAR;MAAA,IAAgBgD,OAAhB,eAAgBA,OAAhB;MACA,mBAA2B,KAAKjF,KAAhC;MAAA,IAAQC,KAAR,gBAAQA,KAAR;MAAA,IAAeC,OAAf,gBAAeA,OAAf;MACA,oBAAO,gCAAC,mBAAD,qBACH,gCAAC,kBAAD,QACK+B,MAAM,CAACQ,KAAP,CAAa3B,GAAb,CAAiB,UAAAoE,QAAQ;QAAA;;QAAA,oBACtB,gCAAC,mBAAD;UACI,KAAK,EAAE;YAAE/I,KAAK,EAAE,OAAO+I,QAAQ,CAAC/I,KAAhB,KAA0B,QAA1B,IAAsC+I,QAAQ,CAAC/I,KAAT,CAAegJ,QAAf,CAAwB,GAAxB,CAAtC,GAAqE,MAArE,GAA8ED,QAAQ,CAAC/I;UAAhG,CADX;UAEI,GAAG,EAAE+I,QAAQ,CAAC5C,IAFlB;UAGI,KAAK,EAAC,MAHV;UAII,aAAa,EAAEpC,OAAO,KAAKgF,QAAQ,CAAC5C,IAArB,GAA4BrC,KAA5B,GAAoC;QAJvD,gBAMI;UAAK,SAAS,EAAEgF,OAAO,CAAC/G;QAAxB,GACKgH,QAAQ,CAACjE,IAAT,iBAAiB,gCAAC,wBAAD;UACd,MAAM,MADQ;UAEd,SAAS,EAAE,IAAAmE,gBAAA,EAAKlF,OAAO,KAAKgF,QAAQ,CAAC5C,IAArB,IAA6B2C,OAAO,CAAC3G,MAA1C,CAFG;UAGd,SAAS,EAAE4B,OAAO,KAAKgF,QAAQ,CAAC5C,IAArB,GAA4BrC,KAA5B,GAAoC,KAHjC;UAId,OAAO,EAAE;YAAA,OAAM,MAAI,CAACsC,iBAAL,CAAuB2C,QAAQ,CAAC5C,IAAhC,CAAN;UAAA;QAJK,EADtB,EAOK4C,QAAQ,CAAC7B,MAAT,IAAmB,MAAI,CAACrD,KAAL,CAAW8D,QAAX,CAAoBP,QAApB,CAA6B2B,QAAQ,CAAC5C,IAAtC,CAAnB,gBACG,gCAAC,mBAAD;UACI,OAAO,EAAC,UADZ;UAEI,GAAG,EAAE,MAAI,CAACU,UAAL,CAAgBkC,QAAQ,CAAC5C,IAAzB,CAFT;UAGI,QAAQ,EAAE;YAAA,OAAM,MAAI,CAAC7B,WAAL,EAAN;UAAA,CAHd;UAII,KAAK,EAAE4E,gBAAA,CAAKC,CAAL,CAAO,mDAAP,CAJX;UAKI,UAAU,EAAE;YACRC,YAAY,EACR,gCAAI,CAACvC,UAAL,CAAgBkC,QAAQ,CAAC5C,IAAzB,2GAAgCY,OAAhC,4GAAyCC,QAAzC,CAAkD,CAAlD,6GAAsDA,QAAtD,CAA+D,CAA/D,mFAAmEzC,KAAnE,kBAA4E,gCAAC,wBAAD;cAAgB,QAAQ,EAAC;YAAzB,gBACxE,gCAAC,oBAAD;cACI,IAAI,EAAC,OADT;cAEI,OAAO,EAAE,mBAAM;gBACX,MAAI,CAACsC,UAAL,CAAgBkC,QAAQ,CAAC5C,IAAzB,EAA+BY,OAA/B,CAAuCC,QAAvC,CAAgD,CAAhD,EAAmDA,QAAnD,CAA4D,CAA5D,EAA+DzC,KAA/D,GAAuE,EAAvE;;gBACA,MAAI,CAACD,WAAL;cACH;YALL,gBAOI,gCAAC,iBAAD,OAPJ,CADwE;UAFxE,CALhB;UAoBI,SAAS,MApBb;UAqBI,WAAW,EAAE,MAAI,CAAC+E,OAAL,CAAaN,QAAQ,CAACjH,KAAtB;QArBjB,EADH,gBAwBK;UAAM,SAAS,EAAE,MAAI,CAAC4B,KAAL,CAAWoF,OAAX,CAAmBxI;QAApC,GAAiD,MAAI,CAAC+I,OAAL,CAAaN,QAAQ,CAACjH,KAAtB,CAAjD,CA/BV,EAgCMiH,QAAQ,CAAC7B,MAAT,gBAAkB,gCAAC,oBAAD;UAChB,KAAK,EAAEgC,gBAAA,CAAKC,CAAL,CAAO,wBAAP,CADS;UAEhB,IAAI,EAAC,OAFW;UAGhB,OAAO,EAAE,mBAAM;YACX,IAAMxB,QAAQ,uCAAO,MAAI,CAAC9D,KAAL,CAAW8D,QAAlB,CAAd;;YACA,IAAMrC,GAAG,GAAG,MAAI,CAACzB,KAAL,CAAW8D,QAAX,CAAoBpC,OAApB,CAA4BwD,QAAQ,CAAC5C,IAArC,CAAZ;;YACA,IAAIb,GAAG,KAAK,CAAC,CAAb,EAAgB;cACZqC,QAAQ,CAACvE,IAAT,CAAc2F,QAAQ,CAAC5C,IAAvB;YACH,CAFD,MAEO;cACHwB,QAAQ,CAACtC,MAAT,CAAgBC,GAAhB,EAAqB,CAArB;YACH;;YACD,MAAI,CAAClB,QAAL,CAAc;cAAEuD,QAAQ,EAARA;YAAF,CAAd,EAA4B,YAAM;cAC9B,IAAIrC,GAAG,IAAI,MAAI,CAACuB,UAAL,CAAgBkC,QAAQ,CAAC5C,IAAzB,EAA+BY,OAA/B,CAAuCC,QAAvC,CAAgD,CAAhD,EAAmDA,QAAnD,CAA4D,CAA5D,EAA+DzC,KAA1E,EAAiF;gBAC7E,MAAI,CAACsC,UAAL,CAAgBkC,QAAQ,CAAC5C,IAAzB,EAA+BY,OAA/B,CAAuCC,QAAvC,CAAgD,CAAhD,EAAmDA,QAAnD,CAA4D,CAA5D,EAA+DzC,KAA/D,GAAuE,EAAvE;;gBACA,MAAI,CAACD,WAAL;cACH;YACJ,CALD;UAMH;QAjBe,GAkBlB,MAAI,CAACT,KAAL,CAAW8D,QAAX,CAAoBP,QAApB,CAA6B2B,QAAQ,CAAC5C,IAAtC,iBAA8C,gCAAC,wBAAD,OAA9C,gBAAkE,gCAAC,qBAAD,OAlBhD,CAAlB,GAkBmG,IAlDzG,CANJ,CADsB;MAAA,CAAzB,CADL,EA8DK,CAACL,MAAM,CAACwD,QAAR,iBAAoB,gCAAC,mBAAD;QAAW,KAAK,EAAE;UAAErH,WAAW,EAAE,EAAf;UAAmBC,YAAY,EAAE,EAAjC;UAAqClC,KAAK,EAAE6I,YAA5C;UAA0DvG,SAAS,EAAE;QAArE,CAAlB;QAAkG,OAAO,EAAC;MAA1G,gBACjB,gCAAC,oBAAD;QAAY,QAAQ,MAApB;QAAqB,IAAI,EAAC;MAA1B,gBACI,gCAAC,kBAAD,OADJ,CADiB,CA9DzB,CADG,CAAP;IAsEH;;;WAqDD,0BAAiB;MAAA;;MACb,OAAOS,MAAM,CAACC,IAAP,CAAY,KAAK6D,UAAjB,EAA6BkB,IAA7B,CAAkC,UAAA5B,IAAI;QAAA;;QAAA,gCAAI,MAAI,CAACU,UAAL,CAAgBV,IAAhB,EAAsBY,OAA1B,0DAAI,sBAA+BC,QAA/B,CAAwC,CAAxC,EAA2CA,QAA3C,CAAoD,CAApD,EAAuDzC,KAA3D;MAAA,CAAtC,CAAP;IACH;;;WAmBD,kBAAS4C,GAAT,EAAc;MAAA;;MACV,IAAM5C,KAAK,GAAGU,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAe,KAAKtB,KAAL,CAAWU,KAA1B,CAAX,CAAd;MACA,IAAMpB,IAAI,GAAGoB,KAAK,CAAC4C,GAAD,CAAlB;MACA5C,KAAK,CAACc,MAAN,CAAa8B,GAAb,EAAkB,CAAlB;MACA5C,KAAK,CAACc,MAAN,CAAa8B,GAAG,GAAG,CAAnB,EAAsB,CAAtB,EAAyBhE,IAAzB;MACA,KAAKiB,QAAL,CAAc;QAAEG,KAAK,EAALA,KAAF;QAASF,SAAS,EAAE,KAAKR,KAAL,CAAWQ,SAAX,GAAuB;MAA3C,CAAd,EAAkE;QAAA,OAC9D,MAAI,CAACoB,eAAL,CAAqBlB,KAArB,CAD8D;MAAA,CAAlE;IAEH;;;WAED,oBAAW4C,GAAX,EAAgB;MAAA;;MACZ,IAAM5C,KAAK,GAAGU,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAe,KAAKtB,KAAL,CAAWU,KAA1B,CAAX,CAAd;MACA,IAAMpB,IAAI,GAAGoB,KAAK,CAAC4C,GAAD,CAAlB;MACA5C,KAAK,CAACc,MAAN,CAAa8B,GAAb,EAAkB,CAAlB;MACA5C,KAAK,CAACc,MAAN,CAAa8B,GAAG,GAAG,CAAnB,EAAsB,CAAtB,EAAyBhE,IAAzB;MACA,KAAKiB,QAAL,CAAc;QAAEG,KAAK,EAALA,KAAF;QAASF,SAAS,EAAE,KAAKR,KAAL,CAAWQ,SAAX,GAAuB;MAA3C,CAAd,EAAkE;QAAA,OAC9D,MAAI,CAACoB,eAAL,CAAqBlB,KAArB,CAD8D;MAAA,CAAlE;IAEH;;;WAED,oBAAWoE,KAAX,EAAkBY,QAAlB,EAA4BC,YAA5B,EAA0C;MAAA;;MACtC,mBAA4B,KAAK9F,KAAjC;MAAA,IAAQoF,OAAR,gBAAQA,OAAR;MAAA,IAAiBhD,MAAjB,gBAAiBA,MAAjB;MACA,mBAAgC,KAAKjC,KAArC;MAAA,IAAQU,KAAR,gBAAQA,KAAR;MAAA,IAAea,YAAf,gBAAeA,YAAf;;MAEA,IAAI,CAACb,KAAL,EAAY;QACR,OAAO,IAAP;MACH;;MAED,IAAMkF,cAAc,GAAG,KAAKC,cAAL,EAAvB;MAEA,oBAAO,gCAAC,eAAD;QAAO,SAAS,EAAEZ,OAAO,CAAC5I;MAA1B,gBACH;QAAK,SAAS,EAAE4I,OAAO,CAAC5H;MAAxB,GACK4E,MAAM,CAAC6D,KAAP,gBAAe,gCAAC,iBAAD;QACZ,OAAO,EAAC,OADI;QAEZ,SAAS,EAAEb,OAAO,CAAC9G;MAFP,gBAIZ,gCAAC,oBAAD;QAAY,SAAS,EAAE8G,OAAO,CAAChH,KAA/B;QAAsC,OAAO,EAAC,IAA9C;QAAmD,EAAE,EAAC,YAAtD;QAAmE,SAAS,EAAC;MAA7E,GACK,KAAKuH,OAAL,CAAavD,MAAM,CAAC6D,KAApB,CADL,CAJY,CAAf,GAOY,IARjB,EASK,CAAC7D,MAAM,CAACwD,QAAR,gBAAmB,gCAAC,iBAAD;QAAS,KAAK,EAAEG,cAAc,GAAGP,gBAAA,CAAKC,CAAL,CAAO,kCAAP,CAAH,GAAgDD,gBAAA,CAAKC,CAAL,CAAO,SAAP;MAA9E,gBAChB,2DACI,gCAAC,oBAAD;QAAY,QAAQ,EAAE,CAAC,CAACM,cAAxB;QAAwC,OAAO,EAAE,KAAKG;MAAtD,gBACI,gCAAC,eAAD,OADJ,CADJ,CADgB,CAAnB,GAMY,IAfjB,CADG,eAkBH,gCAAC,wBAAD,qBACI,gCAAC,eAAD;QAAO,SAAS,EAAEd,OAAO,CAACvI,KAA1B;QAAiC,IAAI,EAAC;MAAtC,GACK,KAAKsJ,iBAAL,CAAuB,CAACJ,cAAD,IAAmB,CAAC,KAAK5F,KAAL,CAAWE,OAA/B,GAAyC,GAAzC,GAA+C,EAAtE,CADL,eAEI,gCAAC,mBAAD,QACKqB,YAAY,CAACT,GAAb,CAAiB,UAACwC,GAAD,EAAM3B,CAAN;QAAA,oBACd,gCAAC,kBAAD;UACI,KAAK,MADT;UAEI,GAAG,EAAE2B;QAFT,GAIKrB,MAAM,CAACQ,KAAP,CAAa3B,GAAb,CAAiB,UAAAoE,QAAQ,EAAI;UAC1Be,OAAO,CAACC,GAAR,gBAAoBhB,QAAQ,CAAC5C,IAAT,GAAgBgB,GAApC,gBAA6C5C,KAAK,CAAC4C,GAAD,CAAL,CAAW4B,QAAQ,CAAC5C,IAApB,CAA7C;UACA,oBAAO,gCAAC,mBAAD;YAAW,GAAG,EAAE4C,QAAQ,CAAC5C,IAAT,GAAgB,GAAhB,GAAsBgB,GAAtC;YAA2C,KAAK,EAAC;UAAjD,GACF,MAAI,CAAC6C,SAAL,CAAejB,QAAQ,CAAC5C,IAAxB,EAA8B5B,KAAK,CAAC4C,GAAD,CAAnC,EAA0CA,GAA1C,CADE,CAAP;QAGH,CALA,CAJL,EAUK,CAACrB,MAAM,CAACwD,QAAR,iBAAoB,gCAAC,mBAAD;UAAW,KAAK,EAAC,MAAjB;UAAwB,SAAS,EAAER,OAAO,CAACtG;QAA3C,GAChB,CAACiH,cAAD,IAAmB,CAAC,MAAI,CAAC5F,KAAL,CAAWE,OAA/B,GAA0CyB,CAAC,gBAAG,gCAAC,iBAAD;UAAS,KAAK,EAAE0D,gBAAA,CAAKC,CAAL,CAAO,SAAP;QAAhB,gBAC3C,gCAAC,oBAAD;UAAY,IAAI,EAAC,OAAjB;UAAyB,OAAO,EAAE;YAAA,OAAM,MAAI,CAACc,QAAL,CAAc9C,GAAd,CAAN;UAAA;QAAlC,gBACI,gCAAC,uBAAD,OADJ,CAD2C,CAAH,gBAI/B;UAAK,SAAS,EAAE2B,OAAO,CAACvG;QAAxB,EAJZ,GAIuD,IALvC,EAMhB,CAACkH,cAAD,IAAmB,CAAC,MAAI,CAAC5F,KAAL,CAAWE,OAA/B,GAA0CyB,CAAC,GAAGJ,YAAY,CAACsB,MAAb,GAAsB,CAA1B,gBAA8B,gCAAC,iBAAD;UAAS,KAAK,EAAEwC,gBAAA,CAAKC,CAAL,CAAO,WAAP;QAAhB,gBACrE,gCAAC,oBAAD;UAAY,IAAI,EAAC,OAAjB;UAAyB,OAAO,EAAE;YAAA,OAAM,MAAI,CAACe,UAAL,CAAgB/C,GAAhB,CAAN;UAAA;QAAlC,gBACI,gCAAC,yBAAD,OADJ,CADqE,CAA9B,gBAI9B;UAAK,SAAS,EAAE2B,OAAO,CAACvG;QAAxB,EAJZ,GAIuD,IAVvC,eAWjB,gCAAC,iBAAD;UAAS,KAAK,EAAE2G,gBAAA,CAAKC,CAAL,CAAO,oBAAP;QAAhB,gBACI,gCAAC,oBAAD;UAAY,IAAI,EAAC,OAAjB;UAAyB,OAAO,EAAE,MAAI,CAACgB,QAAL,CAAchD,GAAd;QAAlC,gBACI,gCAAC,kBAAD,OADJ,CADJ,CAXiB,CAVzB,CADc;MAAA,CAAjB,CADL,CAFJ,CADJ,EAmCK,CAAC/B,YAAY,CAACsB,MAAd,IAAwBnC,KAAK,CAACmC,MAA9B,gBACG;QAAK,SAAS,EAAEoC,OAAO,CAACzG;MAAxB,gBACI,gCAAC,oBAAD;QAAY,SAAS,EAAEyG,OAAO,CAAChH,KAA/B;QAAsC,OAAO,EAAC,IAA9C;QAAmD,EAAE,EAAC,YAAtD;QAAmE,SAAS,EAAC;MAA7E,GACKoH,gBAAA,CAAKC,CAAL,CAAO,4BAAP,CADL,eAEI,gCAAC,oBAAD;QACI,IAAI,EAAC,OADT;QAEI,OAAO,EAAE,iBAAAiB,CAAC;UAAA,OAAI,MAAI,CAAC9F,WAAL,CAAiB,IAAjB,CAAJ;QAAA;MAFd,gBAII,gCAAC,iBAAD,OAJJ,CAFJ,CADJ,CADH,GAWY,IA9CjB,CAlBG,EAkEFwB,MAAM,CAACuE,IAAP,gBAAc,gCAAC,0BAAD,QAAiB,KAAKC,UAAL,CAAgB,KAAK5G,KAAL,CAAWoC,MAAX,CAAkBuE,IAAlC,EAAwC,KAAK3G,KAAL,CAAWoC,MAAX,CAAkByE,QAA1D,EAAoE,KAAK7G,KAAL,CAAWoC,MAAX,CAAkB0E,aAAtF,CAAjB,CAAd,GAAwJ,IAlEtJ,CAAP;IAoEH;;;WAhSD,8BAA4BzF,CAA5B,EAA+BC,CAA/B,EAAkCjB,OAAlC,EAA2C;MACvC,IAAIiB,CAAC,CAACjB,OAAD,CAAD,GAAagB,CAAC,CAAChB,OAAD,CAAlB,EAA6B;QACzB,OAAO,CAAC,CAAR;MACH,CAFD,MAGI,IAAIiB,CAAC,CAACjB,OAAD,CAAD,GAAagB,CAAC,CAAChB,OAAD,CAAlB,EAA6B;QACzB,OAAO,CAAP;MACH,CAFD,MAEO;QACH,OAAO,CAAP;MACH;IACR;;;WAED,uBAAqBD,KAArB,EAA4BC,OAA5B,EAAqC;MACjC,OAAOD,KAAK,KAAK,MAAV,GACD,UAACiB,CAAD,EAAIC,CAAJ;QAAA,OAAWvB,WAAW,CAACgH,oBAAZ,CAAiC1F,CAAjC,EAAoCC,CAApC,EAAuCjB,OAAvC,CAAX;MAAA,CADC,GAED,UAACgB,CAAD,EAAIC,CAAJ;QAAA,OAAU,CAACvB,WAAW,CAACgH,oBAAZ,CAAiC1F,CAAjC,EAAoCC,CAApC,EAAuCjB,OAAvC,CAAX;MAAA,CAFN;IAGH;;;EAlGqBuD,0B;;AAsX1B7D,WAAW,CAACiH,SAAZ,GAAwB;EACpBzC,MAAM,EAAE0C,qBAAA,CAAUhI,MAAV,CAAiBiI,UADL;EAEpBtC,SAAS,EAAEqC,qBAAA,CAAUE,MAFD;EAGpBtC,SAAS,EAAEoC,qBAAA,CAAUE,MAHD;EAIpBC,KAAK,EAAEH,qBAAA,CAAUhI,MAJG;EAKpBoI,SAAS,EAAEJ,qBAAA,CAAUE,MALD;EAMpBrD,IAAI,EAAEmD,qBAAA,CAAUhI,MAAV,CAAiBiI,UANH;EAOpB9E,MAAM,EAAE6E,qBAAA,CAAUhI,MAPE;EAQpBiG,OAAO,EAAE+B,qBAAA,CAAUK,IARC;EASpB9E,QAAQ,EAAEyE,qBAAA,CAAUK;AATA,CAAxB;;eAYe,IAAAC,kBAAA,EAAWpL,MAAX,EAAmB4D,WAAnB,C"}

package/Components/JsonConfigComponent/ConfigTabs.js

@@ -89,7 +89,25 @@ var ConfigTabs = /*#__PURE__*/function (_ConfigGeneric) {
           });
         }
       }, Object.keys(items).map(function (name) {
-        var disabled = _this2.execute(items[name].disabled, false);
+        var disabled;
+
+        if (_this2.props.custom) {
+          var hidden = _this2.executeCustom(items[name].hidden, _this2.props.data, _this2.props.customObj, _this2.props.instanceObj);
+
+          if (hidden) {
+            return null;
+          }
+
+          disabled = _this2.executeCustom(items[name].disabled, _this2.props.data, _this2.props.customObj, _this2.props.instanceObj);
+        } else {
+          var _hidden = _this2.execute(items[name].hidden, false);
+
+          if (_hidden) {
+            return null;
+          }
+
+          disabled = _this2.execute(items[name].disabled, false);
+        }
 
         return /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
           wrapped: true,

package/Components/JsonConfigComponent/ConfigTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigTabs.js","names":["styles","theme","tabs","height","width","panel","display","ConfigTabs","props","tab","window","localStorage","getItem","dialogName","adapterName","Object","keys","schema","items","includes","state","classes","e","setItem","setState","map","name","disabled","execute","getText","label","onCommandRunning","commandRunning","socket","instance","common","customs","alive","themeType","themeName","data","originalData","systemConfig","onError","onChange","multiEdit","forceUpdate","registerOnForceUpdate","customObj","instanceObj","custom","ConfigGeneric","propTypes","PropTypes","object","isRequired","string","style","className","func","number","bool","dateFormat","isFloatComma","withStyles"],"sources":["JsonConfigComponent/ConfigTabs.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport Tabs from '@mui/material/Tabs';\nimport Tab from '@mui/material/Tab';\n\nimport ConfigGeneric from './ConfigGeneric';\nimport ConfigPanel from './ConfigPanel';\n\nconst styles = theme => ({\n    tabs: {\n        height: '100%',\n        width: '100%',\n    },\n    panel: {\n        height: 'calc(100% - 48px)',\n        width: '100%',\n        display: 'block'\n    }\n});\n\nclass ConfigTabs extends ConfigGeneric {\n    constructor(props) {\n        super(props);\n\n        let tab = window.localStorage.getItem((this.props.dialogName || 'App') + '.' + this.props.adapterName) || Object.keys(this.props.schema.items)[0];\n        if (!Object.keys(this.props.schema.items).includes(tab)) {\n            tab = Object.keys(this.props.schema.items)[0];\n        }\n        this.state = {\n            tab,\n        };\n    }\n\n    render() {\n        const items = this.props.schema.items;\n\n        return <div className={this.props.classes.tabs}>\n            <Tabs value={this.state.tab} onChange={(e, tab) => {\n                window.localStorage.setItem((this.props.dialogName || 'App') + '.' + this.props.adapterName, tab);\n                this.setState({tab});\n            }}>\n                {Object.keys(items).map(name => {\n                    const disabled = this.execute(items[name].disabled, false);\n                    return <Tab wrapped disabled={disabled} key={name} value={name} label={this.getText(items[name].label)} />\n                })}\n            </Tabs>\n            {<ConfigPanel\n                key={this.state.tab}\n                index={1001}\n                isParentTab={true}\n                onCommandRunning={this.props.onCommandRunning}\n                commandRunning={this.props.commandRunning}\n                className={this.props.classes.panel}\n                socket={this.props.socket}\n                adapterName={this.props.adapterName}\n                instance={this.props.instance}\n                common={this.props.common}\n                customs={this.props.customs}\n                alive={this.props.alive}\n                themeType={this.props.themeType}\n                themeName={this.props.themeName}\n                data={this.props.data}\n                originalData={this.props.originalData}\n                systemConfig={this.props.systemConfig}\n                onError={this.props.onError}\n                onChange={this.props.onChange}\n                multiEdit={this.props.multiEdit}\n\n                forceUpdate={this.props.forceUpdate}\n                registerOnForceUpdate={this.props.registerOnForceUpdate}\n\n                customObj={this.props.customObj}\n                instanceObj={this.props.instanceObj}\n                custom={this.props.custom}\n\n                schema={items[this.state.tab]}\n            />}\n        </div>;\n    }\n}\n\nConfigTabs.propTypes = {\n    socket: PropTypes.object.isRequired,\n    themeType: PropTypes.string,\n    themeName: PropTypes.string,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    data: PropTypes.object.isRequired,\n    originalData: PropTypes.object,\n    schema: PropTypes.object,\n    onError: PropTypes.func,\n    onChange: PropTypes.func,\n    customs: PropTypes.object,\n    adapterName: PropTypes.string,\n    instance: PropTypes.number,\n    commandRunning: PropTypes.bool,\n    onCommandRunning: PropTypes.func,\n    dateFormat: PropTypes.string,\n    isFloatComma: PropTypes.bool,\n    multiEdit: PropTypes.bool,\n\n    customObj: PropTypes.object,\n    instanceObj: PropTypes.object,\n    custom: PropTypes.bool,\n\n    registerOnForceUpdate: PropTypes.func.isRequired,\n    forceUpdate: PropTypes.func.isRequired,\n    systemConfig: PropTypes.object,\n    alive: PropTypes.bool,\n    common: PropTypes.object,\n};\n\nexport default withStyles(styles)(ConfigTabs);"],"mappings":"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"}
+{"version":3,"file":"ConfigTabs.js","names":["styles","theme","tabs","height","width","panel","display","ConfigTabs","props","tab","window","localStorage","getItem","dialogName","adapterName","Object","keys","schema","items","includes","state","classes","e","setItem","setState","map","name","disabled","custom","hidden","executeCustom","data","customObj","instanceObj","execute","getText","label","onCommandRunning","commandRunning","socket","instance","common","customs","alive","themeType","themeName","originalData","systemConfig","onError","onChange","multiEdit","forceUpdate","registerOnForceUpdate","ConfigGeneric","propTypes","PropTypes","object","isRequired","string","style","className","func","number","bool","dateFormat","isFloatComma","withStyles"],"sources":["JsonConfigComponent/ConfigTabs.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport Tabs from '@mui/material/Tabs';\nimport Tab from '@mui/material/Tab';\n\nimport ConfigGeneric from './ConfigGeneric';\nimport ConfigPanel from './ConfigPanel';\n\nconst styles = theme => ({\n    tabs: {\n        height: '100%',\n        width: '100%',\n    },\n    panel: {\n        height: 'calc(100% - 48px)',\n        width: '100%',\n        display: 'block'\n    }\n});\n\nclass ConfigTabs extends ConfigGeneric {\n    constructor(props) {\n        super(props);\n\n        let tab = window.localStorage.getItem((this.props.dialogName || 'App') + '.' + this.props.adapterName) || Object.keys(this.props.schema.items)[0];\n        if (!Object.keys(this.props.schema.items).includes(tab)) {\n            tab = Object.keys(this.props.schema.items)[0];\n        }\n        this.state = {\n            tab,\n        };\n    }\n\n    render() {\n        const items = this.props.schema.items;\n\n        return <div className={this.props.classes.tabs}>\n            <Tabs value={this.state.tab} onChange={(e, tab) => {\n                window.localStorage.setItem((this.props.dialogName || 'App') + '.' + this.props.adapterName, tab);\n                this.setState({tab});\n            }}>\n                {Object.keys(items).map(name => {\n                    let disabled;\n                    if (this.props.custom) {\n                        const hidden = this.executeCustom(items[name].hidden, this.props.data, this.props.customObj, this.props.instanceObj);\n                        if (hidden) {\n                            return null;\n                        }\n                        disabled = this.executeCustom(items[name].disabled, this.props.data, this.props.customObj, this.props.instanceObj);\n                    } else {\n                        const hidden = this.execute(items[name].hidden, false);\n                        if (hidden) {\n                            return null;\n                        }\n                        disabled = this.execute(items[name].disabled, false);\n                    }\n                    return <Tab wrapped disabled={disabled} key={name} value={name} label={this.getText(items[name].label)} />\n                })}\n            </Tabs>\n            {<ConfigPanel\n                key={this.state.tab}\n                index={1001}\n                isParentTab={true}\n                onCommandRunning={this.props.onCommandRunning}\n                commandRunning={this.props.commandRunning}\n                className={this.props.classes.panel}\n                socket={this.props.socket}\n                adapterName={this.props.adapterName}\n                instance={this.props.instance}\n                common={this.props.common}\n                customs={this.props.customs}\n                alive={this.props.alive}\n                themeType={this.props.themeType}\n                themeName={this.props.themeName}\n                data={this.props.data}\n                originalData={this.props.originalData}\n                systemConfig={this.props.systemConfig}\n                onError={this.props.onError}\n                onChange={this.props.onChange}\n                multiEdit={this.props.multiEdit}\n\n                forceUpdate={this.props.forceUpdate}\n                registerOnForceUpdate={this.props.registerOnForceUpdate}\n\n                customObj={this.props.customObj}\n                instanceObj={this.props.instanceObj}\n                custom={this.props.custom}\n\n                schema={items[this.state.tab]}\n            />}\n        </div>;\n    }\n}\n\nConfigTabs.propTypes = {\n    socket: PropTypes.object.isRequired,\n    themeType: PropTypes.string,\n    themeName: PropTypes.string,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    data: PropTypes.object.isRequired,\n    originalData: PropTypes.object,\n    schema: PropTypes.object,\n    onError: PropTypes.func,\n    onChange: PropTypes.func,\n    customs: PropTypes.object,\n    adapterName: PropTypes.string,\n    instance: PropTypes.number,\n    commandRunning: PropTypes.bool,\n    onCommandRunning: PropTypes.func,\n    dateFormat: PropTypes.string,\n    isFloatComma: PropTypes.bool,\n    multiEdit: PropTypes.bool,\n\n    customObj: PropTypes.object,\n    instanceObj: PropTypes.object,\n    custom: PropTypes.bool,\n\n    registerOnForceUpdate: PropTypes.func.isRequired,\n    forceUpdate: PropTypes.func.isRequired,\n    systemConfig: PropTypes.object,\n    alive: PropTypes.bool,\n    common: PropTypes.object,\n};\n\nexport default withStyles(styles)(ConfigTabs);"],"mappings":"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"}

package/Components/Loader.js

@@ -21,17 +21,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
-require("./loader.css");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-var styles = function styles(theme) {
-  return {};
-};
+// import './loader.css'
+var loaderStyles = "\n/**\n * Copyright 2018-2022 bluefox <dogafox@gmail.com>\n *\n * MIT License\n *\n **/\n\n.logo-background-light, .logo-background-colored {\n    background: white;\n}\n.logo-background-dark, .logo-background-blue {\n    background: black;\n}\n.logo-div {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    -ms-transform: translateX(-50%) translateY(-50%);\n    -webkit-transform: translate(-50%,-50%);\n    transform: translate(-50%,-50%);\n    overflow: hidden;\n    border-radius: 50%;\n    z-index: 2;\n}\n.logo-border {\n    /*border-color: #164477;*/\n    border-top-color: #3399CC;\n    border-left-color: #164477;\n    border-bottom-color: #164477;\n    border-right-color: #164477;\n    border-radius: 50%;\n    border-style: solid;\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n}\n.logo-top {\n    position: absolute;\n    width: 4.5%;\n    height: 16%;\n    top: 0;\n    z-index: 2;\n}\n.logo-i {\n    position: absolute;\n    width: 14.5%;\n    height: 60%;\n    top: 20%;\n    left: 42%;\n    background: #3399CC;\n}\n.logo-i-top {\n    position: absolute;\n    width: 14.5%;\n    height: 4%;\n    left: 42%;\n    background: #3399CC;\n    border-radius: 100%;\n}\n.logo-back {\n    width: 100%;\n    height: 100%;\n    z-index: 0;\n    overflow: hidden;\n}\n@keyframes logo-grow {\n    0% {\n        width: 230px;\n        height: 230px;\n        transform: translate(-50%,-50%) scale(1);\n        opacity: 1\n    }\n    99% {\n        width: 230px;\n        height: 230px;\n        transform: translate(-50%,-50%) scale(10);\n        opacity: 0;\n    }\n    100% {\n        width: 0;\n        height: 0;\n        opacity: 0;\n    }\n}\n@keyframes logo-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }\n@keyframes logo-color-inside-light {\n    0% {\n        background: #FEFEFE;\n    }\n    100% {\n        background: #3399CC;\n    }\n}\n@keyframes logo-color-inside-dark {\n    0% {\n        background: #030303;\n    }\n    100% {\n        background: #3399CC;\n    }\n}\n@keyframes logo-color-inside-colored {\n    0% {\n        background: #FEFEFE;\n    }\n    100% {\n        background: #3399CC;\n    }\n}\n@keyframes logo-color-inside-blue {\n    0% {\n        background: #030303;\n    }\n    100% {\n        background: #3399CC;\n    }\n}\n\n@keyframes logo-color-outside-light {\n    0% {\n        border-color: #FEFEFE;\n    }\n    100% {\n        border-top-color: #3399CC;\n        border-left-color: #164477;\n        border-bottom-color: #164477;\n        border-right-color: #164477;\n    }\n}\n@keyframes logo-color-outside-dark  {\n    0% {\n        border-color: #040404;\n    }\n    100% {\n        border-top-color: #3399CC;\n        border-left-color: #164477;\n        border-bottom-color: #164477;\n        border-right-color: #164477;\n    }\n}\n@keyframes logo-color-outside-colored {\n    0% {\n        border-color: #FEFEFE;\n    }\n    100% {\n        border-top-color: #3399CC;\n        border-left-color: #164477;\n        border-bottom-color: #164477;\n        border-right-color: #164477;\n    }\n}\n@keyframes logo-color-outside-blue  {\n    0% {\n        border-color: #040404;\n    }\n    100% {\n        border-top-color: #3399CC;\n        border-left-color: #164477;\n        border-bottom-color: #164477;\n        border-right-color: #164477;\n    }\n}\n\n.logo-animate-wait {\n    animation: logo-color-outside 1.5s, logo-spin 1.5s linear infinite;\n}\n\n.logo-animate-grow-light {\n    background: #DDD;\n}\n.logo-animate-grow-dark {\n    background: #1d1d1d;\n}\n.logo-animate-grow-colored {\n    background: #DDD;\n}\n.logo-animate-grow-blue {\n    background: #1d1d1d;\n}\n\n.logo-animate-grow {\n    display: inline-block;\n    text-align: center;\n    z-index: 1;\n    top: 50%;\n    left: 50%;\n    -ms-transform: translateX(-50%) translateY(-50%);\n    -webkit-transform: translate(-50%,-50%);\n    transform: translate(-50%,-50%);\n    width: 245px;\n    height: 245px;\n    border-radius: 50%;\n    position: absolute;\n    animation: logo-grow 1s 1 ease forwards;\n}\n\n.logo-animate-color-inside-light {\n    animation: logo-color-inside-light 2.5s;\n}\n.logo-animate-color-inside-dark {\n    animation: logo-color-inside-dark 2.5s;\n}\n.logo-animate-color-inside-colored {\n    animation: logo-color-inside-colored 2.5s;\n}\n.logo-animate-color-inside-blue {\n    animation: logo-color-inside-blue 2.5s;\n}\n\n.logo-animate-color-outside-light {\n    animation: logo-color-outside-light 1.5s;\n}\n.logo-animate-color-outside-dark {\n    animation: logo-color-outside-dark 1.5s;\n}\n.logo-animate-color-outside-colored {\n    animation: logo-color-outside-colored 1.5s;\n}\n.logo-animate-color-outside-blue {\n    animation: logo-color-outside-blue 1.5s;\n}\n";
 /**
  * @typedef {object} LoaderProps
  * @property {string} [key] The key to identify this component.
@@ -42,15 +37,25 @@ var styles = function styles(theme) {
  * @extends {React.Component<LoaderProps>}
  */
 
-
 var Loader = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Loader, _React$Component);
 
   var _super = _createSuper(Loader);
 
-  function Loader() {
+  function Loader(props) {
+    var _this;
+
     (0, _classCallCheck2["default"])(this, Loader);
-    return _super.apply(this, arguments);
+    _this = _super.call(this, props);
+
+    if (!window.document.getElementById('loader-iobroker-component')) {
+      var style = window.document.createElement('style');
+      style.setAttribute('id', 'loader-iobroker-component');
+      style.innerHTML = loaderStyles;
+      window.document.head.appendChild(style);
+    }
+
+    return _this;
   }
 
   (0, _createClass2["default"])(Loader, [{
@@ -111,8 +116,7 @@ Loader.propTypes = {
 };
 /** @type {typeof Loader} */
 
-var _export = (0, _withStyles["default"])(styles)(Loader);
-
+var _export = Loader;
 var _default = _export;
 exports["default"] = _default;
 //# sourceMappingURL=Loader.js.map

package/Components/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","names":["styles","theme","Loader","size","props","themeType","width","height","left","borderWidth","top","bottom","React","Component","propTypes","PropTypes","number","string","_export","withStyles"],"sources":["Loader.js"],"sourcesContent":["/**\n * Copyright 2018-2022 bluefox <dogafox@gmail.com>\n *\n * MIT License\n *\n **/\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport withStyles from '@mui/styles/withStyles';\nimport './loader.css'\n\nconst styles = theme => ({\n\n});\n\n/**\n * @typedef {object} LoaderProps\n * @property {string} [key] The key to identify this component.\n * @property {number} [size] The size in pixels of this loader.\n * @property {string} [themeType] The chosen theme type.\n * @property {string} [theme] The chosen theme.\n *\n * @extends {React.Component<LoaderProps>}\n */\nclass Loader extends React.Component {\n    render() {\n        const size = this.props.size || 234;\n        const theme = this.props.themeType || this.props.theme || 'light';\n        return <div className={'logo-back logo-background-' + theme}>\n            <div className=\"logo-div\" style={{width: size, height: size}}>\n                <div className={'logo-top logo-background-' + theme} style={{left: '37%'}}/>\n                <div className={'logo-top logo-background-' + theme} style={{left: '57%'}}/>\n                <div\n                    className={'logo-border logo-background-' + theme + ' logo-animate-wait'}\n                    style={{borderWidth: size * 0.132}}\n                />\n                <div className={'logo-i logo-animate-color-inside-' + theme}/>\n                <div className={'logo-i-top logo-animate-color-inside-' + theme} style={{top: '18%'}}/>\n                <div className={'logo-i-top logo-animate-color-inside-' + theme} style={{bottom: '18%'}}/>\n            </div>\n            <div className={'logo-animate-grow logo-animate-grow-' + theme}\n                 style={{width: size + 11, height: size + 11}}\n            />\n        </div>;\n    }\n}\n\nLoader.propTypes = {\n    size: PropTypes.number,\n    themeType: PropTypes.string\n};\n\n/** @type {typeof Loader} */\nconst _export = withStyles(styles)(Loader);\nexport default _export;"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;EAAA,OAAK,EAAL;AAAA,CAApB;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;IACMC,M;;;;;;;;;;;;WACF,kBAAS;MACL,IAAMC,IAAI,GAAG,KAAKC,KAAL,CAAWD,IAAX,IAAmB,GAAhC;MACA,IAAMF,KAAK,GAAG,KAAKG,KAAL,CAAWC,SAAX,IAAwB,KAAKD,KAAL,CAAWH,KAAnC,IAA4C,OAA1D;MACA,oBAAO;QAAK,SAAS,EAAE,+BAA+BA;MAA/C,gBACH;QAAK,SAAS,EAAC,UAAf;QAA0B,KAAK,EAAE;UAACK,KAAK,EAAEH,IAAR;UAAcI,MAAM,EAAEJ;QAAtB;MAAjC,gBACI;QAAK,SAAS,EAAE,8BAA8BF,KAA9C;QAAqD,KAAK,EAAE;UAACO,IAAI,EAAE;QAAP;MAA5D,EADJ,eAEI;QAAK,SAAS,EAAE,8BAA8BP,KAA9C;QAAqD,KAAK,EAAE;UAACO,IAAI,EAAE;QAAP;MAA5D,EAFJ,eAGI;QACI,SAAS,EAAE,iCAAiCP,KAAjC,GAAyC,oBADxD;QAEI,KAAK,EAAE;UAACQ,WAAW,EAAEN,IAAI,GAAG;QAArB;MAFX,EAHJ,eAOI;QAAK,SAAS,EAAE,sCAAsCF;MAAtD,EAPJ,eAQI;QAAK,SAAS,EAAE,0CAA0CA,KAA1D;QAAiE,KAAK,EAAE;UAACS,GAAG,EAAE;QAAN;MAAxE,EARJ,eASI;QAAK,SAAS,EAAE,0CAA0CT,KAA1D;QAAiE,KAAK,EAAE;UAACU,MAAM,EAAE;QAAT;MAAxE,EATJ,CADG,eAYH;QAAK,SAAS,EAAE,yCAAyCV,KAAzD;QACK,KAAK,EAAE;UAACK,KAAK,EAAEH,IAAI,GAAG,EAAf;UAAmBI,MAAM,EAAEJ,IAAI,GAAG;QAAlC;MADZ,EAZG,CAAP;IAgBH;;;EApBgBS,iBAAA,CAAMC,S;;AAuB3BX,MAAM,CAACY,SAAP,GAAmB;EACfX,IAAI,EAAEY,qBAAA,CAAUC,MADD;EAEfX,SAAS,EAAEU,qBAAA,CAAUE;AAFN,CAAnB;AAKA;;AACA,IAAMC,OAAO,GAAG,IAAAC,sBAAA,EAAWnB,MAAX,EAAmBE,MAAnB,CAAhB;;eACegB,O"}
+{"version":3,"file":"Loader.js","names":["loaderStyles","Loader","props","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","size","theme","themeType","width","height","left","borderWidth","top","bottom","React","Component","propTypes","PropTypes","number","string","_export"],"sources":["Loader.js"],"sourcesContent":["/**\n * Copyright 2018-2022 bluefox <dogafox@gmail.com>\n *\n * MIT License\n *\n **/\nimport React from 'react';\nimport PropTypes from 'prop-types';\n// import './loader.css'\nconst loaderStyles = `\n/**\n * Copyright 2018-2022 bluefox <dogafox@gmail.com>\n *\n * MIT License\n *\n **/\n\n.logo-background-light, .logo-background-colored {\n    background: white;\n}\n.logo-background-dark, .logo-background-blue {\n    background: black;\n}\n.logo-div {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    -ms-transform: translateX(-50%) translateY(-50%);\n    -webkit-transform: translate(-50%,-50%);\n    transform: translate(-50%,-50%);\n    overflow: hidden;\n    border-radius: 50%;\n    z-index: 2;\n}\n.logo-border {\n    /*border-color: #164477;*/\n    border-top-color: #3399CC;\n    border-left-color: #164477;\n    border-bottom-color: #164477;\n    border-right-color: #164477;\n    border-radius: 50%;\n    border-style: solid;\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n}\n.logo-top {\n    position: absolute;\n    width: 4.5%;\n    height: 16%;\n    top: 0;\n    z-index: 2;\n}\n.logo-i {\n    position: absolute;\n    width: 14.5%;\n    height: 60%;\n    top: 20%;\n    left: 42%;\n    background: #3399CC;\n}\n.logo-i-top {\n    position: absolute;\n    width: 14.5%;\n    height: 4%;\n    left: 42%;\n    background: #3399CC;\n    border-radius: 100%;\n}\n.logo-back {\n    width: 100%;\n    height: 100%;\n    z-index: 0;\n    overflow: hidden;\n}\n@keyframes logo-grow {\n    0% {\n        width: 230px;\n        height: 230px;\n        transform: translate(-50%,-50%) scale(1);\n        opacity: 1\n    }\n    99% {\n        width: 230px;\n        height: 230px;\n        transform: translate(-50%,-50%) scale(10);\n        opacity: 0;\n    }\n    100% {\n        width: 0;\n        height: 0;\n        opacity: 0;\n    }\n}\n@keyframes logo-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }\n@keyframes logo-color-inside-light {\n    0% {\n        background: #FEFEFE;\n    }\n    100% {\n        background: #3399CC;\n    }\n}\n@keyframes logo-color-inside-dark {\n    0% {\n        background: #030303;\n    }\n    100% {\n        background: #3399CC;\n    }\n}\n@keyframes logo-color-inside-colored {\n    0% {\n        background: #FEFEFE;\n    }\n    100% {\n        background: #3399CC;\n    }\n}\n@keyframes logo-color-inside-blue {\n    0% {\n        background: #030303;\n    }\n    100% {\n        background: #3399CC;\n    }\n}\n\n@keyframes logo-color-outside-light {\n    0% {\n        border-color: #FEFEFE;\n    }\n    100% {\n        border-top-color: #3399CC;\n        border-left-color: #164477;\n        border-bottom-color: #164477;\n        border-right-color: #164477;\n    }\n}\n@keyframes logo-color-outside-dark  {\n    0% {\n        border-color: #040404;\n    }\n    100% {\n        border-top-color: #3399CC;\n        border-left-color: #164477;\n        border-bottom-color: #164477;\n        border-right-color: #164477;\n    }\n}\n@keyframes logo-color-outside-colored {\n    0% {\n        border-color: #FEFEFE;\n    }\n    100% {\n        border-top-color: #3399CC;\n        border-left-color: #164477;\n        border-bottom-color: #164477;\n        border-right-color: #164477;\n    }\n}\n@keyframes logo-color-outside-blue  {\n    0% {\n        border-color: #040404;\n    }\n    100% {\n        border-top-color: #3399CC;\n        border-left-color: #164477;\n        border-bottom-color: #164477;\n        border-right-color: #164477;\n    }\n}\n\n.logo-animate-wait {\n    animation: logo-color-outside 1.5s, logo-spin 1.5s linear infinite;\n}\n\n.logo-animate-grow-light {\n    background: #DDD;\n}\n.logo-animate-grow-dark {\n    background: #1d1d1d;\n}\n.logo-animate-grow-colored {\n    background: #DDD;\n}\n.logo-animate-grow-blue {\n    background: #1d1d1d;\n}\n\n.logo-animate-grow {\n    display: inline-block;\n    text-align: center;\n    z-index: 1;\n    top: 50%;\n    left: 50%;\n    -ms-transform: translateX(-50%) translateY(-50%);\n    -webkit-transform: translate(-50%,-50%);\n    transform: translate(-50%,-50%);\n    width: 245px;\n    height: 245px;\n    border-radius: 50%;\n    position: absolute;\n    animation: logo-grow 1s 1 ease forwards;\n}\n\n.logo-animate-color-inside-light {\n    animation: logo-color-inside-light 2.5s;\n}\n.logo-animate-color-inside-dark {\n    animation: logo-color-inside-dark 2.5s;\n}\n.logo-animate-color-inside-colored {\n    animation: logo-color-inside-colored 2.5s;\n}\n.logo-animate-color-inside-blue {\n    animation: logo-color-inside-blue 2.5s;\n}\n\n.logo-animate-color-outside-light {\n    animation: logo-color-outside-light 1.5s;\n}\n.logo-animate-color-outside-dark {\n    animation: logo-color-outside-dark 1.5s;\n}\n.logo-animate-color-outside-colored {\n    animation: logo-color-outside-colored 1.5s;\n}\n.logo-animate-color-outside-blue {\n    animation: logo-color-outside-blue 1.5s;\n}\n`;\n\n/**\n * @typedef {object} LoaderProps\n * @property {string} [key] The key to identify this component.\n * @property {number} [size] The size in pixels of this loader.\n * @property {string} [themeType] The chosen theme type.\n * @property {string} [theme] The chosen theme.\n *\n * @extends {React.Component<LoaderProps>}\n */\nclass Loader extends React.Component {\n    constructor(props) {\n        super(props);\n\n        if (!window.document.getElementById('loader-iobroker-component')) {\n            const style = window.document.createElement('style');\n            style.setAttribute('id', 'loader-iobroker-component');\n            style.innerHTML = loaderStyles;\n            window.document.head.appendChild(style);\n        }\n    }\n\n    render() {\n        const size = this.props.size || 234;\n        const theme = this.props.themeType || this.props.theme || 'light';\n        return <div className={'logo-back logo-background-' + theme}>\n            <div className=\"logo-div\" style={{width: size, height: size}}>\n                <div className={'logo-top logo-background-' + theme} style={{left: '37%'}}/>\n                <div className={'logo-top logo-background-' + theme} style={{left: '57%'}}/>\n                <div\n                    className={'logo-border logo-background-' + theme + ' logo-animate-wait'}\n                    style={{borderWidth: size * 0.132}}\n                />\n                <div className={'logo-i logo-animate-color-inside-' + theme}/>\n                <div className={'logo-i-top logo-animate-color-inside-' + theme} style={{top: '18%'}}/>\n                <div className={'logo-i-top logo-animate-color-inside-' + theme} style={{bottom: '18%'}}/>\n            </div>\n            <div className={'logo-animate-grow logo-animate-grow-' + theme}\n                 style={{width: size + 11, height: size + 11}}\n            />\n        </div>;\n    }\n}\n\nLoader.propTypes = {\n    size: PropTypes.number,\n    themeType: PropTypes.string\n};\n\n/** @type {typeof Loader} */\nconst _export = Loader;\nexport default _export;"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA;;AACA;;;;;;AACA;AACA,IAAMA,YAAY,otJAAlB;AAiOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;IACMC,M;;;;;EACF,gBAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACf,0BAAMA,KAAN;;IAEA,IAAI,CAACC,MAAM,CAACC,QAAP,CAAgBC,cAAhB,CAA+B,2BAA/B,CAAL,EAAkE;MAC9D,IAAMC,KAAK,GAAGH,MAAM,CAACC,QAAP,CAAgBG,aAAhB,CAA8B,OAA9B,CAAd;MACAD,KAAK,CAACE,YAAN,CAAmB,IAAnB,EAAyB,2BAAzB;MACAF,KAAK,CAACG,SAAN,GAAkBT,YAAlB;MACAG,MAAM,CAACC,QAAP,CAAgBM,IAAhB,CAAqBC,WAArB,CAAiCL,KAAjC;IACH;;IARc;EASlB;;;;WAED,kBAAS;MACL,IAAMM,IAAI,GAAG,KAAKV,KAAL,CAAWU,IAAX,IAAmB,GAAhC;MACA,IAAMC,KAAK,GAAG,KAAKX,KAAL,CAAWY,SAAX,IAAwB,KAAKZ,KAAL,CAAWW,KAAnC,IAA4C,OAA1D;MACA,oBAAO;QAAK,SAAS,EAAE,+BAA+BA;MAA/C,gBACH;QAAK,SAAS,EAAC,UAAf;QAA0B,KAAK,EAAE;UAACE,KAAK,EAAEH,IAAR;UAAcI,MAAM,EAAEJ;QAAtB;MAAjC,gBACI;QAAK,SAAS,EAAE,8BAA8BC,KAA9C;QAAqD,KAAK,EAAE;UAACI,IAAI,EAAE;QAAP;MAA5D,EADJ,eAEI;QAAK,SAAS,EAAE,8BAA8BJ,KAA9C;QAAqD,KAAK,EAAE;UAACI,IAAI,EAAE;QAAP;MAA5D,EAFJ,eAGI;QACI,SAAS,EAAE,iCAAiCJ,KAAjC,GAAyC,oBADxD;QAEI,KAAK,EAAE;UAACK,WAAW,EAAEN,IAAI,GAAG;QAArB;MAFX,EAHJ,eAOI;QAAK,SAAS,EAAE,sCAAsCC;MAAtD,EAPJ,eAQI;QAAK,SAAS,EAAE,0CAA0CA,KAA1D;QAAiE,KAAK,EAAE;UAACM,GAAG,EAAE;QAAN;MAAxE,EARJ,eASI;QAAK,SAAS,EAAE,0CAA0CN,KAA1D;QAAiE,KAAK,EAAE;UAACO,MAAM,EAAE;QAAT;MAAxE,EATJ,CADG,eAYH;QAAK,SAAS,EAAE,yCAAyCP,KAAzD;QACK,KAAK,EAAE;UAACE,KAAK,EAAEH,IAAI,GAAG,EAAf;UAAmBI,MAAM,EAAEJ,IAAI,GAAG;QAAlC;MADZ,EAZG,CAAP;IAgBH;;;EA/BgBS,iBAAA,CAAMC,S;;AAkC3BrB,MAAM,CAACsB,SAAP,GAAmB;EACfX,IAAI,EAAEY,qBAAA,CAAUC,MADD;EAEfX,SAAS,EAAEU,qBAAA,CAAUE;AAFN,CAAnB;AAKA;;AACA,IAAMC,OAAO,GAAG1B,MAAhB;eACe0B,O"}

package/Components/Loaders/PT.js

@@ -21,12 +21,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-require("./PT.css");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
+// import './PT.css'
+var ptStyles = "\n.logo-background-light, .logo-background-colored {\n    background: white;\n}\n.logo-background-dark, .logo-background-blue {\n    background: black;\n}\n.pt-logo-div {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    -ms-transform: translateX(-50%) translateY(-50%);\n    -webkit-transform: translate(-50%,-50%);\n    transform: translate(-50%,-50%);\n    z-index: 2;\n}\n.pt-logo-border {\n    border-style: solid;\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n}\n.pt-loader-block {\n    height: 65px;\n    width: 74px;\n    border-radius: 15px;\n    position: absolute;\n    box-sizing: content-box;\n}\n.pt-loader-blue {\n    border: 9px solid #0F99DE;\n    transform: rotate(5grad);\n    left: 93px;\n    top: 0;\n    animation: spin-blue 5s ease-in-out infinite;\n}\n.pt-loader-green {\n    border: 9px solid #88A536;\n    transform: rotate(-6grad);\n    left: 70px;\n    top: 58px;\n    animation: spin-green 5s ease-in-out infinite;\n}\n.pt-loader-red {\n    border: 9px solid #BD1B24;\n    transform: rotate(-15grad);\n    left: 24px;\n    top: 100px;\n    animation: spin-red 5s ease-in-out infinite;\n}\n\n@keyframes spin-blue {\n    0% {\n        transform: rotate(5deg);\n    }\n    25% {\n        transform: rotate(185deg);\n    }\n    50% {\n        transform: rotate(185deg);\n    }\n    75% {\n        transform: rotate(185deg);\n    }\n    100% {\n        transform: rotate(185deg);\n    }\n}\n@keyframes spin-green {\n    0% {\n        transform: rotate(-6deg);\n    }\n    25% {\n        transform: rotate(-6deg);\n    }\n    50% {\n        transform: rotate(174deg);\n    }\n    75% {\n        transform: rotate(174deg);\n    }\n    100% {\n        transform: rotate(-6deg);\n    }\n}\n@keyframes spin-red {\n    0% {\n        transform: rotate(-15deg);\n    }\n    25% {\n        transform: rotate(-15deg);\n    }\n    50% {\n        transform: rotate(-15deg);\n    }\n    75% {\n        transform: rotate(165deg);\n    }\n    100% {\n        transform: rotate(165deg);\n    }\n}\n";
 /**
  * @typedef {object} LoaderPTProps
  * @property {string} [key] The key to identify this component.
@@ -36,6 +36,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
  *
  * @extends {React.Component<LoaderPTProps>}
  */
+
 var LoaderPT = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(LoaderPT, _React$Component);
 
@@ -50,6 +51,14 @@ var LoaderPT = /*#__PURE__*/function (_React$Component) {
     (0, _classCallCheck2["default"])(this, LoaderPT);
     _this = _super.call(this, props);
     _this.size = _this.props.size || 200;
+
+    if (!window.document.getElementById('pt-iobroker-component')) {
+      var style = window.document.createElement('style');
+      style.setAttribute('id', 'pt-iobroker-component');
+      style.innerHTML = ptStyles;
+      window.document.head.appendChild(style);
+    }
+
     return _this;
   }
 

package/Components/Loaders/PT.js.map

@@ -1 +1 @@
-{"version":3,"file":"PT.js","names":["LoaderPT","props","size","theme","themeType","width","height","React","Component","propTypes","PropTypes","number","string","_export"],"sources":["Loaders/PT.js"],"sourcesContent":["/**\n * Copyright 2021-2022 ioBroker GmbH\n *\n * MIT License\n *\n **/\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport './PT.css'\n\n/**\n * @typedef {object} LoaderPTProps\n * @property {string} [key] The key to identify this component.\n * @property {number} [size] The size in pixels of this loader.\n * @property {string} [themeType] The chosen theme type.\n * @property {string} [theme] The chosen theme.\n *\n * @extends {React.Component<LoaderPTProps>}\n */\nclass LoaderPT extends React.Component {\n    /**\n     * @param {LoaderPTProps} props\n     */\n    constructor(props) {\n        super(props);\n        this.size = this.props.size || 200;\n    }\n\n    render() {\n        const theme = this.props.themeType || this.props.theme || 'light';\n        return <div className={'pt-logo-back logo-background-' + theme}>\n            <div className=\"pt-logo-div\" style={{width: this.size, height: this.size}}>\n                <div style={{width: 200, height: 200}}>\n                    <div className=\"pt-loader-blue pt-loader-block\"/>\n                    <div className=\"pt-loader-green pt-loader-block\"/>\n                    <div className=\"pt-loader-red pt-loader-block\"/>\n                </div>\n            </div>\n        </div>;\n    }\n}\n\nLoaderPT.propTypes = {\n    size: PropTypes.number,\n    themeType: PropTypes.string\n};\n\n/** @type {typeof LoaderPT} */\nconst _export = LoaderPT;\nexport default _export;"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA;;AACA;;AACA;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACMA,Q;;;;;EACF;AACJ;AACA;EACI,kBAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACf,0BAAMA,KAAN;IACA,MAAKC,IAAL,GAAY,MAAKD,KAAL,CAAWC,IAAX,IAAmB,GAA/B;IAFe;EAGlB;;;;WAED,kBAAS;MACL,IAAMC,KAAK,GAAG,KAAKF,KAAL,CAAWG,SAAX,IAAwB,KAAKH,KAAL,CAAWE,KAAnC,IAA4C,OAA1D;MACA,oBAAO;QAAK,SAAS,EAAE,kCAAkCA;MAAlD,gBACH;QAAK,SAAS,EAAC,aAAf;QAA6B,KAAK,EAAE;UAACE,KAAK,EAAE,KAAKH,IAAb;UAAmBI,MAAM,EAAE,KAAKJ;QAAhC;MAApC,gBACI;QAAK,KAAK,EAAE;UAACG,KAAK,EAAE,GAAR;UAAaC,MAAM,EAAE;QAArB;MAAZ,gBACI;QAAK,SAAS,EAAC;MAAf,EADJ,eAEI;QAAK,SAAS,EAAC;MAAf,EAFJ,eAGI;QAAK,SAAS,EAAC;MAAf,EAHJ,CADJ,CADG,CAAP;IASH;;;EApBkBC,iBAAA,CAAMC,S;;AAuB7BR,QAAQ,CAACS,SAAT,GAAqB;EACjBP,IAAI,EAAEQ,qBAAA,CAAUC,MADC;EAEjBP,SAAS,EAAEM,qBAAA,CAAUE;AAFJ,CAArB;AAKA;;AACA,IAAMC,OAAO,GAAGb,QAAhB;eACea,O"}
+{"version":3,"file":"PT.js","names":["ptStyles","LoaderPT","props","size","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","theme","themeType","width","height","React","Component","propTypes","PropTypes","number","string","_export"],"sources":["Loaders/PT.js"],"sourcesContent":["/**\n * Copyright 2021-2022 ioBroker GmbH\n *\n * MIT License\n *\n **/\nimport React from 'react';\nimport PropTypes from 'prop-types';\n// import './PT.css'\nconst ptStyles = `\n.logo-background-light, .logo-background-colored {\n    background: white;\n}\n.logo-background-dark, .logo-background-blue {\n    background: black;\n}\n.pt-logo-div {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    -ms-transform: translateX(-50%) translateY(-50%);\n    -webkit-transform: translate(-50%,-50%);\n    transform: translate(-50%,-50%);\n    z-index: 2;\n}\n.pt-logo-border {\n    border-style: solid;\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n}\n.pt-loader-block {\n    height: 65px;\n    width: 74px;\n    border-radius: 15px;\n    position: absolute;\n    box-sizing: content-box;\n}\n.pt-loader-blue {\n    border: 9px solid #0F99DE;\n    transform: rotate(5grad);\n    left: 93px;\n    top: 0;\n    animation: spin-blue 5s ease-in-out infinite;\n}\n.pt-loader-green {\n    border: 9px solid #88A536;\n    transform: rotate(-6grad);\n    left: 70px;\n    top: 58px;\n    animation: spin-green 5s ease-in-out infinite;\n}\n.pt-loader-red {\n    border: 9px solid #BD1B24;\n    transform: rotate(-15grad);\n    left: 24px;\n    top: 100px;\n    animation: spin-red 5s ease-in-out infinite;\n}\n\n@keyframes spin-blue {\n    0% {\n        transform: rotate(5deg);\n    }\n    25% {\n        transform: rotate(185deg);\n    }\n    50% {\n        transform: rotate(185deg);\n    }\n    75% {\n        transform: rotate(185deg);\n    }\n    100% {\n        transform: rotate(185deg);\n    }\n}\n@keyframes spin-green {\n    0% {\n        transform: rotate(-6deg);\n    }\n    25% {\n        transform: rotate(-6deg);\n    }\n    50% {\n        transform: rotate(174deg);\n    }\n    75% {\n        transform: rotate(174deg);\n    }\n    100% {\n        transform: rotate(-6deg);\n    }\n}\n@keyframes spin-red {\n    0% {\n        transform: rotate(-15deg);\n    }\n    25% {\n        transform: rotate(-15deg);\n    }\n    50% {\n        transform: rotate(-15deg);\n    }\n    75% {\n        transform: rotate(165deg);\n    }\n    100% {\n        transform: rotate(165deg);\n    }\n}\n`;\n\n/**\n * @typedef {object} LoaderPTProps\n * @property {string} [key] The key to identify this component.\n * @property {number} [size] The size in pixels of this loader.\n * @property {string} [themeType] The chosen theme type.\n * @property {string} [theme] The chosen theme.\n *\n * @extends {React.Component<LoaderPTProps>}\n */\nclass LoaderPT extends React.Component {\n    /**\n     * @param {LoaderPTProps} props\n     */\n    constructor(props) {\n        super(props);\n        this.size = this.props.size || 200;\n\n        if (!window.document.getElementById('pt-iobroker-component')) {\n            const style = window.document.createElement('style');\n            style.setAttribute('id', 'pt-iobroker-component');\n            style.innerHTML = ptStyles;\n            window.document.head.appendChild(style);\n        }\n    }\n\n    render() {\n        const theme = this.props.themeType || this.props.theme || 'light';\n        return <div className={'pt-logo-back logo-background-' + theme}>\n            <div className=\"pt-logo-div\" style={{width: this.size, height: this.size}}>\n                <div style={{width: 200, height: 200}}>\n                    <div className=\"pt-loader-blue pt-loader-block\"/>\n                    <div className=\"pt-loader-green pt-loader-block\"/>\n                    <div className=\"pt-loader-red pt-loader-block\"/>\n                </div>\n            </div>\n        </div>;\n    }\n}\n\nLoaderPT.propTypes = {\n    size: PropTypes.number,\n    themeType: PropTypes.string\n};\n\n/** @type {typeof LoaderPT} */\nconst _export = LoaderPT;\nexport default _export;"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA;;AACA;;;;;;AACA;AACA,IAAMA,QAAQ,ohEAAd;AAyGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;IACMC,Q;;;;;EACF;AACJ;AACA;EACI,kBAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACf,0BAAMA,KAAN;IACA,MAAKC,IAAL,GAAY,MAAKD,KAAL,CAAWC,IAAX,IAAmB,GAA/B;;IAEA,IAAI,CAACC,MAAM,CAACC,QAAP,CAAgBC,cAAhB,CAA+B,uBAA/B,CAAL,EAA8D;MAC1D,IAAMC,KAAK,GAAGH,MAAM,CAACC,QAAP,CAAgBG,aAAhB,CAA8B,OAA9B,CAAd;MACAD,KAAK,CAACE,YAAN,CAAmB,IAAnB,EAAyB,uBAAzB;MACAF,KAAK,CAACG,SAAN,GAAkBV,QAAlB;MACAI,MAAM,CAACC,QAAP,CAAgBM,IAAhB,CAAqBC,WAArB,CAAiCL,KAAjC;IACH;;IATc;EAUlB;;;;WAED,kBAAS;MACL,IAAMM,KAAK,GAAG,KAAKX,KAAL,CAAWY,SAAX,IAAwB,KAAKZ,KAAL,CAAWW,KAAnC,IAA4C,OAA1D;MACA,oBAAO;QAAK,SAAS,EAAE,kCAAkCA;MAAlD,gBACH;QAAK,SAAS,EAAC,aAAf;QAA6B,KAAK,EAAE;UAACE,KAAK,EAAE,KAAKZ,IAAb;UAAmBa,MAAM,EAAE,KAAKb;QAAhC;MAApC,gBACI;QAAK,KAAK,EAAE;UAACY,KAAK,EAAE,GAAR;UAAaC,MAAM,EAAE;QAArB;MAAZ,gBACI;QAAK,SAAS,EAAC;MAAf,EADJ,eAEI;QAAK,SAAS,EAAC;MAAf,EAFJ,eAGI;QAAK,SAAS,EAAC;MAAf,EAHJ,CADJ,CADG,CAAP;IASH;;;EA3BkBC,iBAAA,CAAMC,S;;AA8B7BjB,QAAQ,CAACkB,SAAT,GAAqB;EACjBhB,IAAI,EAAEiB,qBAAA,CAAUC,MADC;EAEjBP,SAAS,EAAEM,qBAAA,CAAUE;AAFJ,CAArB;AAKA;;AACA,IAAMC,OAAO,GAAGtB,QAAhB;eACesB,O"}