@iobroker/adapter-react-v5 4.0.23 → 4.0.24

package/Components/JsonConfigComponent/ConfigUser.js

@@ -14,11 +14,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/styles");
-var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
-var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
-var _Select = _interopRequireDefault(require("@mui/material/Select"));
+var _material = require("@mui/material");
 var _Icon = _interopRequireDefault(require("./wrapper/Components/Icon"));
 var _i18n = _interopRequireDefault(require("./wrapper/i18n"));
 var _Utils = _interopRequireDefault(require("./wrapper/Components/Utils"));
@@ -83,10 +79,18 @@ var ConfigUser = /*#__PURE__*/function (_ConfigGeneric) {
         _this$state$users$val,
         _this$state$users$val2;
       var value = _ConfigGeneric2["default"].getValue(this.props.data, this.props.attr);
-      return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_material.FormControl, {
         variant: "standard",
         className: this.props.classes.fullWidth
-      }, this.props.schema.label ? /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], null, this.getText(this.props.schema.label)) : null, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+      }, this.props.schema.label ? /*#__PURE__*/_react["default"].createElement(_material.InputLabel, null, this.getText(this.props.schema.label)) : null, !this.state.users ? /*#__PURE__*/_react["default"].createElement(_material.TextField, {
+        variant: "standard",
+        error: !!error,
+        disabled: !!disabled,
+        value: value,
+        onChange: function onChange(e) {
+          return _this2.onChange(_this2.props.attr, e.target.value);
+        }
+      }) : /*#__PURE__*/_react["default"].createElement(_material.Select, {
         variant: "standard",
         error: !!error,
         disabled: !!disabled,
@@ -106,7 +110,7 @@ var ConfigUser = /*#__PURE__*/function (_ConfigGeneric) {
           return _this2.onChange(_this2.props.attr, e.target.value);
         }
       }, this.state.users && Object.keys(this.state.users).map(function (id) {
-        return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_material.MenuItem, {
           style: {
             color: _this2.state.users[id].color || undefined,
             backgroundColor: _Utils["default"].getInvertedColor(_this2.state.users[id].color, _this2.props.themeType)
@@ -117,7 +121,7 @@ var ConfigUser = /*#__PURE__*/function (_ConfigGeneric) {
           src: _this2.state.users[id].icon,
           className: _this2.props.classes.icon
         }) : null, _this2.state.users[id].name);
-      })), this.props.schema.help ? /*#__PURE__*/_react["default"].createElement(_FormHelperText["default"], null, this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)) : null);
+      })), this.props.schema.help ? /*#__PURE__*/_react["default"].createElement(_material.FormHelperText, null, this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)) : null);
     }
   }]);
   return ConfigUser;

