@iobroker/dm-gui-components 10.0.2 → 10.0.4

package/build/StatusIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIndicator.js","sourceRoot":"./src/","sources":["StatusIndicator.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { IconButton, Tooltip } from '@mui/material';\n\nimport type { IobTheme } from '@iobroker/gui-components';\n\nimport { useStateOrObject } from './hooks';\nimport type { StatusIndicator as StatusIndicatorConfig, StatusIndicatorLevel } from './protocol/api';\nimport type { StateOrObjectHandler } from './StateOrObjectHandler';\nimport { getIndicatorColor, getTranslation, renderIcon } from './Utils';\n\nconst styles: Record<string, React.CSSProperties> = {\n    tooltip: {\n        pointerEvents: 'none',\n    },\n    content: {\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        lineHeight: 1,\n    },\n    text: {\n        fontSize: 'small',\n        margin: 0,\n        whiteSpace: 'nowrap',\n    },\n    row: {\n        display: 'flex',\n        alignItems: 'center',\n        flexWrap: 'wrap',\n        gap: 8,\n    },\n};\n\n/**\n * Find the first matching level for the given value.\n *\n * A level matches if its `value` equals the current value, if the numeric value lies within\n * `min`/`max` (both inclusive) or if the level defines no condition at all (catch-all).\n */\nfunction findLevel(\n    levels: StatusIndicatorLevel[],\n    value: string | number | boolean | undefined,\n): StatusIndicatorLevel | undefined {\n    for (const level of levels) {\n        if (level.value !== undefined) {\n            if (level.value === value) {\n                return level;\n            }\n            continue;\n        }\n        if (level.min !== undefined || level.max !== undefined) {\n            if (typeof value !== 'number') {\n                continue;\n            }\n            if (level.min !== undefined && value < level.min) {\n                continue;\n            }\n            if (level.max !== undefined && value > level.max) {\n                continue;\n            }\n            return level;\n        }\n        // no condition => catch-all\n        return level;\n    }\n\n    return undefined;\n}\n\ninterface StatusIndicatorProps {\n    indicator: StatusIndicatorConfig;\n    theme: IobTheme;\n    stateOrObjectHandler: StateOrObjectHandler;\n    /** Called when the indicator is clicked. If not provided, the indicator is not clickable */\n    onClick?: () => void;\n    /** If the referenced action opens a URL instead of calling the backend */\n    url?: string;\n    disabled?: boolean;\n    /** Color used if the indicator does not define one itself (e.g. white in the toolbar) */\n    defaultColor?: string;\n}\n\n/**\n * A single custom status indicator.\n *\n * Every visual property may be bound to a state or an object, so the indicator follows its value\n * live. The optional `levels` list maps value ranges to icon, color and text.\n */\nexport default function StatusIndicator(props: StatusIndicatorProps): React.JSX.Element | null {\n    const { indicator, stateOrObjectHandler } = props;\n\n    const value = useStateOrObject<string | number | boolean>(indicator.value, stateOrObjectHandler);\n    const icon = useStateOrObject<string>(indicator.icon, stateOrObjectHandler);\n    const iconOn = useStateOrObject<string>(indicator.iconOn, stateOrObjectHandler);\n    const color = useStateOrObject<string>(indicator.color, stateOrObjectHandler);\n    const colorOn = useStateOrObject<string>(indicator.colorOn, stateOrObjectHandler);\n    const text = useStateOrObject<ioBroker.StringOrTranslated>(indicator.text, stateOrObjectHandler);\n\n    // An indicator without a value is a static icon and is always visible. With a value, it is hidden\n    // while the value is \"empty\" - the numeric 0 counts as a value and stays visible.\n    if (indicator.value !== undefined && indicator.hideIfEmpty !== false) {\n        if (value === undefined || value === null || value === '' || value === false) {\n            return null;\n        }\n    }\n\n    const on = !!value;\n    const level = indicator.levels ? findLevel(indicator.levels, value) : undefined;\n\n    const iconName = level?.icon ?? (on ? (iconOn ?? icon) : icon);\n    const colorName = level?.color ?? (on ? (colorOn ?? color) : color);\n    const resolvedColor = getIndicatorColor(colorName, props.theme) || props.defaultColor;\n\n    const levelText = level?.text ?? text;\n    let label = levelText !== undefined ? getTranslation(levelText) : indicator.showValue ? String(value ?? '') : '';\n    if (label && indicator.unit) {\n        label += ` ${indicator.unit}`;\n    }\n\n    const tooltipSource = level?.tooltip ?? indicator.tooltip;\n    const tooltip = tooltipSource ? getTranslation(tooltipSource) : '';\n\n    // Only fall back to the \"question mark\" icon if the indicator shows nothing else at all\n    const iconElement = iconName || !label ? renderIcon(iconName, resolvedColor) : null;\n\n    const content = (\n        <div style={styles.content}>\n            {iconElement}\n            {label ? <p style={{ ...styles.text, color: resolvedColor }}>{label}</p> : null}\n        </div>\n    );\n\n    let element: React.JSX.Element;\n    if (props.url) {\n        element = (\n            <IconButton\n                size=\"small\"\n                style={{ padding: 2, borderRadius: 4 }}\n                href={props.url}\n                target=\"_blank\"\n                disabled={props.disabled}\n            >\n                {content}\n            </IconButton>\n        );\n    } else if (props.onClick) {\n        element = (\n            <IconButton\n                size=\"small\"\n                style={{ padding: 2, borderRadius: 4 }}\n                disabled={props.disabled}\n                onClick={e => {\n                    // The card itself may react on clicks, so the event must not bubble\n                    e.stopPropagation();\n                    props.onClick?.();\n                }}\n            >\n                {content}\n            </IconButton>\n        );\n    } else {\n        element = content;\n    }\n\n    if (!tooltip) {\n        return element;\n    }\n\n    return (\n        <Tooltip\n            title={tooltip}\n            slotProps={{ popper: { sx: styles.tooltip } }}\n        >\n            <span style={{ display: 'inline-flex' }}>{element}</span>\n        </Tooltip>\n    );\n}\n\ninterface StatusIndicatorsProps {\n    indicators?: StatusIndicatorConfig[];\n    theme: IobTheme;\n    stateOrObjectHandler: StateOrObjectHandler;\n    /**\n     * Resolves the click handler for an indicator that references an action. Returns `undefined`\n     * if the referenced action does not exist - the indicator stays a pure display element then.\n     */\n    resolveAction?: (actionId: string) => { onClick?: () => void; url?: string; disabled?: boolean } | undefined;\n    disabled?: boolean;\n    defaultColor?: string;\n    style?: React.CSSProperties;\n    /** Additional elements rendered in the same line (e.g. actions with `placement: 'status'`) */\n    children?: React.ReactNode;\n}\n\n/**\n * The line of custom status indicators.\n *\n * The line wraps if it does not fit, so an arbitrary number of indicators can be shown without\n * cutting anything off.\n */\nexport function StatusIndicators(props: StatusIndicatorsProps): React.JSX.Element | null {\n    const indicators = props.indicators?.length\n        ? [...props.indicators].sort((a, b) => (a.order ?? 100) - (b.order ?? 100))\n        : [];\n\n    if (!indicators.length && !props.children) {\n        return null;\n    }\n\n    return (\n        <div style={{ ...styles.row, ...props.style }}>\n            {indicators.map(indicator => {\n                const action = indicator.actionId ? props.resolveAction?.(indicator.actionId) : undefined;\n\n                return (\n                    <StatusIndicator\n                        key={indicator.id}\n                        indicator={indicator}\n                        theme={props.theme}\n                        stateOrObjectHandler={props.stateOrObjectHandler}\n                        onClick={action?.onClick}\n                        url={action?.url}\n                        disabled={props.disabled || action?.disabled}\n                        defaultColor={props.defaultColor}\n                    />\n                );\n            })}\n            {props.children}\n        </div>\n    );\n}\n"]}

package/build/Utils.d.ts

@@ -1,9 +1,28 @@
 import React from 'react';
-import type { ActionBase, ControlBase } from './protocol/api';
+import type { ActionBase, ControlBase, IndicatorColor } from './protocol/api';
+import { type IobTheme } from '@iobroker/gui-components';
 export declare function renderControlIcon(action: ControlBase, colors?: {
     primary: string;
     secondary: string;
 }, value?: string | number | boolean | null, noDefaultIcon?: boolean): React.JSX.Element | null;
+/**
+ * Render an icon that is given as a plain name (and not as a part of an action or control)
+ *
+ * @param icon `fa-*` name, `data:image/...` string, URL or one of the names supported by `getIconByName`
+ * @param color color of the icon
+ * @param noDefaultIcon if true, no "question mark" icon will be returned for unknown or missing names
+ */
+export declare function renderIcon(icon?: string, color?: string, noDefaultIcon?: boolean): React.JSX.Element | null;
+/**
+ * Resolve the color of a status indicator.
+ *
+ * The semantic tokens use the same colors as the built-in status icons, but adapted to the theme,
+ * so custom indicators do not look foreign next to connection, battery, warning and update.
+ *
+ * @param color semantic token, `primary`, `secondary` or an explicit CSS color
+ * @param theme current theme
+ */
+export declare function getIndicatorColor(color: IndicatorColor | undefined, theme: IobTheme): string | undefined;
 export declare function renderActionIcon(action: ActionBase, noDefaultIcon?: boolean): React.JSX.Element | null;
 /**
  * Get Translation

package/build/Utils.js

@@ -241,6 +241,62 @@ export function renderControlIcon(action, colors, value, noDefaultIcon) {
     }
     return null;
 }
+/**
+ * Render an icon that is given as a plain name (and not as a part of an action or control)
+ *
+ * @param icon `fa-*` name, `data:image/...` string, URL or one of the names supported by `getIconByName`
+ * @param color color of the icon
+ * @param noDefaultIcon if true, no "question mark" icon will be returned for unknown or missing names
+ */
+export function renderIcon(icon, color, noDefaultIcon) {
+    if (!icon) {
+        return noDefaultIcon ? null : React.createElement(QuestionMark, { style: { color } });
+    }
+    if (icon.startsWith('fa-') || icon.startsWith('fas')) {
+        return getFaIcon(icon, color);
+    }
+    if (icon.startsWith('data:image') ||
+        icon.startsWith('http://') ||
+        icon.startsWith('https://') ||
+        icon.includes('/') ||
+        /\.(png|jpe?g|svg|gif|webp|ico)$/i.test(icon)) {
+        return (React.createElement(Icon, { src: icon, style: { color } }));
+    }
+    return getIconByName(icon, undefined, color, noDefaultIcon);
+}
+/**
+ * Resolve the color of a status indicator.
+ *
+ * The semantic tokens use the same colors as the built-in status icons, but adapted to the theme,
+ * so custom indicators do not look foreign next to connection, battery, warning and update.
+ *
+ * @param color semantic token, `primary`, `secondary` or an explicit CSS color
+ * @param theme current theme
+ */
+export function getIndicatorColor(color, theme) {
+    if (!color) {
+        return undefined;
+    }
+    const dark = theme.palette.mode === 'dark';
+    switch (color) {
+        case 'ok':
+            return dark ? '#5cff5c' : '#00ac00';
+        case 'warning':
+            return dark ? '#ffa733' : '#da8200';
+        case 'error':
+            return dark ? '#ff5c5c' : '#ff0000';
+        case 'info':
+            return dark ? '#64b5f6' : '#2196f3';
+        case 'inactive':
+            return '#8a8a8a';
+        case 'primary':
+            return theme.palette.primary.main;
+        case 'secondary':
+            return theme.palette.secondary.main;
+        default:
+            return color;
+    }
+}
 export function renderActionIcon(action, noDefaultIcon) {
     if (!action) {
         return null;

package/build/Utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Utils.js","sourceRoot":"./src/","sources":["Utils.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type { ActionBase, ControlBase } from './protocol/api';\nimport {\n    Add,\n    Article,\n    BatteryAlert,\n    BatteryChargingFull,\n    BatteryFull,\n    Bluetooth,\n    BluetoothDisabled,\n    Delete,\n    Edit,\n    FastForward,\n    FastRewind,\n    Fluorescent,\n    Group,\n    Info,\n    Lightbulb,\n    Link as LinkIcon,\n    LinkOff,\n    NotListedLocation,\n    Pause,\n    Person,\n    PlayArrow,\n    Power,\n    QrCode,\n    QuestionMark,\n    Refresh,\n    Search,\n    Settings,\n    Stop,\n    Visibility,\n    Upgrade,\n    WbIncandescent,\n    Wifi,\n    WifiOff,\n    Launch,\n} from '@mui/icons-material';\n\nimport { I18n, Icon } from '@iobroker/gui-components';\n\n/**\n * Get Icon by font-awesome name. Do not use these names, use names from getIconByName\n *\n * @param icon font-awesome icon name\n * Only following font-awesome icons are supported:\n * - fa-trash-can, fa-trash\n * - fa-pen\n * - fa-redo-alt\n * - fa-plus\n * - fa-qrcode, qrcode\n * - fa-wifi\n * - fa-wifi-slash\n * - fa-bluetooth\n * - fa-bluetooth-slash\n * - fa-eye\n * - fa-search\n * - fa-unlink\n * - fa-link\n * - fa-search-location\n * - fa-play\n * - fa-stop\n * - fa-pause\n * @param color color of the icon\n */\nfunction getFaIcon(icon: string, color?: string): React.JSX.Element | null {\n    const iconStyle = icon\n        .split(' ')\n        .map(s => s.trim())\n        .filter(s => s !== 'fa-solid');\n\n    if (iconStyle.includes('fa-trash-can') || iconStyle.includes('fa-trash')) {\n        return <Delete style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-pen')) {\n        return <Edit style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-redo-alt')) {\n        return <Refresh style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-plus')) {\n        return <Add style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-qrcode') || iconStyle.includes('qrcode')) {\n        return <QrCode style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-wifi')) {\n        return <Wifi style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-wifi-slash')) {\n        return <WifiOff style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-bluetooth')) {\n        return <Bluetooth style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-bluetooth-slash')) {\n        return <BluetoothDisabled style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-eye')) {\n        return <Visibility style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-search')) {\n        return <Search style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-unlink')) {\n        return <LinkOff style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-link')) {\n        return <LinkIcon style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-search-location')) {\n        return <NotListedLocation style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-play')) {\n        return <PlayArrow style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-stop')) {\n        return <Stop style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-pause')) {\n        return <Pause style={{ color }} />;\n    }\n    return <QuestionMark style={{ color }} />;\n}\n\n/**\n * Get Icon by name or by action\n *\n * @param name action name\n * possible action or icon names are\n * - edit, rename\n * - delete\n * - refresh\n * - newDevice, new, add\n * - discover, search\n * - unpairDevice, unpair\n * - pairDevice, pair\n * - identify\n * - play\n * - stop\n * - pause\n * - forward, next\n * - rewind, previous\n * - lamp, light\n * - backlight\n * - dimmer\n * - socket\n * - settings\n * - users, group\n * - user\n * - qrcode\n * - identify\n * - info\n * - lines\n * - battery\n * - batteryLow, batteryAlert\n * - batteryCharging\n * @param altName icon name\n * @param color color of the icon\n * @param noDefaultIcon if true, no \"question mark\" icon will be returned for unknown names\n */\nfunction getIconByName(\n    name: string,\n    altName?: string,\n    color?: string,\n    noDefaultIcon?: boolean,\n): React.JSX.Element | null {\n    if (name === 'edit' || name === 'rename' || altName === 'edit' || altName === 'rename') {\n        return <Edit style={{ color }} />;\n    }\n    if (name === 'delete' || altName === 'delete') {\n        return <Delete style={{ color }} />;\n    }\n    if (name === 'refresh' || altName === 'refresh') {\n        return <Refresh style={{ color }} />;\n    }\n    if (\n        name === 'newDevice' ||\n        name === 'new' ||\n        name === 'add' ||\n        altName === 'newDevice' ||\n        altName === 'new' ||\n        altName === 'add'\n    ) {\n        return <Add style={{ color }} />;\n    }\n    if (name === 'discover' || name === 'search' || altName === 'discover' || altName === 'search') {\n        return <Search style={{ color }} />;\n    }\n    if (name === 'unpairDevice' || name === 'unpair' || altName === 'unpairDevice' || altName === 'unpair') {\n        return <LinkOff style={{ color }} />;\n    }\n    if (name === 'pairDevice' || name === 'pair' || altName === 'pairDevice' || altName === 'pair') {\n        return <LinkIcon style={{ color }} />;\n    }\n    if (name === 'identify' || altName === 'identify') {\n        return <NotListedLocation style={{ color }} />;\n    }\n    if (name === 'play' || altName === 'play') {\n        return <PlayArrow style={{ color }} />;\n    }\n    if (name === 'stop' || altName === 'stop') {\n        return <Stop style={{ color }} />;\n    }\n    if (name === 'pause' || altName === 'pause') {\n        return <Pause style={{ color }} />;\n    }\n    if (name === 'forward' || name === 'next' || altName === 'forward' || altName === 'next') {\n        return <FastForward style={{ color }} />;\n    }\n    if (name === 'rewind' || name === 'previous' || altName === 'rewind' || altName === 'previous') {\n        return <FastRewind style={{ color }} />;\n    }\n    if (name === 'lamp' || name === 'light' || altName === 'lamp' || altName === 'light') {\n        return <Lightbulb style={{ color }} />;\n    }\n    if (name === 'backlight' || altName === 'backlight') {\n        return <Fluorescent style={{ color }} />;\n    }\n    if (name === 'dimmer' || altName === 'dimmer') {\n        return <WbIncandescent style={{ color }} />;\n    }\n    if (name === 'socket' || altName === 'socket') {\n        return <Power style={{ color }} />;\n    }\n    if (name === 'settings' || altName === 'settings') {\n        return <Settings style={{ color }} />;\n    }\n    if (name === 'users' || name === 'group' || altName === 'users' || altName === 'group') {\n        return <Group style={{ color }} />;\n    }\n    if (name === 'user' || altName === 'user') {\n        return <Person style={{ color }} />;\n    }\n    if (name === 'update' || altName === 'update') {\n        return <Upgrade style={{ color }} />;\n    }\n    if (name === 'qrcode' || altName === 'qrcode') {\n        return <QrCode style={{ color }} />;\n    }\n    if (name === 'info' || altName === 'info') {\n        return <Info style={{ color }} />;\n    }\n    if (name === 'lines' || altName === 'lines') {\n        return <Article style={{ color }} />;\n    }\n    if (name === 'web' || altName === 'web') {\n        return <Launch style={{ color }} />;\n    }\n    if (name === 'battery' || altName === 'battery') {\n        return <BatteryFull style={{ color }} />;\n    }\n    if (name === 'batteryLow' || name === 'batteryAlert' || altName === 'batteryLow' || altName === 'batteryAlert') {\n        return <BatteryAlert style={{ color }} />;\n    }\n    if (name === 'batteryCharging' || altName === 'batteryCharging') {\n        return <BatteryChargingFull style={{ color }} />;\n    }\n    if (noDefaultIcon) {\n        return null;\n    }\n    return <QuestionMark style={{ color }} />;\n}\n\nexport function renderControlIcon(\n    action: ControlBase,\n    colors?: { primary: string; secondary: string },\n    value?: string | number | boolean | null,\n    noDefaultIcon?: boolean,\n): React.JSX.Element | null {\n    if (!action) {\n        return null;\n    }\n\n    let color = (value && action.colorOn) || action.color || (action.state ? 'primary' : 'inherit');\n\n    if (colors) {\n        if (color === 'primary') {\n            color = colors.primary;\n        } else if (color === 'secondary') {\n            color = colors.secondary;\n        }\n    }\n\n    if (action.icon?.startsWith('fa-') || action.icon?.startsWith('fas')) {\n        return getFaIcon(action.icon, color);\n    }\n    if (value && action.iconOn?.startsWith('data:image')) {\n        return (\n            <Icon\n                src={action.iconOn}\n                style={{ color }}\n            />\n        );\n    }\n    if (action.icon?.startsWith('data:image')) {\n        return (\n            <Icon\n                src={action.icon}\n                style={{ color }}\n            />\n        );\n    }\n    if (!noDefaultIcon) {\n        return getIconByName(action.id, action.icon, color);\n    }\n    return null;\n}\n\nexport function renderActionIcon(action: ActionBase, noDefaultIcon?: boolean): React.JSX.Element | null {\n    if (!action) {\n        return null;\n    }\n\n    if (action.icon?.startsWith('fa-') || action.icon?.startsWith('fas')) {\n        return getFaIcon(action.icon, action.color);\n    }\n    if (action.icon?.startsWith('data:image')) {\n        return (\n            <Icon\n                src={action.icon}\n                style={{ color: action.color }}\n            />\n        );\n    }\n    return getIconByName(action.id, action.icon, action.color, noDefaultIcon);\n}\n\nlet language: ioBroker.Languages;\n\n/**\n * Get Translation\n */\nexport function getTranslation(\n    /** Text to translate */\n    text: ioBroker.StringOrTranslated,\n    noTranslation?: boolean,\n): string {\n    language ||= I18n.getLanguage();\n\n    if (typeof text === 'object') {\n        return text[language] || text.en;\n    }\n\n    return noTranslation ? text : I18n.t(text);\n}\n"]}
+{"version":3,"file":"Utils.js","sourceRoot":"./src/","sources":["Utils.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type { ActionBase, ControlBase, IndicatorColor } from './protocol/api';\nimport {\n    Add,\n    Article,\n    BatteryAlert,\n    BatteryChargingFull,\n    BatteryFull,\n    Bluetooth,\n    BluetoothDisabled,\n    Delete,\n    Edit,\n    FastForward,\n    FastRewind,\n    Fluorescent,\n    Group,\n    Info,\n    Lightbulb,\n    Link as LinkIcon,\n    LinkOff,\n    NotListedLocation,\n    Pause,\n    Person,\n    PlayArrow,\n    Power,\n    QrCode,\n    QuestionMark,\n    Refresh,\n    Search,\n    Settings,\n    Stop,\n    Visibility,\n    Upgrade,\n    WbIncandescent,\n    Wifi,\n    WifiOff,\n    Launch,\n} from '@mui/icons-material';\n\nimport { I18n, Icon, type IobTheme } from '@iobroker/gui-components';\n\n/**\n * Get Icon by font-awesome name. Do not use these names, use names from getIconByName\n *\n * @param icon font-awesome icon name\n * Only following font-awesome icons are supported:\n * - fa-trash-can, fa-trash\n * - fa-pen\n * - fa-redo-alt\n * - fa-plus\n * - fa-qrcode, qrcode\n * - fa-wifi\n * - fa-wifi-slash\n * - fa-bluetooth\n * - fa-bluetooth-slash\n * - fa-eye\n * - fa-search\n * - fa-unlink\n * - fa-link\n * - fa-search-location\n * - fa-play\n * - fa-stop\n * - fa-pause\n * @param color color of the icon\n */\nfunction getFaIcon(icon: string, color?: string): React.JSX.Element | null {\n    const iconStyle = icon\n        .split(' ')\n        .map(s => s.trim())\n        .filter(s => s !== 'fa-solid');\n\n    if (iconStyle.includes('fa-trash-can') || iconStyle.includes('fa-trash')) {\n        return <Delete style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-pen')) {\n        return <Edit style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-redo-alt')) {\n        return <Refresh style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-plus')) {\n        return <Add style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-qrcode') || iconStyle.includes('qrcode')) {\n        return <QrCode style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-wifi')) {\n        return <Wifi style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-wifi-slash')) {\n        return <WifiOff style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-bluetooth')) {\n        return <Bluetooth style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-bluetooth-slash')) {\n        return <BluetoothDisabled style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-eye')) {\n        return <Visibility style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-search')) {\n        return <Search style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-unlink')) {\n        return <LinkOff style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-link')) {\n        return <LinkIcon style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-search-location')) {\n        return <NotListedLocation style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-play')) {\n        return <PlayArrow style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-stop')) {\n        return <Stop style={{ color }} />;\n    }\n    if (iconStyle.includes('fa-pause')) {\n        return <Pause style={{ color }} />;\n    }\n    return <QuestionMark style={{ color }} />;\n}\n\n/**\n * Get Icon by name or by action\n *\n * @param name action name\n * possible action or icon names are\n * - edit, rename\n * - delete\n * - refresh\n * - newDevice, new, add\n * - discover, search\n * - unpairDevice, unpair\n * - pairDevice, pair\n * - identify\n * - play\n * - stop\n * - pause\n * - forward, next\n * - rewind, previous\n * - lamp, light\n * - backlight\n * - dimmer\n * - socket\n * - settings\n * - users, group\n * - user\n * - qrcode\n * - identify\n * - info\n * - lines\n * - battery\n * - batteryLow, batteryAlert\n * - batteryCharging\n * @param altName icon name\n * @param color color of the icon\n * @param noDefaultIcon if true, no \"question mark\" icon will be returned for unknown names\n */\nfunction getIconByName(\n    name: string,\n    altName?: string,\n    color?: string,\n    noDefaultIcon?: boolean,\n): React.JSX.Element | null {\n    if (name === 'edit' || name === 'rename' || altName === 'edit' || altName === 'rename') {\n        return <Edit style={{ color }} />;\n    }\n    if (name === 'delete' || altName === 'delete') {\n        return <Delete style={{ color }} />;\n    }\n    if (name === 'refresh' || altName === 'refresh') {\n        return <Refresh style={{ color }} />;\n    }\n    if (\n        name === 'newDevice' ||\n        name === 'new' ||\n        name === 'add' ||\n        altName === 'newDevice' ||\n        altName === 'new' ||\n        altName === 'add'\n    ) {\n        return <Add style={{ color }} />;\n    }\n    if (name === 'discover' || name === 'search' || altName === 'discover' || altName === 'search') {\n        return <Search style={{ color }} />;\n    }\n    if (name === 'unpairDevice' || name === 'unpair' || altName === 'unpairDevice' || altName === 'unpair') {\n        return <LinkOff style={{ color }} />;\n    }\n    if (name === 'pairDevice' || name === 'pair' || altName === 'pairDevice' || altName === 'pair') {\n        return <LinkIcon style={{ color }} />;\n    }\n    if (name === 'identify' || altName === 'identify') {\n        return <NotListedLocation style={{ color }} />;\n    }\n    if (name === 'play' || altName === 'play') {\n        return <PlayArrow style={{ color }} />;\n    }\n    if (name === 'stop' || altName === 'stop') {\n        return <Stop style={{ color }} />;\n    }\n    if (name === 'pause' || altName === 'pause') {\n        return <Pause style={{ color }} />;\n    }\n    if (name === 'forward' || name === 'next' || altName === 'forward' || altName === 'next') {\n        return <FastForward style={{ color }} />;\n    }\n    if (name === 'rewind' || name === 'previous' || altName === 'rewind' || altName === 'previous') {\n        return <FastRewind style={{ color }} />;\n    }\n    if (name === 'lamp' || name === 'light' || altName === 'lamp' || altName === 'light') {\n        return <Lightbulb style={{ color }} />;\n    }\n    if (name === 'backlight' || altName === 'backlight') {\n        return <Fluorescent style={{ color }} />;\n    }\n    if (name === 'dimmer' || altName === 'dimmer') {\n        return <WbIncandescent style={{ color }} />;\n    }\n    if (name === 'socket' || altName === 'socket') {\n        return <Power style={{ color }} />;\n    }\n    if (name === 'settings' || altName === 'settings') {\n        return <Settings style={{ color }} />;\n    }\n    if (name === 'users' || name === 'group' || altName === 'users' || altName === 'group') {\n        return <Group style={{ color }} />;\n    }\n    if (name === 'user' || altName === 'user') {\n        return <Person style={{ color }} />;\n    }\n    if (name === 'update' || altName === 'update') {\n        return <Upgrade style={{ color }} />;\n    }\n    if (name === 'qrcode' || altName === 'qrcode') {\n        return <QrCode style={{ color }} />;\n    }\n    if (name === 'info' || altName === 'info') {\n        return <Info style={{ color }} />;\n    }\n    if (name === 'lines' || altName === 'lines') {\n        return <Article style={{ color }} />;\n    }\n    if (name === 'web' || altName === 'web') {\n        return <Launch style={{ color }} />;\n    }\n    if (name === 'battery' || altName === 'battery') {\n        return <BatteryFull style={{ color }} />;\n    }\n    if (name === 'batteryLow' || name === 'batteryAlert' || altName === 'batteryLow' || altName === 'batteryAlert') {\n        return <BatteryAlert style={{ color }} />;\n    }\n    if (name === 'batteryCharging' || altName === 'batteryCharging') {\n        return <BatteryChargingFull style={{ color }} />;\n    }\n    if (noDefaultIcon) {\n        return null;\n    }\n    return <QuestionMark style={{ color }} />;\n}\n\nexport function renderControlIcon(\n    action: ControlBase,\n    colors?: { primary: string; secondary: string },\n    value?: string | number | boolean | null,\n    noDefaultIcon?: boolean,\n): React.JSX.Element | null {\n    if (!action) {\n        return null;\n    }\n\n    let color = (value && action.colorOn) || action.color || (action.state ? 'primary' : 'inherit');\n\n    if (colors) {\n        if (color === 'primary') {\n            color = colors.primary;\n        } else if (color === 'secondary') {\n            color = colors.secondary;\n        }\n    }\n\n    if (action.icon?.startsWith('fa-') || action.icon?.startsWith('fas')) {\n        return getFaIcon(action.icon, color);\n    }\n    if (value && action.iconOn?.startsWith('data:image')) {\n        return (\n            <Icon\n                src={action.iconOn}\n                style={{ color }}\n            />\n        );\n    }\n    if (action.icon?.startsWith('data:image')) {\n        return (\n            <Icon\n                src={action.icon}\n                style={{ color }}\n            />\n        );\n    }\n    if (!noDefaultIcon) {\n        return getIconByName(action.id, action.icon, color);\n    }\n    return null;\n}\n\n/**\n * Render an icon that is given as a plain name (and not as a part of an action or control)\n *\n * @param icon `fa-*` name, `data:image/...` string, URL or one of the names supported by `getIconByName`\n * @param color color of the icon\n * @param noDefaultIcon if true, no \"question mark\" icon will be returned for unknown or missing names\n */\nexport function renderIcon(icon?: string, color?: string, noDefaultIcon?: boolean): React.JSX.Element | null {\n    if (!icon) {\n        return noDefaultIcon ? null : <QuestionMark style={{ color }} />;\n    }\n    if (icon.startsWith('fa-') || icon.startsWith('fas')) {\n        return getFaIcon(icon, color);\n    }\n    if (\n        icon.startsWith('data:image') ||\n        icon.startsWith('http://') ||\n        icon.startsWith('https://') ||\n        icon.includes('/') ||\n        /\\.(png|jpe?g|svg|gif|webp|ico)$/i.test(icon)\n    ) {\n        return (\n            <Icon\n                src={icon}\n                style={{ color }}\n            />\n        );\n    }\n    return getIconByName(icon, undefined, color, noDefaultIcon);\n}\n\n/**\n * Resolve the color of a status indicator.\n *\n * The semantic tokens use the same colors as the built-in status icons, but adapted to the theme,\n * so custom indicators do not look foreign next to connection, battery, warning and update.\n *\n * @param color semantic token, `primary`, `secondary` or an explicit CSS color\n * @param theme current theme\n */\nexport function getIndicatorColor(color: IndicatorColor | undefined, theme: IobTheme): string | undefined {\n    if (!color) {\n        return undefined;\n    }\n    const dark = theme.palette.mode === 'dark';\n\n    switch (color) {\n        case 'ok':\n            return dark ? '#5cff5c' : '#00ac00';\n        case 'warning':\n            return dark ? '#ffa733' : '#da8200';\n        case 'error':\n            return dark ? '#ff5c5c' : '#ff0000';\n        case 'info':\n            return dark ? '#64b5f6' : '#2196f3';\n        case 'inactive':\n            return '#8a8a8a';\n        case 'primary':\n            return theme.palette.primary.main;\n        case 'secondary':\n            return theme.palette.secondary.main;\n        default:\n            return color;\n    }\n}\n\nexport function renderActionIcon(action: ActionBase, noDefaultIcon?: boolean): React.JSX.Element | null {\n    if (!action) {\n        return null;\n    }\n\n    if (action.icon?.startsWith('fa-') || action.icon?.startsWith('fas')) {\n        return getFaIcon(action.icon, action.color);\n    }\n    if (action.icon?.startsWith('data:image')) {\n        return (\n            <Icon\n                src={action.icon}\n                style={{ color: action.color }}\n            />\n        );\n    }\n    return getIconByName(action.id, action.icon, action.color, noDefaultIcon);\n}\n\nlet language: ioBroker.Languages;\n\n/**\n * Get Translation\n */\nexport function getTranslation(\n    /** Text to translate */\n    text: ioBroker.StringOrTranslated,\n    noTranslation?: boolean,\n): string {\n    language ||= I18n.getLanguage();\n\n    if (typeof text === 'object') {\n        return text[language] || text.en;\n    }\n\n    return noTranslation ? text : I18n.t(text);\n}\n"]}

