@iobroker/adapter-react-v5 0.0.2

package/Components/Loader.js

@@ -0,0 +1,134 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
+require("./loader.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var styles = function styles(theme) {
+  return {};
+};
+/**
+ * @typedef {object} LoaderProps
+ * @property {string} [key] The key to identify this component.
+ * @property {number} [size] The size in pixels of this loader.
+ * @property {string} [themeType] The chosen theme type.
+ * @property {string} [theme] The chosen theme.
+ *
+ * @extends {React.Component<LoaderProps>}
+ */
+
+
+var Loader = /*#__PURE__*/function (_React$Component) {
+  _inherits(Loader, _React$Component);
+
+  var _super = _createSuper(Loader);
+
+  /**
+   * @param {LoaderProps} props
+   */
+  function Loader(props) {
+    var _this;
+
+    _classCallCheck(this, Loader);
+
+    _this = _super.call(this, props);
+    _this.size = _this.props.size || 234;
+    return _this;
+  }
+
+  _createClass(Loader, [{
+    key: "render",
+    value: function render() {
+      var theme = this.props.themeType || this.props.theme || 'light';
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: 'logo-back logo-background-' + theme
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "logo-div",
+        style: {
+          width: this.size,
+          height: this.size
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: 'logo-top logo-background-' + theme,
+        style: {
+          left: '37%'
+        }
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: 'logo-top logo-background-' + theme,
+        style: {
+          left: '57%'
+        }
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: 'logo-border logo-background-' + theme + ' logo-animate-wait',
+        style: {
+          borderWidth: this.size * 0.132
+        }
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: 'logo-i logo-animate-color-inside-' + theme
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: 'logo-i-top logo-animate-color-inside-' + theme,
+        style: {
+          top: '18%'
+        }
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: 'logo-i-top logo-animate-color-inside-' + theme,
+        style: {
+          bottom: '18%'
+        }
+      })), /*#__PURE__*/_react["default"].createElement("div", {
+        className: 'logo-animate-grow logo-animate-grow-' + theme,
+        style: {
+          width: this.size + 11,
+          height: this.size + 11
+        }
+      }));
+    }
+  }]);
+
+  return Loader;
+}(_react["default"].Component);
+
+Loader.propTypes = {
+  size: _propTypes["default"].number,
+  themeType: _propTypes["default"].string
+};
+/** @type {typeof Loader} */
+
+var _export = (0, _withStyles["default"])(styles)(Loader);
+
+var _default = _export;
+exports["default"] = _default;
+//# sourceMappingURL=Loader.js.map