package/Components/JsonConfigComponent/ConfigUser.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigUser.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_InputLabel","_MenuItem","_FormHelperText","_FormControl","_Select","_Icon","_i18n","_Utils","_ConfigGeneric2","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","styles","fullWidth","width","icon","height","marginRight","ConfigUser","_ConfigGeneric","_inherits2","_super","_classCallCheck2","_createClass2","key","value","componentDidMount","_this","_get2","props","socket","getUsers","then","users","_users","lang","I18n","getLanguage","schema","forEach","user","_user$common","_user$common2","_id","color","common","name","Utils","getObjectNameFromObj","_user$common3","_user$common4","replace","setState","renderItem","error","disabled","defaultValue","_this2","_this$state$users$val","_this$state$users$val2","ConfigGeneric","getValue","data","attr","createElement","variant","className","classes","label","getText","renderValue","val","_this2$state$users$va","_this2$state$users$va2","_this2$state$users$va3","state","src","style","undefined","backgroundColor","getInvertedColor","themeType","onChange","target","Object","keys","map","id","help","renderHelp","helpLink","noTranslation","propTypes","PropTypes","object","isRequired","string","themeName","onError","func","_default","withStyles","exports"],"sources":["JsonConfigComponent/ConfigUser.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport InputLabel from '@mui/material/InputLabel';\nimport MenuItem from '@mui/material/MenuItem';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormControl from '@mui/material/FormControl';\nimport Select from '@mui/material/Select';\n\nimport Icon from './wrapper/Components/Icon';\nimport I18n from './wrapper/i18n';\nimport Utils from './wrapper/Components/Utils';\n\nimport ConfigGeneric from './ConfigGeneric';\n\nconst styles = () => ({\n    fullWidth: {\n        width: '100%',\n    },\n    icon: {\n        width: 16,\n        height: 16,\n        marginRight: 8,\n    },\n});\n\nclass ConfigUser extends ConfigGeneric {\n    componentDidMount() {\n        super.componentDidMount();\n        this.props.socket.getUsers()\n            .then(users => {\n                const _users = {};\n                const lang = I18n.getLanguage();\n\n                if (this.props.schema.short) {\n                    users.forEach(user => _users[user._id] = {\n                        color: user.common?.color,\n                        icon: user.common?.icon,\n                        name: Utils.getObjectNameFromObj(user, lang)\n                    });\n                } else {\n                    users.forEach(user => _users[user._id.replace(/^system\\.user\\./, '')] = {\n                        color: user.common?.color,\n                        icon: user.common?.icon,\n                        name: Utils.getObjectNameFromObj(user, lang)\n                    });\n                }\n\n                this.setState({users: _users});\n            });\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n\n        return <FormControl variant=\"standard\" className={this.props.classes.fullWidth}>\n            {this.props.schema.label ? <InputLabel>{this.getText(this.props.schema.label)}</InputLabel> : null}\n            <Select\n                variant=\"standard\"\n                error={!!error}\n                disabled={!!disabled}\n                value={value}\n                renderValue={val => <span>{this.state.users && this.state.users[val]?.icon ? <Icon src={this.state.users && this.state.users[val]?.icon} className={this.props.classes.icon} /> : null}{(this.state.users && this.state.users[val]?.name) || val || ''}</span>}\n                style={{ color: (this.state.users && this.state.users[value]?.color) || undefined, backgroundColor: Utils.getInvertedColor(this.state.users && this.state.users[value]?.color, this.props.themeType) }}\n                onChange={e => this.onChange(this.props.attr, e.target.value)}\n            >\n                {this.state.users && Object.keys(this.state.users).map(id => <MenuItem style={{ color: this.state.users[id].color || undefined, backgroundColor: Utils.getInvertedColor(this.state.users[id].color, this.props.themeType) }} key={id} value={id}>\n                    {this.state.users[id].icon ? <Icon src={this.state.users[id].icon} className={this.props.classes.icon} /> : null}\n                    {this.state.users[id].name}\n                </MenuItem>)}\n            </Select>\n            {this.props.schema.help ? <FormHelperText>{this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}</FormHelperText> : null}\n        </FormControl>;\n    }\n}\n\nConfigUser.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)(ConfigUser);"],"mappings":"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"}
+{"version":3,"file":"ConfigUser.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_material","_Icon","_i18n","_Utils","_ConfigGeneric2","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","styles","fullWidth","width","icon","height","marginRight","ConfigUser","_ConfigGeneric","_inherits2","_super","_classCallCheck2","_createClass2","key","value","componentDidMount","_this","_get2","props","socket","getUsers","then","users","_users","lang","I18n","getLanguage","schema","forEach","user","_user$common","_user$common2","_id","color","common","name","Utils","getObjectNameFromObj","_user$common3","_user$common4","replace","setState","renderItem","error","disabled","defaultValue","_this2","_this$state$users$val","_this$state$users$val2","ConfigGeneric","getValue","data","attr","createElement","FormControl","variant","className","classes","label","InputLabel","getText","state","TextField","onChange","target","Select","renderValue","val","_this2$state$users$va","_this2$state$users$va2","_this2$state$users$va3","src","style","undefined","backgroundColor","getInvertedColor","themeType","Object","keys","map","id","MenuItem","help","FormHelperText","renderHelp","helpLink","noTranslation","propTypes","PropTypes","object","isRequired","string","themeName","onError","func","_default","withStyles","exports"],"sources":["JsonConfigComponent/ConfigUser.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@mui/styles';\n\nimport {\n    InputLabel,\n    TextField,\n    MenuItem,\n    FormHelperText,\n    FormControl,\n    Select,\n} from '@mui/material';\n\nimport Icon from './wrapper/Components/Icon';\nimport I18n from './wrapper/i18n';\nimport Utils from './wrapper/Components/Utils';\n\nimport ConfigGeneric from './ConfigGeneric';\n\nconst styles = () => ({\n    fullWidth: {\n        width: '100%',\n    },\n    icon: {\n        width: 16,\n        height: 16,\n        marginRight: 8,\n    },\n});\n\nclass ConfigUser extends ConfigGeneric {\n    componentDidMount() {\n        super.componentDidMount();\n        this.props.socket.getUsers()\n            .then(users => {\n                const _users = {};\n                const lang = I18n.getLanguage();\n\n                if (this.props.schema.short) {\n                    users.forEach(user => _users[user._id] = {\n                        color: user.common?.color,\n                        icon: user.common?.icon,\n                        name: Utils.getObjectNameFromObj(user, lang),\n                    });\n                } else {\n                    users.forEach(user => _users[user._id.replace(/^system\\.user\\./, '')] = {\n                        color: user.common?.color,\n                        icon: user.common?.icon,\n                        name: Utils.getObjectNameFromObj(user, lang),\n                    });\n                }\n\n                this.setState({ users: _users });\n            });\n    }\n\n    renderItem(error, disabled, defaultValue) {\n        const value = ConfigGeneric.getValue(this.props.data, this.props.attr);\n\n        return <FormControl variant=\"standard\" className={this.props.classes.fullWidth}>\n            {this.props.schema.label ? <InputLabel>{this.getText(this.props.schema.label)}</InputLabel> : null}\n            {!this.state.users ?\n                <TextField\n                    variant=\"standard\"\n                    error={!!error}\n                    disabled={!!disabled}\n                    value={value}\n                    onChange={e => this.onChange(this.props.attr, e.target.value)}\n                />\n                :\n                <Select\n                    variant=\"standard\"\n                    error={!!error}\n                    disabled={!!disabled}\n                    value={value}\n                    renderValue={val => <span>{this.state.users && this.state.users[val]?.icon ? <Icon src={this.state.users && this.state.users[val]?.icon} className={this.props.classes.icon} /> : null}{(this.state.users && this.state.users[val]?.name) || val || ''}</span>}\n                    style={{ color: (this.state.users && this.state.users[value]?.color) || undefined, backgroundColor: Utils.getInvertedColor(this.state.users && this.state.users[value]?.color, this.props.themeType) }}\n                    onChange={e => this.onChange(this.props.attr, e.target.value)}\n                >\n                    {this.state.users && Object.keys(this.state.users).map(id => <MenuItem style={{ color: this.state.users[id].color || undefined, backgroundColor: Utils.getInvertedColor(this.state.users[id].color, this.props.themeType) }} key={id} value={id}>\n                        {this.state.users[id].icon ? <Icon src={this.state.users[id].icon} className={this.props.classes.icon} /> : null}\n                        {this.state.users[id].name}\n                    </MenuItem>)}\n                </Select>\n            }\n            {this.props.schema.help ? <FormHelperText>{this.renderHelp(this.props.schema.help, this.props.schema.helpLink, this.props.schema.noTranslation)}</FormHelperText> : null}\n        </FormControl>;\n    }\n}\n\nConfigUser.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)(ConfigUser);"],"mappings":"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"}

