@iobroker/adapter-react-v5 7.2.4 → 7.2.6

package/{Components → build/Components}/Loader.js

@@ -1,35 +1,10 @@
-"use strict";
-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;
-});
-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
  *
  */
-const react_1 = __importStar(require("react"));
+import React, { useEffect } from 'react';
 const loaderStyles = `
 /**
  * Copyright 2018-2024 Denis Haev (bluefox) <dogafox@gmail.com>
@@ -254,8 +229,8 @@ const loaderStyles = `
     animation: logo-color-outside-blue 1.5s;
 }
 `;
-function Loader(props) {
-    (0, react_1.useEffect)(() => {
+export function Loader(props) {
+    useEffect(() => {
         if (!window.document.getElementById('loader-iobroker-component')) {
             const style = window.document.createElement('style');
             style.setAttribute('id', 'loader-iobroker-component');
@@ -265,7 +240,7 @@ function Loader(props) {
     }, []);
     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: {
+    return (React.createElement("div", { className: `logo-back logo-background-${theme}`, style: {
             backgroundImage: props.backgroundImage && props.backgroundImage !== '@@loginBackgroundImage@@'
                 ? props.backgroundImage
                 : window.loadingBackgroundImage && window.loadingBackgroundImage !== '@@loginBackgroundImage@@'
@@ -277,14 +252,14 @@ function Loader(props) {
                     ? 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;
+        } }, window.loadingHideLogo === 'true' ? null : (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "logo-div", style: { width: size, height: size } },
+            React.createElement("div", { className: `logo-top logo-background-${theme}`, style: { left: '37%' } }),
+            React.createElement("div", { className: `logo-top logo-background-${theme}`, style: { left: '57%' } }),
+            React.createElement("div", { className: `logo-border logo-background-${theme} logo-animate-wait`, style: { borderWidth: size * 0.132 } }),
+            React.createElement("div", { className: `logo-i logo-animate-color-inside-${theme}` }),
+            React.createElement("div", { className: `logo-i-top logo-animate-color-inside-${theme}`, style: { top: '18%' } }),
+            React.createElement("div", { className: `logo-i-top logo-animate-color-inside-${theme}`, style: { bottom: '18%' } })),
+        React.createElement("div", { className: `logo-animate-grow logo-animate-grow-${theme}`, style: { width: size + 11, height: size + 11 } })))));
+}
+//# sourceMappingURL=Loader.js.map

package/build/Components/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sourceRoot":"./src/","sources":["Components/Loader.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright 2018-2024 Denis Haev (bluefox) <dogafox@gmail.com>\n *\n * MIT License\n *\n */\nimport React, { useEffect } from 'react';\nimport type { ThemeName, ThemeType } from '../types';\n// import './loader.css'\n\ndeclare global {\n    interface Window {\n        loadingBackgroundImage: undefined | string;\n        loadingBackgroundColor: undefined | string;\n        loadingHideLogo: undefined | 'true';\n    }\n}\n\nconst loaderStyles = `\n/**\n * Copyright 2018-2024 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`;\n\ninterface LoaderProps {\n    /** The size in pixels of this loader. */\n    size?: number;\n    /** The chosen theme type. */\n    themeType?: ThemeType;\n    /** Theme name */\n    themeName?: ThemeName;\n    /** @deprecated Theme name. use themeName instead */\n    theme?: ThemeName;\n    /** Background color */\n    backgroundColor?: string;\n    /** Background image URL */\n    backgroundImage?: string;\n}\n\nexport function Loader(props: LoaderProps): React.JSX.Element {\n    useEffect(() => {\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    const size = props.size || 234;\n    const theme = props.themeName || props.theme || props.themeType || 'light';\n    return (\n        <div\n            className={`logo-back logo-background-${theme}`}\n            style={{\n                backgroundImage:\n                    props.backgroundImage && props.backgroundImage !== '@@loginBackgroundImage@@'\n                        ? props.backgroundImage\n                        : window.loadingBackgroundImage && window.loadingBackgroundImage !== '@@loginBackgroundImage@@'\n                          ? `url(${window.loadingBackgroundImage})`\n                          : undefined,\n                backgroundColor:\n                    props.backgroundColor && props.backgroundColor !== '@@loginBackgroundColor@@'\n                        ? props.backgroundColor\n                        : window.loadingBackgroundColor && window.loadingBackgroundColor !== '@@loginBackgroundColor@@'\n                          ? window.loadingBackgroundColor\n                          : undefined,\n                backgroundSize: 'cover',\n            }}\n        >\n            {window.loadingHideLogo === 'true' ? null : (\n                <>\n                    <div\n                        className=\"logo-div\"\n                        style={{ width: size, height: size }}\n                    >\n                        <div\n                            className={`logo-top logo-background-${theme}`}\n                            style={{ left: '37%' }}\n                        />\n                        <div\n                            className={`logo-top logo-background-${theme}`}\n                            style={{ left: '57%' }}\n                        />\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\n                            className={`logo-i-top logo-animate-color-inside-${theme}`}\n                            style={{ top: '18%' }}\n                        />\n                        <div\n                            className={`logo-i-top logo-animate-color-inside-${theme}`}\n                            style={{ bottom: '18%' }}\n                        />\n                    </div>\n                    <div\n                        className={`logo-animate-grow logo-animate-grow-${theme}`}\n                        style={{ width: size + 11, height: size + 11 }}\n                    />\n                </>\n            )}\n        </div>\n    );\n}\n"]}

package/{Components → build/Components}/Loaders/MV.d.ts

@@ -13,5 +13,5 @@ interface LogoProps {
  *
  * @param props Properties
  */
-declare function LoaderMV(props: LogoProps): React.JSX.Element;
-export default LoaderMV;
+export declare function LoaderMV(props: LogoProps): React.JSX.Element;
+export {};

package/build/Components/Loaders/MV.js

@@ -0,0 +1,61 @@
+import React from 'react';
+/**
+ * Vendor specific loader
+ *
+ * @param props Properties
+ */
+export function LoaderMV(props) {
+    const themeType = props.themeType || 'light';
+    const size = props.size || 300;
+    return (React.createElement("div", { style: {
+            width: '100%',
+            height: '100%',
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            backgroundImage: props.backgroundImage && props.backgroundImage !== '@@loginBackgroundImage@@'
+                ? props.backgroundImage
+                : window.loadingBackgroundImage && window.loadingBackgroundImage !== '@@loginBackgroundImage@@'
+                    ? `url(${window.loadingBackgroundImage})`
+                    : undefined,
+            backgroundColor: props.backgroundColor && props.backgroundColor !== '@@loginBackgroundColor@@'
+                ? props.backgroundColor
+                : window.loadingBackgroundColor && window.loadingBackgroundColor !== '@@loginBackgroundColor@@'
+                    ? window.loadingBackgroundColor
+                    : themeType === 'dark'
+                        ? '#000'
+                        : '#FFF',
+            backgroundSize: 'cover',
+        } },
+        React.createElement("div", { style: {
+                width: size,
+                height: size,
+                position: 'absolute',
+                top: '50%',
+                left: '50%',
+                transform: 'translate(-50%,-50%)',
+                zIndex: 2,
+            } },
+            React.createElement("svg", { viewBox: "0 0 500 500", xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+                React.createElement("circle", { strokeWidth: "5", fill: "none", stroke: "#01BBF5", cx: "250", cy: "250", r: "200" }),
+                React.createElement("circle", { strokeWidth: "5", fill: "none", stroke: "#01BBF5", cx: "250", cy: "250", r: "133" }),
+                React.createElement("circle", { strokeWidth: "5", fill: "none", stroke: "#01BBF5", cx: "250", cy: "250", r: "83" }),
+                React.createElement("circle", { strokeWidth: "5", fill: "none", stroke: "#01BBF5", cx: "250", cy: "250", r: "66" }),
+                React.createElement("circle", { strokeWidth: "15", fill: "none", stroke: "#01BBF5", cx: "250", cy: "250", r: "15" }),
+                React.createElement("g", null,
+                    React.createElement("line", { y2: "185", x2: "250", y1: "240", x1: "250", strokeWidth: "5", stroke: "#01BBF5", fill: "none" }),
+                    React.createElement("line", { y2: "315", x2: "250", y1: "260", x1: "250", strokeWidth: "5", stroke: "#01BBF5", fill: "none" }),
+                    React.createElement("g", { transform: "rotate(60, 250, 250)" },
+                        React.createElement("line", { y2: "185", x2: "250", y1: "240", x1: "250", strokeWidth: "5", stroke: "#01BBF5", fill: "none" }),
+                        React.createElement("line", { y2: "315", x2: "250", y1: "260", x1: "250", strokeWidth: "5", stroke: "#01BBF5", fill: "none" })),
+                    React.createElement("g", { transform: "rotate(120, 250, 250)" },
+                        React.createElement("line", { y2: "185", x2: "250", y1: "240", x1: "250", strokeWidth: "5", stroke: "#01BBF5", fill: "none" }),
+                        React.createElement("line", { y2: "315", x2: "250", y1: "260", x1: "250", strokeWidth: "5", stroke: "#01BBF5", fill: "none" })),
+                    [
+                        0, 15, 30, 45, 60, 75, 90, 105, 120, 135, 150, 165, 180, 195, 210, 225, 240, 255, 270, 285,
+                        300, 315, 330, 345,
+                    ].map(angle => (React.createElement("line", { key: angle, transform: `rotate(${angle}, 250, 250)`, y2: "250", x2: "115", y1: "240", x1: "135", strokeWidth: "5", stroke: "#01BBF5", fill: "none" }))),
+                    React.createElement("animateTransform", { attributeType: "xml", attributeName: "transform", type: "rotate", from: "0 250 250", to: "360 250 250", dur: "10s", additive: "sum", repeatCount: "indefinite" })),
+                React.createElement("path", { d: "M 56.089 160.250 C 55.077 162.588, 46.037 182.950, 36 205.500 C 25.963 228.050, 16.923 248.412, 15.911 250.750 L 14.071 255 28.286 254.976 L 42.500 254.952 47.931 242.226 C 50.918 235.227, 54.366 227.250, 55.592 224.500 L 57.822 219.500 66.383 237.250 L 74.945 255 88.973 255 C 96.688 255, 103 254.841, 103 254.646 C 103 254.452, 100.043 248.071, 96.430 240.466 L 89.859 226.638 91.603 222.771 C 92.563 220.644, 93.660 218.710, 94.043 218.473 C 94.426 218.237, 108.609 246.609, 125.562 281.522 L 156.384 345 166.071 345 C 175.705 345, 175.763 344.985, 176.856 342.250 C 179.911 334.602, 208 260.765, 208 260.383 C 208 260.138, 202.546 260.065, 195.879 260.219 L 183.759 260.500 174.629 285.244 C 169.608 298.853, 165.254 309.990, 164.952 309.994 C 164.651 309.997, 148.901 277.389, 129.952 237.532 C 111.004 197.674, 95.275 165.057, 95 165.049 C 94.725 165.041, 90.685 172.415, 86.022 181.435 C 81.358 190.455, 77.308 197.689, 77.022 197.510 C 76.735 197.331, 72.675 187.920, 68 176.598 C 63.325 165.275, 59.147 156.008, 58.714 156.005 C 58.282 156.002, 57.101 157.912, 56.089 160.250 M 55.294 168.694 C 52.241 175.842, 52.166 176.323, 53.718 178.692 L 55.349 181.182 56.706 178.591 C 57.453 177.166, 58.406 176, 58.825 176 C 59.244 176, 60.777 178.363, 62.232 181.250 C 64.829 186.403, 64.879 186.440, 64.939 183.250 C 64.973 181.463, 65.422 180, 65.937 180 C 66.724 180, 60.176 162.824, 58.920 161.596 C 58.689 161.370, 57.057 164.564, 55.294 168.694 M 91.698 175.542 C 89.205 180.626, 89.099 181.308, 90.410 183.792 L 91.840 186.500 92.926 183.669 C 94.349 179.961, 96.024 180.653, 98.588 186.009 L 100.676 190.370 101.324 187.132 C 101.832 184.592, 101.217 182.395, 98.473 176.947 C 96.549 173.126, 94.849 170, 94.696 170 C 94.542 170, 93.193 172.494, 91.698 175.542 M 157.005 192.607 C 143.168 197.636, 134.999 209.202, 135.001 223.761 C 135.002 232.756, 138.710 240.755, 145.856 247.180 C 152.159 252.848, 158.121 255, 167.518 255 C 173.509 255, 175.684 254.499, 180.811 251.936 C 200.823 241.936, 205.088 216.155, 189.337 200.403 C 181.479 192.546, 166.868 189.022, 157.005 192.607 M 206 223 L 206 255 215.472 255 L 224.944 255 225.222 241.419 L 225.500 227.837 230.500 234.660 C 233.250 238.412, 238.002 244.636, 241.060 248.491 L 246.620 255.500 253.810 255.168 L 261 254.836 261 222.918 L 261 191 251.528 191 L 242.056 191 241.778 204.552 L 241.500 218.104 231.111 204.552 L 220.722 191 213.361 191 L 206 191 206 223 M 285.821 192.331 C 276.229 195.045, 270.010 202.130, 270.004 210.349 C 269.995 221.957, 275.913 226.925, 295.801 232.006 C 300.753 233.271, 302.228 235.609, 299.412 237.730 C 296.739 239.746, 288.369 238.774, 281.563 235.657 L 276.132 233.171 272.469 239.320 C 268.119 246.621, 268.341 247.287, 276.524 251.500 C 281.399 254.010, 283.761 254.556, 290.977 254.842 C 302.365 255.294, 307.420 253.846, 312.603 248.649 C 317.383 243.855, 319.463 236.989, 318.043 230.693 C 316.210 222.562, 311.258 218.610, 297.878 214.599 C 288.025 211.645, 285.443 209.631, 288.538 207.315 C 291.104 205.394, 302.270 205.946, 306.769 208.217 L 310.039 209.866 313.104 203.794 C 316.516 197.035, 316.622 197.304, 309.167 193.844 C 303.663 191.289, 292.140 190.542, 285.821 192.331 M 322 199 L 322 207 330 207 L 338 207 338 231 L 338 255 347.500 255 L 357 255 357 231.044 L 357 207.088 364.250 206.794 L 371.500 206.500 371.792 198.750 L 372.084 191 347.042 191 L 322 191 322 199 M 379 223 L 379 255 401 255 L 423 255 423 247.500 L 423 240 409.500 240 L 396 240 396 235 L 396 230 407.500 230 L 419 230 419 222 L 419 214 407.500 214 L 396 214 396 210.529 L 396 207.058 409.250 206.779 L 422.500 206.500 422.792 198.750 L 423.084 191 401.042 191 L 379 191 379 223 M 433 223 L 433 255 442 255 L 451 255 451 247 L 451 239 454.800 239 C 458.555 239, 458.645 239.092, 462.469 246.937 L 466.339 254.874 476.172 255.187 C 481.580 255.359, 486.003 255.111, 486.002 254.636 C 486.001 254.160, 483.277 249.264, 479.949 243.754 C 473.914 233.765, 473.903 233.732, 475.836 231.619 C 480.222 226.824, 482.359 220.791, 482.431 213 C 482.512 204.192, 480.272 198.822, 475.031 195.260 C 469.795 191.703, 465.527 191.012, 448.750 191.006 L 433 191 433 223 M 448.210 213.250 L 448.500 221.500 455.338 221.500 C 461.319 221.500, 462.417 221.204, 464.088 219.139 C 465.995 216.785, 466.556 212.613, 465.379 209.545 C 464.356 206.879, 459.449 205, 453.509 205 L 447.919 205 448.210 213.250 M 163.169 209.017 C 156.337 210.583, 151.176 218.533, 152.339 225.701 C 154.672 240.077, 175.040 242.355, 180.446 228.844 C 184.978 217.516, 175.176 206.267, 163.169 209.017 M 216.676 271.715 C 216.037 272.750, 188 344.021, 188 344.612 C 188 344.863, 192.811 344.940, 198.691 344.784 L 209.381 344.500 211.894 336.750 L 214.406 329 226.550 329 L 238.694 329 242.097 336.992 L 245.500 344.983 255.250 344.992 C 262.399 344.998, 264.994 344.667, 264.979 343.750 C 264.968 343.063, 258.477 326.525, 250.555 307 L 236.150 271.500 226.656 271.215 C 221.434 271.058, 216.943 271.283, 216.676 271.715 M 273 307 C 273 326.800, 272.887 343.337, 272.750 343.750 C 272.613 344.163, 277.102 344.628, 282.727 344.785 L 292.954 345.069 293.227 327.379 L 293.500 309.689 307 327.336 L 320.500 344.982 328.262 344.991 L 336.025 345 335.762 308.250 L 335.500 271.500 326.750 271.211 L 318 270.922 317.882 286.711 C 317.816 295.395, 317.816 302.837, 317.882 303.250 C 317.947 303.663, 317.808 304, 317.574 304 C 317.340 304, 310.809 296.575, 303.060 287.500 L 288.971 271 280.985 271 L 273 271 273 307 M 223.254 303.048 L 220.078 312 226.539 312 C 230.093 312, 233 311.861, 233 311.691 C 233 311.257, 226.886 294.553, 226.636 294.302 C 226.522 294.189, 225.001 298.125, 223.254 303.048", stroke: "none", fill: props.themeType === 'dark' ? '#EEE' : '#111', fillRule: "evenodd" })))));
+}
+//# sourceMappingURL=MV.js.map

package/build/Components/Loaders/MV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MV.js","sourceRoot":"./src/","sources":["Components/Loaders/MV.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport type { ThemeType } from '../../types';\n\ninterface LogoProps {\n    themeType?: ThemeType;\n    size?: number;\n    /** Background color */\n    backgroundColor?: string;\n    /** Background image URL */\n    backgroundImage?: string;\n}\n\n/**\n * Vendor specific loader\n *\n * @param props Properties\n */\nexport function LoaderMV(props: LogoProps): React.JSX.Element {\n    const themeType = props.themeType || 'light';\n    const size = props.size || 300;\n\n    return (\n        <div\n            style={{\n                width: '100%',\n                height: '100%',\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                backgroundImage:\n                    props.backgroundImage && props.backgroundImage !== '@@loginBackgroundImage@@'\n                        ? props.backgroundImage\n                        : window.loadingBackgroundImage && window.loadingBackgroundImage !== '@@loginBackgroundImage@@'\n                          ? `url(${window.loadingBackgroundImage})`\n                          : undefined,\n                backgroundColor:\n                    props.backgroundColor && props.backgroundColor !== '@@loginBackgroundColor@@'\n                        ? props.backgroundColor\n                        : window.loadingBackgroundColor && window.loadingBackgroundColor !== '@@loginBackgroundColor@@'\n                          ? window.loadingBackgroundColor\n                          : themeType === 'dark'\n                            ? '#000'\n                            : '#FFF',\n                backgroundSize: 'cover',\n            }}\n        >\n            <div\n                style={{\n                    width: size,\n                    height: size,\n                    position: 'absolute',\n                    top: '50%',\n                    left: '50%',\n                    transform: 'translate(-50%,-50%)',\n                    zIndex: 2,\n                }}\n            >\n                <svg\n                    viewBox=\"0 0 500 500\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"100%\"\n                    height=\"100%\"\n                >\n                    <circle\n                        strokeWidth=\"5\"\n                        fill=\"none\"\n                        stroke=\"#01BBF5\"\n                        cx=\"250\"\n                        cy=\"250\"\n                        r=\"200\"\n                    />\n                    <circle\n                        strokeWidth=\"5\"\n                        fill=\"none\"\n                        stroke=\"#01BBF5\"\n                        cx=\"250\"\n                        cy=\"250\"\n                        r=\"133\"\n                    />\n                    <circle\n                        strokeWidth=\"5\"\n                        fill=\"none\"\n                        stroke=\"#01BBF5\"\n                        cx=\"250\"\n                        cy=\"250\"\n                        r=\"83\"\n                    />\n                    <circle\n                        strokeWidth=\"5\"\n                        fill=\"none\"\n                        stroke=\"#01BBF5\"\n                        cx=\"250\"\n                        cy=\"250\"\n                        r=\"66\"\n                    />\n                    <circle\n                        strokeWidth=\"15\"\n                        fill=\"none\"\n                        stroke=\"#01BBF5\"\n                        cx=\"250\"\n                        cy=\"250\"\n                        r=\"15\"\n                    />\n                    <g>\n                        <line\n                            y2=\"185\"\n                            x2=\"250\"\n                            y1=\"240\"\n                            x1=\"250\"\n                            strokeWidth=\"5\"\n                            stroke=\"#01BBF5\"\n                            fill=\"none\"\n                        />\n                        <line\n                            y2=\"315\"\n                            x2=\"250\"\n                            y1=\"260\"\n                            x1=\"250\"\n                            strokeWidth=\"5\"\n                            stroke=\"#01BBF5\"\n                            fill=\"none\"\n                        />\n                        <g transform=\"rotate(60, 250, 250)\">\n                            <line\n                                y2=\"185\"\n                                x2=\"250\"\n                                y1=\"240\"\n                                x1=\"250\"\n                                strokeWidth=\"5\"\n                                stroke=\"#01BBF5\"\n                                fill=\"none\"\n                            />\n                            <line\n                                y2=\"315\"\n                                x2=\"250\"\n                                y1=\"260\"\n                                x1=\"250\"\n                                strokeWidth=\"5\"\n                                stroke=\"#01BBF5\"\n                                fill=\"none\"\n                            />\n                        </g>\n                        <g transform=\"rotate(120, 250, 250)\">\n                            <line\n                                y2=\"185\"\n                                x2=\"250\"\n                                y1=\"240\"\n                                x1=\"250\"\n                                strokeWidth=\"5\"\n                                stroke=\"#01BBF5\"\n                                fill=\"none\"\n                            />\n                            <line\n                                y2=\"315\"\n                                x2=\"250\"\n                                y1=\"260\"\n                                x1=\"250\"\n                                strokeWidth=\"5\"\n                                stroke=\"#01BBF5\"\n                                fill=\"none\"\n                            />\n                        </g>\n                        {[\n                            0, 15, 30, 45, 60, 75, 90, 105, 120, 135, 150, 165, 180, 195, 210, 225, 240, 255, 270, 285,\n                            300, 315, 330, 345,\n                        ].map(angle => (\n                            <line\n                                key={angle}\n                                transform={`rotate(${angle}, 250, 250)`}\n                                y2=\"250\"\n                                x2=\"115\"\n                                y1=\"240\"\n                                x1=\"135\"\n                                strokeWidth=\"5\"\n                                stroke=\"#01BBF5\"\n                                fill=\"none\"\n                            />\n                        ))}\n                        <animateTransform\n                            attributeType=\"xml\"\n                            attributeName=\"transform\"\n                            type=\"rotate\"\n                            from=\"0 250 250\"\n                            to=\"360 250 250\"\n                            dur=\"10s\"\n                            additive=\"sum\"\n                            repeatCount=\"indefinite\"\n                        />\n                    </g>\n                    <path\n                        d=\"M 56.089 160.250 C 55.077 162.588, 46.037 182.950, 36 205.500 C 25.963 228.050, 16.923 248.412, 15.911 250.750 L 14.071 255 28.286 254.976 L 42.500 254.952 47.931 242.226 C 50.918 235.227, 54.366 227.250, 55.592 224.500 L 57.822 219.500 66.383 237.250 L 74.945 255 88.973 255 C 96.688 255, 103 254.841, 103 254.646 C 103 254.452, 100.043 248.071, 96.430 240.466 L 89.859 226.638 91.603 222.771 C 92.563 220.644, 93.660 218.710, 94.043 218.473 C 94.426 218.237, 108.609 246.609, 125.562 281.522 L 156.384 345 166.071 345 C 175.705 345, 175.763 344.985, 176.856 342.250 C 179.911 334.602, 208 260.765, 208 260.383 C 208 260.138, 202.546 260.065, 195.879 260.219 L 183.759 260.500 174.629 285.244 C 169.608 298.853, 165.254 309.990, 164.952 309.994 C 164.651 309.997, 148.901 277.389, 129.952 237.532 C 111.004 197.674, 95.275 165.057, 95 165.049 C 94.725 165.041, 90.685 172.415, 86.022 181.435 C 81.358 190.455, 77.308 197.689, 77.022 197.510 C 76.735 197.331, 72.675 187.920, 68 176.598 C 63.325 165.275, 59.147 156.008, 58.714 156.005 C 58.282 156.002, 57.101 157.912, 56.089 160.250 M 55.294 168.694 C 52.241 175.842, 52.166 176.323, 53.718 178.692 L 55.349 181.182 56.706 178.591 C 57.453 177.166, 58.406 176, 58.825 176 C 59.244 176, 60.777 178.363, 62.232 181.250 C 64.829 186.403, 64.879 186.440, 64.939 183.250 C 64.973 181.463, 65.422 180, 65.937 180 C 66.724 180, 60.176 162.824, 58.920 161.596 C 58.689 161.370, 57.057 164.564, 55.294 168.694 M 91.698 175.542 C 89.205 180.626, 89.099 181.308, 90.410 183.792 L 91.840 186.500 92.926 183.669 C 94.349 179.961, 96.024 180.653, 98.588 186.009 L 100.676 190.370 101.324 187.132 C 101.832 184.592, 101.217 182.395, 98.473 176.947 C 96.549 173.126, 94.849 170, 94.696 170 C 94.542 170, 93.193 172.494, 91.698 175.542 M 157.005 192.607 C 143.168 197.636, 134.999 209.202, 135.001 223.761 C 135.002 232.756, 138.710 240.755, 145.856 247.180 C 152.159 252.848, 158.121 255, 167.518 255 C 173.509 255, 175.684 254.499, 180.811 251.936 C 200.823 241.936, 205.088 216.155, 189.337 200.403 C 181.479 192.546, 166.868 189.022, 157.005 192.607 M 206 223 L 206 255 215.472 255 L 224.944 255 225.222 241.419 L 225.500 227.837 230.500 234.660 C 233.250 238.412, 238.002 244.636, 241.060 248.491 L 246.620 255.500 253.810 255.168 L 261 254.836 261 222.918 L 261 191 251.528 191 L 242.056 191 241.778 204.552 L 241.500 218.104 231.111 204.552 L 220.722 191 213.361 191 L 206 191 206 223 M 285.821 192.331 C 276.229 195.045, 270.010 202.130, 270.004 210.349 C 269.995 221.957, 275.913 226.925, 295.801 232.006 C 300.753 233.271, 302.228 235.609, 299.412 237.730 C 296.739 239.746, 288.369 238.774, 281.563 235.657 L 276.132 233.171 272.469 239.320 C 268.119 246.621, 268.341 247.287, 276.524 251.500 C 281.399 254.010, 283.761 254.556, 290.977 254.842 C 302.365 255.294, 307.420 253.846, 312.603 248.649 C 317.383 243.855, 319.463 236.989, 318.043 230.693 C 316.210 222.562, 311.258 218.610, 297.878 214.599 C 288.025 211.645, 285.443 209.631, 288.538 207.315 C 291.104 205.394, 302.270 205.946, 306.769 208.217 L 310.039 209.866 313.104 203.794 C 316.516 197.035, 316.622 197.304, 309.167 193.844 C 303.663 191.289, 292.140 190.542, 285.821 192.331 M 322 199 L 322 207 330 207 L 338 207 338 231 L 338 255 347.500 255 L 357 255 357 231.044 L 357 207.088 364.250 206.794 L 371.500 206.500 371.792 198.750 L 372.084 191 347.042 191 L 322 191 322 199 M 379 223 L 379 255 401 255 L 423 255 423 247.500 L 423 240 409.500 240 L 396 240 396 235 L 396 230 407.500 230 L 419 230 419 222 L 419 214 407.500 214 L 396 214 396 210.529 L 396 207.058 409.250 206.779 L 422.500 206.500 422.792 198.750 L 423.084 191 401.042 191 L 379 191 379 223 M 433 223 L 433 255 442 255 L 451 255 451 247 L 451 239 454.800 239 C 458.555 239, 458.645 239.092, 462.469 246.937 L 466.339 254.874 476.172 255.187 C 481.580 255.359, 486.003 255.111, 486.002 254.636 C 486.001 254.160, 483.277 249.264, 479.949 243.754 C 473.914 233.765, 473.903 233.732, 475.836 231.619 C 480.222 226.824, 482.359 220.791, 482.431 213 C 482.512 204.192, 480.272 198.822, 475.031 195.260 C 469.795 191.703, 465.527 191.012, 448.750 191.006 L 433 191 433 223 M 448.210 213.250 L 448.500 221.500 455.338 221.500 C 461.319 221.500, 462.417 221.204, 464.088 219.139 C 465.995 216.785, 466.556 212.613, 465.379 209.545 C 464.356 206.879, 459.449 205, 453.509 205 L 447.919 205 448.210 213.250 M 163.169 209.017 C 156.337 210.583, 151.176 218.533, 152.339 225.701 C 154.672 240.077, 175.040 242.355, 180.446 228.844 C 184.978 217.516, 175.176 206.267, 163.169 209.017 M 216.676 271.715 C 216.037 272.750, 188 344.021, 188 344.612 C 188 344.863, 192.811 344.940, 198.691 344.784 L 209.381 344.500 211.894 336.750 L 214.406 329 226.550 329 L 238.694 329 242.097 336.992 L 245.500 344.983 255.250 344.992 C 262.399 344.998, 264.994 344.667, 264.979 343.750 C 264.968 343.063, 258.477 326.525, 250.555 307 L 236.150 271.500 226.656 271.215 C 221.434 271.058, 216.943 271.283, 216.676 271.715 M 273 307 C 273 326.800, 272.887 343.337, 272.750 343.750 C 272.613 344.163, 277.102 344.628, 282.727 344.785 L 292.954 345.069 293.227 327.379 L 293.500 309.689 307 327.336 L 320.500 344.982 328.262 344.991 L 336.025 345 335.762 308.250 L 335.500 271.500 326.750 271.211 L 318 270.922 317.882 286.711 C 317.816 295.395, 317.816 302.837, 317.882 303.250 C 317.947 303.663, 317.808 304, 317.574 304 C 317.340 304, 310.809 296.575, 303.060 287.500 L 288.971 271 280.985 271 L 273 271 273 307 M 223.254 303.048 L 220.078 312 226.539 312 C 230.093 312, 233 311.861, 233 311.691 C 233 311.257, 226.886 294.553, 226.636 294.302 C 226.522 294.189, 225.001 298.125, 223.254 303.048\"\n                        stroke=\"none\"\n                        fill={props.themeType === 'dark' ? '#EEE' : '#111'}\n                        fillRule=\"evenodd\"\n                    />\n                </svg>\n            </div>\n        </div>\n    );\n}\n"]}

package/{Components → build/Components}/Loaders/PT.d.ts

@@ -23,5 +23,5 @@ interface LoaderPTProps {
  *
  * @param props Properties of the loader of type LoaderPTProps
  */
-declare function LoaderPT(props: LoaderPTProps): React.JSX.Element;
-export default LoaderPT;
+export declare function LoaderPT(props: LoaderPTProps): React.JSX.Element;
+export {};

package/{Components → build/Components}/Loaders/PT.js

@@ -1,35 +1,10 @@
-"use strict";
-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;
-});
-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 2021-2024 ioBroker GmbH
  *
  * MIT License
  *
  */
-const react_1 = __importStar(require("react"));
+import React, { useEffect } from 'react';
 // import './PT.css'
 const ptStyles = `
 .logo-background-light, .logo-background-colored {
@@ -140,9 +115,9 @@ const ptStyles = `
  *
  * @param props Properties of the loader of type LoaderPTProps
  */
-function LoaderPT(props) {
+export function LoaderPT(props) {
     const size = props.size || 200;
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (!window.document.getElementById('pt-iobroker-component')) {
             const style = window.document.createElement('style');
             style.setAttribute('id', 'pt-iobroker-component');
@@ -151,7 +126,7 @@ function LoaderPT(props) {
         }
     }, []);
     const themeName = props.themeType || props.themeName || 'light';
-    return (react_1.default.createElement("div", { className: `pt-logo-back logo-background-${themeName}`, style: {
+    return (React.createElement("div", { className: `pt-logo-back logo-background-${themeName}`, style: {
             backgroundImage: props.backgroundImage && props.backgroundImage !== '@@loginBackgroundImage@@'
                 ? props.backgroundImage
                 : window.loadingBackgroundImage && window.loadingBackgroundImage !== '@@loginBackgroundImage@@'
@@ -166,10 +141,10 @@ function LoaderPT(props) {
                         : '#FFF',
             backgroundSize: 'cover',
         } },
-        react_1.default.createElement("div", { className: "pt-logo-div", style: { width: size, height: size } },
-            react_1.default.createElement("div", { style: { width: 200, height: 200 } },
-                react_1.default.createElement("div", { className: "pt-loader-blue pt-loader-block" }),
-                react_1.default.createElement("div", { className: "pt-loader-green pt-loader-block" }),
-                react_1.default.createElement("div", { className: "pt-loader-red pt-loader-block" })))));
+        React.createElement("div", { className: "pt-logo-div", style: { width: size, height: size } },
+            React.createElement("div", { style: { width: 200, height: 200 } },
+                React.createElement("div", { className: "pt-loader-blue pt-loader-block" }),
+                React.createElement("div", { className: "pt-loader-green pt-loader-block" }),
+                React.createElement("div", { className: "pt-loader-red pt-loader-block" })))));
 }
-exports.default = LoaderPT;
+//# sourceMappingURL=PT.js.map

package/build/Components/Loaders/PT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PT.js","sourceRoot":"./src/","sources":["Components/Loaders/PT.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,oBAAoB;AACpB,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuGhB,CAAC;AAeF;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAoB;IACzC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,GAAG,CAAC;IAC/B,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC,uBAAuB,CAAC,EAAE,CAAC;YAC3D,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACrD,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,uBAAuB,CAAC,CAAC;YAClD,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;YAC3B,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,OAAO,CAAC;IAChE,OAAO,CACH,6BACI,SAAS,EAAE,gCAAgC,SAAS,EAAE,EACtD,KAAK,EAAE;YACH,eAAe,EACX,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,eAAe,KAAK,0BAA0B;gBACzE,CAAC,CAAC,KAAK,CAAC,eAAe;gBACvB,CAAC,CAAC,MAAM,CAAC,sBAAsB,IAAI,MAAM,CAAC,sBAAsB,KAAK,0BAA0B;oBAC7F,CAAC,CAAC,OAAO,MAAM,CAAC,sBAAsB,GAAG;oBACzC,CAAC,CAAC,SAAS;YACrB,eAAe,EACX,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,eAAe,KAAK,0BAA0B;gBACzE,CAAC,CAAC,KAAK,CAAC,eAAe;gBACvB,CAAC,CAAC,MAAM,CAAC,sBAAsB,IAAI,MAAM,CAAC,sBAAsB,KAAK,0BAA0B;oBAC7F,CAAC,CAAC,MAAM,CAAC,sBAAsB;oBAC/B,CAAC,CAAC,KAAK,CAAC,SAAS,KAAK,MAAM;wBAC1B,CAAC,CAAC,MAAM;wBACR,CAAC,CAAC,MAAM;YACpB,cAAc,EAAE,OAAO;SAC1B;QAED,6BACI,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE;YAEpC,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;gBACnC,6BAAK,SAAS,EAAC,gCAAgC,GAAG;gBAClD,6BAAK,SAAS,EAAC,iCAAiC,GAAG;gBACnD,6BAAK,SAAS,EAAC,+BAA+B,GAAG,CAC/C,CACJ,CACJ,CACT,CAAC;AACN,CAAC","sourcesContent":["/**\n * Copyright 2021-2024 ioBroker GmbH\n *\n * MIT License\n *\n */\nimport React, { useEffect } from 'react';\n\nimport type { ThemeType, ThemeName } from '../../types';\n\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\ninterface LoaderPTProps {\n    /** The size in pixels of this loader. */\n    size?: number;\n    /** The chosen theme type. */\n    themeType?: ThemeType;\n    /** The chosen theme name. */\n    themeName?: ThemeName;\n    /** Background color */\n    backgroundColor?: string;\n    /** Background image URL */\n    backgroundImage?: string;\n}\n\n/**\n * A loader component with the vendor-specific logo\n *\n * @param props Properties of the loader of type LoaderPTProps\n */\nexport function LoaderPT(props: LoaderPTProps): React.JSX.Element {\n    const size = props.size || 200;\n    useEffect(() => {\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    const themeName = props.themeType || props.themeName || 'light';\n    return (\n        <div\n            className={`pt-logo-back logo-background-${themeName}`}\n            style={{\n                backgroundImage:\n                    props.backgroundImage && props.backgroundImage !== '@@loginBackgroundImage@@'\n                        ? props.backgroundImage\n                        : window.loadingBackgroundImage && window.loadingBackgroundImage !== '@@loginBackgroundImage@@'\n                          ? `url(${window.loadingBackgroundImage})`\n                          : undefined,\n                backgroundColor:\n                    props.backgroundColor && props.backgroundColor !== '@@loginBackgroundColor@@'\n                        ? props.backgroundColor\n                        : window.loadingBackgroundColor && window.loadingBackgroundColor !== '@@loginBackgroundColor@@'\n                          ? window.loadingBackgroundColor\n                          : props.themeType === 'dark'\n                            ? '#000'\n                            : '#FFF',\n                backgroundSize: 'cover',\n            }}\n        >\n            <div\n                className=\"pt-logo-div\"\n                style={{ width: size, height: size }}\n            >\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"]}

package/{Components → build/Components}/Loaders/Vendor.d.ts

@@ -18,5 +18,5 @@ interface LoaderVendorProps {
     /** Background image URL */
     backgroundImage?: string;
 }
-declare function LoaderVendor(props: LoaderVendorProps): React.JSX.Element;
-export default LoaderVendor;
+export declare function LoaderVendor(props: LoaderVendorProps): React.JSX.Element;
+export {};

package/build/Components/Loaders/Vendor.js

@@ -0,0 +1,52 @@
+/**
+ * Copyright 2021-2024 ioBroker GmbH
+ *
+ * MIT License
+ *
+ */
+import React, { useEffect } from 'react';
+import { CircularProgress } from '@mui/material';
+// import './Vendor.css'
+const vendorStyles = `
+.logo-background-light, .logo-background-colored {
+    background: white;
+}
+.logo-background-dark, .logo-background-blue {
+    background: black;
+}
+`;
+export function LoaderVendor(props) {
+    useEffect(() => {
+        if (!window.document.getElementById('vendor-iobroker-component')) {
+            const style = window.document.createElement('style');
+            style.setAttribute('id', 'vendor-iobroker-component');
+            style.innerHTML = vendorStyles;
+            window.document.head.appendChild(style);
+        }
+    }, []);
+    const theme = props.themeType || props.themeName || 'light';
+    return (React.createElement("div", { className: `vendor-logo-back logo-background-${theme}`, style: {
+            display: 'flex',
+            flexDirection: 'column',
+            height: '100%',
+            width: '10%',
+            margin: 'auto',
+            backgroundImage: props.backgroundImage && props.backgroundImage !== '@@loginBackgroundImage@@'
+                ? props.backgroundImage
+                : window.loadingBackgroundImage && window.loadingBackgroundImage !== '@@loginBackgroundImage@@'
+                    ? `url(${window.loadingBackgroundImage})`
+                    : undefined,
+            backgroundColor: props.backgroundColor && props.backgroundColor !== '@@loginBackgroundColor@@'
+                ? props.backgroundColor
+                : window.loadingBackgroundColor && window.loadingBackgroundColor !== '@@loginBackgroundColor@@'
+                    ? window.loadingBackgroundColor
+                    : props.themeType === 'dark'
+                        ? '#000'
+                        : '#FFF',
+            backgroundSize: 'cover',
+        } },
+        React.createElement("div", { style: { flexGrow: 1 } }),
+        React.createElement(CircularProgress, { color: "secondary", size: props.size || 200, thickness: 5 }),
+        React.createElement("div", { style: { flexGrow: 1 } })));
+}
+//# sourceMappingURL=Vendor.js.map

package/build/Components/Loaders/Vendor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Vendor.js","sourceRoot":"./src/","sources":["Components/Loaders/Vendor.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAIjD,wBAAwB;AACxB,MAAM,YAAY,GAAG;;;;;;;CAOpB,CAAC;AAeF,MAAM,UAAU,YAAY,CAAC,KAAwB;IACjD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC,2BAA2B,CAAC,EAAE,CAAC;YAC/D,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACrD,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,2BAA2B,CAAC,CAAC;YACtD,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC;YAC/B,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,OAAO,CAAC;IAC5D,OAAO,CACH,6BACI,SAAS,EAAE,oCAAoC,KAAK,EAAE,EACtD,KAAK,EAAE;YACH,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,MAAM;YACd,eAAe,EACX,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,eAAe,KAAK,0BAA0B;gBACzE,CAAC,CAAC,KAAK,CAAC,eAAe;gBACvB,CAAC,CAAC,MAAM,CAAC,sBAAsB,IAAI,MAAM,CAAC,sBAAsB,KAAK,0BAA0B;oBAC7F,CAAC,CAAC,OAAO,MAAM,CAAC,sBAAsB,GAAG;oBACzC,CAAC,CAAC,SAAS;YACrB,eAAe,EACX,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,eAAe,KAAK,0BAA0B;gBACzE,CAAC,CAAC,KAAK,CAAC,eAAe;gBACvB,CAAC,CAAC,MAAM,CAAC,sBAAsB,IAAI,MAAM,CAAC,sBAAsB,KAAK,0BAA0B;oBAC7F,CAAC,CAAC,MAAM,CAAC,sBAAsB;oBAC/B,CAAC,CAAC,KAAK,CAAC,SAAS,KAAK,MAAM;wBAC1B,CAAC,CAAC,MAAM;wBACR,CAAC,CAAC,MAAM;YACpB,cAAc,EAAE,OAAO;SAC1B;QAED,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAI;QAC/B,oBAAC,gBAAgB,IACb,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,GAAG,EACvB,SAAS,EAAE,CAAC,GACd;QACF,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAI,CAC7B,CACT,CAAC;AACN,CAAC","sourcesContent":["/**\n * Copyright 2021-2024 ioBroker GmbH\n *\n * MIT License\n *\n */\nimport React, { useEffect } from 'react';\nimport { CircularProgress } from '@mui/material';\n\nimport type { ThemeType, ThemeName } from '../../types';\n\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\ninterface LoaderVendorProps {\n    /** The size in pixels of this loader. */\n    size?: number;\n    /** The chosen theme type. */\n    themeType?: ThemeType;\n    /** The chosen theme name. */\n    themeName?: ThemeName;\n    /** Background color */\n    backgroundColor?: string;\n    /** Background image URL */\n    backgroundImage?: string;\n}\n\nexport function LoaderVendor(props: LoaderVendorProps): React.JSX.Element {\n    useEffect(() => {\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    const theme = props.themeType || props.themeName || 'light';\n    return (\n        <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                backgroundImage:\n                    props.backgroundImage && props.backgroundImage !== '@@loginBackgroundImage@@'\n                        ? props.backgroundImage\n                        : window.loadingBackgroundImage && window.loadingBackgroundImage !== '@@loginBackgroundImage@@'\n                          ? `url(${window.loadingBackgroundImage})`\n                          : undefined,\n                backgroundColor:\n                    props.backgroundColor && props.backgroundColor !== '@@loginBackgroundColor@@'\n                        ? props.backgroundColor\n                        : window.loadingBackgroundColor && window.loadingBackgroundColor !== '@@loginBackgroundColor@@'\n                          ? window.loadingBackgroundColor\n                          : props.themeType === 'dark'\n                            ? '#000'\n                            : '#FFF',\n                backgroundSize: 'cover',\n            }}\n        >\n            <div style={{ flexGrow: 1 }} />\n            <CircularProgress\n                color=\"secondary\"\n                size={props.size || 200}\n                thickness={5}\n            />\n            <div style={{ flexGrow: 1 }} />\n        </div>\n    );\n}\n"]}

package/{Components → build/Components}/Logo.d.ts

@@ -8,11 +8,11 @@ interface LogoProps {
     className?: string;
     style?: Record<string, any>;
 }
-declare class Logo extends React.Component<LogoProps> {
+export declare class Logo extends React.Component<LogoProps> {
     static generateFile(fileName: string, obj: any): void;
     handleFileSelect: (evt: Event) => void;
     download(): void;
     upload(): void;
     render(): React.JSX.Element;
 }
-export default Logo;
+export {};

package/build/Components/Logo.js

@@ -0,0 +1,108 @@
+import React from 'react';
+import { Fab } from '@mui/material';
+import { Help as IconHelp, VerticalAlignTop as IconUpload, VerticalAlignBottom as IconDownload, } from '@mui/icons-material';
+import { I18n } from '../i18n';
+import { Icon } from './Icon';
+export class Logo extends React.Component {
+    static generateFile(fileName, obj) {
+        const el = window.document.createElement('a');
+        el.setAttribute('href', `data:application/json;charset=utf-8,${encodeURIComponent(JSON.stringify(obj, null, 2))}`);
+        el.setAttribute('download', fileName);
+        el.style.display = 'none';
+        window.document.body.appendChild(el);
+        el.click();
+        window.document.body.removeChild(el);
+    }
+    handleFileSelect = (evt) => {
+        const target = evt.target;
+        const files = target?.files;
+        if (!files || !files.length) {
+            console.error('No files found. Please report to developers');
+            return;
+        }
+        const f = files[0];
+        if (f) {
+            const r = new window.FileReader();
+            r.onload = () => {
+                const contents = r.result?.toString() || '';
+                try {
+                    const json = JSON.parse(contents);
+                    if (json.native && json.common) {
+                        if (json.common.name !== this.props.common.name) {
+                            this.props.onError && this.props.onError(I18n.t('ra_otherConfig', json.common.name));
+                        }
+                        else {
+                            this.props.onLoad && this.props.onLoad(json.native);
+                        }
+                    }
+                    else {
+                        this.props.onError && this.props.onError(I18n.t('ra_invalidConfig'));
+                    }
+                }
+                catch (err) {
+                    this.props.onError && this.props.onError(err?.toString());
+                }
+            };
+            r.readAsText(f);
+        }
+        else {
+            alert('Failed to open JSON File');
+        }
+    };
+    download() {
+        const result = {
+            _id: `system.adapter.${this.props.common.name}.${this.props.instance}`,
+            common: JSON.parse(JSON.stringify(this.props.common)),
+            native: this.props.native,
+        };
+        // 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));
+        Logo.generateFile(`${result._id}.json`, result);
+    }
+    upload() {
+        const input = window.document.createElement('input');
+        input.setAttribute('type', 'file');
+        input.setAttribute('id', 'files');
+        input.setAttribute('opacity', '0');
+        input.addEventListener('change', this.handleFileSelect, false);
+        input.click();
+    }
+    render() {
+        return (React.createElement("div", { className: this.props.className, style: this.props.style },
+            this.props.common.icon ? (React.createElement(Icon, { src: this.props.common.icon, style: {
+                    padding: 8,
+                    width: 64,
+                }, alt: "logo" })) : null,
+            this.props.common.readme ? (React.createElement(Fab, { size: "small", color: "primary", "aria-label": "Help", style: {
+                    marginRight: 5,
+                    marginTop: 5,
+                    float: 'right',
+                }, onClick: () => {
+                    const win = window.open(this.props.common.readme, '_blank');
+                    win?.focus();
+                } },
+                React.createElement(IconHelp, null))) : null,
+            React.createElement(Fab, { size: "small", color: "primary", "aria-label": "Load config", style: {
+                    marginRight: 5,
+                    marginTop: 5,
+                    float: 'right',
+                }, title: I18n.t('ra_Load configuration from file'), onClick: () => this.upload() },
+                React.createElement(IconUpload, null)),
+            React.createElement(Fab, { size: "small", color: "primary", "aria-label": "Save config", style: {
+                    marginRight: 5,
+                    marginTop: 5,
+                    float: 'right',
+                }, title: I18n.t('ra_Save configuration to file'), onClick: () => this.download() },
+                React.createElement(IconDownload, null))));
+    }
+}
+//# sourceMappingURL=Logo.js.map

package/build/Components/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.js","sourceRoot":"./src/","sources":["Components/Logo.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Fab } from '@mui/material';\n\nimport {\n    Help as IconHelp,\n    VerticalAlignTop as IconUpload,\n    VerticalAlignBottom as IconDownload,\n} from '@mui/icons-material';\n\nimport { I18n } from '../i18n';\nimport { Icon } from './Icon';\n\ninterface LogoProps {\n    /* Adapter common configuration from io-package.json */\n    common: any;\n    /* Adapter native data from io-package.json */\n    native: any;\n    /* Adapter instance number. */\n    instance: number;\n    /* on Load handler */\n    onLoad?: (contents: any) => void;\n    /* on Error handler */\n    onError?: (error: string) => void;\n    className?: string;\n    style?: Record<string, any>;\n}\n\nexport class Logo extends React.Component<LogoProps> {\n    static generateFile(fileName: string, obj: any): void {\n        const el = window.document.createElement('a');\n        el.setAttribute(\n            'href',\n            `data:application/json;charset=utf-8,${encodeURIComponent(JSON.stringify(obj, null, 2))}`,\n        );\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: Event): void => {\n        const target = evt.target as HTMLInputElement;\n        const files = target?.files;\n        if (!files || !files.length) {\n            console.error('No files found. Please report to developers');\n            return;\n        }\n        const f = files[0];\n\n        if (f) {\n            const r = new window.FileReader();\n            r.onload = () => {\n                const contents: string = r.result?.toString() || '';\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 (err: any) {\n                    this.props.onError && this.props.onError(err?.toString());\n                }\n            };\n            r.readAsText(f);\n        } else {\n            alert('Failed to open JSON File');\n        }\n    };\n\n    download(): void {\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(): void {\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', this.handleFileSelect, false);\n        input.click();\n    }\n\n    render(): React.JSX.Element {\n        return (\n            <div\n                className={this.props.className}\n                style={this.props.style}\n            >\n                {this.props.common.icon ? (\n                    <Icon\n                        src={this.props.common.icon}\n                        style={{\n                            padding: 8,\n                            width: 64,\n                        }}\n                        alt=\"logo\"\n                    />\n                ) : null}\n                {this.props.common.readme ? (\n                    <Fab\n                        size=\"small\"\n                        color=\"primary\"\n                        aria-label=\"Help\"\n                        style={{\n                            marginRight: 5,\n                            marginTop: 5,\n                            float: 'right',\n                        }}\n                        onClick={() => {\n                            const win = window.open(this.props.common.readme, '_blank');\n                            win?.focus();\n                        }}\n                    >\n                        <IconHelp />\n                    </Fab>\n                ) : null}\n                <Fab\n                    size=\"small\"\n                    color=\"primary\"\n                    aria-label=\"Load config\"\n                    style={{\n                        marginRight: 5,\n                        marginTop: 5,\n                        float: 'right',\n                    }}\n                    title={I18n.t('ra_Load configuration from file')}\n                    onClick={() => this.upload()}\n                >\n                    <IconUpload />\n                </Fab>\n                <Fab\n                    size=\"small\"\n                    color=\"primary\"\n                    aria-label=\"Save config\"\n                    style={{\n                        marginRight: 5,\n                        marginTop: 5,\n                        float: 'right',\n                    }}\n                    title={I18n.t('ra_Save configuration to file')}\n                    onClick={() => this.download()}\n                >\n                    <IconDownload />\n                </Fab>\n            </div>\n        );\n    }\n}\n"]}

package/{Components → build/Components}/MDUtils.d.ts

@@ -1,4 +1,4 @@
-declare class MDUtils {
+export declare class MDUtils {
     static text2link(text: string): string;
     static openLink(url: string, target?: string): void;
     static getTitle(text: string): string;
@@ -9,4 +9,3 @@ declare class MDUtils {
     static removeDocsify(text: string): string;
     static onCopy(e: Event | null, text: string): void;
 }
-export default MDUtils;

package/{Components → build/Components}/MDUtils.js

@@ -1,16 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>
  *
  * MIT License
  *
  */
-const CopyToClipboard_1 = __importDefault(require("./CopyToClipboard"));
-class MDUtils {
+import { copy } from './CopyToClipboard';
+export class MDUtils {
     static text2link(text) {
         const m = text.match(/\d+\.\)\s/);
         if (m) {
@@ -96,9 +91,9 @@ class MDUtils {
         return text;
     }
     static onCopy(e, text) {
-        (0, CopyToClipboard_1.default)(text);
+        copy(text);
         e && e.stopPropagation();
         e && e.preventDefault();
     }
 }
-exports.default = MDUtils;
+//# sourceMappingURL=MDUtils.js.map