package/Components/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Loader.js"],"names":["styles","theme","Loader","props","size","themeType","width","height","left","borderWidth","top","bottom","React","Component","propTypes","PropTypes","number","string","_export"],"mappings":";;;;;;;;;AAMA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK,EAAL;AAAA,CAApB;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;IACMC,M;;;;;AACF;AACJ;AACA;AACI,kBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACf,8BAAMA,KAAN;AACA,UAAKC,IAAL,GAAY,MAAKD,KAAL,CAAWC,IAAX,IAAmB,GAA/B;AAFe;AAGlB;;;;WAED,kBAAS;AACL,UAAMH,KAAK,GAAG,KAAKE,KAAL,CAAWE,SAAX,IAAwB,KAAKF,KAAL,CAAWF,KAAnC,IAA4C,OAA1D;AACA,0BAAO;AAAK,QAAA,SAAS,EAAE,+BAA+BA;AAA/C,sBACH;AAAK,QAAA,SAAS,EAAC,UAAf;AAA0B,QAAA,KAAK,EAAE;AAACK,UAAAA,KAAK,EAAE,KAAKF,IAAb;AAAmBG,UAAAA,MAAM,EAAE,KAAKH;AAAhC;AAAjC,sBACI;AAAK,QAAA,SAAS,EAAE,8BAA8BH,KAA9C;AAAqD,QAAA,KAAK,EAAE;AAACO,UAAAA,IAAI,EAAE;AAAP;AAA5D,QADJ,eAEI;AAAK,QAAA,SAAS,EAAE,8BAA8BP,KAA9C;AAAqD,QAAA,KAAK,EAAE;AAACO,UAAAA,IAAI,EAAE;AAAP;AAA5D,QAFJ,eAGI;AACI,QAAA,SAAS,EAAE,iCAAiCP,KAAjC,GAAyC,oBADxD;AAEI,QAAA,KAAK,EAAE;AAACQ,UAAAA,WAAW,EAAE,KAAKL,IAAL,GAAY;AAA1B;AAFX,QAHJ,eAOI;AAAK,QAAA,SAAS,EAAE,sCAAsCH;AAAtD,QAPJ,eAQI;AAAK,QAAA,SAAS,EAAE,0CAA0CA,KAA1D;AAAiE,QAAA,KAAK,EAAE;AAACS,UAAAA,GAAG,EAAE;AAAN;AAAxE,QARJ,eASI;AAAK,QAAA,SAAS,EAAE,0CAA0CT,KAA1D;AAAiE,QAAA,KAAK,EAAE;AAACU,UAAAA,MAAM,EAAE;AAAT;AAAxE,QATJ,CADG,eAYH;AAAK,QAAA,SAAS,EAAE,yCAAyCV,KAAzD;AACK,QAAA,KAAK,EAAE;AAACK,UAAAA,KAAK,EAAE,KAAKF,IAAL,GAAY,EAApB;AAAwBG,UAAAA,MAAM,EAAE,KAAKH,IAAL,GAAY;AAA5C;AADZ,QAZG,CAAP;AAgBH;;;;EA3BgBQ,kBAAMC,S;;AA8B3BX,MAAM,CAACY,SAAP,GAAmB;AACfV,EAAAA,IAAI,EAAEW,sBAAUC,MADD;AAEfX,EAAAA,SAAS,EAAEU,sBAAUE;AAFN,CAAnB;AAKA;;AACA,IAAMC,OAAO,GAAG,4BAAWlB,MAAX,EAAmBE,MAAnB,CAAhB;;eACegB,O","sourcesContent":["/**\n * Copyright 2018-2021 bluefox <dogafox@gmail.com>\n *\n * MIT License\n *\n **/\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport withStyles from '@mui/styles/withStyles';\nimport './loader.css'\n\nconst styles = theme => ({\n\n});\n\n/**\n * @typedef {object} LoaderProps\n * @property {string} [key] The key to identify this component.\n * @property {number} [size] The size in pixels of this loader.\n * @property {string} [themeType] The chosen theme type.\n * @property {string} [theme] The chosen theme.\n *\n * @extends {React.Component<LoaderProps>}\n */\nclass Loader extends React.Component {\n    /**\n     * @param {LoaderProps} props\n     */\n    constructor(props) {\n        super(props);\n        this.size = this.props.size || 234;\n    }\n\n    render() {\n        const theme = this.props.themeType || this.props.theme || 'light';\n        return <div className={'logo-back logo-background-' + theme}>\n            <div className=\"logo-div\" style={{width: this.size, height: this.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: this.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: this.size + 11, height: this.size + 11}}\n            />\n        </div>;\n    }\n}\n\nLoader.propTypes = {\n    size: PropTypes.number,\n    themeType: PropTypes.string\n};\n\n/** @type {typeof Loader} */\nconst _export = withStyles(styles)(Loader);\nexport default _export;"],"file":"Loader.js"}

package/Components/Loaders/PT.css

