@iobroker/gui-components 8.0.2 → 10.0.1

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

@@ -1 +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":["/**\r\n * Copyright 2021-2024 ioBroker GmbH\r\n *\r\n * MIT License\r\n *\r\n */\r\nimport React, { useEffect } from 'react';\r\n\r\nimport type { ThemeType, ThemeName } from '../../types';\r\n\r\n// import './PT.css'\r\nconst ptStyles = `\r\n.logo-background-light, .logo-background-colored {\r\n    background: white;\r\n}\r\n.logo-background-dark, .logo-background-blue {\r\n    background: black;\r\n}\r\n.pt-logo-div {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    -ms-transform: translateX(-50%) translateY(-50%);\r\n    -webkit-transform: translate(-50%,-50%);\r\n    transform: translate(-50%,-50%);\r\n    z-index: 2;\r\n}\r\n.pt-logo-border {\r\n    border-style: solid;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n}\r\n.pt-loader-block {\r\n    height: 65px;\r\n    width: 74px;\r\n    border-radius: 15px;\r\n    position: absolute;\r\n    box-sizing: content-box;\r\n}\r\n.pt-loader-blue {\r\n    border: 9px solid #0F99DE;\r\n    transform: rotate(5grad);\r\n    left: 93px;\r\n    top: 0;\r\n    animation: spin-blue 5s ease-in-out infinite;\r\n}\r\n.pt-loader-green {\r\n    border: 9px solid #88A536;\r\n    transform: rotate(-6grad);\r\n    left: 70px;\r\n    top: 58px;\r\n    animation: spin-green 5s ease-in-out infinite;\r\n}\r\n.pt-loader-red {\r\n    border: 9px solid #BD1B24;\r\n    transform: rotate(-15grad);\r\n    left: 24px;\r\n    top: 100px;\r\n    animation: spin-red 5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes spin-blue {\r\n    0% {\r\n        transform: rotate(5deg);\r\n    }\r\n    25% {\r\n        transform: rotate(185deg);\r\n    }\r\n    50% {\r\n        transform: rotate(185deg);\r\n    }\r\n    75% {\r\n        transform: rotate(185deg);\r\n    }\r\n    100% {\r\n        transform: rotate(185deg);\r\n    }\r\n}\r\n@keyframes spin-green {\r\n    0% {\r\n        transform: rotate(-6deg);\r\n    }\r\n    25% {\r\n        transform: rotate(-6deg);\r\n    }\r\n    50% {\r\n        transform: rotate(174deg);\r\n    }\r\n    75% {\r\n        transform: rotate(174deg);\r\n    }\r\n    100% {\r\n        transform: rotate(-6deg);\r\n    }\r\n}\r\n@keyframes spin-red {\r\n    0% {\r\n        transform: rotate(-15deg);\r\n    }\r\n    25% {\r\n        transform: rotate(-15deg);\r\n    }\r\n    50% {\r\n        transform: rotate(-15deg);\r\n    }\r\n    75% {\r\n        transform: rotate(165deg);\r\n    }\r\n    100% {\r\n        transform: rotate(165deg);\r\n    }\r\n}\r\n`;\r\n\r\ninterface LoaderPTProps {\r\n    /** The size in pixels of this loader. */\r\n    size?: number;\r\n    /** The chosen theme type. */\r\n    themeType?: ThemeType;\r\n    /** The chosen theme name. */\r\n    themeName?: ThemeName;\r\n    /** Background color */\r\n    backgroundColor?: string;\r\n    /** Background image URL */\r\n    backgroundImage?: string;\r\n}\r\n\r\n/**\r\n * A loader component with the vendor-specific logo\r\n *\r\n * @param props Properties of the loader of type LoaderPTProps\r\n */\r\nexport function LoaderPT(props: LoaderPTProps): React.JSX.Element {\r\n    const size = props.size || 200;\r\n    useEffect(() => {\r\n        if (!window.document.getElementById('pt-iobroker-component')) {\r\n            const style = window.document.createElement('style');\r\n            style.setAttribute('id', 'pt-iobroker-component');\r\n            style.innerHTML = ptStyles;\r\n            window.document.head.appendChild(style);\r\n        }\r\n    }, []);\r\n\r\n    const themeName = props.themeType || props.themeName || 'light';\r\n    return (\r\n        <div\r\n            className={`pt-logo-back logo-background-${themeName}`}\r\n            style={{\r\n                backgroundImage:\r\n                    props.backgroundImage && props.backgroundImage !== '@@loginBackgroundImage@@'\r\n                        ? props.backgroundImage\r\n                        : window.loadingBackgroundImage && window.loadingBackgroundImage !== '@@loginBackgroundImage@@'\r\n                          ? `url(${window.loadingBackgroundImage})`\r\n                          : undefined,\r\n                backgroundColor:\r\n                    props.backgroundColor && props.backgroundColor !== '@@loginBackgroundColor@@'\r\n                        ? props.backgroundColor\r\n                        : window.loadingBackgroundColor && window.loadingBackgroundColor !== '@@loginBackgroundColor@@'\r\n                          ? window.loadingBackgroundColor\r\n                          : props.themeType === 'dark'\r\n                            ? '#000'\r\n                            : '#FFF',\r\n                backgroundSize: 'cover',\r\n            }}\r\n        >\r\n            <div\r\n                className=\"pt-logo-div\"\r\n                style={{ width: size, height: size }}\r\n            >\r\n                <div style={{ width: 200, height: 200 }}>\r\n                    <div className=\"pt-loader-blue pt-loader-block\" />\r\n                    <div className=\"pt-loader-green pt-loader-block\" />\r\n                    <div className=\"pt-loader-red pt-loader-block\" />\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n"]}
+{"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/build/Components/Loaders/Vendor.js

@@ -7,13 +7,13 @@
 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;
-}
+const vendorStyles = `
+.logo-background-light, .logo-background-colored {
+    background: white;
+}
+.logo-background-dark, .logo-background-blue {
+    background: black;
+}
 `;
 export function LoaderVendor(props) {
     useEffect(() => {

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

@@ -1 +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":["/**\r\n * Copyright 2021-2024 ioBroker GmbH\r\n *\r\n * MIT License\r\n *\r\n */\r\nimport React, { useEffect } from 'react';\r\nimport { CircularProgress } from '@mui/material';\r\n\r\nimport type { ThemeType, ThemeName } from '../../types';\r\n\r\n// import './Vendor.css'\r\nconst vendorStyles = `\r\n.logo-background-light, .logo-background-colored {\r\n    background: white;\r\n}\r\n.logo-background-dark, .logo-background-blue {\r\n    background: black;\r\n}\r\n`;\r\n\r\ninterface LoaderVendorProps {\r\n    /** The size in pixels of this loader. */\r\n    size?: number;\r\n    /** The chosen theme type. */\r\n    themeType?: ThemeType;\r\n    /** The chosen theme name. */\r\n    themeName?: ThemeName;\r\n    /** Background color */\r\n    backgroundColor?: string;\r\n    /** Background image URL */\r\n    backgroundImage?: string;\r\n}\r\n\r\nexport function LoaderVendor(props: LoaderVendorProps): React.JSX.Element {\r\n    useEffect(() => {\r\n        if (!window.document.getElementById('vendor-iobroker-component')) {\r\n            const style = window.document.createElement('style');\r\n            style.setAttribute('id', 'vendor-iobroker-component');\r\n            style.innerHTML = vendorStyles;\r\n            window.document.head.appendChild(style);\r\n        }\r\n    }, []);\r\n\r\n    const theme = props.themeType || props.themeName || 'light';\r\n    return (\r\n        <div\r\n            className={`vendor-logo-back logo-background-${theme}`}\r\n            style={{\r\n                display: 'flex',\r\n                flexDirection: 'column',\r\n                height: '100%',\r\n                width: '10%',\r\n                margin: 'auto',\r\n                backgroundImage:\r\n                    props.backgroundImage && props.backgroundImage !== '@@loginBackgroundImage@@'\r\n                        ? props.backgroundImage\r\n                        : window.loadingBackgroundImage && window.loadingBackgroundImage !== '@@loginBackgroundImage@@'\r\n                          ? `url(${window.loadingBackgroundImage})`\r\n                          : undefined,\r\n                backgroundColor:\r\n                    props.backgroundColor && props.backgroundColor !== '@@loginBackgroundColor@@'\r\n                        ? props.backgroundColor\r\n                        : window.loadingBackgroundColor && window.loadingBackgroundColor !== '@@loginBackgroundColor@@'\r\n                          ? window.loadingBackgroundColor\r\n                          : props.themeType === 'dark'\r\n                            ? '#000'\r\n                            : '#FFF',\r\n                backgroundSize: 'cover',\r\n            }}\r\n        >\r\n            <div style={{ flexGrow: 1 }} />\r\n            <CircularProgress\r\n                color=\"secondary\"\r\n                size={props.size || 200}\r\n                thickness={5}\r\n            />\r\n            <div style={{ flexGrow: 1 }} />\r\n        </div>\r\n    );\r\n}\r\n"]}
+{"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/build/Components/MDUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"MDUtils.js","sourceRoot":"./src/","sources":["Components/MDUtils.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,OAAO,OAAO;IAChB,MAAM,CAAC,SAAS,CAAC,IAAY;QACzB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAClC,IAAI,CAAC,EAAE,CAAC;YACJ,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;QAC5D,CAAC;QAED,OAAO,IAAI;aACN,OAAO,CAAC,qBAAqB,EAAE,EAAE,CAAC;aAClC,IAAI,EAAE;aACN,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;aAClB,WAAW,EAAE,CAAC;IACvB,CAAC;IAED,MAAM,CAAC,QAAQ,CAAC,GAAW,EAAE,MAAe;QACxC,wCAAwC;QACxC,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,6EAA6E,EAAE,WAAW,CAAC,CAAC;QAE9G,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;YACpB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC;QAC/B,CAAC;aAAM,CAAC;YACJ,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,IAAI,QAAQ,CAAC,CAAC;QACzC,CAAC;IACL,CAAC;IAED,MAAM,CAAC,QAAQ,CAAC,IAAY;QACxB,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC3C,IAAI,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACvB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAC7B,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YAChB,uBAAuB;YACvB,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;YACpC,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;YACnB,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAClD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACpC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC5B,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;gBACxC,CAAC;YACL,CAAC;YACD,OAAO,EAAE,CAAC;QACd,CAAC;QAED,OAAO,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IACnC,CAAC;IAED,MAAM,CAAC,aAAa,CAAC,IAAY;QAC7B,MAAM,KAAK,GAA8C,EAAE,CAAC;QAC5D,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,EAAE,CAAC;YACjC,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC/C,IAAI,GAAG,KAAK,CAAC,CAAC,EAAE,CAAC;gBACb,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC;gBAC3C,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBACrD,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;oBACjB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;wBACf,OAAO;oBACX,CAAC;oBACD,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;oBAC/B,IAAI,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;wBACd,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;wBAC5C,IAAI,GAAG,GAAW,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;wBAClD,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;wBACtC,IAAI,GAAG,KAAK,MAAM,EAAE,CAAC;4BACjB,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;wBACvB,CAAC;6BAAM,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;4BACzB,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;wBACxB,CAAC;6BAAM,IAAI,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,GAAG,EAAE,CAAC;4BAC5C,KAAK,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;wBAClC,CAAC;6BAAM,CAAC;4BACJ,KAAK,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;wBACtB,CAAC;oBACL,CAAC;yBAAM,CAAC;wBACJ,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;oBAC9B,CAAC;gBACL,CAAC,CAAC,CAAC;gBACH,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;YACnC,CAAC;QACL,CAAC;QACD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IACzC,CAAC;IAED,MAAM,CAAC,aAAa,CAAC,IAAY;QAC7B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC;QACzC,IAAI,CAAC,EAAE,CAAC;YACJ,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QACrD,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,CAAC,MAAM,CAAC,CAAe,EAAE,IAAY;QACvC,IAAI,CAAC,IAAI,CAAC,CAAC;QACX,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,CAAC;IAC5B,CAAC;CACJ","sourcesContent":["/**\r\n * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>\r\n *\r\n * MIT License\r\n *\r\n */\r\nimport { copy } from './CopyToClipboard';\r\n\r\nexport class MDUtils {\r\n    static text2link(text: string): string {\r\n        const m = text.match(/\\d+\\.\\)\\s/);\r\n        if (m) {\r\n            text = text.replace(m[0], m[0].replace(/\\s/, '&nbsp;'));\r\n        }\r\n\r\n        return text\r\n            .replace(/[^a-zA-Zа-яА-Я0-9]/g, '')\r\n            .trim()\r\n            .replace(/\\s/g, '')\r\n            .toLowerCase();\r\n    }\r\n\r\n    static openLink(url: string, target?: string): void {\r\n        // replace IPv6 Address with [ipv6]:port\r\n        url = url.replace(/\\/\\/([0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*)(:\\d+)?\\//i, '//[$1]$2/');\r\n\r\n        if (target === 'this') {\r\n            window.location.href = url;\r\n        } else {\r\n            window.open(url, target || '_blank');\r\n        }\r\n    }\r\n\r\n    static getTitle(text: string): string {\r\n        const result = MDUtils.extractHeader(text);\r\n        let body = result.body;\r\n        const header = result.header;\r\n        if (!header.title) {\r\n            // remove {docsify-bla}\r\n            body = body.replace(/{[^}]*}/g, '');\r\n            body = body.trim();\r\n            const lines = body.replace(/\\r/g, '').split('\\n');\r\n            for (let i = 0; i < lines.length; i++) {\r\n                if (lines[i].startsWith('# ')) {\r\n                    return lines[i].substring(2).trim();\r\n                }\r\n            }\r\n            return '';\r\n        }\r\n\r\n        return header.title.toString();\r\n    }\r\n\r\n    static extractHeader(text: string): { header: Record<string, string | boolean | number>; body: string } {\r\n        const attrs: Record<string, string | boolean | number> = {};\r\n        if (text.substring(0, 3) === '---') {\r\n            const pos = text.substring(3).indexOf('\\n---');\r\n            if (pos !== -1) {\r\n                const _header = text.substring(3, pos + 3);\r\n                const lines = _header.replace(/\\r/g, '').split('\\n');\r\n                lines.forEach(line => {\r\n                    if (!line.trim()) {\r\n                        return;\r\n                    }\r\n                    const pos_ = line.indexOf(':');\r\n                    if (pos_ !== -1) {\r\n                        const attr = line.substring(0, pos_).trim();\r\n                        let val: string = line.substring(pos_ + 1).trim();\r\n                        val = val.replace(/^['\"]|['\"]$/g, '');\r\n                        if (val === 'true') {\r\n                            attrs[attr] = true;\r\n                        } else if (val === 'false') {\r\n                            attrs[attr] = false;\r\n                        } else if (parseFloat(val).toString() === val) {\r\n                            attrs[attr] = parseFloat(val);\r\n                        } else {\r\n                            attrs[attr] = val;\r\n                        }\r\n                    } else {\r\n                        attrs[line.trim()] = true;\r\n                    }\r\n                });\r\n                text = text.substring(pos + 7);\r\n            }\r\n        }\r\n        return { header: attrs, body: text };\r\n    }\r\n\r\n    static removeDocsify(text: string): string {\r\n        const m = text.match(/{docsify-[^}]*}/g);\r\n        if (m) {\r\n            m.forEach(doc => (text = text.replace(doc, '')));\r\n        }\r\n        return text;\r\n    }\r\n\r\n    static onCopy(e: Event | null, text: string): void {\r\n        copy(text);\r\n        e && e.stopPropagation();\r\n        e && e.preventDefault();\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"MDUtils.js","sourceRoot":"./src/","sources":["Components/MDUtils.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,OAAO,OAAO;IAChB,MAAM,CAAC,SAAS,CAAC,IAAY;QACzB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAClC,IAAI,CAAC,EAAE,CAAC;YACJ,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;QAC5D,CAAC;QAED,OAAO,IAAI;aACN,OAAO,CAAC,qBAAqB,EAAE,EAAE,CAAC;aAClC,IAAI,EAAE;aACN,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;aAClB,WAAW,EAAE,CAAC;IACvB,CAAC;IAED,MAAM,CAAC,QAAQ,CAAC,GAAW,EAAE,MAAe;QACxC,wCAAwC;QACxC,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,6EAA6E,EAAE,WAAW,CAAC,CAAC;QAE9G,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;YACpB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC;QAC/B,CAAC;aAAM,CAAC;YACJ,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,IAAI,QAAQ,CAAC,CAAC;QACzC,CAAC;IACL,CAAC;IAED,MAAM,CAAC,QAAQ,CAAC,IAAY;QACxB,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC3C,IAAI,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACvB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAC7B,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YAChB,uBAAuB;YACvB,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;YACpC,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;YACnB,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAClD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACpC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC5B,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;gBACxC,CAAC;YACL,CAAC;YACD,OAAO,EAAE,CAAC;QACd,CAAC;QAED,OAAO,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IACnC,CAAC;IAED,MAAM,CAAC,aAAa,CAAC,IAAY;QAC7B,MAAM,KAAK,GAA8C,EAAE,CAAC;QAC5D,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,EAAE,CAAC;YACjC,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC/C,IAAI,GAAG,KAAK,CAAC,CAAC,EAAE,CAAC;gBACb,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC;gBAC3C,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBACrD,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;oBACjB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;wBACf,OAAO;oBACX,CAAC;oBACD,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;oBAC/B,IAAI,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;wBACd,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;wBAC5C,IAAI,GAAG,GAAW,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;wBAClD,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;wBACtC,IAAI,GAAG,KAAK,MAAM,EAAE,CAAC;4BACjB,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;wBACvB,CAAC;6BAAM,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;4BACzB,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;wBACxB,CAAC;6BAAM,IAAI,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,GAAG,EAAE,CAAC;4BAC5C,KAAK,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;wBAClC,CAAC;6BAAM,CAAC;4BACJ,KAAK,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;wBACtB,CAAC;oBACL,CAAC;yBAAM,CAAC;wBACJ,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;oBAC9B,CAAC;gBACL,CAAC,CAAC,CAAC;gBACH,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;YACnC,CAAC;QACL,CAAC;QACD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IACzC,CAAC;IAED,MAAM,CAAC,aAAa,CAAC,IAAY;QAC7B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC;QACzC,IAAI,CAAC,EAAE,CAAC;YACJ,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QACrD,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,CAAC,MAAM,CAAC,CAAe,EAAE,IAAY;QACvC,IAAI,CAAC,IAAI,CAAC,CAAC;QACX,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,CAAC;IAC5B,CAAC;CACJ","sourcesContent":["/**\n * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>\n *\n * MIT License\n *\n */\nimport { copy } from './CopyToClipboard';\n\nexport class MDUtils {\n    static text2link(text: string): string {\n        const m = text.match(/\\d+\\.\\)\\s/);\n        if (m) {\n            text = text.replace(m[0], m[0].replace(/\\s/, '&nbsp;'));\n        }\n\n        return text\n            .replace(/[^a-zA-Zа-яА-Я0-9]/g, '')\n            .trim()\n            .replace(/\\s/g, '')\n            .toLowerCase();\n    }\n\n    static openLink(url: string, target?: string): void {\n        // replace IPv6 Address with [ipv6]:port\n        url = url.replace(/\\/\\/([0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*:[0-9a-f]*)(:\\d+)?\\//i, '//[$1]$2/');\n\n        if (target === 'this') {\n            window.location.href = url;\n        } else {\n            window.open(url, target || '_blank');\n        }\n    }\n\n    static getTitle(text: string): string {\n        const result = MDUtils.extractHeader(text);\n        let body = result.body;\n        const header = result.header;\n        if (!header.title) {\n            // remove {docsify-bla}\n            body = body.replace(/{[^}]*}/g, '');\n            body = body.trim();\n            const lines = body.replace(/\\r/g, '').split('\\n');\n            for (let i = 0; i < lines.length; i++) {\n                if (lines[i].startsWith('# ')) {\n                    return lines[i].substring(2).trim();\n                }\n            }\n            return '';\n        }\n\n        return header.title.toString();\n    }\n\n    static extractHeader(text: string): { header: Record<string, string | boolean | number>; body: string } {\n        const attrs: Record<string, string | boolean | number> = {};\n        if (text.substring(0, 3) === '---') {\n            const pos = text.substring(3).indexOf('\\n---');\n            if (pos !== -1) {\n                const _header = text.substring(3, pos + 3);\n                const lines = _header.replace(/\\r/g, '').split('\\n');\n                lines.forEach(line => {\n                    if (!line.trim()) {\n                        return;\n                    }\n                    const pos_ = line.indexOf(':');\n                    if (pos_ !== -1) {\n                        const attr = line.substring(0, pos_).trim();\n                        let val: string = line.substring(pos_ + 1).trim();\n                        val = val.replace(/^['\"]|['\"]$/g, '');\n                        if (val === 'true') {\n                            attrs[attr] = true;\n                        } else if (val === 'false') {\n                            attrs[attr] = false;\n                        } else if (parseFloat(val).toString() === val) {\n                            attrs[attr] = parseFloat(val);\n                        } else {\n                            attrs[attr] = val;\n                        }\n                    } else {\n                        attrs[line.trim()] = true;\n                    }\n                });\n                text = text.substring(pos + 7);\n            }\n        }\n        return { header: attrs, body: text };\n    }\n\n    static removeDocsify(text: string): string {\n        const m = text.match(/{docsify-[^}]*}/g);\n        if (m) {\n            m.forEach(doc => (text = text.replace(doc, '')));\n        }\n        return text;\n    }\n\n    static onCopy(e: Event | null, text: string): void {\n        copy(text);\n        e && e.stopPropagation();\n        e && e.preventDefault();\n    }\n}\n"]}

package/build/Components/ObjectBrowser.d.ts

@@ -1,13 +1,13 @@
 /**
- * Copyright 2020-2025, Denis Haev <dogafox@gmail.com>
+ * Copyright 2020-2026, Denis Haev <dogafox@gmail.com>
  *
  * MIT License
  *
  */
 import React, { Component, type JSX } from 'react';
-import type { ThemeType, ThemeName, IobTheme, Translate } from '../types';
-import type { Router } from './Router';
-import { Connection } from '../Connection';
+import { getSelectIdIconFromObjects } from './objectBrowserUtils';
+import type { ObjectBrowserProps, AdapterColumn, ObjectBrowserFilter, ObjectBrowserState, TreeItem, CustomAdminColumnStored, ObjectEvent } from './objectBrowser.types';
+export { getSelectIdIconFromObjects, type ObjectBrowserFilter };
 declare global {
     interface Window {
         sparkline: {
@@ -20,406 +20,23 @@ declare module '@mui/material/Button' {
         grey: true;
     }
 }
-type ObjectEventType = 'new' | 'changed' | 'deleted';
-interface ObjectEvent {
-    id: string;
-    obj?: ioBroker.Object;
-    type: ObjectEventType;
-    oldObj?: ioBroker.Object;
-}
-interface ObjectsWorker {
-    getObjects(update?: boolean): Promise<void | Record<string, ioBroker.Object>>;
-    registerHandler(cb: (events: ObjectEvent[]) => void): void;
-    unregisterHandler(cb: (events: ObjectEvent[]) => void, doNotUnsubscribe?: boolean): void;
-}
-interface CustomAdminColumnStored {
-    path: string;
-    name: string;
-    objTypes?: ioBroker.ObjectType[];
-    width?: number;
-    edit?: boolean;
-    type?: ioBroker.CommonType;
-}
-export interface TreeItemData {
-    id: string;
-    name: string;
-    obj?: ioBroker.Object;
-    /** Object ID in lower case for filtering */
-    fID?: string;
-    /** translated common.name in lower case for filtering */
-    fName?: string;
-    /** Link to parent item */
-    parent?: TreeItem;
-    level?: number;
-    icon?: string | JSX.Element | null;
-    /** If the item existing object or generated folder */
-    generated?: boolean;
-    title?: string;
-    /** if the item has "write" button (value=true, ack=false) */
-    button?: boolean;
-    /** If the item has read and write and is boolean */
-    switch?: boolean;
-    /** If the item is url linke */
-    url?: boolean;
-    /** if the item has custom settings in `common.custom` */
-    hasCustoms?: boolean;
-    /** If this item is visible */
-    visible?: boolean;
-    /** Is any of the children visible (not only directly children) */
-    hasVisibleChildren?: boolean;
-    /** Is any of the parents visible (not only directly parent) */
-    hasVisibleParent?: boolean;
-    /** Combination of `visible || hasVisibleChildren` */
-    sumVisibility?: boolean;
-    /** translated names of enumerations (functions) where this object is the member (or the parent), divided by comma */
-    funcs?: string;
-    /** is if the enums are from parent */
-    pef?: boolean;
-    /** translated names of enumerations (rooms) where this object is the member (or the parent), divided by comma */
-    rooms?: string;
-    /** is if the enums are from parent */
-    per?: boolean;
-    lang?: ioBroker.Languages;
-    state?: {
-        valTextRx?: JSX.Element[] | null;
-        style?: React.CSSProperties;
-    };
-    aclTooltip?: null | JSX.Element;
-}
-export interface ObjectBrowserCustomFilter {
-    type?: ioBroker.ObjectType | ioBroker.ObjectType[];
-    common?: {
-        type?: ioBroker.CommonType | ioBroker.CommonType[];
-        role?: string | string[];
-        custom?: '_' | '_dataSources' | true | string | string[];
-    };
-}
-export interface TreeItem {
-    id?: string;
-    data: TreeItemData;
-    children?: TreeItem[];
-}
-/** Converts ioB pattern into regex */
-export declare function pattern2RegEx(pattern: string): string;
-export declare function filterRoles(roleArray: {
-    role: string;
-    type: ioBroker.CommonType;
-}[], type: ioBroker.CommonType, defaultRoles?: {
-    role: string;
-    type: ioBroker.CommonType;
-}[]): string[];
-export declare function getSelectIdIconFromObjects(objects: Record<string, ioBroker.Object>, id: string, lang: ioBroker.Languages, imagePrefix?: string): string | JSX.Element | null;
 export declare const ITEM_IMAGES: Record<string, JSX.Element>;
-export interface ObjectBrowserFilter {
-    id?: string;
-    name?: string;
-    room?: string[];
-    func?: string[];
-    role?: string[];
-    type?: string[];
-    custom?: string[];
-    expertMode?: boolean;
-}
-interface AdapterColumn {
-    adapter: string;
-    id: string;
-    name: string;
-    path: string[];
-    pathText: string;
-    edit?: boolean;
-    type?: 'boolean' | 'string' | 'number';
-    objTypes?: ioBroker.ObjectType[];
-    align?: 'center' | 'left' | 'right';
-}
-interface ObjectBrowserEditRoleProps {
-    roleArray: {
-        role: string;
-        type: ioBroker.CommonType;
-    }[];
-    id: string;
-    socket: Connection;
-    onClose: (obj?: ioBroker.Object | null) => void;
-    t: Translate;
-    commonType: ioBroker.CommonType;
-}
-interface ObjectViewFileDialogProps {
-    t: Translate;
-    socket: Connection;
-    obj: ioBroker.AnyObject;
-    onClose: () => void;
-}
-interface DragWrapperProps {
-    item: TreeItem;
-    className?: string;
-    style?: React.CSSProperties;
-    children: JSX.Element | null;
-}
-interface ObjectCustomDialogProps {
-    allVisibleObjects: boolean;
-    customsInstances: string[];
-    expertMode?: boolean;
-    isFloatComma: boolean;
-    lang: ioBroker.Languages;
-    objectIDs: string[];
-    objects: Record<string, ioBroker.Object>;
-    onClose: () => void;
-    reportChangedIds: (ids: string[]) => void;
-    socket: Connection;
-    systemConfig: ioBroker.SystemConfigObject;
-    t: Translate;
-    theme: IobTheme;
-    themeName: ThemeName;
-    themeType: ThemeType;
-}
-interface ObjectMoveRenameDialogProps {
-    childrenIds: string[];
-    expertMode: boolean;
-    id: string;
-    objectType: ioBroker.ObjectType | undefined;
-    onClose: () => void;
-    socket: Connection;
-    t: Translate;
-    theme: IobTheme;
-}
-interface ObjectBrowserValueProps {
-    /** State type */
-    type: 'states' | 'string' | 'number' | 'boolean' | 'json';
-    /** State role */
-    role: string;
-    /** common.states */
-    states: Record<string, string> | null;
-    /** The state value */
-    value: string | number | boolean | null;
-    /** If expert mode is enabled */
-    expertMode: boolean;
-    onClose: (newValue?: {
-        val: ioBroker.StateValue;
-        ack: boolean;
-        q: ioBroker.STATE_QUALITY[keyof ioBroker.STATE_QUALITY];
-        expire: number | undefined;
-    }) => void;
-    /** Configured theme */
-    themeType: ThemeType;
-    theme: IobTheme;
-    socket: Connection;
-    defaultHistory: string;
-    dateFormat: string;
-    object: ioBroker.StateObject;
-    isFloatComma: boolean;
-    t: Translate;
-    lang: ioBroker.Languages;
-    width?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-}
-interface ObjectBrowserEditObjectProps {
-    socket: Connection;
-    obj: ioBroker.AnyObject;
-    roleArray: {
-        role: string;
-        type: ioBroker.CommonType;
-    }[];
-    expertMode: boolean;
-    themeType: ThemeType;
-    theme: IobTheme;
-    aliasTab: boolean;
-    onClose: (obj?: ioBroker.AnyObject) => void;
-    dialogName?: string;
-    objects: Record<string, ioBroker.AnyObject>;
-    dateFormat: string;
-    isFloatComma: boolean;
-    onNewObject: (obj: ioBroker.AnyObject) => void;
-    t: Translate;
-    width?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-}
-export interface ObjectAliasEditorProps {
-    t: Translate;
-    roleArray: {
-        role: string;
-        type: ioBroker.CommonType;
-    }[];
-    socket: Connection;
-    objects: Record<string, ioBroker.AnyObject>;
-    onRedirect: (id: string, delay?: number) => void;
-    obj: ioBroker.AnyObject;
-    onClose: () => void;
-}
-export type ObjectBrowserColumn = 'name' | 'type' | 'role' | 'room' | 'func' | 'val' | 'buttons';
-type ObjectBrowserPossibleColumns = 'name' | 'type' | 'role' | 'room' | 'func' | 'val' | 'buttons' | 'changedFrom' | 'qualityCode' | 'timestamp' | 'lastChange' | 'id';
-export interface ObjectBrowserProps {
-    /** where to store settings in localStorage */
-    dialogName?: string;
-    defaultFilters?: ObjectBrowserFilter;
-    selected?: string | string[];
-    onSelect?: (selected: string | string[], name: string | null, isDouble?: boolean) => void;
-    onFilterChanged?: (newFilter: ObjectBrowserFilter) => void;
-    socket: Connection;
-    showExpertButton?: boolean;
-    expertMode?: boolean;
-    imagePrefix?: string;
-    themeName: ThemeName;
-    themeType: ThemeType;
-    /** will be filled by withWidth */
-    width?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    theme: IobTheme;
-    t: Translate;
-    lang: ioBroker.Languages;
-    multiSelect?: boolean;
-    notEditable?: boolean;
-    foldersFirst?: boolean;
-    disableColumnSelector?: boolean;
-    isFloatComma?: boolean;
-    dateFormat?: string;
-    levelPadding?: number;
-    /** Allow selection of non-objects (virtual branches) */
-    allowNonObjects?: boolean;
-    /** Called when all objects are loaded */
-    onAllLoaded?: () => void;
-    objectCustomDialog?: React.FC<ObjectCustomDialogProps>;
-    objectMoveRenameDialog?: React.FC<ObjectMoveRenameDialogProps>;
-    objectAddBoolean?: boolean;
-    objectEditBoolean?: boolean;
-    objectStatesView?: boolean;
-    objectImportExport?: boolean;
-    objectEditOfAccessControl?: boolean;
-    /** modal add object */
-    modalNewObject?: (oBrowser: ObjectBrowserClass) => JSX.Element;
-    /** modal Edit Of Access Control */
-    modalEditOfAccessControl: (oBrowser: ObjectBrowserClass, data: TreeItemData) => JSX.Element;
-    onObjectDelete?: (id: string, hasChildren: boolean, objectExists: boolean, childrenCount: number) => void;
-    /**
-     * Optional filter
-     *   `{common: {custom: true}}` - show only objects with some custom settings
-     *   `{common: {custom: 'sql.0'}}` - show only objects with sql.0 custom settings (only of the specific instance)
-     *   `{common: {custom: '_dataSources'}}` - show only objects of adapters `influxdb' or 'sql' or 'history'
-     *   `{common: {custom: 'adapterName.'}}` - show only objects of custom settings of specific adapter (all instances)
-     *   `{type: 'channel'}` - show only channels
-     *   `{type: ['channel', 'device']}` - show only channels and devices
-     *   `{common: {type: 'number'}` - show only states of type 'number
-     *   `{common: {type: ['number', 'string']}` - show only states of type 'number and string
-     *   `{common: {role: ['switch']}` - show only states with roles starting from switch
-     *   `{common: {role: ['switch', 'button']}` - show only states with roles starting from `switch` and `button`
-     */
-    customFilter: ObjectBrowserCustomFilter;
-    objectBrowserValue?: React.FC<ObjectBrowserValueProps>;
-    objectBrowserEditObject?: React.FC<ObjectBrowserEditObjectProps>;
-    /** on edit alias */
-    objectBrowserAliasEditor?: React.FC<ObjectAliasEditorProps>;
-    /** on Edit role */
-    objectBrowserEditRole?: React.FC<ObjectBrowserEditRoleProps>;
-    /** on view file state */
-    objectBrowserViewFile?: React.FC<ObjectViewFileDialogProps>;
-    router?: typeof Router;
-    types?: ioBroker.ObjectType[];
-    /** Possible columns: ['name', 'type', 'role', 'room', 'func', 'val', 'buttons'] */
-    columns?: ObjectBrowserColumn[];
-    /** Shows only elements of this root */
-    root?: string;
-    /** cache of objects */
-    objectsWorker?: ObjectsWorker;
-    /**
-     * function to filter out all unnecessary objects. It cannot be used together with "types"
-     * Example for function: `obj => obj.common?.type === 'boolean'` to show only boolean states
-     */
-    filterFunc?: (obj: ioBroker.Object) => boolean;
-    /** Used for enums dragging */
-    DragWrapper?: React.FC<DragWrapperProps>;
-    /** let DragWrapper know about objects to get the icons */
-    setObjectsReference?: (objects: Record<string, ioBroker.Object>) => void;
-    dragEnabled?: boolean;
-}
-interface ObjectBrowserState {
-    loaded: boolean;
-    foldersFirst: boolean;
-    selected: string[];
-    focused: string;
-    selectedNonObject: string;
-    filter: ObjectBrowserFilter;
-    filterKey: number;
-    depth: number;
-    expandAllVisible: boolean;
-    expanded: string[];
-    toast: string;
-    scrollBarWidth: number;
-    customDialog: null | string[];
-    customDialogAll?: boolean;
-    editObjectDialog: string;
-    editObjectAlias: boolean;
-    viewFileDialog: string;
-    showAliasEditor: string;
-    enumDialog: null | {
-        item: TreeItem;
-        type: 'room' | 'func';
-        enumsOriginal: string;
-    };
-    enumDialogEnums?: null | string[];
-    roleDialog: null | string;
-    statesView: boolean;
-    /** ['name', 'type', 'role', 'room', 'func', 'val', 'buttons'] */
-    columns: ObjectBrowserPossibleColumns[] | null;
-    columnsForAdmin: Record<string, CustomAdminColumnStored[]> | null;
-    columnsSelectorShow: boolean;
-    columnsAuto: boolean;
-    columnsWidths: Record<string, number>;
-    columnsDialogTransparent: number;
-    columnsEditCustomDialog: null | {
-        obj: ioBroker.Object;
-        item: TreeItem;
-        it: AdapterColumn;
-    };
-    customColumnDialogValueChanged: boolean;
-    showExportDialog: false | number;
-    showAllExportOptions: boolean;
-    linesEnabled: boolean;
-    showDescription: boolean;
-    showContextMenu: {
-        item: TreeItem;
-        position: {
-            left: number;
-            top: number;
-        };
-        subItem?: string;
-        subAnchor?: HTMLLIElement;
-    } | null;
-    noStatesByExportImport: boolean;
-    beautifyJsonExport: boolean;
-    excludeSystemRepositoriesFromExport: boolean;
-    excludeTranslations: boolean;
-    updating?: boolean;
-    modalNewObj?: null | {
-        id: string;
-        initialType?: ioBroker.ObjectType;
-        initialStateType?: ioBroker.CommonType;
-    };
-    error?: any;
-    modalEditOfAccess?: boolean;
-    modalEditOfAccessObjData?: TreeItemData;
-    updateOpened?: boolean;
-    tooltipInfo: null | {
-        el: JSX.Element[];
-        id: string;
-    };
-    /** Show the menu with aliases for state */
-    aliasMenu: string;
-    /** Show rename dialog */
-    showRenameDialog: {
-        id: string;
-        childrenIds: string[];
-    } | null;
-}
 export declare class ObjectBrowserClass extends Component<ObjectBrowserProps, ObjectBrowserState> {
     private info;
     private localStorage;
-    private lastAppliedFilter;
     private readonly tableRef;
-    private readonly filterRefs;
     private pausedSubscribes;
     private selectFirst;
+    /** Last navigation that was applied from `navigateTo` or reported via `onNavigateTo` (loop guard). */
+    private lastNav;
+    /** True while applying `navigateTo`, so the derived-state watcher does not echo it back. */
+    private applyingNav;
     private root;
     private readonly states;
     private subscribes;
     private unsubscribeTimer;
     private statesUpdateTimer;
     private objectsUpdateTimer;
-    private filterTimer;
     private readonly visibleCols;
     private readonly texts;
     private readonly possibleCols;
@@ -445,23 +62,16 @@ export declare class ObjectBrowserClass extends Component<ObjectBrowserProps, Ob
     private systemConfig;
     objects: Record<string, ioBroker.Object>;
     private defaultHistory;
-    private cltrPressed;
+    private ctrlPressed;
     private columnsVisibility;
     private changedIds;
     private contextMenu;
     private recordStates;
     private styles;
+    private expertMode;
     private customColumnDialog;
-    /** Namespaces which are allowed to be edited by non-expert users */
-    static NON_EXPERT_NAMESPACES: string[];
     constructor(props: ObjectBrowserProps);
     loadAllObjects(update?: boolean): Promise<void>;
-    /**
-     * Check if it is a non-expert id
-     */
-    static isNonExpertId(
-    /** id to test */
-    id: string): boolean;
     private expandAllSelected;
     /**
      * @param isDouble is double click
@@ -541,7 +151,6 @@ export declare class ObjectBrowserClass extends Component<ObjectBrowserProps, Ob
     private subscribe;
     private unsubscribe;
     private pauseSubscribe;
-    private onFilter;
     clearFilter(): void;
     isFilterEmpty(): boolean;
     private getFilterInput;
@@ -568,8 +177,11 @@ export declare class ObjectBrowserClass extends Component<ObjectBrowserProps, Ob
     private _exportObjects;
     renderExportDialog(): JSX.Element | null;
     renderRenameDialog(): JSX.Element | null;
+    private parseJsonFile;
     private handleJsonUpload;
     toolTipObjectCreating: () => JSX.Element[] | string;
+    onOpenFile(): void;
+    renderInputJsonDialog(): JSX.Element | null;
     /**
      * Renders the toolbar.
      */
@@ -594,8 +206,6 @@ export declare class ObjectBrowserClass extends Component<ObjectBrowserProps, Ob
     private renderEditRoleDialog;
     private onColumnsEditCustomDialogClose;
     private renderColumnsEditCustomDialog;
-    private static getCustomValue;
-    private static setCustomValue;
     /**
      * Renders a custom value.
      */
@@ -615,7 +225,7 @@ export declare class ObjectBrowserClass extends Component<ObjectBrowserProps, Ob
      */
     renderItem(root: TreeItem, isExpanded: boolean | undefined, counter?: {
         count: number;
-    }): JSX.Element[];
+    }): (JSX.Element | null)[];
     private calculateColumnsVisibility;
     resizerMouseMove: (e: MouseEvent) => void;
     resizerMouseUp: () => void;
@@ -638,10 +248,19 @@ export declare class ObjectBrowserClass extends Component<ObjectBrowserProps, Ob
     renderHandleRight(): JSX.Element;
     private renderHeader;
     private renderToast;
+    /** Derive the current navigation target from the dialog/selection state. */
+    private getStateNav;
+    private static navEqual;
+    /** Apply a navigation target coming from the parent (`navigateTo`): select + open the dialog. */
+    private applyNavigateTo;
+    /** Apply the initial `navigateTo` after the tree has loaded (called from componentDidMount). */
+    private applyInitialNavigateTo;
+    /** Reconcile `navigateTo` (parent/URL) with the browser's selection/dialog state. */
+    private reconcileNavigation;
     /**
      * Called when component is updated.
      */
-    componentDidUpdate(): void;
+    componentDidUpdate(prevProps: ObjectBrowserProps): void;
     scrollToItem(id: string): void;
     private renderCustomDialog;
     private onUpdate;
@@ -656,10 +275,10 @@ export declare class ObjectBrowserClass extends Component<ObjectBrowserProps, Ob
      */
     private renderContextMenu;
     private renderEditValueDialog;
+    doFilter(doNotStore?: boolean): void;
     /**
      * The rendering method of this component.
      */
     render(): JSX.Element;
 }
 export declare const ObjectBrowser: (props: Record<string, any>) => JSX.Element;
-export {};