@iobroker/adapter-react-v5 3.1.34 → 3.2.0

package/Components/Loader.js

@@ -1,32 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 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; } }
-
 // 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 {number} [size] The size in pixels of this loader.
@@ -35,28 +25,21 @@ var loaderStyles = "\n/**\n * Copyright 2018-2022 bluefox <dogafox@gmail.com>\n
  *
  * @extends {React.Component<LoaderProps>}
  */
-
 var Loader = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Loader, _React$Component);
-
   var _super = _createSuper(Loader);
-
   function Loader(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, Loader);
     _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, [{
     key: "render",
     value: function render() {
@@ -113,13 +96,12 @@ var Loader = /*#__PURE__*/function (_React$Component) {
   }]);
   return Loader;
 }(_react["default"].Component);
-
 Loader.propTypes = {
   size: _propTypes["default"].number,
   themeType: _propTypes["default"].string
 };
-/** @type {typeof Loader} */
 
+/** @type {typeof Loader} */
 var _export = Loader;
 var _default = _export;
 exports["default"] = _default;

package/Components/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","names":["loaderStyles","Loader","props","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","size","theme","themeType","backgroundImage","loadingBackgroundImage","undefined","backgroundColor","loadingBackgroundColor","backgroundSize","loadingHideLogo","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 {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":";;;;;;;;;;;;;;;;;;;AAMA;;AACA;;;;;;AACA;AACA,IAAMA,YAAY,otJAAlB;AAiOA;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,KAA/C;QACH,KAAK,EAAE;UACHE,eAAe,EAAEZ,MAAM,CAACa,sBAAP,IAAiCb,MAAM,CAACa,sBAAP,KAAkC,0BAAnE,GAAgG,SAASb,MAAM,CAACa,sBAAhB,GAAyC,GAAzI,GAA+IC,SAD7J;UAEHC,eAAe,EAAEf,MAAM,CAACgB,sBAAP,IAAiChB,MAAM,CAACgB,sBAAP,KAAkC,0BAAnE,GAAgGhB,MAAM,CAACgB,sBAAvG,GAAgIF,SAF9I;UAGHG,cAAc,EAAE;QAHb;MADJ,GAOFjB,MAAM,CAACkB,eAAP,KAA2B,MAA3B,GACG,IADH,gBAGG,+EACI;QAAK,SAAS,EAAC,UAAf;QAA0B,KAAK,EAAE;UAAEC,KAAK,EAAEV,IAAT;UAAeW,MAAM,EAAEX;QAAvB;MAAjC,gBACI;QAAK,SAAS,EAAE,8BAA8BC,KAA9C;QAAqD,KAAK,EAAE;UAAEW,IAAI,EAAE;QAAR;MAA5D,EADJ,eAEI;QAAK,SAAS,EAAE,8BAA8BX,KAA9C;QAAqD,KAAK,EAAE;UAAEW,IAAI,EAAE;QAAR;MAA5D,EAFJ,eAGI;QACI,SAAS,wCAAiCX,KAAjC,uBADb;QAEI,KAAK,EAAE;UAAEY,WAAW,EAAEb,IAAI,GAAG;QAAtB;MAFX,EAHJ,eAOI;QAAK,SAAS,EAAE,sCAAsCC;MAAtD,EAPJ,eAQI;QAAK,SAAS,EAAE,0CAA0CA,KAA1D;QAAiE,KAAK,EAAE;UAAEa,GAAG,EAAE;QAAP;MAAxE,EARJ,eASI;QAAK,SAAS,EAAE,0CAA0Cb,KAA1D;QAAiE,KAAK,EAAE;UAAEc,MAAM,EAAE;QAAV;MAAxE,EATJ,CADJ,eAYI;QAAK,SAAS,EAAE,yCAAyCd,KAAzD;QACA,KAAK,EAAE;UAAES,KAAK,EAAEV,IAAI,GAAG,EAAhB;UAAoBW,MAAM,EAAEX,IAAI,GAAG;QAAnC;MADP,EAZJ,CAVD,CAAP;IA4BH;;;EA3CgBgB,iBAAA,CAAMC,S;;AA8C3B5B,MAAM,CAAC6B,SAAP,GAAmB;EACflB,IAAI,EAAEmB,qBAAA,CAAUC,MADD;EAEflB,SAAS,EAAEiB,qBAAA,CAAUE;AAFN,CAAnB;AAKA;;AACA,IAAMC,OAAO,GAAGjC,MAAhB;eACeiC,O"}
+{"version":3,"file":"Loader.js","names":["loaderStyles","Loader","props","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","size","theme","themeType","backgroundImage","loadingBackgroundImage","undefined","backgroundColor","loadingBackgroundColor","backgroundSize","loadingHideLogo","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 {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":";;;;;;;;;;;;AAMA;AACA;AAAmC;AAAA;AACnC;AACA,IAAMA,YAAY,otJA+NjB;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,IAQMC,MAAM;EAAA;EAAA;EACR,gBAAYC,KAAK,EAAE;IAAA;IAAA;IACf,0BAAMA,KAAK;IAEX,IAAI,CAACC,MAAM,CAACC,QAAQ,CAACC,cAAc,CAAC,2BAA2B,CAAC,EAAE;MAC9D,IAAMC,KAAK,GAAGH,MAAM,CAACC,QAAQ,CAACG,aAAa,CAAC,OAAO,CAAC;MACpDD,KAAK,CAACE,YAAY,CAAC,IAAI,EAAE,2BAA2B,CAAC;MACrDF,KAAK,CAACG,SAAS,GAAGT,YAAY;MAC9BG,MAAM,CAACC,QAAQ,CAACM,IAAI,CAACC,WAAW,CAACL,KAAK,CAAC;IAC3C;IAAC;EACL;EAAC;IAAA;IAAA,OAED,kBAAS;MACL,IAAMM,IAAI,GAAG,IAAI,CAACV,KAAK,CAACU,IAAI,IAAI,GAAG;MACnC,IAAMC,KAAK,GAAG,IAAI,CAACX,KAAK,CAACY,SAAS,IAAI,IAAI,CAACZ,KAAK,CAACW,KAAK,IAAI,OAAO;MACjE,oBAAO;QAAK,SAAS,EAAE,4BAA4B,GAAGA,KAAM;QACxD,KAAK,EAAE;UACHE,eAAe,EAAEZ,MAAM,CAACa,sBAAsB,IAAIb,MAAM,CAACa,sBAAsB,KAAK,0BAA0B,GAAG,MAAM,GAAGb,MAAM,CAACa,sBAAsB,GAAG,GAAG,GAAGC,SAAS;UACzKC,eAAe,EAAEf,MAAM,CAACgB,sBAAsB,IAAIhB,MAAM,CAACgB,sBAAsB,KAAK,0BAA0B,GAAGhB,MAAM,CAACgB,sBAAsB,GAAGF,SAAS;UAC1JG,cAAc,EAAE;QACpB;MAAE,GAEDjB,MAAM,CAACkB,eAAe,KAAK,MAAM,GAC9B,IAAI,gBAEJ,+EACI;QAAK,SAAS,EAAC,UAAU;QAAC,KAAK,EAAE;UAAEC,KAAK,EAAEV,IAAI;UAAEW,MAAM,EAAEX;QAAK;MAAE,gBAC3D;QAAK,SAAS,EAAE,2BAA2B,GAAGC,KAAM;QAAC,KAAK,EAAE;UAAEW,IAAI,EAAE;QAAM;MAAE,EAAE,eAC9E;QAAK,SAAS,EAAE,2BAA2B,GAAGX,KAAM;QAAC,KAAK,EAAE;UAAEW,IAAI,EAAE;QAAM;MAAE,EAAE,eAC9E;QACI,SAAS,wCAAiCX,KAAK,uBAAqB;QACpE,KAAK,EAAE;UAAEY,WAAW,EAAEb,IAAI,GAAG;QAAM;MAAE,EACvC,eACF;QAAK,SAAS,EAAE,mCAAmC,GAAGC;MAAM,EAAE,eAC9D;QAAK,SAAS,EAAE,uCAAuC,GAAGA,KAAM;QAAC,KAAK,EAAE;UAAEa,GAAG,EAAE;QAAM;MAAE,EAAE,eACzF;QAAK,SAAS,EAAE,uCAAuC,GAAGb,KAAM;QAAC,KAAK,EAAE;UAAEc,MAAM,EAAE;QAAM;MAAE,EAAE,CAC1F,eACN;QAAK,SAAS,EAAE,sCAAsC,GAAGd,KAAM;QAC/D,KAAK,EAAE;UAAES,KAAK,EAAEV,IAAI,GAAG,EAAE;UAAEW,MAAM,EAAEX,IAAI,GAAG;QAAG;MAAE,EAC7C,CACH,CAEL;IACV;EAAC;EAAA;AAAA,EA3CgBgB,iBAAK,CAACC,SAAS;AA8CpC5B,MAAM,CAAC6B,SAAS,GAAG;EACflB,IAAI,EAAEmB,qBAAS,CAACC,MAAM;EACtBlB,SAAS,EAAEiB,qBAAS,CAACE;AACzB,CAAC;;AAED;AACA,IAAMC,OAAO,GAAGjC,MAAM;AAAC,eACRiC,OAAO;AAAA"}

package/Components/Loaders/PT.js

@@ -1,32 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 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; } }
-
 // 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 {number} [size] The size in pixels of this loader.