@@ -0,0 +1,109 @@
+/**
+ * Copyright 2021 ioBroker GmbH
+ *
+ * MIT License
+ *
+ **/
+
+.logo-background-light, .logo-background-colored {
+    background: white;
+}
+.logo-background-dark, .logo-background-blue {
+    background: black;
+}
+.pt-logo-div {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -ms-transform: translateX(-50%) translateY(-50%);
+    -webkit-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%);
+    z-index: 2;
+}
+.pt-logo-border {
+    border-style: solid;
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+}
+.pt-loader-block {
+    height: 65px;
+    width: 74px;
+    border-radius: 15px;
+    position: absolute;
+    box-sizing: content-box;
+}
+.pt-loader-blue {
+    border: 9px solid #0F99DE;
+    transform: rotate(5grad);
+    left: 93px;
+    top: 0;
+    animation: spin-blue 5s ease-in-out infinite;
+}
+.pt-loader-green {
+    border: 9px solid #88A536;
+    transform: rotate(-6grad);
+    left: 70px;
+    top: 58px;
+    animation: spin-green 5s ease-in-out infinite;
+}
+.pt-loader-red {
+    border: 9px solid #BD1B24;
+    transform: rotate(-15grad);
+    left: 24px;
+    top: 100px;
+    animation: spin-red 5s ease-in-out infinite;
+}
+
+@keyframes spin-blue {
+    0% {
+        transform: rotate(5deg);
+    }
+    25% {
+        transform: rotate(185deg);
+    }
+    50% {
+        transform: rotate(185deg);
+    }
+    75% {
+        transform: rotate(185deg);
+    }
+    100% {
+        transform: rotate(185deg);
+    }
+}
+@keyframes spin-green {
+    0% {
+        transform: rotate(-6deg);
+    }
+    25% {
+        transform: rotate(-6deg);
+    }
+    50% {
+        transform: rotate(174deg);
+    }
+    75% {
+        transform: rotate(174deg);
+    }
+    100% {
+        transform: rotate(-6deg);
+    }
+}
+@keyframes spin-red {
+    0% {
+        transform: rotate(-15deg);
+    }
+    25% {
+        transform: rotate(-15deg);
+    }
+    50% {
+        transform: rotate(-15deg);
+    }
+    75% {
+        transform: rotate(165deg);
+    }
+    100% {
+        transform: rotate(165deg);
+    }
+}

package/Components/Loaders/PT.js

@@ -0,0 +1,104 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+require("./PT.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+/**
+ * @typedef {object} LoaderProps
+ * @property {string} [key] The key to identify this component.
+ * @property {number} [size] The size in pixels of this loader.
+ * @property {string} [themeType] The chosen theme type.
+ * @property {string} [theme] The chosen theme.
+ *
+ * @extends {React.Component<LoaderProps>}
+ */
+var LoaderPT = /*#__PURE__*/function (_React$Component) {
+  _inherits(LoaderPT, _React$Component);
+
+  var _super = _createSuper(LoaderPT);
+
+  /**
+   * @param {LoaderProps} props
+   */
+  function LoaderPT(props) {
+    var _this;
+
+    _classCallCheck(this, LoaderPT);
+
+    _this = _super.call(this, props);
+    _this.size = _this.props.size || 200;
+    return _this;
+  }
+
+  _createClass(LoaderPT, [{
+    key: "render",
+    value: function render() {
+      var theme = this.props.themeType || this.props.theme || 'light';
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: 'pt-logo-back logo-background-' + theme
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "pt-logo-div",
+        style: {
+          width: this.size,
+          height: this.size
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          width: 200,
+          height: 200
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "pt-loader-blue pt-loader-block"
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "pt-loader-green pt-loader-block"
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "pt-loader-red pt-loader-block"
+      }))));
+    }
+  }]);
+
+  return LoaderPT;
+}(_react["default"].Component);
+
+LoaderPT.propTypes = {
+  size: _propTypes["default"].number,
+  themeType: _propTypes["default"].string
+};
+/** @type {typeof LoaderPT} */
+
+var _export = LoaderPT;
+var _default = _export;
+exports["default"] = _default;
+//# sourceMappingURL=PT.js.map

