@iobroker/adapter-react-v5
Version:
React components to develop ioBroker interfaces with react.
70 lines • 14.7 kB
JavaScript
import React from 'react';
/**
* Vendor specific loader
*
* @param props Properties
*/
export function LoaderNW(props) {
const themeType = props.themeType || 'dark';
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 2000 1728", style: { fillRule: 'evenodd', clipRule: 'evenodd', fill: '#00af78' } },
React.createElement("style", null, `
@keyframes jump {
0% { fill: #00af78; }
25% { fill: #00af78; }
25.01% { fill: ${themeType === 'dark' ? '#00785A' : '#00785A'}; }
100% { fill: ${themeType === 'dark' ? '#00785A' : '#00785A'}; }
}
.bar { animation: jump 2s linear infinite; }
.bar.bar1 { animation-delay: 0s; }
.bar.bar2 { animation-delay: 0.5s; }
.bar.bar3 { animation-delay: 1s; }
.bar.bar4 { animation-delay: 1.5s; }
`),
React.createElement("path", { d: "M944.5 76.5a852 852 0 0 1 129 6.5 598 598 0 0 1 51 9c19.36 5.344 38.69 10.677 58 16a834 834 0 0 1 117 52 698 698 0 0 1 95 69c2.67 2 5.33 2 8 0a410 410 0 0 1 37-28 18.4 18.4 0 0 1 6-.5q.495 10.51 4.5 20a3200 3200 0 0 0 18 73 3553 3553 0 0 0 19 66 48.8 48.8 0 0 0 2.5 11 4.94 4.94 0 0 1-1 2.5c-2.33.667-4.67.667-7 0a19 19 0 0 0-5-3 209 209 0 0 0-24-7 292 292 0 0 0-20-8c-8.68-2.341-17.34-4.674-26-7a221 221 0 0 0-21-8 337 337 0 0 1-34-11 1272 1272 0 0 1-43-13q-2.91-3.23-1.5-7.5a671 671 0 0 0 42.5-35l-1.5-3a289 289 0 0 0-21.5-18.5c-9.31-6.637-18.65-13.304-28-20a731 731 0 0 1-44-26 175 175 0 0 1-30-15 568 568 0 0 0-50-20 1038 1038 0 0 1-53-16 1070 1070 0 0 0-48-10 1087 1087 0 0 1-55-6 1379 1379 0 0 0-99 1 203.5 203.5 0 0 1-35 5Q629.152 192.558 494 414.5a132 132 0 0 1-10 17 1277 1277 0 0 0-21 43l-11 27a637 637 0 0 1-14 41 8191 8191 0 0 1-16 67 50.7 50.7 0 0 0-1 15 11.3 11.3 0 0 0 1.5 3.5 327 327 0 0 1 40 8q62.273 18.89 115 56 70.252 53.736 113.5 130.5 59.461 114.478 41 243c-.667 1.33-1.333 2.67-2 4a335 335 0 0 1-3 18 507 507 0 0 1-20 53 309 309 0 0 1-10 17c-1.699.91-3.533 1.24-5.5 1 .377-40.1-3.456-79.77-11.5-119l-3-6a154.4 154.4 0 0 0-7-27Q629.1 886.514 525.5 812a44.5 44.5 0 0 1-9.5-5.5l-1.5.5q69.98 79.772 110.5 177.5a684 684 0 0 1 21 74c.389 8.51 1.722 16.84 4 25q1.302 30.765 2.5 61.5-2.217 6.885.5 13.5l17.5 13.5a1597 1597 0 0 0 61 36 3333 3333 0 0 1 61 26q25.04 7.53 50 15a771 771 0 0 0 51 10 526.7 526.7 0 0 0 120 5c15.24-2.5 30.57-4.17 46-5 154.49-25.8 278.99-100.96 373.5-225.5 36-49.308 63.67-102.974 83-161 .29-5.821 1.96-11.154 5-16q7.2-33.086 15-66a343 343 0 0 1 4-30c-5.29 5.217-9.62 11.217-13 18-26.71 37.032-60.54 65.866-101.5 86.5a471 471 0 0 1-27 11 50.1 50.1 0 0 0-17 5q-13.77 1.158-27 5-33 2.977-66 0a153 153 0 0 0-29-5c-52.38-14.072-96.21-41.572-131.5-82.5q-58.935-72.777-58.5-167.5.345-16.269 1.5-32.5 10.89-72.278 57-128c66.33-75.505 149.5-104.339 249.5-86.5a700 700 0 0 1 48 16c4.24 2.853 8.57 5.52 13 8l6 2c20.5 12.068 38.84 26.735 55 44q2.37 1.06 4.5 2.5a442 442 0 0 0 25.5-24.5c2.59-1.601 5.26-1.767 8-.5a1168 1168 0 0 0 25.5 55 1221 1221 0 0 0 16 45c.41 6.057 2.08 11.724 5 17 .58 6.637 2.24 12.97 5 19a778 778 0 0 1 10 55c18.69 162.392-18.64 309.725-112 442-15.67 19-31.33 38-47 57-34.61 35.92-72.44 68.42-113.5 97.5q-16.53 10.545-33 21a516 516 0 0 1-35 18l-3 3c-14.49 6.96-29.16 13.63-44 20-26.02 9.5-52.35 18.17-79 26q-132.478 31.62-267 9a1979 1979 0 0 0-61-14 421 421 0 0 1-25-9c-3.333-.67-6.667-1.33-10-2-20.636-8.65-41.303-17.32-62-26-124.377-64.5-220.21-158.33-287.5-281.5a1010 1010 0 0 1-17-39l-3-4a395 395 0 0 0-15-41 374 374 0 0 1-11-36l-9-39a366 366 0 0 0-6-36 1642 1642 0 0 1-5.5-92.5q5.24-279.871 211-466 61.788-53.755 135-91a1492 1492 0 0 1 47-21l28-10 37-11a1956 1956 0 0 1 46-10 1145 1145 0 0 1 87-10.5m367 359c12.69-.014 25.35.486 38 1.5a399 399 0 0 1 39 10c56.18 22.509 95.34 62.009 117.5 118.5 21.9 63.822 14.57 123.822-22 180-20.98 28.71-47.15 51.21-78.5 67.5-37.69 16.585-77.02 21.585-118 15-69.62-14.983-118.78-54.816-147.5-119.5a284 284 0 0 1-11-39q-15.24-126.17 85.5-201.5c29.7-18.676 62.04-29.509 97-32.5" }),
React.createElement("path", { d: "M899.5 258.5a2829 2829 0 0 0 135 0c5.33.53 10.66 1.03 16 1.5l1.5 1.5q.255 125.792 1.5 251.5c-.56 6.766-2.73 12.932-6.5 18.5a587 587 0 0 0-9.5 25.5 71.8 71.8 0 0 1-5.5 20.5 575 575 0 0 0-5.5 52.5 587 587 0 0 0 5.5 55.5 515 515 0 0 0 18.5 58.5c-.24.873-.57 1.707-1 2.5a4183 4183 0 0 1-152 .5 11.3 11.3 0 0 1-1.5-3.5 58052 58052 0 0 1 0-482 30 30 0 0 1 3.5-3" }),
React.createElement("path", { d: "M717.5 423.5q71.002-.25 142 .5l1.5 1.5q.713 154.588.5 309 .27 6.043-2 11.5a2513 2513 0 0 1-141 1 6.98 6.98 0 0 1-3.5-2.5 37080 37080 0 0 1-1.5-314.5q-.099-4.63 4-6.5" }),
React.createElement("path", { d: "M1360.5 487.5c2.13-.353 3.47.48 4 2.5-.74 4.181-1.57 8.348-2.5 12.5a13569 13569 0 0 1-34 102 27.2 27.2 0 0 0-1 8c1.33 1.838 3.16 2.838 5.5 3a937 937 0 0 1 86 0 4.95 4.95 0 0 1-.5 3 820 820 0 0 0-27 29q-50.445 59.205-100.5 119-5.535 6.54-12 12a3.6 3.6 0 0 1-1.5-1q-1.005-3 0-6a1048 1048 0 0 0 16-61c2.94-5.581 4.6-11.581 5-18l3-6a156.5 156.5 0 0 1 5-24 11.3 11.3 0 0 0-3.5-1.5l-90-1a3.6 3.6 0 0 1-1-1.5c49.72-57.045 99.38-114.045 149-171" },
React.createElement("animate", { attributeName: "fill", values: `#00af78;${themeType === 'dark' ? '#ffffff' : '#00785A'};#00af78`, dur: "2s", repeatCount: "indefinite" })),
React.createElement("path", { className: "bar bar1", d: "M544.5 537.5q68.283-.426 136.5 1a2379 2379 0 0 1 1.5 96.5l-.5 92.5q-.918 3.798-4.5 2.5-50.249-64.14-122-103-8.75-1.76-14.5-8.5-1-39 0-78a30 30 0 0 1 3.5-3M721.5 777.5q60.628-.732 121 1.5 37.233 79.24 74.5 158.5 1 2 0 4a3116 3116 0 0 1-136.5.5 417 417 0 0 1-8.5-38.5 962 962 0 0 1-15-47 713 713 0 0 0-21-46 732 732 0 0 1-16-27q-1.122-3.51 1.5-6" }),
React.createElement("path", { className: "bar bar2", d: "M879.5 777.5q93-.25 186 .5c18.83 33.513 43.5 62.179 74 86a144.6 144.6 0 0 1 23 16q13.5 5.88 25.5 14.5a574 574 0 0 1 22.5 45c-.33 1-.67 2-1 3-84.63-.161-169.3.006-254 .5q-3.752-3.208-6.5-7.5a2804 2804 0 0 1-8-20 252 252 0 0 1-13-24 3463 3463 0 0 0-23-53 1506 1506 0 0 1-27-55q-1.122-3.51 1.5-6" }),
React.createElement("path", { className: "bar bar3", d: "M786.5 971.5q68.56.08 137 0a29.2 29.2 0 0 1 7 2.5 9467 9467 0 0 0 68.5 141.5c4 11.67 9.34 22.67 16 33 1.47 4.53-.2 6.87-5 7-86.772-.2-173.606-.37-260.5-.5-1.754-4.38-.921-8.22 2.5-11.5a411 411 0 0 1 10-25 578 578 0 0 0 10-32 99.6 99.6 0 0 1 5-22q2.12-21.06 5-42l1-48q1.478-1.971 3.5-3" }),
React.createElement("path", { className: "bar bar4", d: "M970.5 971.5c83.58.74 167.25.74 251 0 2.73.182 5.39.682 8 1.5 18.09 35.51 36.26 71.01 54.5 106.5 7.67 13.67 15.33 27.33 23 41 2.16 3.76 2.82 7.76 2 12-10.9 7.75-22.4 14.59-34.5 20.5-2.92.99-5.92 1.65-9 2-68.48.48-136.82.65-205 .5-4.11-.08-7.28-1.74-9.5-5a3780 3780 0 0 0-67-140 71388 71388 0 0 1-12-28q-5.977-4.855-1.5-11" }),
React.createElement("path", { d: "M83.5 1377.5a332.5 332.5 0 0 0 50.5 0c3.056.58 6.056 1.24 9 2a31209 31209 0 0 1 126.5 194 3.6 3.6 0 0 0 1.5-1c.652-63.71.652-127.37 0-191 .51-2.76 2.177-4.09 5-4a279.4 279.4 0 0 0 47 0c2.145-.1 3.979.56 5.5 2 .529 54.71.862 109.54 1 164.5l-.5 116.5c-.575 3.3-2.575 4.96-6 5a490 490 0 0 0-52 0q-5.74-1.74-10-6a14653 14653 0 0 0-125.5-193q-2.01 1.785-2 4.5a6168 6168 0 0 1 .5 191.5q-2.794 3.675-7.5 3a219.4 219.4 0 0 0-41 0q-5.057-.81-5.5-6c-.667-93.33-.667-186.67 0-280a19.2 19.2 0 0 0 3.5-2" }),
React.createElement("path", { d: "M986.5 1377.5c17.32 1.09 34.66 1.25 52 .5 3.23 1.94 5.4 4.78 6.5 8.5 9.36 38.7 18.7 77.37 28 116 3.05 6.64 4.72 13.64 5 21 2.95 5.96 4.62 12.29 5 19 4.15 16.12 8.49 32.12 13 48 2.04-1.08 3.38-2.75 4-5 4.23-19.04 8.56-38.04 13-57 4.55-15.3 8.88-30.64 13-46 .76-4.32 1.43-8.65 2-13 4.33-15.33 8.66-30.66 13-46 2.08-12.15 4.75-24.15 8-36 .85-3.2 2.35-6.03 4.5-8.5 19.85-.22 39.68-.72 59.5-1.5 2.3-.01 4.47.49 6.5 1.5 6.53 21.92 12.37 44.09 17.5 66.5 2.94 6.32 4.61 12.99 5 20 3.56 15.24 7.89 30.24 13 45 2.47 11.74 5.14 23.41 8 35a7.4 7.4 0 0 0 2 3c2.38 11.75 5.04 23.41 8 35 1.33 3.33 3.16 6.33 5.5 9a2872 2872 0 0 1 27.5-111c.39-7.01 2.06-13.68 5-20 .39-7.01 2.06-13.68 5-20 .57-4.35 1.24-8.68 2-13 4.34-16 8.67-32 13-48l1.5-1.5c16.17-.29 32.34-.79 48.5-1.5q5.385-.045 10.5 1.5c.58.89.91 1.89 1 3-2.02 4.57-3.18 9.4-3.5 14.5-2.84 6-4.5 12.34-5 19a351 351 0 0 0-8 25c-2.97 11.6-5.63 23.27-8 35-2.56 8.31-5.23 16.65-8 25-.39 6.38-2.06 12.38-5 18a8809 8809 0 0 1-38 144q-4.725 2.91-10.5 3a410 410 0 0 0-56.5 0c-3.08-.44-5.91-1.44-8.5-3-8.05-31.19-16.88-62.19-26.5-93-.67-4-1.33-8-2-12-9.67-32.85-18.5-65.85-26.5-99-3.92 8.2-6.42 16.87-7.5 26-.72 2.45-1.72 4.78-3 7a2343 2343 0 0 1-28 109c-.72 2.45-1.72 4.78-3 7-4.17 18.07-8.51 36.07-13 54-4.52 3.47-9.69 4.8-15.5 4a685 685 0 0 0-55.5 0c-1.63-.38-3.13-1.04-4.5-2q-6-17.88-10.5-36c-10.91-43.39-21.91-86.73-33-130-2.88-5.97-4.54-12.31-5-19a32 32 0 0 1-3-7 4792 4792 0 0 0-18-75c-3.031-5.25-4.031-10.92-3-17 .995-.57 1.828-1.23 2.5-2" }),
React.createElement("path", { d: "M1648.5 1406.5c16.35.64 32.68 1.3 49 2 1.4 1.35 2.06 3.02 2 5a255 255 0 0 0-.5 38c.5 1.17 1.33 2 2.5 2.5 16.33.33 32.67.67 49 1 .92.37 1.75.87 2.5 1.5.82 13.58.66 27.08-.5 40.5-17 .33-34 .67-51 1-1.17.5-2 1.33-2.5 2.5-.67 31.33-.67 62.67 0 94 2.29 23.73 15.12 33.23 38.5 28.5 4.85-3.25 10.02-4.08 15.5-2.5.64 13.67.98 27.34 1 41a11.4 11.4 0 0 1-4.5 3.5c-22.63 5.41-45.29 5.75-68 1-13.91-4.18-24.08-12.68-30.5-25.5-4.8-11.14-7.13-22.81-7-35-.65-34.59-.65-69.25 0-104-.32-1.56-1.15-2.73-2.5-3.5-9-.33-18-.67-27-1-.92-.37-1.75-.87-2.5-1.5-.21-11.69-.71-23.36-1.5-35 .19-3.23 1.85-5.06 5-5.5 9-.33 18-.67 27-1l1.5-1.5c.33-14.33.67-28.67 1-43 .98-1.31 2.15-2.31 3.5-3M1807.5 1406.5c9.18.78 18.35.78 27.5 0 7.6.35 15.1 1.18 22.5 2.5a980 980 0 0 1 1.5 43.5l1.5 1.5c15 .33 30 .67 45 1 1.17.5 2 1.33 2.5 2.5-.77 11.49-.61 22.99.5 34.5a23 23 0 0 1-2 5c-15 .33-30 .67-45 1-.92.37-1.75.87-2.5 1.5-.67 32.67-.67 65.33 0 98 1.84 19.84 12.68 28.67 32.5 26.5 4.83-.18 9.33-1.35 13.5-3.5 1.44.06 2.77.39 4 1a673 673 0 0 0 3.5 36c.38 2.82-.62 4.99-3 6.5-23.81 6.5-47.81 7.17-72 2-12.46-5.13-21.63-13.63-27.5-25.5-1.1-4.87-2.77-9.54-5-14-.33-3.33-.67-6.67-1-10-.33-39-.67-78-1-117l-1.5-1.5c-10.43-.05-20.77-.71-31-2-.66-6.59-.99-13.26-1-20 .01-6.74.34-13.41 1-20 10.26-1.26 20.59-1.93 31-2l1.5-1.5c.33-14 .67-28 1-42 .69-1.85 1.86-3.18 3.5-4" }),
React.createElement("path", { d: "M878.5 1446.5c27.433-1.66 52.433 5.01 75 20 21.826 18.58 34.326 42.24 37.5 71 3.595 25.23 1.262 49.9-7 74-16.274 34.06-43.107 53.89-80.5 59.5q-48.019 5.13-88-21-30.077-28.71-35.5-70.5a400 400 0 0 1 0-40q13.828-84.585 98.5-93m1 47c25.457-.37 42.623 11.3 51.5 35q9.63 36.765-4 72-17.011 26.355-48.5 22.5a61.5 61.5 0 0 0-14-5c-7.087-4.96-12.92-11.13-17.5-18.5a28.9 28.9 0 0 0-5-11c-3.333-19.33-3.333-38.67 0-58 4.098-14.4 12.598-25.23 25.5-32.5q6.626-1.05 12-4.5" }),
React.createElement("path", { d: "M447.5 1447.5c21.766-2.21 42.766.62 63 8.5 21.067 11.41 35.234 28.57 42.5 51.5q1.39 10.62 4 21a229.3 229.3 0 0 1 1 40c-1.171 1.39-2.671 2.23-4.5 2.5q-65.505.255-131 1.5c-2.062 4.18-2.229 8.51-.5 13 2.366 8.1 5.7 15.77 10 23 15.264 15.93 33.764 20.77 55.5 14.5 3.87-2.52 7.87-4.85 12-7 3.262-2.59 5.762-5.76 7.5-9.5a39.7 39.7 0 0 1 8-7 965 965 0 0 0 21.5 8.5q10.12 1.62 18.5 7.5c.667 1.67.667 3.33 0 5q-9.276 20.79-27.5 34.5c-23.698 14.22-49.365 19.55-77 16-51.283-10.29-80.116-41.45-86.5-93.5-.894-14.71-.56-29.37 1-44a86 86 0 0 0 4-18 125.3 125.3 0 0 1 10.5-23c7.797-11.96 17.464-22.13 29-30.5 12.242-7.13 25.242-11.96 39-14.5m14 42c25.166 1.33 39.166 14.5 42 39.5q-1.824 2.61-5 3a719 719 0 0 1-75-1q2.218-22.395 21-36a123 123 0 0 1 17-5.5" }),
React.createElement("path", { d: "M1482.5 1447.5c14.73-.22 29.39.61 44 2.5 37.88 7.55 57.72 30.72 59.5 69.5.33 38 .67 76 1 114 1.99 9.92 2.66 19.92 2 30-.75.63-1.58 1.13-2.5 1.5-15.66-.53-31.33-.53-47 0-2.44-2.29-3.94-5.13-4.5-8.5-1.06-4.6-1.73-9.27-2-14a7.2 7.2 0 0 0-2.5-2c-4.34 5.21-9.01 10.04-14 14.5-26.31 16.05-54.31 19.72-84 11q-44.205-19.29-37.5-67.5a124 124 0 0 0 5-17c8.22-13.88 19.38-24.72 33.5-32.5 9.71-4.13 19.71-7.46 30-10 21.1-4.3 42.44-6.63 64-7 1.8-.64 3.14-1.8 4-3.5-1.04-7.84-2.88-15.5-5.5-23a34.4 34.4 0 0 1-6.5-7.5 31.4 31.4 0 0 1-8-5c-6.73-.84-13.4-2.01-20-3.5-5.98 1.27-11.98 2.44-18 3.5q-3.72 4.11-9 6c-1.8 3.1-3.97 5.94-6.5 8.5-1.37 5.77-3.7 11.1-7 16-.8 1.3-1.97 1.97-3.5 2a426 426 0 0 0-34-13.5c-3.12-1.97-6.28-3.81-9.5-5.5-.65-3.09-.32-6.09 1-9 9.52-23.19 26.36-38.35 50.5-45.5a221 221 0 0 1 27-4.5m28 122c6.92-.31 13.76.02 20.5 1 2.47 19.95-4.37 35.78-20.5 47.5-4.04.9-7.7 2.57-11 5q-16.545 4.515-33 0c-16.58-9.72-18.91-22.05-7-37 2.29-1.29 4.29-2.96 6-5 14.59-5.91 29.59-9.74 45-11.5" }),
React.createElement("path", { d: "M578.5 1454.5q29.139-.72 58 1.5c1.167 1.17 2.333 2.33 3.5 3.5a800 800 0 0 0 34 54c1.667-1.33 3.333-2.67 5-4a337 337 0 0 1 18-30 182 182 0 0 0 16.5-23.5 222 222 0 0 1 29-1.5c8.667.17 17.333.33 26 .5q3.726 3.42.5 7.5a2217 2217 0 0 0-63.5 93.5 103.5 103.5 0 0 0 8.5 15.5 5919 5919 0 0 1 59 85c2.155 3.04 1.988 5.87-.5 8.5a457 457 0 0 0-51 .5q-3.55-.51-7-1.5a728 728 0 0 1-40-60.5c-2.341-1.21-4.507-.88-6.5 1a926 926 0 0 1-28 45 120 120 0 0 1-11.5 14.5l-7.5 1.5c-16.734-.89-33.4-1.23-50-1q-.411-4.725 2-9a2463 2463 0 0 0 67.5-97.5 9.6 9.6 0 0 0-1.5-4.5 1263 1263 0 0 1-46-69l-18-24q-1.615-5.115 3.5-6" })))));
}
//# sourceMappingURL=NW.js.map