package/build/i18n/de.json

@@ -13,6 +13,8 @@
     "disconnectedIconTooltip": "Getrennt",
     "enableIconTooltip": "Gerät aktivieren",
     "filterLabelText": "Filtern",
+    "indicatorsTitle": "Indikatoren",
+    "indicatorsTooltip": "Indikatoren ein- oder ausblenden",
     "instanceLabelText": "Instanz",
     "instanceNotAlive": "Instanz ist nicht aktiv",
     "manufacturer": "Hersteller",

package/build/i18n/en.json

@@ -13,6 +13,8 @@
     "disconnectedIconTooltip": "Disconnected",
     "enableIconTooltip": "Enable device",
     "filterLabelText": "Filter",
+    "indicatorsTitle": "Indicators",
+    "indicatorsTooltip": "Show or hide indicators",
     "instanceLabelText": "Instance",
     "instanceNotAlive": "Instance is not alive",
     "manufacturer": "Manufacturer",

package/build/i18n/es.json

@@ -13,6 +13,8 @@
     "disconnectedIconTooltip": "Desconectado",
     "enableIconTooltip": "Habilitar dispositivo",
     "filterLabelText": "Filtrar",
+    "indicatorsTitle": "Indicadores",
+    "indicatorsTooltip": "Mostrar u ocultar indicadores",
     "instanceLabelText": "Instancia",
     "instanceNotAlive": "La instancia no está viva.",
     "manufacturer": "Fabricante",