@@ -35,32 +25,25 @@ var ptStyles = "\n.logo-background-light, .logo-background-colored {\n    backgr
  *
  * @extends {React.Component<LoaderPTProps>}
  */
-
 var LoaderPT = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(LoaderPT, _React$Component);
-
   var _super = _createSuper(LoaderPT);
-
   /**
    * @param {LoaderPTProps} props
    */
   function LoaderPT(props) {
     var _this;
-
     (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;
   }
-
   (0, _createClass2["default"])(LoaderPT, [{
     key: "render",
     value: function render() {
@@ -89,13 +72,12 @@ var LoaderPT = /*#__PURE__*/function (_React$Component) {
   }]);
   return LoaderPT;
 }(_react["default"].Component);
-
 LoaderPT.propTypes = {
   size: _propTypes["default"].number,
   themeType: _propTypes["default"].string
 };
-/** @type {typeof LoaderPT} */
 
+/** @type {typeof LoaderPT} */
 var _export = LoaderPT;
 var _default = _export;
 exports["default"] = _default;

package/Components/Loaders/PT.js.map

@@ -1 +1 @@
-{"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 {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;;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"}
+{"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 {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;AAAmC;AAAA;AACnC;AACA,IAAMA,QAAQ,ohEAuGb;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,IAQMC,QAAQ;EAAA;EAAA;EACV;AACJ;AACA;EACI,kBAAYC,KAAK,EAAE;IAAA;IAAA;IACf,0BAAMA,KAAK;IACX,MAAKC,IAAI,GAAG,MAAKD,KAAK,CAACC,IAAI,IAAI,GAAG;IAElC,IAAI,CAACC,MAAM,CAACC,QAAQ,CAACC,cAAc,CAAC,uBAAuB,CAAC,EAAE;MAC1D,IAAMC,KAAK,GAAGH,MAAM,CAACC,QAAQ,CAACG,aAAa,CAAC,OAAO,CAAC;MACpDD,KAAK,CAACE,YAAY,CAAC,IAAI,EAAE,uBAAuB,CAAC;MACjDF,KAAK,CAACG,SAAS,GAAGV,QAAQ;MAC1BI,MAAM,CAACC,QAAQ,CAACM,IAAI,CAACC,WAAW,CAACL,KAAK,CAAC;IAC3C;IAAC;EACL;EAAC;IAAA;IAAA,OAED,kBAAS;MACL,IAAMM,KAAK,GAAG,IAAI,CAACX,KAAK,CAACY,SAAS,IAAI,IAAI,CAACZ,KAAK,CAACW,KAAK,IAAI,OAAO;MACjE,oBAAO;QAAK,SAAS,EAAE,+BAA+B,GAAGA;MAAM,gBAC3D;QAAK,SAAS,EAAC,aAAa;QAAC,KAAK,EAAE;UAACE,KAAK,EAAE,IAAI,CAACZ,IAAI;UAAEa,MAAM,EAAE,IAAI,CAACb;QAAI;MAAE,gBACtE;QAAK,KAAK,EAAE;UAACY,KAAK,EAAE,GAAG;UAAEC,MAAM,EAAE;QAAG;MAAE,gBAClC;QAAK,SAAS,EAAC;MAAgC,EAAE,eACjD;QAAK,SAAS,EAAC;MAAiC,EAAE,eAClD;QAAK,SAAS,EAAC;MAA+B,EAAE,CAC9C,CACJ,CACJ;IACV;EAAC;EAAA;AAAA,EA3BkBC,iBAAK,CAACC,SAAS;AA8BtCjB,QAAQ,CAACkB,SAAS,GAAG;EACjBhB,IAAI,EAAEiB,qBAAS,CAACC,MAAM;EACtBP,SAAS,EAAEM,qBAAS,CAACE;AACzB,CAAC;;AAED;AACA,IAAMC,OAAO,GAAGtB,QAAQ;AAAC,eACVsB,OAAO;AAAA"}

package/Components/Loaders/Vendor.js

@@ -1,34 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 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; } }
-
 // 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";
