@iobroker/adapter-react-v5 4.9.10 → 4.10.0

package/Components/Loader.d.ts

@@ -1,37 +1,26 @@
-export default _export;
-export type LoaderProps = {
-    /**
-     * The size in pixels of this loader.
-     */
-    size?: number;
-    /**
-     * The chosen theme type.
-     */
-    themeType?: string;
-    /**
-     * The chosen theme.
-     */
-    theme?: string;
-};
-/** @type {typeof Loader} */
-declare const _export: typeof Loader;
 /**
- * @typedef {object} LoaderProps
- * @property {number} [size] The size in pixels of this loader.
- * @property {string} [themeType] The chosen theme type.
- * @property {string} [theme] The chosen theme.
+ * Copyright 2018-2024 Denis Haev (bluefox) <dogafox@gmail.com>
  *
- * @extends {React.Component<LoaderProps>}
- */
-declare class Loader extends React.Component<LoaderProps, any, any> {
-    constructor(props: any);
-    render(): React.JSX.Element;
-}
-declare namespace Loader {
-    namespace propTypes {
-        let size: PropTypes.Requireable<number>;
-        let themeType: PropTypes.Requireable<string>;
+ * MIT License
+ *
+ **/
+import React from 'react';
+declare global {
+    interface Window {
+        loadingBackgroundImage: undefined | string;
+        loadingBackgroundColor: undefined | string;
+        loadingHideLogo: undefined | 'true';
     }
 }
-import React from 'react';
-import PropTypes from 'prop-types';
+interface LoaderProps {
+    /** The size in pixels of this loader. */
+    size?: number;
+    /** The chosen theme type. */
+    themeType?: 'dark' | 'light';
+    /** Theme name*/
+    themeName?: 'dark' | 'light' | 'colored' | 'blue';
+    /** @deprecated Theme name. use themeName instead */
+    theme?: 'dark' | 'light' | 'colored' | 'blue';
+}
+declare function Loader(props: LoaderProps): React.JSX.Element;
+export default Loader;

package/Components/Loader.js

@@ -1,111 +1,285 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
-exports["default"] = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
- * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * Copyright 2018-2024 Denis Haev (bluefox) <dogafox@gmail.com>
  *
  * MIT License
  *
  **/
-// import './loader.css'
-var loaderStyles = "\n/**\n * Copyright 2018-2023 Denis Haev (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";
-
+const react_1 = __importStar(require("react"));
+const loaderStyles = `
 /**
- * @typedef {object} LoaderProps
- * @property {number} [size] The size in pixels of this loader.
- * @property {string} [themeType] The chosen theme type.
- * @property {string} [theme] The chosen theme.
+ * Copyright 2018-2024 Denis Haev (bluefox) <dogafox@gmail.com>
  *
- * @extends {React.Component<LoaderProps>}
- */
-var Loader = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Loader, _React$Component);
-  function Loader(props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, Loader);
-    _this = _callSuper(this, Loader, [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() {
-      var size = this.props.size || 234;
-      var theme = this.props.themeType || this.props.theme || 'light';
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "logo-back logo-background-".concat(theme),
-        style: {
-          backgroundImage: window.loadingBackgroundImage && window.loadingBackgroundImage !== '@@loginBackgroundImage@@' ? "url(".concat(window.loadingBackgroundImage, ")") : undefined,
-          backgroundColor: window.loadingBackgroundColor && window.loadingBackgroundColor !== '@@loginBackgroundColor@@' ? window.loadingBackgroundColor : undefined,
-          backgroundSize: 'cover'
-        }
-      }, window.loadingHideLogo === 'true' ? null : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "logo-div",
-        style: {
-          width: size,
-          height: size
-        }
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "logo-top logo-background-".concat(theme),
-        style: {
-          left: '37%'
-        }
-      }), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "logo-top logo-background-".concat(theme),
-        style: {
-          left: '57%'
-        }
-      }), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "logo-border logo-background-".concat(theme, " logo-animate-wait"),
-        style: {
-          borderWidth: size * 0.132
-        }
-      }), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "logo-i logo-animate-color-inside-".concat(theme)
-      }), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "logo-i-top logo-animate-color-inside-".concat(theme),
-        style: {
-          top: '18%'
-        }
-      }), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "logo-i-top logo-animate-color-inside-".concat(theme),
-        style: {
-          bottom: '18%'
-        }
-      })), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "logo-animate-grow logo-animate-grow-".concat(theme),
-        style: {
-          width: size + 11,
-          height: size + 11
-        }
-      })));
-    }
-  }]);
-  return Loader;
-}(_react["default"].Component);
-Loader.propTypes = {
-  size: _propTypes["default"].number,
-  themeType: _propTypes["default"].string
-};
+ * MIT License
+ *
+ **/
 
-/** @type {typeof Loader} */
-var _export = Loader;
-var _default = exports["default"] = _export;
-//# sourceMappingURL=Loader.js.map
+.logo-background-light, .logo-background-colored {
+    background: white;
+}
+.logo-background-dark, .logo-background-blue {
+    background: black;
+}
+.logo-div {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -ms-transform: translateX(-50%) translateY(-50%);
+    -webkit-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%);
+    overflow: hidden;
+    border-radius: 50%;
+    z-index: 2;
+}
+.logo-border {
+    /*border-color: #164477;*/
+    border-top-color: #3399CC;
+    border-left-color: #164477;
+    border-bottom-color: #164477;
+    border-right-color: #164477;
+    border-radius: 50%;
+    border-style: solid;
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+}
+.logo-top {
+    position: absolute;
+    width: 4.5%;
+    height: 16%;
+    top: 0;
+    z-index: 2;
+}
+.logo-i {
+    position: absolute;
+    width: 14.5%;
+    height: 60%;
+    top: 20%;
+    left: 42%;
+    background: #3399CC;
+}
+.logo-i-top {
+    position: absolute;
+    width: 14.5%;
+    height: 4%;
+    left: 42%;
+    background: #3399CC;
+    border-radius: 100%;
+}
+.logo-back {
+    width: 100%;
+    height: 100%;
+    z-index: 0;
+    overflow: hidden;
+}
+@keyframes logo-grow {
+    0% {
+        width: 230px;
+        height: 230px;
+        transform: translate(-50%,-50%) scale(1);
+        opacity: 1
+    }
+    99% {
+        width: 230px;
+        height: 230px;
+        transform: translate(-50%,-50%) scale(10);
+        opacity: 0;
+    }
+    100% {
+        width: 0;
+        height: 0;
+        opacity: 0;
+    }
+}
+@keyframes logo-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
+@keyframes logo-color-inside-light {
+    0% {
+        background: #FEFEFE;
+    }
+    100% {
+        background: #3399CC;
+    }
+}
+@keyframes logo-color-inside-dark {
+    0% {
+        background: #030303;
+    }
+    100% {
+        background: #3399CC;
+    }
+}
+@keyframes logo-color-inside-colored {
+    0% {
+        background: #FEFEFE;
+    }
+    100% {
+        background: #3399CC;
+    }
+}
+@keyframes logo-color-inside-blue {
+    0% {
+        background: #030303;
+    }
+    100% {
+        background: #3399CC;
+    }
+}
+
+@keyframes logo-color-outside-light {
+    0% {
+        border-color: #FEFEFE;
+    }
+    100% {
+        border-top-color: #3399CC;
+        border-left-color: #164477;
+        border-bottom-color: #164477;
+        border-right-color: #164477;
+    }
+}
+@keyframes logo-color-outside-dark  {
+    0% {
+        border-color: #040404;
+    }
+    100% {
+        border-top-color: #3399CC;
+        border-left-color: #164477;
+        border-bottom-color: #164477;
+        border-right-color: #164477;
+    }
+}
+@keyframes logo-color-outside-colored {
+    0% {
+        border-color: #FEFEFE;
+    }
+    100% {
+        border-top-color: #3399CC;
+        border-left-color: #164477;
+        border-bottom-color: #164477;
+        border-right-color: #164477;
+    }
+}
+@keyframes logo-color-outside-blue  {
+    0% {
+        border-color: #040404;
+    }
+    100% {
+        border-top-color: #3399CC;
+        border-left-color: #164477;
+        border-bottom-color: #164477;
+        border-right-color: #164477;
+    }
+}
+
+.logo-animate-wait {
+    animation: logo-color-outside 1.5s, logo-spin 1.5s linear infinite;
+}
+
+.logo-animate-grow-light {
+    background: #DDD;
+}
+.logo-animate-grow-dark {
+    background: #1d1d1d;
+}
+.logo-animate-grow-colored {
+    background: #DDD;
+}
+.logo-animate-grow-blue {
+    background: #1d1d1d;
+}
+
+.logo-animate-grow {
+    display: inline-block;
+    text-align: center;
+    z-index: 1;
+    top: 50%;
+    left: 50%;
+    -ms-transform: translateX(-50%) translateY(-50%);
+    -webkit-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%);
+    width: 245px;
+    height: 245px;
+    border-radius: 50%;
+    position: absolute;
+    animation: logo-grow 1s 1 ease forwards;
+}
+
+.logo-animate-color-inside-light {
+    animation: logo-color-inside-light 2.5s;
+}
+.logo-animate-color-inside-dark {
+    animation: logo-color-inside-dark 2.5s;
+}
+.logo-animate-color-inside-colored {
+    animation: logo-color-inside-colored 2.5s;
+}
+.logo-animate-color-inside-blue {
+    animation: logo-color-inside-blue 2.5s;
+}
+
+.logo-animate-color-outside-light {
+    animation: logo-color-outside-light 1.5s;
+}
+.logo-animate-color-outside-dark {
+    animation: logo-color-outside-dark 1.5s;
+}
+.logo-animate-color-outside-colored {
+    animation: logo-color-outside-colored 1.5s;
+}
+.logo-animate-color-outside-blue {
+    animation: logo-color-outside-blue 1.5s;
+}
+`;
+function Loader(props) {
+    (0, react_1.useEffect)(() => {
+        if (!window.document.getElementById('loader-iobroker-component')) {
+            const style = window.document.createElement('style');
+            style.setAttribute('id', 'loader-iobroker-component');
+            style.innerHTML = loaderStyles;
+            window.document.head.appendChild(style);
+        }
+    }, []);
+    const size = props.size || 234;
+    const theme = props.themeName || props.theme || props.themeType || 'light';
+    return react_1.default.createElement("div", { className: `logo-back logo-background-${theme}`, style: {
+            backgroundImage: window.loadingBackgroundImage && window.loadingBackgroundImage !== '@@loginBackgroundImage@@' ? `url(${window.loadingBackgroundImage})` : undefined,
+            backgroundColor: window.loadingBackgroundColor && window.loadingBackgroundColor !== '@@loginBackgroundColor@@' ? window.loadingBackgroundColor : undefined,
+            backgroundSize: 'cover',
+        } }, window.loadingHideLogo === 'true' ?
+        null
+        :
+            react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("div", { className: "logo-div", style: { width: size, height: size } },
+                    react_1.default.createElement("div", { className: `logo-top logo-background-${theme}`, style: { left: '37%' } }),
+                    react_1.default.createElement("div", { className: `logo-top logo-background-${theme}`, style: { left: '57%' } }),
+                    react_1.default.createElement("div", { className: `logo-border logo-background-${theme} logo-animate-wait`, style: { borderWidth: size * 0.132 } }),
+                    react_1.default.createElement("div", { className: `logo-i logo-animate-color-inside-${theme}` }),
+                    react_1.default.createElement("div", { className: `logo-i-top logo-animate-color-inside-${theme}`, style: { top: '18%' } }),
+                    react_1.default.createElement("div", { className: `logo-i-top logo-animate-color-inside-${theme}`, style: { bottom: '18%' } })),
+                react_1.default.createElement("div", { className: `logo-animate-grow logo-animate-grow-${theme}`, style: { width: size + 11, height: size + 11 } })));
+}
+exports.default = Loader;

package/Components/Loaders/PT.js.map

@@ -1 +1 @@
-{"version":3,"file":"PT.js","names":["_react","_interopRequireDefault","require","_propTypes","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ptStyles","LoaderPT","_React$Component","_inherits2","props","_this","_classCallCheck2","size","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","_createClass2","key","value","render","theme","themeType","className","concat","width","height","React","Component","propTypes","PropTypes","number","string","_export","_default","exports"],"sources":["Loaders/PT.js"],"sourcesContent":["/**\n * Copyright 2021-2023 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;\n"],"mappings":"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"}
+{"version":3,"file":"PT.js","names":["_react","_interopRequireDefault","require","_propTypes","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ptStyles","LoaderPT","_React$Component","_inherits2","props","_this","_classCallCheck2","size","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","_createClass2","key","value","render","theme","themeType","className","concat","width","height","React","Component","propTypes","PropTypes","number","string","_export","_default","exports"],"sources":["Loaders/PT.js"],"sourcesContent":["/**\n * Copyright 2021-2023 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;\n"],"mappings":"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","ignoreList":[]}

package/Components/Loaders/Vendor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Vendor.js","names":["_react","_interopRequireDefault","require","_propTypes","_CircularProgress","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","vendorStyles","LoaderVendor","_React$Component","_inherits2","props","_this","_classCallCheck2","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","_createClass2","key","value","render","theme","themeType","className","concat","display","flexDirection","height","width","margin","flexGrow","color","size","thickness","React","Component","propTypes","PropTypes","string","_export","_default","exports"],"sources":["Loaders/Vendor.js"],"sourcesContent":["/**\n * Copyright 2021-2023 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 {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        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\n            className={`vendor-logo-back logo-background-${theme}`}\n            style={{\n                display: 'flex',\n                flexDirection: 'column',\n                height: '100%',\n                width: '10%',\n                margin: 'auto',\n            }}\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    themeType: PropTypes.string,\n};\n\n/** @type {typeof LoaderVendor} */\nconst _export = LoaderVendor;\nexport default _export;\n"],"mappings":";;;;;;;;;;;;AAMA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA8D,SAAAG,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA,UAR9D;AACA;AACA;AACA;AACA;AACA;AAIA;AACA,IAAMc,YAAY,iKAOjB;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAOMC,YAAY,0BAAAC,gBAAA;EAAA,IAAAC,UAAA,aAAAF,YAAA,EAAAC,gBAAA;EACd;AACJ;AACA;EACI,SAAAD,aAAYG,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAL,YAAA;IACfI,KAAA,GAAApB,UAAA,OAAAgB,YAAA,GAAMG,KAAK;IACX,IAAI,CAACG,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,GAAGb,YAAY;MAC9BO,MAAM,CAACC,QAAQ,CAACM,IAAI,CAACC,WAAW,CAACL,KAAK,CAAC;IAC3C;IAAC,OAAAL,KAAA;EACL;EAAC,IAAAW,aAAA,aAAAf,YAAA;IAAAgB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAS;MACL,IAAMC,KAAK,GAAG,IAAI,CAAChB,KAAK,CAACiB,SAAS,IAAI,IAAI,CAACjB,KAAK,CAACgB,KAAK,IAAI,OAAO;MACjE,oBAAOxC,MAAA,YAAA+B,aAAA;QACHW,SAAS,sCAAAC,MAAA,CAAsCH,KAAK,CAAG;QACvDV,KAAK,EAAE;UACHc,OAAO,EAAE,MAAM;UACfC,aAAa,EAAE,QAAQ;UACvBC,MAAM,EAAE,MAAM;UACdC,KAAK,EAAE,KAAK;UACZC,MAAM,EAAE;QACZ;MAAE,gBAEFhD,MAAA,YAAA+B,aAAA;QAAKD,KAAK,EAAE;UAAEmB,QAAQ,EAAE;QAAE;MAAE,CAAE,CAAC,eAC/BjD,MAAA,YAAA+B,aAAA,CAAC3B,iBAAA,WAAgB;QAAC8C,KAAK,EAAC,WAAW;QAACC,IAAI,EAAE,GAAI;QAACC,SAAS,EAAE;MAAE,CAAE,CAAC,eAC/DpD,MAAA,YAAA+B,aAAA;QAAKD,KAAK,EAAE;UAAEmB,QAAQ,EAAE;QAAE;MAAE,CAAE,CAC7B,CAAC;IACV;EAAC;EAAA,OAAA5B,YAAA;AAAA,EA9BsBgC,iBAAK,CAACC,SAAS;AAiC1CjC,YAAY,CAACkC,SAAS,GAAG;EACrBd,SAAS,EAAEe,qBAAS,CAACC;AACzB,CAAC;;AAED;AACA,IAAMC,OAAO,GAAGrC,YAAY;AAAC,IAAAsC,QAAA,GAAAC,OAAA,cACdF,OAAO"}
+{"version":3,"file":"Vendor.js","names":["_react","_interopRequireDefault","require","_propTypes","_CircularProgress","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","vendorStyles","LoaderVendor","_React$Component","_inherits2","props","_this","_classCallCheck2","window","document","getElementById","style","createElement","setAttribute","innerHTML","head","appendChild","_createClass2","key","value","render","theme","themeType","className","concat","display","flexDirection","height","width","margin","flexGrow","color","size","thickness","React","Component","propTypes","PropTypes","string","_export","_default","exports"],"sources":["Loaders/Vendor.js"],"sourcesContent":["/**\n * Copyright 2021-2023 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 {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        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\n            className={`vendor-logo-back logo-background-${theme}`}\n            style={{\n                display: 'flex',\n                flexDirection: 'column',\n                height: '100%',\n                width: '10%',\n                margin: 'auto',\n            }}\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    themeType: PropTypes.string,\n};\n\n/** @type {typeof LoaderVendor} */\nconst _export = LoaderVendor;\nexport default _export;\n"],"mappings":";;;;;;;;;;;;AAMA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA8D,SAAAG,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA,UAR9D;AACA;AACA;AACA;AACA;AACA;AAIA;AACA,IAAMc,YAAY,iKAOjB;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAOMC,YAAY,0BAAAC,gBAAA;EAAA,IAAAC,UAAA,aAAAF,YAAA,EAAAC,gBAAA;EACd;AACJ;AACA;EACI,SAAAD,aAAYG,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAL,YAAA;IACfI,KAAA,GAAApB,UAAA,OAAAgB,YAAA,GAAMG,KAAK;IACX,IAAI,CAACG,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,GAAGb,YAAY;MAC9BO,MAAM,CAACC,QAAQ,CAACM,IAAI,CAACC,WAAW,CAACL,KAAK,CAAC;IAC3C;IAAC,OAAAL,KAAA;EACL;EAAC,IAAAW,aAAA,aAAAf,YAAA;IAAAgB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAS;MACL,IAAMC,KAAK,GAAG,IAAI,CAAChB,KAAK,CAACiB,SAAS,IAAI,IAAI,CAACjB,KAAK,CAACgB,KAAK,IAAI,OAAO;MACjE,oBAAOxC,MAAA,YAAA+B,aAAA;QACHW,SAAS,sCAAAC,MAAA,CAAsCH,KAAK,CAAG;QACvDV,KAAK,EAAE;UACHc,OAAO,EAAE,MAAM;UACfC,aAAa,EAAE,QAAQ;UACvBC,MAAM,EAAE,MAAM;UACdC,KAAK,EAAE,KAAK;UACZC,MAAM,EAAE;QACZ;MAAE,gBAEFhD,MAAA,YAAA+B,aAAA;QAAKD,KAAK,EAAE;UAAEmB,QAAQ,EAAE;QAAE;MAAE,CAAE,CAAC,eAC/BjD,MAAA,YAAA+B,aAAA,CAAC3B,iBAAA,WAAgB;QAAC8C,KAAK,EAAC,WAAW;QAACC,IAAI,EAAE,GAAI;QAACC,SAAS,EAAE;MAAE,CAAE,CAAC,eAC/DpD,MAAA,YAAA+B,aAAA;QAAKD,KAAK,EAAE;UAAEmB,QAAQ,EAAE;QAAE;MAAE,CAAE,CAC7B,CAAC;IACV;EAAC;EAAA,OAAA5B,YAAA;AAAA,EA9BsBgC,iBAAK,CAACC,SAAS;AAiC1CjC,YAAY,CAACkC,SAAS,GAAG;EACrBd,SAAS,EAAEe,qBAAS,CAACC;AACzB,CAAC;;AAED;AACA,IAAMC,OAAO,GAAGrC,YAAY;AAAC,IAAAsC,QAAA,GAAAC,OAAA,cACdF,OAAO","ignoreList":[]}

package/Components/ObjectBrowser.js

@@ -16,7 +16,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classPrivateFieldGet2 = _interopRequireDefault(require("@babel/runtime/helpers/classPrivateFieldGet"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -52,6 +51,8 @@ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
+function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } /**
@@ -1904,10 +1905,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
      * Namespaces which are allowed to be edited by non-expert users
      * @type {string[]}
      */
-    _classPrivateFieldInitSpec((0, _assertThisInitialized2["default"])(_this), _NON_EXPERT_NAMESPACES, {
-      writable: true,
-      value: ['0_userdata.0.', 'alias.0.']
-    });
+    _classPrivateFieldInitSpec((0, _assertThisInitialized2["default"])(_this), _NON_EXPERT_NAMESPACES, ['0_userdata.0.', 'alias.0.']);
     /**
      * Context menu handler.
      */
@@ -3010,7 +3008,7 @@ var ObjectBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "isNonExpertId",
     value: function isNonExpertId(id) {
-      return !!(0, _classPrivateFieldGet2["default"])(this, _NON_EXPERT_NAMESPACES).find(function (saveNamespace) {
+      return !!_classPrivateFieldGet(_NON_EXPERT_NAMESPACES, this).find(function (saveNamespace) {
         return id.startsWith(saveNamespace);
       });
     }