package/build/i18n/fr.json

@@ -13,6 +13,8 @@
     "disconnectedIconTooltip": "Débranché",
     "enableIconTooltip": "Activer l'appareil",
     "filterLabelText": "Filtrer",
+    "indicatorsTitle": "Indicateurs",
+    "indicatorsTooltip": "Afficher ou masquer les indicateurs",
     "instanceLabelText": "Exemple",
     "instanceNotAlive": "L'instance n'est pas vivante",
     "manufacturer": "Fabricant",

package/build/i18n/it.json

@@ -13,6 +13,8 @@
     "disconnectedIconTooltip": "Disconnesso",
     "enableIconTooltip": "Abilita dispositivo",
     "filterLabelText": "Filtra",
+    "indicatorsTitle": "Indicatori",
+    "indicatorsTooltip": "Mostra o nascondi gli indicatori",
     "instanceLabelText": "Esempio",
     "instanceNotAlive": "L'istanza non è viva",
     "manufacturer": "Produttore",

package/build/i18n/nl.json

@@ -13,6 +13,8 @@
     "disconnectedIconTooltip": "Losgekoppeld",
     "enableIconTooltip": "Apparaat inschakelen",
     "filterLabelText": "Filteren",
+    "indicatorsTitle": "Indicatoren",
+    "indicatorsTooltip": "Indicatoren tonen of verbergen",
     "instanceLabelText": "Voorbeeld",
     "instanceNotAlive": "Instantie leeft niet",
     "manufacturer": "Fabrikant",