package/Components/Loaders/PT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Loaders/PT.js"],"names":["LoaderPT","props","size","theme","themeType","width","height","React","Component","propTypes","PropTypes","number","string","_export"],"mappings":";;;;;;;;;AAMA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACMA,Q;;;;;AACF;AACJ;AACA;AACI,oBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACf,8BAAMA,KAAN;AACA,UAAKC,IAAL,GAAY,MAAKD,KAAL,CAAWC,IAAX,IAAmB,GAA/B;AAFe;AAGlB;;;;WAED,kBAAS;AACL,UAAMC,KAAK,GAAG,KAAKF,KAAL,CAAWG,SAAX,IAAwB,KAAKH,KAAL,CAAWE,KAAnC,IAA4C,OAA1D;AACA,0BAAO;AAAK,QAAA,SAAS,EAAE,kCAAkCA;AAAlD,sBACH;AAAK,QAAA,SAAS,EAAC,aAAf;AAA6B,QAAA,KAAK,EAAE;AAACE,UAAAA,KAAK,EAAE,KAAKH,IAAb;AAAmBI,UAAAA,MAAM,EAAE,KAAKJ;AAAhC;AAApC,sBACI;AAAK,QAAA,KAAK,EAAE;AAACG,UAAAA,KAAK,EAAE,GAAR;AAAaC,UAAAA,MAAM,EAAE;AAArB;AAAZ,sBACI;AAAK,QAAA,SAAS,EAAC;AAAf,QADJ,eAEI;AAAK,QAAA,SAAS,EAAC;AAAf,QAFJ,eAGI;AAAK,QAAA,SAAS,EAAC;AAAf,QAHJ,CADJ,CADG,CAAP;AASH;;;;EApBkBC,kBAAMC,S;;AAuB7BR,QAAQ,CAACS,SAAT,GAAqB;AACjBP,EAAAA,IAAI,EAAEQ,sBAAUC,MADC;AAEjBP,EAAAA,SAAS,EAAEM,sBAAUE;AAFJ,CAArB;AAKA;;AACA,IAAMC,OAAO,GAAGb,QAAhB;eACea,O","sourcesContent":["/**\n * Copyright 2021 ioBroker GmbH\n *\n * MIT License\n *\n **/\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport './PT.css'\n\n/**\n * @typedef {object} LoaderProps\n * @property {string} [key] The key to identify this component.\n * @property {number} [size] The size in pixels of this loader.\n * @property {string} [themeType] The chosen theme type.\n * @property {string} [theme] The chosen theme.\n *\n * @extends {React.Component<LoaderProps>}\n */\nclass LoaderPT extends React.Component {\n    /**\n     * @param {LoaderProps} props\n     */\n    constructor(props) {\n        super(props);\n        this.size = this.props.size || 200;\n    }\n\n    render() {\n        const theme = this.props.themeType || this.props.theme || 'light';\n        return <div className={'pt-logo-back logo-background-' + theme}>\n            <div className=\"pt-logo-div\" style={{width: this.size, height: this.size}}>\n                <div style={{width: 200, height: 200}}>\n                    <div className=\"pt-loader-blue pt-loader-block\"/>\n                    <div className=\"pt-loader-green pt-loader-block\"/>\n                    <div className=\"pt-loader-red pt-loader-block\"/>\n                </div>\n            </div>\n        </div>;\n    }\n}\n\nLoaderPT.propTypes = {\n    size: PropTypes.number,\n    themeType: PropTypes.string\n};\n\n/** @type {typeof LoaderPT} */\nconst _export = LoaderPT;\nexport default _export;"],"file":"PT.js"}

package/Components/Loaders/Vendor.css

@@ -0,0 +1,13 @@
+/**
+ * Copyright 2021 ioBroker GmbH
+ *
+ * MIT License
+ *
+ **/
+
+.logo-background-light, .logo-background-colored {
+    background: white;
+}
+.logo-background-dark, .logo-background-blue {
+    background: black;
+}

package/Components/Loaders/Vendor.js