+
 /**
  * @typedef {object} LoaderVendorProps
  * @property {number} [size] The size in pixels of this loader.
@@ -37,32 +26,25 @@ var vendorStyles = "\n.logo-background-light, .logo-background-colored {\n    ba
  *
  * @extends {React.Component<LoaderVendorProps>}
  */
-
 var LoaderVendor = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(LoaderVendor, _React$Component);
-
   var _super = _createSuper(LoaderVendor);
-
   /**
    * @param {LoaderVendorProps} props
    */
   function LoaderVendor(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, LoaderVendor);
     _this = _super.call(this, props);
     _this.size = _this.props.size || 200;
-
     if (!window.document.getElementById('vendor-iobroker-component')) {
       var style = window.document.createElement('style');
       style.setAttribute('id', 'vendor-iobroker-component');
       style.innerHTML = vendorStyles;
       window.document.head.appendChild(style);
     }
-
     return _this;
   }
-
   (0, _createClass2["default"])(LoaderVendor, [{
     key: "render",
     value: function render() {
@@ -93,13 +75,12 @@ var LoaderVendor = /*#__PURE__*/function (_React$Component) {
   }]);
   return LoaderVendor;
 }(_react["default"].Component);
-
 LoaderVendor.propTypes = {
   size: _propTypes["default"].number,
   themeType: _propTypes["default"].string
 };
-/** @type {typeof LoaderVendor} */
 
+/** @type {typeof LoaderVendor} */
 var _export = LoaderVendor;
 var _default = _export;
 exports["default"] = _default;

package/Components/Loaders/Vendor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Vendor.js","names":["vendorStyles","LoaderVendor","props","size","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","theme","themeType","display","flexDirection","height","width","margin","flexGrow","React","Component","propTypes","PropTypes","number","string","_export"],"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":";;;;;;;;;;;;;;;;;;;AAMA;;AACA;;AACA;;;;;;AACA;AACA,IAAMA,YAAY,iKAAlB;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;IACMC,Y;;;;;EACF;AACJ;AACA;EACI,sBAAYC,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,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,GAAkBV,YAAlB;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,sCAAsCA,KAAtD;QAA6D,KAAK,EAAE;UACvEE,OAAO,EAAE,MAD8D;UAEvEC,aAAa,EAAE,QAFwD;UAGvEC,MAAM,EAAE,MAH+D;UAIvEC,KAAK,EAAE,KAJgE;UAKvEC,MAAM,EAAE;QAL+D;MAApE,gBAOH;QAAK,KAAK,EAAE;UAACC,QAAQ,EAAE;QAAX;MAAZ,EAPG,eAQH,gCAAC,4BAAD;QAAkB,KAAK,EAAC,WAAxB;QAAoC,IAAI,EAAE,GAA1C;QAA+C,SAAS,EAAE;MAA1D,EARG,eASH;QAAK,KAAK,EAAE;UAACA,QAAQ,EAAE;QAAX;MAAZ,EATG,CAAP;IAWH;;;EA7BsBC,iBAAA,CAAMC,S;;AAgCjCrB,YAAY,CAACsB,SAAb,GAAyB;EACrBpB,IAAI,EAAEqB,qBAAA,CAAUC,MADK;EAErBX,SAAS,EAAEU,qBAAA,CAAUE;AAFA,CAAzB;AAKA;;AACA,IAAMC,OAAO,GAAG1B,YAAhB;eACe0B,O"}
+{"version":3,"file":"Vendor.js","names":["vendorStyles","LoaderVendor","props","size","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","theme","themeType","display","flexDirection","height","width","margin","flexGrow","React","Component","propTypes","PropTypes","number","string","_export"],"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":";;;;;;;;;;;;AAMA;AACA;AACA;AAA8D;AAAA;AAC9D;AACA,IAAMA,YAAY,iKAOjB;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,IAQMC,YAAY;EAAA;EAAA;EACd;AACJ;AACA;EACI,sBAAYC,KAAK,EAAE;IAAA;IAAA;IACf,0BAAMA,KAAK;IACX,MAAKC,IAAI,GAAG,MAAKD,KAAK,CAACC,IAAI,IAAI,GAAG;IAElC,IAAI,CAACC,MAAM,CAACC,QAAQ,CAACC,cAAc,CAAC,2BAA2B,CAAC,EAAE;MAC9D,IAAMC,KAAK,GAAGH,MAAM,CAACC,QAAQ,CAACG,aAAa,CAAC,OAAO,CAAC;MACpDD,KAAK,CAACE,YAAY,CAAC,IAAI,EAAE,2BAA2B,CAAC;MACrDF,KAAK,CAACG,SAAS,GAAGV,YAAY;MAC9BI,MAAM,CAACC,QAAQ,CAACM,IAAI,CAACC,WAAW,CAACL,KAAK,CAAC;IAC3C;IAAC;EACL;EAAC;IAAA;IAAA,OAED,kBAAS;MACL,IAAMM,KAAK,GAAG,IAAI,CAACX,KAAK,CAACY,SAAS,IAAI,IAAI,CAACZ,KAAK,CAACW,KAAK,IAAI,OAAO;MACjE,oBAAO;QAAK,SAAS,EAAE,mCAAmC,GAAGA,KAAM;QAAC,KAAK,EAAE;UACvEE,OAAO,EAAE,MAAM;UACfC,aAAa,EAAE,QAAQ;UACvBC,MAAM,EAAE,MAAM;UACdC,KAAK,EAAE,KAAK;UACZC,MAAM,EAAE;QACZ;MAAE,gBACE;QAAK,KAAK,EAAE;UAACC,QAAQ,EAAE;QAAC;MAAE,EAAE,eAC5B,gCAAC,4BAAgB;QAAC,KAAK,EAAC,WAAW;QAAC,IAAI,EAAE,GAAI;QAAC,SAAS,EAAE;MAAE,EAAE,eAC9D;QAAK,KAAK,EAAE;UAACA,QAAQ,EAAE;QAAC;MAAE,EAAE,CAC1B;IACV;EAAC;EAAA;AAAA,EA7BsBC,iBAAK,CAACC,SAAS;AAgC1CrB,YAAY,CAACsB,SAAS,GAAG;EACrBpB,IAAI,EAAEqB,qBAAS,CAACC,MAAM;EACtBX,SAAS,EAAEU,qBAAS,CAACE;AACzB,CAAC;;AAED;AACA,IAAMC,OAAO,GAAG1B,YAAY;AAAC,eACd0B,OAAO;AAAA"}

package/Components/Logo.js

@@ -1,42 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _Fab = _interopRequireDefault(require("@mui/material/Fab"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _i18n = _interopRequireDefault(require("../i18n"));
-
 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; } }
-
 var styles = function styles(theme) {
   return {
     buttons: {
@@ -50,6 +33,7 @@ var styles = function styles(theme) {
     }
   };
 };
+
 /**
  * @typedef {object} LogoProps
  * @property {any} common Adapter common configuration from io-package.json
@@ -61,34 +45,24 @@ var styles = function styles(theme) {
  *
  * @extends {React.Component<LogoProps>}
  */
-
-
 var Logo = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Logo, _React$Component);
-
   var _super = _createSuper(Logo);
-
   function Logo() {
     (0, _classCallCheck2["default"])(this, Logo);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2["default"])(Logo, [{
     key: "handleFileSelect",
     value: function handleFileSelect(evt) {
       var _this = this;
-
       var f = evt.target.files[0];
-
       if (f) {
         var r = new window.FileReader();
-
         r.onload = function (e) {
           var contents = e.target.result;
-
           try {
             var json = JSON.parse(contents);
-
             if (json["native"] && json.common) {
               if (json.common.name !== _this.props.common.name) {
                 _this.props.onError && _this.props.onError(_i18n["default"].t('ra_otherConfig', json.common.name));
@@ -102,7 +76,6 @@ var Logo = /*#__PURE__*/function (_React$Component) {
             _this.props.onError && _this.props.onError(e.toString());
           }
         };
-
         r.readAsText(f);
       } else {
         alert('Failed to open JSON File');
@@ -115,28 +88,25 @@ var Logo = /*#__PURE__*/function (_React$Component) {
         _id: "system.adapter.".concat(this.props.common.name, ".").concat(this.props.instance),
         common: JSON.parse(JSON.stringify(this.props.common)),
         "native": this.props["native"]
-      }; // remove unimportant information
-
+      };
+      // remove unimportant information
       if (result.common.news) {
         delete result.common.news;
       }
-
       if (result.common.titleLang) {
         delete result.common.titleLang;
       }
-
       if (result.common.desc) {
         delete result.common.desc;
-      } //window.open('data:application/iobroker; content-disposition=attachment; filename=' + result._id + '.json,' + JSON.stringify(result, null, 2));
-
+      }
 
+      //window.open('data:application/iobroker; content-disposition=attachment; filename=' + result._id + '.json,' + JSON.stringify(result, null, 2));
       Logo.generateFile(result._id + '.json', result);
     }
   }, {
     key: "upload",
     value: function upload() {
       var _this2 = this;
-
       var input = window.document.createElement('input');
       input.setAttribute('type', 'file');
       input.setAttribute('id', 'files');
@@ -150,7 +120,6 @@ var Logo = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this3 = this;
-
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.className,
         style: this.props.style
@@ -201,7 +170,6 @@ var Logo = /*#__PURE__*/function (_React$Component) {
   }]);
   return Logo;
 }(_react["default"].Component);
-
 Logo.propTypes = {
   common: _propTypes["default"].object.isRequired,
   className: _propTypes["default"].string,
@@ -211,10 +179,9 @@ Logo.propTypes = {
   onError: _propTypes["default"].func.isRequired,
   onLoad: _propTypes["default"].func.isRequired
 };
-/** @type {typeof Logo} */
 
+/** @type {typeof Logo} */
 var _export = (0, _withStyles["default"])(styles)(Logo);
-
 var _default = _export;
 exports["default"] = _default;
 //# sourceMappingURL=Logo.js.map

package/Components/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","names":["styles","theme","buttons","marginRight","marginTop","logo","padding","width","Logo","evt","f","target","files","r","window","FileReader","onload","e","contents","result","json","JSON","parse","common","name","props","onError","I18n","t","onLoad","toString","readAsText","alert","_id","instance","stringify","news","titleLang","desc","generateFile","input","document","createElement","setAttribute","addEventListener","handleFileSelect","click","className","style","icon","classes","readme","win","open","focus","upload","download","filename","obj","el","encodeURIComponent","display","body","appendChild","removeChild","React","Component","propTypes","PropTypes","object","isRequired","string","number","func","_export","withStyles"],"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":["styles","theme","buttons","marginRight","marginTop","logo","padding","width","Logo","evt","f","target","files","r","window","FileReader","onload","e","contents","result","json","JSON","parse","common","name","props","onError","I18n","t","onLoad","toString","readAsText","alert","_id","instance","stringify","news","titleLang","desc","generateFile","input","document","createElement","setAttribute","addEventListener","handleFileSelect","click","className","style","icon","classes","readme","win","open","focus","upload","download","filename","obj","el","encodeURIComponent","display","body","appendChild","removeChild","React","Component","propTypes","PropTypes","object","isRequired","string","number","func","_export","withStyles"],"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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"}