package/build/i18n/pl.json

@@ -13,6 +13,8 @@
     "disconnectedIconTooltip": "Bezładny",
     "enableIconTooltip": "Włącz urządzenie",
     "filterLabelText": "Filtruj",
+    "indicatorsTitle": "Wskaźniki",
+    "indicatorsTooltip": "Pokaż lub ukryj wskaźniki",
     "instanceLabelText": "Instancja",
     "instanceNotAlive": "Instancja nie żyje",
     "manufacturer": "Producent",

package/build/i18n/pt.json

@@ -13,6 +13,8 @@
     "disconnectedIconTooltip": "Desconectado",
     "enableIconTooltip": "Habilitar dispositivo",
     "filterLabelText": "Filtrar",
+    "indicatorsTitle": "Indicadores",
+    "indicatorsTooltip": "Mostrar ou ocultar indicadores",
     "instanceLabelText": "Instância",
     "instanceNotAlive": "A instância não está ativa",
     "manufacturer": "Fabricante",

package/build/i18n/ru.json

@@ -13,6 +13,8 @@
     "disconnectedIconTooltip": "Отключено",
     "enableIconTooltip": "Активировать устройство",
     "filterLabelText": "Фильтр",
+    "indicatorsTitle": "Индикаторы",
+    "indicatorsTooltip": "Индикаторы показать или скрыть",
     "instanceLabelText": "Екземпляр",
     "instanceNotAlive": "Экземпляр не жив",
     "manufacturer": "Производитель",