package/Components/Loader.js

@@ -13,7 +13,12 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 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; } }
+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; } } /**
+                                                                                                                                                                                                                                                                                                                                           * Copyright 2018-2022 bluefox <dogafox@gmail.com>
+                                                                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                                                                           * MIT License
+                                                                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                                                                           **/
 // 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";
 

package/Components/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","names":["_react","_interopRequireDefault","require","_propTypes","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","loaderStyles","Loader","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","_createClass2","key","value","render","size","theme","themeType","className","backgroundImage","loadingBackgroundImage","undefined","backgroundColor","loadingBackgroundColor","backgroundSize","loadingHideLogo","Fragment","width","height","left","concat","borderWidth","top","bottom","React","Component","propTypes","PropTypes","number","string","_export","_default","exports"],"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 {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            style={{\n                backgroundImage: window.loadingBackgroundImage && window.loadingBackgroundImage !== '@@loginBackgroundImage@@' ? 'url(' + window.loadingBackgroundImage + ')' : undefined,\n                backgroundColor: window.loadingBackgroundColor && window.loadingBackgroundColor !== '@@loginBackgroundColor@@' ? window.loadingBackgroundColor : undefined,\n                backgroundSize: 'cover',\n            }}\n        >\n            {window.loadingHideLogo === 'true' ?\n                null\n                :\n                <>\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                </>\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":"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"}
+{"version":3,"file":"Loader.js","names":["_react","_interopRequireDefault","require","_propTypes","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","loaderStyles","Loader","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","_createClass2","key","value","render","size","theme","themeType","className","backgroundImage","loadingBackgroundImage","undefined","backgroundColor","loadingBackgroundColor","backgroundSize","loadingHideLogo","Fragment","width","height","left","concat","borderWidth","top","bottom","React","Component","propTypes","PropTypes","number","string","_export","_default","exports"],"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 {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            style={{\n                backgroundImage: window.loadingBackgroundImage && window.loadingBackgroundImage !== '@@loginBackgroundImage@@' ? 'url(' + window.loadingBackgroundImage + ')' : undefined,\n                backgroundColor: window.loadingBackgroundColor && window.loadingBackgroundColor !== '@@loginBackgroundColor@@' ? window.loadingBackgroundColor : undefined,\n                backgroundSize: 'cover',\n            }}\n        >\n            {window.loadingHideLogo === 'true' ?\n                null\n                :\n                <>\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                </>\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":"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"}

package/Components/Loaders/PT.js

@@ -13,7 +13,12 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 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; } }
+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; } } /**
+                                                                                                                                                                                                                                                                                                                                           * Copyright 2021-2022 ioBroker GmbH
+                                                                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                                                                           * MIT License
+                                                                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                                                                           **/
 // 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";
 