@@ -0,0 +1,108 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+
+require("./Vendor.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+/**
+ * @typedef {object} LoaderProps
+ * @property {string} [key] The key to identify this component.
+ * @property {number} [size] The size in pixels of this loader.
+ * @property {string} [themeType] The chosen theme type.
+ * @property {string} [theme] The chosen theme.
+ *
+ * @extends {React.Component<LoaderProps>}
+ */
+var LoaderVendor = /*#__PURE__*/function (_React$Component) {
+  _inherits(LoaderVendor, _React$Component);
+
+  var _super = _createSuper(LoaderVendor);
+
+  /**
+   * @param {LoaderProps} props
+   */
+  function LoaderVendor(props) {
+    var _this;
+
+    _classCallCheck(this, LoaderVendor);
+
+    _this = _super.call(this, props);
+    _this.size = _this.props.size || 200;
+    return _this;
+  }
+
+  _createClass(LoaderVendor, [{
+    key: "render",
+    value: function render() {
+      var theme = this.props.themeType || this.props.theme || 'light';
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: 'vendor-logo-back logo-background-' + theme,
+        style: {
+          display: 'flex',
+          flexDirection: 'column',
+          height: '100%',
+          width: '10%',
+          margin: 'auto'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          flexGrow: 1
+        }
+      }), /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], {
+        color: "secondary",
+        size: 200,
+        thickness: 5
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          flexGrow: 1
+        }
+      }));
+    }
+  }]);
+
+  return LoaderVendor;
+}(_react["default"].Component);
+
+LoaderVendor.propTypes = {
+  size: _propTypes["default"].number,
+  themeType: _propTypes["default"].string
+};
+/** @type {typeof LoaderVendor} */
+
+var _export = LoaderVendor;
+var _default = _export;
+exports["default"] = _default;
+//# sourceMappingURL=Vendor.js.map

package/Components/Loaders/Vendor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Loaders/Vendor.js"],"names":["LoaderVendor","props","size","theme","themeType","display","flexDirection","height","width","margin","flexGrow","React","Component","propTypes","PropTypes","number","string","_export"],"mappings":";;;;;;;;;AAMA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACMA,Y;;;;;AACF;AACJ;AACA;AACI,wBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACf,8BAAMA,KAAN;AACA,UAAKC,IAAL,GAAY,MAAKD,KAAL,CAAWC,IAAX,IAAmB,GAA/B;AAFe;AAGlB;;;;WAED,kBAAS;AACL,UAAMC,KAAK,GAAG,KAAKF,KAAL,CAAWG,SAAX,IAAwB,KAAKH,KAAL,CAAWE,KAAnC,IAA4C,OAA1D;AACA,0BAAO;AAAK,QAAA,SAAS,EAAE,sCAAsCA,KAAtD;AAA6D,QAAA,KAAK,EAAE;AACvEE,UAAAA,OAAO,EAAE,MAD8D;AAEvEC,UAAAA,aAAa,EAAE,QAFwD;AAGvEC,UAAAA,MAAM,EAAE,MAH+D;AAIvEC,UAAAA,KAAK,EAAE,KAJgE;AAKvEC,UAAAA,MAAM,EAAE;AAL+D;AAApE,sBAOH;AAAK,QAAA,KAAK,EAAE;AAACC,UAAAA,QAAQ,EAAE;AAAX;AAAZ,QAPG,eAQH,gCAAC,4BAAD;AAAkB,QAAA,KAAK,EAAC,WAAxB;AAAoC,QAAA,IAAI,EAAE,GAA1C;AAA+C,QAAA,SAAS,EAAE;AAA1D,QARG,eASH;AAAK,QAAA,KAAK,EAAE;AAACA,UAAAA,QAAQ,EAAE;AAAX;AAAZ,QATG,CAAP;AAWH;;;;EAtBsBC,kBAAMC,S;;AAyBjCZ,YAAY,CAACa,SAAb,GAAyB;AACrBX,EAAAA,IAAI,EAAEY,sBAAUC,MADK;AAErBX,EAAAA,SAAS,EAAEU,sBAAUE;AAFA,CAAzB;AAKA;;AACA,IAAMC,OAAO,GAAGjB,YAAhB;eACeiB,O","sourcesContent":["/**\n * Copyright 2021 ioBroker GmbH\n *\n * MIT License\n *\n **/\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport './Vendor.css'\n\n/**\n * @typedef {object} LoaderProps\n * @property {string} [key] The key to identify this component.\n * @property {number} [size] The size in pixels of this loader.\n * @property {string} [themeType] The chosen theme type.\n * @property {string} [theme] The chosen theme.\n *\n * @extends {React.Component<LoaderProps>}\n */\nclass LoaderVendor extends React.Component {\n    /**\n     * @param {LoaderProps} props\n     */\n    constructor(props) {\n        super(props);\n        this.size = this.props.size || 200;\n    }\n\n    render() {\n        const theme = this.props.themeType || this.props.theme || 'light';\n        return <div className={'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"],"file":"Vendor.js"}