package/build/i18n/uk.json

@@ -13,6 +13,8 @@
     "disconnectedIconTooltip": "Відключено",
     "enableIconTooltip": "Увімкнути пристрій",
     "filterLabelText": "Фільтр",
+    "indicatorsTitle": "Індикатори",
+    "indicatorsTooltip": "Показати або приховати індикатори",
     "instanceLabelText": "Екземпляр",
     "instanceNotAlive": "Примірник не живий",
     "manufacturer": "Виробник",

package/build/i18n/zh-cn.json

@@ -13,6 +13,8 @@
     "disconnectedIconTooltip": "已断开连接",
     "enableIconTooltip": "启用设备",
     "filterLabelText": "筛选",
+    "indicatorsTitle": "指示器",
+    "indicatorsTooltip": "显示或隐藏指示器",
     "instanceLabelText": "实例",
     "instanceNotAlive": "实例不存在",
     "manufacturer": "制造商",

package/build/protocol/api.d.ts

@@ -1,5 +1,5 @@
 import type { api } from '@iobroker/dm-utils';
-export type { ActionButton, ConfigConnectionType, ControlBase, ControlState, DeviceDetails, DeviceId, DeviceStatus, ErrorResponse, JsonFormSchema, ProgressUpdate, } from '@iobroker/dm-utils';
+export type { ActionButton, ActionPlacement, ConfigConnectionType, ControlBase, ControlState, DeviceDetails, DeviceId, DeviceStatus, ErrorResponse, IndicatorColor, JsonFormSchema, ProgressUpdate, StatusIndicator, StatusIndicatorLevel, ValueOrState, ValueOrStateOrObject, } from '@iobroker/dm-utils';
 export type ActionBase = api.ActionBase;
 export type CommunicationForm = api.CommunicationForm;
 export type DeviceAction = api.DeviceAction;