package/Components/Loaders/PT.js.map

@@ -1 +1 @@
-{"version":3,"file":"PT.js","names":["_react","_interopRequireDefault","require","_propTypes","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ptStyles","LoaderPT","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","size","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","_createClass2","key","value","render","theme","themeType","className","width","height","React","Component","propTypes","PropTypes","number","string","_export","_default","exports"],"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 {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":"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"}
+{"version":3,"file":"PT.js","names":["_react","_interopRequireDefault","require","_propTypes","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ptStyles","LoaderPT","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","size","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","_createClass2","key","value","render","theme","themeType","className","width","height","React","Component","propTypes","PropTypes","number","string","_export","_default","exports"],"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 {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":"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"}

package/Components/Loaders/Vendor.js

@@ -14,7 +14,12 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
 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; } }
+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; } } /**
+                                                                                                                                                                                                                                                                                                                                           * Copyright 2021-2022 ioBroker GmbH
+                                                                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                                                                           * MIT License
+                                                                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                                                                           **/
 // import './Vendor.css'
 var vendorStyles = "\n.logo-background-light, .logo-background-colored {\n    background: white;\n}\n.logo-background-dark, .logo-background-blue {\n    background: black;\n}\n";
 

package/Components/Loaders/Vendor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Vendor.js","names":["_react","_interopRequireDefault","require","_propTypes","_CircularProgress","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","vendorStyles","LoaderVendor","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","size","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","_createClass2","key","value","render","theme","themeType","className","display","flexDirection","height","width","margin","flexGrow","color","thickness","React","Component","propTypes","PropTypes","number","string","_export","_default","exports"],"sources":["Loaders/Vendor.js"],"sourcesContent":["/**\n * Copyright 2021-2022 ioBroker GmbH\n *\n * MIT License\n *\n **/\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport CircularProgress from '@mui/material/CircularProgress';\n// import './Vendor.css'\nconst vendorStyles = `\n.logo-background-light, .logo-background-colored {\n    background: white;\n}\n.logo-background-dark, .logo-background-blue {\n    background: black;\n}\n`;\n\n/**\n * @typedef {object} LoaderVendorProps\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<LoaderVendorProps>}\n */\nclass LoaderVendor extends React.Component {\n    /**\n     * @param {LoaderVendorProps} props\n     */\n    constructor(props) {\n        super(props);\n        this.size = this.props.size || 200;\n\n        if (!window.document.getElementById('vendor-iobroker-component')) {\n            const style = window.document.createElement('style');\n            style.setAttribute('id', 'vendor-iobroker-component');\n            style.innerHTML = vendorStyles;\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={'vendor-logo-back logo-background-' + theme} style={{\n            display: 'flex',\n            flexDirection: 'column',\n            height: '100%',\n            width: '10%',\n            margin: 'auto'\n        }}>\n            <div style={{flexGrow: 1}}/>\n            <CircularProgress color=\"secondary\" size={200} thickness={5}/>\n            <div style={{flexGrow: 1}}/>\n        </div>;\n    }\n}\n\nLoaderVendor.propTypes = {\n    size: PropTypes.number,\n    themeType: PropTypes.string\n};\n\n/** @type {typeof LoaderVendor} */\nconst _export = LoaderVendor;\nexport default _export;\n"],"mappings":"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"}
+{"version":3,"file":"Vendor.js","names":["_react","_interopRequireDefault","require","_propTypes","_CircularProgress","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","vendorStyles","LoaderVendor","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","size","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","_createClass2","key","value","render","theme","themeType","className","display","flexDirection","height","width","margin","flexGrow","color","thickness","React","Component","propTypes","PropTypes","number","string","_export","_default","exports"],"sources":["Loaders/Vendor.js"],"sourcesContent":["/**\n * Copyright 2021-2022 ioBroker GmbH\n *\n * MIT License\n *\n **/\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport CircularProgress from '@mui/material/CircularProgress';\n// import './Vendor.css'\nconst vendorStyles = `\n.logo-background-light, .logo-background-colored {\n    background: white;\n}\n.logo-background-dark, .logo-background-blue {\n    background: black;\n}\n`;\n\n/**\n * @typedef {object} LoaderVendorProps\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<LoaderVendorProps>}\n */\nclass LoaderVendor extends React.Component {\n    /**\n     * @param {LoaderVendorProps} props\n     */\n    constructor(props) {\n        super(props);\n        this.size = this.props.size || 200;\n\n        if (!window.document.getElementById('vendor-iobroker-component')) {\n            const style = window.document.createElement('style');\n            style.setAttribute('id', 'vendor-iobroker-component');\n            style.innerHTML = vendorStyles;\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={'vendor-logo-back logo-background-' + theme} style={{\n            display: 'flex',\n            flexDirection: 'column',\n            height: '100%',\n            width: '10%',\n            margin: 'auto'\n        }}>\n            <div style={{flexGrow: 1}}/>\n            <CircularProgress color=\"secondary\" size={200} thickness={5}/>\n            <div style={{flexGrow: 1}}/>\n        </div>;\n    }\n}\n\nLoaderVendor.propTypes = {\n    size: PropTypes.number,\n    themeType: PropTypes.string\n};\n\n/** @type {typeof LoaderVendor} */\nconst _export = LoaderVendor;\nexport default _export;\n"],"mappings":"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"}