package/build/protocol/api.js.map

@@ -1 +1 @@
-{"version":3,"file":"api.js","sourceRoot":"./src/","sources":["protocol/api.ts"],"names":[],"mappings":"","sourcesContent":["import type { api } from '@iobroker/dm-utils';\n\nexport type {\n    ActionButton,\n    ConfigConnectionType,\n    ControlBase,\n    ControlState,\n    DeviceDetails,\n    DeviceId,\n    DeviceStatus,\n    ErrorResponse,\n    JsonFormSchema,\n    ProgressUpdate,\n} from '@iobroker/dm-utils';\n\nexport type ActionBase = api.ActionBase;\nexport type CommunicationForm = api.CommunicationForm;\nexport type DeviceAction = api.DeviceAction;\nexport type DeviceControl = api.DeviceControl;\nexport type DeviceInfo = api.DeviceInfo;\nexport type DeviceLoadIncrement = api.DeviceLoadIncrement;\nexport type DmActionResponse = api.DmActionResponse;\nexport type DmControlResponse = api.DmControlResponse;\nexport type InstanceAction = api.InstanceAction;\nexport type InstanceDetails = api.InstanceDetails;\nexport type InstanceRefreshResponse = api.InstanceRefreshResponse;\n"]}
+{"version":3,"file":"api.js","sourceRoot":"./src/","sources":["protocol/api.ts"],"names":[],"mappings":"","sourcesContent":["import type { api } from '@iobroker/dm-utils';\n\nexport type {\n    ActionButton,\n    ActionPlacement,\n    ConfigConnectionType,\n    ControlBase,\n    ControlState,\n    DeviceDetails,\n    DeviceId,\n    DeviceStatus,\n    ErrorResponse,\n    IndicatorColor,\n    JsonFormSchema,\n    ProgressUpdate,\n    StatusIndicator,\n    StatusIndicatorLevel,\n    ValueOrState,\n    ValueOrStateOrObject,\n} from '@iobroker/dm-utils';\n\nexport type ActionBase = api.ActionBase;\nexport type CommunicationForm = api.CommunicationForm;\nexport type DeviceAction = api.DeviceAction;\nexport type DeviceControl = api.DeviceControl;\nexport type DeviceInfo = api.DeviceInfo;\nexport type DeviceLoadIncrement = api.DeviceLoadIncrement;\nexport type DmActionResponse = api.DmActionResponse;\nexport type DmControlResponse = api.DmControlResponse;\nexport type InstanceAction = api.InstanceAction;\nexport type InstanceDetails = api.InstanceDetails;\nexport type InstanceRefreshResponse = api.InstanceRefreshResponse;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iobroker/dm-gui-components",
-  "version": "10.0.2",
+  "version": "10.0.4",
   "description": "ReactJS components to develop admin interface for ioBroker device manager.",
   "author": {
     "name": "Jey Cee",
@@ -52,8 +52,8 @@
   },
   "homepage": "https://github.com/ioBroker/dm-gui-components#readme",
   "dependencies": {
-    "@iobroker/gui-components": "^10.0.2",
-    "@iobroker/json-config": "^9.0.1",
+    "@iobroker/gui-components": "^10.0.3",
+    "@iobroker/json-config": "^9.0.2",
     "@mui/icons-material": "^9.2.0",
     "@mui/material": "^9.2.0"
   },
@@ -61,7 +61,7 @@
     "@alcalzone/release-script": "^5.2.1",
     "@alcalzone/release-script-plugin-license": "^5.2.0",
     "@iobroker/build-tools": "^3.0.1",
-    "@iobroker/dm-utils": "^3.1.4",
+    "@iobroker/dm-utils": "^3.2.0",
     "@iobroker/dm-utils-v1": "npm:@iobroker/dm-utils@^1.0.16",
     "@iobroker/eslint-config": "^2.3.4",
     "@types/react": "^19.2.17",