package/Components/Logo.js

@@ -19,7 +19,7 @@ var _Help = _interopRequireDefault(require("@mui/icons-material/Help"));
 var _VerticalAlignTop = _interopRequireDefault(require("@mui/icons-material/VerticalAlignTop"));
 var _VerticalAlignBottom = _interopRequireDefault(require("@mui/icons-material/VerticalAlignBottom"));
 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; } }
+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; } } // please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined
 var styles = function styles(theme) {
   return {
     buttons: {

package/Components/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","names":["_react","_interopRequireDefault","require","_withStyles","_Fab","_propTypes","_i18n","_Help","_VerticalAlignTop","_VerticalAlignBottom","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","styles","theme","buttons","marginRight","marginTop","logo","padding","width","Logo","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","handleFileSelect","evt","_this","f","target","files","r","window","FileReader","onload","contents","json","JSON","parse","common","name","props","onError","I18n","t","onLoad","toString","readAsText","alert","download","_id","concat","instance","stringify","news","titleLang","desc","generateFile","upload","_this2","input","document","createElement","setAttribute","addEventListener","click","render","_this3","className","style","icon","src","classes","alt","readme","size","color","onClick","win","open","focus","title","filename","obj","el","encodeURIComponent","display","body","appendChild","removeChild","React","Component","propTypes","PropTypes","object","isRequired","string","number","func","_export","withStyles","_default","exports"],"sources":["Logo.js"],"sourcesContent":["// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\nimport React from 'react';\nimport withStyles from '@mui/styles/withStyles';\nimport Fab from '@mui/material/Fab';\nimport PropTypes from 'prop-types';\n\nimport I18n from '../i18n';\n\nimport IconHelp from '@mui/icons-material/Help'\nimport IconUpload from '@mui/icons-material/VerticalAlignTop'\nimport IconDownload from '@mui/icons-material/VerticalAlignBottom'\n\nconst styles = theme => ({\n    buttons: {\n        marginRight: 5,\n        marginTop: 5,\n        float: 'right'\n    },\n    logo: {\n        padding: 8,\n        width: 64\n    }\n});\n\n/**\n * @typedef {object} LogoProps\n * @property {any} common Adapter common configuration from io-package.json\n * @property {any} native Adapter native data from io-package.json\n * @property {number} instance Adapter instance number.\n * @property {(contents: any) => void} [onLoad]\n * @property {(error: string) => void} [onError]\n * @property {{ buttons: string, logo: string }} classes The styling class names.\n *\n * @extends {React.Component<LogoProps>}\n */\nclass Logo extends React.Component {\n\n    static generateFile(filename, obj) {\n        const el = window.document.createElement('a');\n        el.setAttribute('href', 'data:application/json;charset=utf-8,' + encodeURIComponent(JSON.stringify(obj, null, 2)));\n        el.setAttribute('download', filename);\n\n        el.style.display = 'none';\n        window.document.body.appendChild(el);\n\n        el.click();\n\n        window.document.body.removeChild(el);\n    }\n\n    handleFileSelect(evt) {\n        const f = evt.target.files[0];\n        if (f) {\n            const r = new window.FileReader();\n            r.onload = e => {\n                const contents = e.target.result;\n                try {\n                    const json = JSON.parse(contents);\n                    if (json.native && json.common) {\n                        if (json.common.name !== this.props.common.name) {\n                            this.props.onError && this.props.onError(I18n.t('ra_otherConfig', json.common.name));\n                        } else {\n                            this.props.onLoad && this.props.onLoad(json.native);\n                        }\n                    } else {\n                        this.props.onError && this.props.onError(I18n.t('ra_invalidConfig'));\n                    }\n                } catch (e) {\n                    this.props.onError && this.props.onError(e.toString());\n                }\n            };\n            r.readAsText(f);\n        } else {\n            alert('Failed to open JSON File');\n        }\n    }\n\n    download() {\n        const result = {\n            _id: `system.adapter.${this.props.common.name}.${this.props.instance}`,\n            common: JSON.parse(JSON.stringify(this.props.common)),\n            native: this.props.native\n        };\n        // remove unimportant information\n        if (result.common.news) {\n            delete result.common.news;\n        }\n        if (result.common.titleLang) {\n            delete result.common.titleLang;\n        }\n        if (result.common.desc) {\n            delete result.common.desc;\n        }\n\n        //window.open('data:application/iobroker; content-disposition=attachment; filename=' + result._id + '.json,' + JSON.stringify(result, null, 2));\n        Logo.generateFile(result._id + '.json', result);\n    }\n\n    upload() {\n        const input = window.document.createElement('input');\n        input.setAttribute('type', 'file');\n        input.setAttribute('id', 'files');\n        input.setAttribute('opacity', 0);\n        input.addEventListener('change', e => this.handleFileSelect(e, () => {}), false);\n        (input.click)();\n    }\n\n    render() {\n        return <div className={this.props.className} style={this.props.style}>\n            {this.props.common.icon ?\n                <img src={this.props.common.icon} className={this.props.classes.logo} alt=\"logo\"/> : null}\n            {this.props.common.readme ?\n                <Fab\n                    size=\"small\"\n                    color=\"primary\"\n                    aria-label=\"Help\"\n                    className={this.props.classes.buttons}\n                    onClick={() => {\n                        const win = window.open(this.props.common.readme, '_blank');\n                        win.focus();\n                    }}\n                ><IconHelp /></Fab> : null}\n            <Fab size=\"small\" color=\"primary\" aria-label=\"Load config\" className={this.props.classes.buttons}\n                 title={I18n.t('ra_Load configuration from file')} onClick={() => this.upload()}><IconUpload /></Fab>\n            <Fab size=\"small\" color=\"primary\" aria-label=\"Save config\" className={this.props.classes.buttons}\n                 title={I18n.t('ra_Save configuration to file')} onClick={() => this.download()}><IconDownload/></Fab>\n        </div>;\n    }\n}\n\nLogo.propTypes = {\n    common: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    style: PropTypes.object,\n    native: PropTypes.object.isRequired,\n    instance: PropTypes.number.isRequired,\n    onError: PropTypes.func.isRequired,\n    onLoad: PropTypes.func.isRequired,\n};\n\n/** @type {typeof Logo} */\nconst _export = withStyles(styles)(Logo);\nexport default _export;"],"mappings":"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"}
+{"version":3,"file":"Logo.js","names":["_react","_interopRequireDefault","require","_withStyles","_Fab","_propTypes","_i18n","_Help","_VerticalAlignTop","_VerticalAlignBottom","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","styles","theme","buttons","marginRight","marginTop","logo","padding","width","Logo","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","handleFileSelect","evt","_this","f","target","files","r","window","FileReader","onload","contents","json","JSON","parse","common","name","props","onError","I18n","t","onLoad","toString","readAsText","alert","download","_id","concat","instance","stringify","news","titleLang","desc","generateFile","upload","_this2","input","document","createElement","setAttribute","addEventListener","click","render","_this3","className","style","icon","src","classes","alt","readme","size","color","onClick","win","open","focus","title","filename","obj","el","encodeURIComponent","display","body","appendChild","removeChild","React","Component","propTypes","PropTypes","object","isRequired","string","number","func","_export","withStyles","_default","exports"],"sources":["Logo.js"],"sourcesContent":["// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\nimport React from 'react';\nimport withStyles from '@mui/styles/withStyles';\nimport Fab from '@mui/material/Fab';\nimport PropTypes from 'prop-types';\n\nimport I18n from '../i18n';\n\nimport IconHelp from '@mui/icons-material/Help'\nimport IconUpload from '@mui/icons-material/VerticalAlignTop'\nimport IconDownload from '@mui/icons-material/VerticalAlignBottom'\n\nconst styles = theme => ({\n    buttons: {\n        marginRight: 5,\n        marginTop: 5,\n        float: 'right'\n    },\n    logo: {\n        padding: 8,\n        width: 64\n    }\n});\n\n/**\n * @typedef {object} LogoProps\n * @property {any} common Adapter common configuration from io-package.json\n * @property {any} native Adapter native data from io-package.json\n * @property {number} instance Adapter instance number.\n * @property {(contents: any) => void} [onLoad]\n * @property {(error: string) => void} [onError]\n * @property {{ buttons: string, logo: string }} classes The styling class names.\n *\n * @extends {React.Component<LogoProps>}\n */\nclass Logo extends React.Component {\n\n    static generateFile(filename, obj) {\n        const el = window.document.createElement('a');\n        el.setAttribute('href', 'data:application/json;charset=utf-8,' + encodeURIComponent(JSON.stringify(obj, null, 2)));\n        el.setAttribute('download', filename);\n\n        el.style.display = 'none';\n        window.document.body.appendChild(el);\n\n        el.click();\n\n        window.document.body.removeChild(el);\n    }\n\n    handleFileSelect(evt) {\n        const f = evt.target.files[0];\n        if (f) {\n            const r = new window.FileReader();\n            r.onload = e => {\n                const contents = e.target.result;\n                try {\n                    const json = JSON.parse(contents);\n                    if (json.native && json.common) {\n                        if (json.common.name !== this.props.common.name) {\n                            this.props.onError && this.props.onError(I18n.t('ra_otherConfig', json.common.name));\n                        } else {\n                            this.props.onLoad && this.props.onLoad(json.native);\n                        }\n                    } else {\n                        this.props.onError && this.props.onError(I18n.t('ra_invalidConfig'));\n                    }\n                } catch (e) {\n                    this.props.onError && this.props.onError(e.toString());\n                }\n            };\n            r.readAsText(f);\n        } else {\n            alert('Failed to open JSON File');\n        }\n    }\n\n    download() {\n        const result = {\n            _id: `system.adapter.${this.props.common.name}.${this.props.instance}`,\n            common: JSON.parse(JSON.stringify(this.props.common)),\n            native: this.props.native\n        };\n        // remove unimportant information\n        if (result.common.news) {\n            delete result.common.news;\n        }\n        if (result.common.titleLang) {\n            delete result.common.titleLang;\n        }\n        if (result.common.desc) {\n            delete result.common.desc;\n        }\n\n        //window.open('data:application/iobroker; content-disposition=attachment; filename=' + result._id + '.json,' + JSON.stringify(result, null, 2));\n        Logo.generateFile(result._id + '.json', result);\n    }\n\n    upload() {\n        const input = window.document.createElement('input');\n        input.setAttribute('type', 'file');\n        input.setAttribute('id', 'files');\n        input.setAttribute('opacity', 0);\n        input.addEventListener('change', e => this.handleFileSelect(e, () => {}), false);\n        (input.click)();\n    }\n\n    render() {\n        return <div className={this.props.className} style={this.props.style}>\n            {this.props.common.icon ?\n                <img src={this.props.common.icon} className={this.props.classes.logo} alt=\"logo\"/> : null}\n            {this.props.common.readme ?\n                <Fab\n                    size=\"small\"\n                    color=\"primary\"\n                    aria-label=\"Help\"\n                    className={this.props.classes.buttons}\n                    onClick={() => {\n                        const win = window.open(this.props.common.readme, '_blank');\n                        win.focus();\n                    }}\n                ><IconHelp /></Fab> : null}\n            <Fab size=\"small\" color=\"primary\" aria-label=\"Load config\" className={this.props.classes.buttons}\n                 title={I18n.t('ra_Load configuration from file')} onClick={() => this.upload()}><IconUpload /></Fab>\n            <Fab size=\"small\" color=\"primary\" aria-label=\"Save config\" className={this.props.classes.buttons}\n                 title={I18n.t('ra_Save configuration to file')} onClick={() => this.download()}><IconDownload/></Fab>\n        </div>;\n    }\n}\n\nLogo.propTypes = {\n    common: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    style: PropTypes.object,\n    native: PropTypes.object.isRequired,\n    instance: PropTypes.number.isRequired,\n    onError: PropTypes.func.isRequired,\n    onLoad: PropTypes.func.isRequired,\n};\n\n/** @type {typeof Logo} */\nconst _export = withStyles(styles)(Logo);\nexport default _export;"],"mappings":"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"}

package/Components/ObjectBrowser.js

@@ -99,7 +99,16 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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; } }
+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; } } /**
+                                                                                                                                                                                                                                                                                                                                           * Copyright 2020-2022, bluefox <dogafox@gmail.com>
+                                                                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                                                                           * MIT License
+                                                                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                                                                           **/ // import ListItemButton from '@mui/material/ListItemButton';
+// import Slider from '@mui/material/Slider';
+// import Typography from '@mui/material/Typography';
+// Icons
+// own
 var ICON_SIZE = 24;
 var ROW_HEIGHT = 32;
 var ITEM_LEVEL = 16;