pixel-react 1.20.18 → 1.20.19

package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.js

@@ -1,523 +1 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from 'react';
-import Typography from '../../Typography';
-import './DashboardDonutChart.scss';
-import classNames from 'classnames';
-import { normalizeStorageValue, formatMemoryValue, } from '../../../assets/utils/functionUtils';
-import Tooltip from '../../Tooltip';
-import Icon from '../../Icon';
-const toNumber = (val) => typeof val === 'number' ? val : parseFloat(val) || 0;
-const getRandomColor = () => {
-    const color = Math.floor(Math.random() * 16777215).toString(16);
-    return '#' + ('000000' + color).slice(-6);
-};
-const getUniqueVersions = (item) => {
-    const unique = [];
-    if (item.version && Array.isArray(item.version)) {
-        const versionColorMap = {};
-        item.version.forEach((ver, j) => {
-            const verString = String(ver);
-            const parts = verString.split('.');
-            const major = Number(parts[0]);
-            if (!(major in versionColorMap)) {
-                const color = item.versionColor?.[j % (item.versionColor?.length || 1)] ||
-                    getRandomColor();
-                versionColorMap[major] = color;
-                unique.push({ major, ver: verString, color });
-            }
-        });
-    }
-    return unique;
-};
-const calculateArc = (x, y, radius, startAngle, endAngle) => {
-    const startX = x + radius * Math.cos(startAngle);
-    const startY = y + radius * Math.sin(startAngle);
-    const endX = x + radius * Math.cos(endAngle);
-    const endY = y + radius * Math.sin(endAngle);
-    const largeArcFlag = endAngle - startAngle > Math.PI ? 1 : 0;
-    return `M ${startX} ${startY} A ${radius} ${radius} 0 ${largeArcFlag} 1 ${endX} ${endY}`;
-};
-const calculateDonutSegmentBorderPath = (innerR, outerR, startAngle, endAngle) => {
-    const startOuterX = innerR * Math.cos(startAngle);
-    const startOuterY = innerR * Math.sin(startAngle);
-    const endOuterX = innerR * Math.cos(endAngle);
-    const endOuterY = innerR * Math.sin(endAngle);
-    const endInnerX = outerR * Math.cos(endAngle);
-    const endInnerY = outerR * Math.sin(endAngle);
-    const startInnerX = outerR * Math.cos(startAngle);
-    const startInnerY = outerR * Math.sin(startAngle);
-    const largeArcFlag = endAngle - startAngle > Math.PI ? 1 : 0;
-    return `
-    M ${startOuterX} ${startOuterY}
-    A ${innerR} ${innerR} 0 ${largeArcFlag} 1 ${endOuterX} ${endOuterY}
-    L ${endInnerX} ${endInnerY}
-    A ${outerR} ${outerR} 0 ${largeArcFlag} 0 ${startInnerX} ${startInnerY}
-    Z
-  `;
-};
-const colorMapping = [
-    'var(--status-success-text-color)',
-    'var(--status-rejected-text-color)',
-    'var(--status-warning-text-color)',
-    'var(--status-button-text-skipped)',
-    'var(--brand-color)',
-];
-const DashboardDonutChart = ({ radius = 60, tableWidth, tableHeight = 120, lineWidth = 15, statusValues = [], gapAngle = 0, legendDetailsType = '', isLegendDetails = true, legendType = 'numberLegend', showOnlyLabel = false, apiDataLabel, unit, showUnit = true, labelFontSize = 24, subLabelFontSize = 14, legendPosition = 'bottom', chartGap = 0, legendGap = 5, legendValueFontSize = 22, legendKeyFontSize = 12, legendWithVersionFontSize = 12, versionErrorText, labelYoffSet = -5, subLabelYoffSet = 20, capsuleStyle = {}, legendTruncate = Infinity, isLegendToolTip = false, containerHeight = '', onSelectedStatus = (_value, _originalIndex) => { }, selectedStatusKey = '', setSelectedStatusKey = (_selectedStatusKey) => { }, isOnClick = false, zIndex = 99, }) => {
-    const [hoveredItemIndex, setHoveredItemIndex] = useState(null);
-    const [hoveredVersion, setHoveredVersion] = useState(null);
-    const [tooltipPosition, setTooltipPosition] = useState({ x: 0, y: 0 });
-    const [showTooltip, setShowTooltip] = useState(false);
-    const [selectedItemIndex, setSelectedItemIndex] = useState(null);
-    const [centerTextTooltip, setCenterTextTooltip] = useState({ show: false, content: '', position: { x: 0, y: 0 } });
-    const [isTruncated, setTruncated] = useState(false);
-    useEffect(() => {
-        if (!selectedStatusKey) {
-            setSelectedItemIndex(null);
-        }
-    }, [selectedStatusKey]);
-    const handleCenterTextMouseEnter = (content, event) => {
-        setCenterTextTooltip({
-            show: true,
-            content,
-            position: { x: event.clientX + 14, y: event.clientY + 11 },
-        });
-    };
-    const handleCenterTextMouseLeave = () => {
-        setCenterTextTooltip({
-            show: false,
-            content: '',
-            position: { x: 0, y: 0 },
-        });
-    };
-    const handleCenterTextMouseMove = (event) => {
-        setCenterTextTooltip((prev) => ({
-            ...prev,
-            position: { x: event.clientX + 14, y: event.clientY + 11 },
-        }));
-    };
-    // Normalize data (and keep versionColor if provided)
-    const normalizedStatusValues = legendType === 'memoryLegend'
-        ? statusValues.map((item) => {
-            if (typeof item.value === 'string') {
-                const { normalizedValue, unit, value } = normalizeStorageValue(item.value);
-                return { ...item, normalizedValue, unit, labelValue: value };
-            }
-            return {
-                ...item,
-                normalizedValue: item.value,
-                labelValue: item.value,
-                unit: 'B',
-            };
-        })
-        : statusValues.map((item) => {
-            if (typeof item.value === 'string') {
-                const parsedValue = parseFloat(item.value);
-                const normalizedValue = isNaN(parsedValue) ? 0 : parsedValue;
-                return {
-                    ...item,
-                    normalizedValue,
-                    unit: '',
-                    labelValue: Number.isInteger(normalizedValue)
-                        ? normalizedValue
-                        : normalizedValue.toFixed(2),
-                };
-            }
-            return {
-                ...item,
-                normalizedValue: item.value,
-                unit: '',
-                labelValue: Number.isInteger(item.value)
-                    ? item.value
-                    : item.value?.toFixed(2),
-            };
-        });
-    const chartValues = normalizedStatusValues?.map((item, index) => ({
-        ...item,
-        value: item.normalizedValue ?? item.value,
-        originalIndex: index,
-    }));
-    const total = chartValues?.reduce((acc, { value }) => acc + toNumber(value), 0) || 0;
-    const nonZeroValues = chartValues?.filter(({ value }) => toNumber(value) > 0) || [];
-    const totalMemory = formatMemoryValue(total);
-    // Angle constants
-    const MIN_PERCENTAGE = 1;
-    const MIN_ANGLE = (MIN_PERCENTAGE / 100) * (2 * Math.PI);
-    // Compute arc positions only once so that they remain stable.
-    const computedArcs = useMemo(() => {
-        if (nonZeroValues.length === 0)
-            return [];
-        const totalAngle = 2 * Math.PI;
-        const totalGap = gapAngle * nonZeroValues.length;
-        let remainingAngleCalc = totalAngle - totalGap;
-        nonZeroValues.forEach(({ value }) => {
-            const valuePercentage = toNumber(value) / total;
-            const baseAngle = Math.max(valuePercentage * totalAngle, MIN_ANGLE);
-            remainingAngleCalc -= baseAngle;
-        });
-        let currAngle = Math.PI / 2;
-        return nonZeroValues.map((item) => {
-            const valuePercentage = toNumber(item.value) / total;
-            const baseAngle = Math.max(valuePercentage * totalAngle, MIN_ANGLE);
-            const extraAngle = remainingAngleCalc * valuePercentage;
-            const angle = baseAngle + extraAngle;
-            const startAngle = currAngle;
-            const endAngle = currAngle + angle;
-            currAngle = endAngle + gapAngle;
-            let subArcs = null;
-            return { item, startAngle, endAngle, subArcs };
-        });
-    }, [nonZeroValues, total, gapAngle, MIN_ANGLE, versionErrorText]);
-    const handleSegmentMouseEnter = (originalIndex) => {
-        setHoveredItemIndex(originalIndex);
-        setShowTooltip(true);
-    };
-    const handleSegmentMouseLeave = () => {
-        setHoveredItemIndex(null);
-        setShowTooltip(false);
-    };
-    const handleSegmentMouseMove = (event) => {
-        setTooltipPosition({ x: event.clientX + 10, y: event.clientY + 10 });
-    };
-    const handleSelectStatus = (value, originalIndex) => {
-        if (isOnClick && selectedStatusKey !== value) {
-            setSelectedItemIndex(originalIndex);
-            setSelectedStatusKey(value);
-            onSelectedStatus(value, originalIndex);
-        }
-        else {
-            setSelectedItemIndex(null);
-            setSelectedStatusKey('');
-            onSelectedStatus('');
-        }
-    };
-    const SVG_PADDING = 3;
-    const DONUT_SVG_SIZE = radius * 2 + lineWidth + SVG_PADDING * 2;
-    const LABEL_MAX_WIDTH = radius * 2 - lineWidth - SVG_PADDING * 2;
-    const borderGap = 2;
-    const borderThickness = 2;
-    const containsDots = (array) => array?.some((str) => str?.includes('...'));
-    const renderArcSegment = (arcData, _i) => {
-        if (arcData.subArcs) {
-            // Versioned segment: render each sub-arc with its own event handlers.
-            return (_jsx("g", { className: "donut-segment version-segment", children: arcData.subArcs.map((sub, j) => {
-                    const angleDiff = sub.endAngle - sub.startAngle;
-                    const isFullCircle = Math.abs(angleDiff - 2 * Math.PI) < 0.01;
-                    const isActive = hoveredVersion !== null
-                        ? hoveredVersion.parentIndex === arcData.item.originalIndex &&
-                            hoveredVersion.subIndex === j
-                        : hoveredItemIndex !== null
-                            ? hoveredItemIndex === arcData.item.originalIndex
-                            : true;
-                    if (isFullCircle) {
-                        return (_jsxs("g", { className: "sub-arc-group", onMouseEnter: (e) => {
-                                setHoveredVersion({
-                                    parentIndex: arcData.item.originalIndex,
-                                    subIndex: j,
-                                });
-                                setTooltipPosition({
-                                    x: e.clientX + 10,
-                                    y: e.clientY + 10,
-                                });
-                                setShowTooltip(true);
-                            }, onMouseLeave: () => {
-                                setHoveredVersion(null);
-                                setShowTooltip(false);
-                            }, onMouseMove: (e) => setTooltipPosition({ x: e.clientX + 10, y: e.clientY + 10 }), children: [_jsx("circle", { cx: "0", cy: "0", r: radius, fill: "none", stroke: sub.randomColor, strokeWidth: lineWidth, strokeOpacity: versionErrorText ? 0.2 : isActive ? 1 : 0, style: {
-                                        transition: 'stroke-opacity 0.5s ease',
-                                    } }), _jsx("g", { className: "sub-arc-border-wrapper", style: {
-                                        opacity: hoveredVersion &&
-                                            hoveredVersion.parentIndex ===
-                                                arcData.item.originalIndex &&
-                                            hoveredVersion.subIndex === j
-                                            ? 1
-                                            : 0,
-                                        transition: 'opacity 0.5s ease',
-                                        overflow: 'visible',
-                                    }, children: _jsx("circle", { cx: "0", cy: "0", r: radius + lineWidth / 2 + borderGap + borderThickness / 2, fill: "none", stroke: sub.randomColor, strokeWidth: borderThickness, style: { transition: 'stroke 0.5s ease' } }) })] }, j));
-                    }
-                    else {
-                        const arcPath = calculateArc(0, 0, radius, sub.startAngle, sub.endAngle);
-                        const subBorderPath = calculateDonutSegmentBorderPath(radius + lineWidth / 2 + borderGap, radius + lineWidth / 2 + borderGap + borderThickness, sub.startAngle, sub.endAngle);
-                        const subBorderOpacity = hoveredVersion &&
-                            hoveredVersion.parentIndex === arcData.item.originalIndex &&
-                            hoveredVersion.subIndex === j
-                            ? 1
-                            : 0;
-                        const isSelected = selectedStatusKey === arcData?.item?.key;
-                        return (_jsxs("g", { className: "sub-arc-group", onMouseEnter: (e) => {
-                                setHoveredVersion({
-                                    parentIndex: arcData.item.originalIndex,
-                                    subIndex: j,
-                                });
-                                setTooltipPosition({
-                                    x: e.clientX + 10,
-                                    y: e.clientY + 10,
-                                });
-                                setShowTooltip(true);
-                            }, onMouseLeave: () => {
-                                setHoveredVersion(null);
-                                setShowTooltip(false);
-                            }, onMouseMove: (e) => setTooltipPosition({ x: e.clientX + 10, y: e.clientY + 10 }), children: [_jsx("path", { d: arcPath, fill: "none", stroke: sub.randomColor, strokeWidth: lineWidth, style: {
-                                        strokeOpacity: isActive ? 1 : 0.2,
-                                        transition: 'stroke-opacity 0.5s ease',
-                                    } }), isSelected && isOnClick && (_jsx("path", { d: arcPath, fill: "none", stroke: "var(--dotted-border-color)", strokeWidth: lineWidth, strokeOpacity: 0.4, pointerEvents: "none" })), _jsx("g", { className: "sub-arc-border-wrapper", style: {
-                                        opacity: subBorderOpacity,
-                                        transition: 'opacity 0.5s ease',
-                                        overflow: 'visible',
-                                    }, children: _jsx("path", { d: subBorderPath, fill: sub.randomColor, pointerEvents: "none" }) })] }, j));
-                    }
-                }) }, arcData.item.originalIndex));
-        }
-        else {
-            // Normal (non-version) segment.
-            const angleDiff = arcData.endAngle - arcData.startAngle;
-            const isFullCircle = Math.abs(angleDiff - 2 * Math.PI) < 0.01;
-            const isActive = hoveredItemIndex !== null
-                ? hoveredItemIndex === arcData.item.originalIndex
-                : hoveredVersion !== null
-                    ? hoveredVersion.parentIndex === arcData.item.originalIndex
-                    : true;
-            const segmentColor = arcData.item.color ||
-                colorMapping[arcData.item.originalIndex % colorMapping.length];
-            const borderWrapperOpacity = hoveredItemIndex === arcData.item.originalIndex ? 1 : 0;
-            const isSelected = selectedStatusKey === arcData?.item?.key;
-            if (isFullCircle) {
-                return (_jsxs("g", { className: "donut-segment", children: [_jsx("circle", { cx: "0", cy: "0", r: radius, fill: "none", stroke: segmentColor, strokeWidth: lineWidth, onMouseEnter: () => handleSegmentMouseEnter(arcData.item.originalIndex), onMouseLeave: handleSegmentMouseLeave, onMouseMove: handleSegmentMouseMove, onClick: () => handleSelectStatus(arcData.item.key, arcData.item.originalIndex), style: {
-                                cursor: isOnClick ? 'pointer' : 'default',
-                                strokeOpacity: isActive ? 1 : 0.2,
-                                transition: 'stroke-opacity 0.5s ease',
-                            } }), isSelected && isOnClick && (_jsx("circle", { cx: "0", cy: "0", r: radius, fill: "none", strokeWidth: lineWidth, stroke: "var(--dotted-border-color)", strokeOpacity: 0.4, pointerEvents: "none" })), _jsx("g", { className: "donut-border-wrapper", style: {
-                                opacity: borderWrapperOpacity,
-                                transition: 'opacity 0.5s ease',
-                                overflow: 'visible',
-                            }, children: _jsx("circle", { cx: "0", cy: "0", r: radius + lineWidth / 2 + borderGap + borderThickness / 2, fill: "none", stroke: segmentColor, strokeWidth: borderThickness, style: { transition: 'stroke 0.5s ease' } }) })] }, arcData.item.originalIndex));
-            }
-            else {
-                const arcPath = calculateArc(0, 0, radius, arcData.startAngle, arcData.endAngle);
-                return (_jsxs("g", { className: "donut-segment", children: [_jsx("path", { d: arcPath, fill: "none", stroke: segmentColor, strokeWidth: lineWidth, onMouseEnter: () => handleSegmentMouseEnter(arcData.item.originalIndex), onMouseLeave: handleSegmentMouseLeave, onMouseMove: handleSegmentMouseMove, onClick: () => handleSelectStatus(arcData.item.key, arcData.item.originalIndex), style: {
-                                cursor: isOnClick ? 'pointer' : 'default',
-                                strokeOpacity: isActive ? 1 : 0.2,
-                                transition: 'stroke-opacity 0.5s ease',
-                            } }), isSelected && isOnClick && (_jsx("path", { d: arcPath, fill: "none", stroke: "var(--dotted-border-color)", strokeWidth: lineWidth, strokeOpacity: 0.4, pointerEvents: "none" })), _jsx("g", { className: "donut-border-wrapper", style: {
-                                opacity: borderWrapperOpacity,
-                                transition: 'opacity 0.5s ease',
-                                overflow: 'visible',
-                            }, children: _jsx("path", { d: calculateDonutSegmentBorderPath(radius + lineWidth / 2 + borderGap, radius + lineWidth / 2 + borderGap + borderThickness, arcData.startAngle, arcData.endAngle), fill: segmentColor, pointerEvents: "none" }) })] }, arcData.item.originalIndex));
-            }
-        }
-    };
-    // Render tooltip using the shared originalIndex.
-    const renderTooltip = () => {
-        if (hoveredVersion !== null) {
-            const parent = computedArcs.find((arc) => arc.item.originalIndex === hoveredVersion.parentIndex);
-            const versionVal = Array.isArray(parent?.item?.version)
-                ? parent.item.version[hoveredVersion.subIndex]
-                : '';
-            return (_jsx("div", { className: "ff-donut-chart-tooltip", style: { left: tooltipPosition.x, top: tooltipPosition.y }, children: _jsx(Typography, { children: `${parent?.item?.key}: ${versionVal}` }) }));
-        }
-        if (hoveredItemIndex !== null) {
-            const hoveredItem = chartValues.find((item) => item.originalIndex === hoveredItemIndex);
-            return (_jsxs("div", { className: "ff-donut-chart-tooltip", style: { left: tooltipPosition.x, top: tooltipPosition.y }, children: [_jsx(Typography, { children: `${hoveredItem?.key} : ` }), _jsx(Typography, { children: legendType === 'memoryLegend'
-                            ? `${hoveredItem?.labelValue} ${hoveredItem?.unit}`
-                            : hoveredItem?.value }), hoveredItem?.version && (_jsx(Typography, { children: `Version: ${hoveredItem.version.join(', ')}` }))] }));
-        }
-        return null;
-    };
-    // Render legend based on the legend type.
-    const renderLegend = (legendData, legendType, legendPosition) => {
-        const legendCount = legendData.length;
-        const legendCountClass = legendCount > 6 ? 'ff-count-more' : `ff-count-${legendCount}`;
-        const isSideLegend = legendPosition === 'left' || legendPosition === 'right';
-        const handleToolTip = (legendItem, title, key) => {
-            return isLegendToolTip ? (_jsx(Tooltip, { placement: "bottom", title: title, children: legendItem }, key)) : (legendItem);
-        };
-        switch (legendType) {
-            case 'numberLegend': {
-                return (_jsx("div", { className: classNames('ff-legend-container', 'ff-number-legend', legendCountClass, { 'ff-side-legend': isSideLegend }), style: { '--donut-legend-gap': `${legendGap}px` }, children: legendData?.map((item) => {
-                        return (_jsxs("div", { className: "ff-legend-item ff-d-flex", onMouseEnter: () => {
-                                if (toNumber(item.value) > 0) {
-                                    setHoveredItemIndex(item.originalIndex);
-                                }
-                            }, onMouseLeave: () => setHoveredItemIndex(null), children: [_jsxs("div", { className: item.osIcon && item.osIcon.length > 0
-                                        ? 'ff-legend-item-version'
-                                        : 'ff-legend-item', children: [_jsxs(Typography, { fontSize: legendValueFontSize, fontWeight: "semi-bold", className: "ff-legend-value", color: item.color
-                                                ? item.color
-                                                : colorMapping[item.originalIndex % colorMapping.length], children: [item.osIcon && item.osIcon.length > 0 ? (_jsx(Icon, { name: item.osIcon })) : (String(item.labelValue || '00').padStart(2, '0') + ' '), showUnit && unit?.toUpperCase()] }), _jsx(Typography, { fontSize: legendKeyFontSize, className: "ff-legend-key", textAlign: "center", children: item.key.length > legendTruncate ? (_jsx(Tooltip, { placement: "bottom", title: isLegendToolTip ? item.key : '', children: `${item.key.slice(0, legendTruncate)}...` })) : (item.key) })] }), item.osIcon && item.osIcon.length > 0 && (_jsx(Typography, { fontSize: legendKeyFontSize, className: "ff-legend-key", textAlign: "center", fontWeight: "semi-bold", children: "OS version" })), item.version && item.version.length > 0 ? (_jsx("div", { className: "ff-legend-version-container", children: _jsx("div", { className: "ff-legend-version-grid", children: (() => {
-                                            const uniqueVersions = getUniqueVersions(item);
-                                            return uniqueVersions.map((ver, j) => (_jsxs("div", { onMouseEnter: () => setHoveredVersion({
-                                                    parentIndex: item.originalIndex,
-                                                    subIndex: j,
-                                                }), onMouseLeave: () => setHoveredVersion(null), className: "ff-legend-version-item", children: [_jsx("div", { className: "ff-legend-version-circle", style: { backgroundColor: ver.color } }), _jsx(Typography, { fontSize: legendWithVersionFontSize, children: ver.major })] }, j)));
-                                        })() }) })) : versionErrorText ? (_jsx(Typography, { textAlign: "center", className: "ff-legend-version-error", fontSize: 14, children: versionErrorText })) : null] }, item.originalIndex));
-                    }) }));
-            }
-            case 'pillLegend': {
-                return (_jsx("div", { className: "ff-legend-container ff-pill-legend", style: {
-                        '--donut-legend-gap': `${legendGap}px`,
-                        height: Number(containerHeight) - (DONUT_SVG_SIZE + chartGap),
-                    }, children: legendData?.map((item) => {
-                        const legendItem = (_jsxs("div", { className: "ff-legend-item", children: [_jsx(Typography, { as: "span", className: "ff-legend-capsule", fontSize: legendValueFontSize, style: {
-                                        backgroundColor: item?.color
-                                            ? item.color
-                                            : colorMapping[item.originalIndex % colorMapping.length],
-                                        ...capsuleStyle,
-                                    }, children: item?.labelValue === 0 ? '00' : item?.labelValue }), _jsx(Typography, { fontSize: legendKeyFontSize, className: "ff-legend-key", children: item?.key.length > legendTruncate
-                                        ? `${item?.key.slice(0, legendTruncate)}...`
-                                        : item?.key })] }, item.originalIndex));
-                        return handleToolTip(legendItem, item.key, item.originalIndex);
-                    }) }));
-            }
-            case 'memoryLegend': {
-                return (_jsx("div", { className: classNames('ff-legend-container', 'ff-memory-legend', legendCountClass, { 'ff-side-legend': isSideLegend }), style: { '--donut-legend-gap': `${legendGap}px` }, children: legendData?.map((item) => {
-                        const legendItem = (_jsxs("div", { className: "ff-legend-item", onMouseEnter: () => {
-                                if (toNumber(item.value) > 0) {
-                                    setHoveredItemIndex(item.originalIndex);
-                                }
-                            }, onMouseLeave: () => setHoveredItemIndex(null), children: [_jsxs(Typography, { fontSize: legendValueFontSize, fontWeight: "semi-bold", className: "ff-legend-value", color: item.color
-                                        ? item.color
-                                        : colorMapping[item.originalIndex % colorMapping.length], children: [item.labelValue, " ", item.unit] }), _jsx(Typography, { fontSize: legendKeyFontSize, className: "ff-legend-key", textAlign: "center", children: item.key.length > legendTruncate
-                                        ? `${item.key.slice(0, legendTruncate)}...`
-                                        : item.key })] }, item.originalIndex));
-                        return handleToolTip(legendItem, item.key, item.originalIndex);
-                    }) }));
-            }
-            case 'tableLegend': {
-                return (_jsx("div", { className: "ff-legend-table-wrapper", style: { height: tableHeight }, children: _jsxs("table", { className: "ff-legend-table", children: [_jsx("thead", { className: "ff-legend-table-thead", children: _jsxs("tr", { children: [_jsx("th", { className: "ff-table-header", style: { width: tableWidth, textAlign: 'left' }, children: "Name" }), _jsx("th", { className: "ff-table-header", style: { textAlign: 'left', paddingLeft: '10px' }, children: "%" }), _jsx("th", { className: "ff-table-header", style: { textAlign: 'left' }, children: "Count" })] }) }), _jsx("tbody", { className: "ff-legend-table-tbody", children: legendData?.map((item) => (_jsxs("tr", { className: "ff-legend-item", onMouseEnter: () => {
-                                        setHoveredItemIndex(item.originalIndex);
-                                    }, onMouseLeave: () => setHoveredItemIndex(null), children: [_jsxs("td", { className: "ff-legend-name", children: [_jsxs("span", { className: "ff-legend-capsule", style: {
-                                                        backgroundColor: item.color
-                                                            ? item.color
-                                                            : colorMapping[item.originalIndex % colorMapping.length],
-                                                    }, children: [_jsx(Typography, { fontSize: 10, children: item?.value === 0 ? '00' : item.value }), ' '] }), _jsx(Typography, { fontSize: 10, children: item.key })] }), _jsx("td", { className: "ff-legend-percentage", children: item.percentage
-                                                ? item.percentage
-                                                : typeof item.value === 'string'
-                                                    ? Math.round((parseFloat(item.value) / total) * 100)
-                                                    : total === 0
-                                                        ? 0
-                                                        : Math.round((item.value / total) * 100) }), _jsx("td", { className: "ff-legend-count", children: item.value })] }, item.originalIndex))) })] }) }));
-            }
-            default:
-                return null;
-        }
-    };
-    // Utility functions for text wrapping (unchanged)
-    function wrapText(text, maxWidth, fontSize) {
-        const words = text.split(' ');
-        const lines = [];
-        let currentLine = '';
-        words.forEach((word) => {
-            const testLine = currentLine ? `${currentLine} ${word}` : word;
-            if (measureTextWidth(testLine, fontSize) <= maxWidth) {
-                currentLine = testLine;
-            }
-            else {
-                if (currentLine)
-                    lines.push(currentLine);
-                currentLine = word;
-            }
-        });
-        if (currentLine)
-            lines.push(currentLine);
-        return lines;
-    }
-    function measureTextWidth(text, fontSize) {
-        const canvas = document.createElement('canvas');
-        const context = canvas.getContext('2d');
-        if (!context)
-            throw new Error('Unable to get canvas context');
-        context.font = `${fontSize}px Poppins`;
-        return context.measureText(text).width;
-    }
-    const truncateChartText = (text) => {
-        const tempElement = document.createElementNS('http://www.w3.org/2000/svg', 'text');
-        tempElement.style.fontSize = `${subLabelFontSize}px`;
-        tempElement.style.visibility = 'hidden';
-        const svgContainer = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-        svgContainer.appendChild(tempElement);
-        document.body.appendChild(svgContainer);
-        tempElement.textContent = text;
-        let textWidth = tempElement.getComputedTextLength();
-        if (textWidth <= LABEL_MAX_WIDTH) {
-            document.body.removeChild(svgContainer);
-            return text;
-        }
-        let truncatedText = text;
-        while (textWidth > LABEL_MAX_WIDTH && truncatedText.length > 0) {
-            truncatedText = truncatedText.slice(0, -1);
-            tempElement.textContent = `${truncatedText}...`;
-            textWidth = tempElement.getComputedTextLength();
-        }
-        document.body.removeChild(svgContainer);
-        return `${truncatedText}...`;
-    };
-    const getCenterText = () => {
-        if (legendType === 'tableLegend' && hoveredItemIndex !== null) {
-            const hoveredItem = chartValues.find((item) => item.originalIndex === hoveredItemIndex);
-            return total === 0
-                ? '0%'
-                : `${Math.round(((hoveredItem?.value || 0) / total) * 100)}%`;
-        }
-        if (legendType === 'memoryLegend') {
-            return `${totalMemory}`;
-        }
-        if (isOnClick && hoveredItemIndex !== null) {
-            const hoveredItem = chartValues.find((item) => item.originalIndex === hoveredItemIndex);
-            return `${hoveredItem?.value}`;
-        }
-        return `${legendType === 'tableLegend'
-            ? `${chartValues.length}`
-            : Number.isInteger(total)
-                ? total
-                : total?.toFixed(2)} ${showUnit && unit ? unit.toUpperCase() : ''}`;
-    };
-    const getSubLabelText = () => {
-        if (legendType === 'tableLegend' && hoveredItemIndex !== null) {
-            const hoveredItem = chartValues.find((item) => item.originalIndex === hoveredItemIndex);
-            return truncateChartText(hoveredItem?.key || '');
-        }
-        if (isOnClick && hoveredItemIndex !== null) {
-            const hoveredItem = chartValues.find((item) => item.originalIndex === hoveredItemIndex);
-            return truncateChartText(hoveredItem?.key || '');
-        }
-        return truncateChartText(legendDetailsType);
-    };
-    const subLabelLines = useMemo(() => {
-        return wrapText(getSubLabelText(), LABEL_MAX_WIDTH, subLabelFontSize);
-    }, [
-        hoveredItemIndex,
-        selectedItemIndex,
-        legendType,
-        legendDetailsType,
-        chartValues,
-        total,
-        isOnClick,
-        subLabelFontSize,
-    ]);
-    useEffect(() => {
-        setTruncated(containsDots(subLabelLines));
-    }, [subLabelLines]);
-    return (_jsxs("div", { className: classNames('ff-dashboard-donut-chart-section', {
-            'ff-dashboard-donut-chart-section-table-legend': legendType === 'tableLegend',
-            'legend-position-bottom': legendPosition === 'bottom',
-            'legend-position-left': legendPosition === 'left',
-            'ff-overflow-visible': true,
-        }), style: { gap: `${chartGap}px` }, children: [_jsxs("div", { className: "ff-dashboard-donut-chart-svg-container", style: { zIndex: zIndex }, children: [_jsx("svg", { width: DONUT_SVG_SIZE, height: DONUT_SVG_SIZE, viewBox: `0 0 ${DONUT_SVG_SIZE} ${DONUT_SVG_SIZE}`, className: "ff-svg-overflow-visible", children: _jsxs("g", { transform: `translate(${radius + lineWidth / 2 + SVG_PADDING}, ${radius + lineWidth / 2 + SVG_PADDING})`, children: [total === 0 || nonZeroValues.length === 0 ? (_jsx("circle", { cx: 0, cy: 0, r: radius, fill: "none", stroke: "var(--tooltip-bg-color)", strokeWidth: lineWidth, strokeOpacity: 0.8, opacity: 0.2 })) : (computedArcs.map((arc, i) => renderArcSegment(arc, i))), showOnlyLabel && (_jsx("text", { x: "0", y: "5", className: "ff-svg-label-text", textAnchor: "middle", fill: colorMapping[3], style: { fontSize: `${labelFontSize}px` }, children: wrapText(legendDetailsType, LABEL_MAX_WIDTH, labelFontSize).map((line, index, lines) => (_jsx("tspan", { x: "0", dy: index === 0 ? (lines.length > 1 ? -8 : 0) : 24, children: line }, index))) })), !showOnlyLabel && (_jsxs(_Fragment, { children: [_jsx("text", { x: "0", y: labelYoffSet, textAnchor: "middle", fill: colorMapping[3], style: { fontSize: `${labelFontSize}px` }, children: wrapText(getCenterText(), LABEL_MAX_WIDTH, labelFontSize).map((line, index) => (_jsx("tspan", { x: "0", dy: index === 0 ? 0 : labelFontSize, children: selectedItemIndex !== null &&
-                                                    chartValues.find((item) => item.originalIndex === selectedItemIndex)
-                                                    ? index === 0
-                                                        ? chartValues.find((item) => item.originalIndex === selectedItemIndex)?.value
-                                                        : null
-                                                    : apiDataLabel
-                                                        ? apiDataLabel
-                                                        : line }, index))) }), _jsx("text", { x: "0", y: subLabelYoffSet, textAnchor: "middle", fill: "var(--text-color)", style: { fontSize: `${subLabelFontSize}px` }, children: subLabelLines?.map((line, index) => (_jsx("tspan", { x: "0", dy: index === 0 ? 0 : subLabelFontSize, fill: (selectedItemIndex !== null &&
-                                                    chartValues.find((item) => item.originalIndex === selectedItemIndex)?.color) ||
-                                                    (hoveredItemIndex !== null &&
-                                                        isOnClick &&
-                                                        chartValues.find((item) => item.originalIndex === hoveredItemIndex)?.color) ||
-                                                    '', onMouseEnter: (e) => handleCenterTextMouseEnter(legendDetailsType, e), onMouseLeave: handleCenterTextMouseLeave, onMouseMove: handleCenterTextMouseMove, className: "center-text-tooltip", children: line }, index))) })] }))] }) }), showTooltip && renderTooltip(), centerTextTooltip.show && isTruncated && (_jsx("div", { className: "ff-donut-chart-tooltip", style: {
-                            left: centerTextTooltip.position.x,
-                            top: centerTextTooltip.position.y,
-                            zIndex: zIndex + 1,
-                        }, children: _jsx(Typography, { children: centerTextTooltip?.content }) }))] }), isLegendDetails && renderLegend(chartValues, legendType, legendPosition)] }));
-};
-export default DashboardDonutChart;
-//# sourceMappingURL=DashboardDonutChart.js.map
+import{jsxs as e,jsx as n,Fragment as t}from"react/jsx-runtime";import{useState as l,useEffect as o,useMemo as i}from"react";import r from"../../Typography/Typography.js";import"./DashboardDonutChart.scss.js";import a from"../../../_virtual/index.js";import{normalizeStorageValue as s,formatMemoryValue as d}from"../../../assets/utils/functionUtils.js";import c from"../../Tooltip/Tooltip.js";import u from"../../Icon/Icon.js";const g=e=>"number"==typeof e?e:parseFloat(e)||0,f=e=>{const n=[];if(e.version&&Array.isArray(e.version)){const t={};e.version.forEach((l,o)=>{const i=String(l),r=i.split("."),a=Number(r[0]);if(!(a in t)){const l=e.versionColor?.[o%(e.versionColor?.length||1)]||"#"+("000000"+Math.floor(16777215*Math.random()).toString(16)).slice(-6);t[a]=l,n.push({major:a,ver:i,color:l})}})}return n},h=(e,n,t,l,o)=>{const i=e+t*Math.cos(l),r=n+t*Math.sin(l),a=e+t*Math.cos(o),s=n+t*Math.sin(o);return`M ${i} ${r} A ${t} ${t} 0 ${o-l>Math.PI?1:0} 1 ${a} ${s}`},m=(e,n,t,l)=>{const o=e*Math.cos(t),i=e*Math.sin(t),r=e*Math.cos(l),a=e*Math.sin(l),s=n*Math.cos(l),d=n*Math.sin(l),c=n*Math.cos(t),u=n*Math.sin(t),g=l-t>Math.PI?1:0;return`\n    M ${o} ${i}\n    A ${e} ${e} 0 ${g} 1 ${r} ${a}\n    L ${s} ${d}\n    A ${n} ${n} 0 ${g} 0 ${c} ${u}\n    Z\n  `},p=["var(--status-success-text-color)","var(--status-rejected-text-color)","var(--status-warning-text-color)","var(--status-button-text-skipped)","var(--brand-color)"],x=({radius:x=60,tableWidth:y,tableHeight:v=120,lineWidth:b=15,statusValues:I=[],gapAngle:k=0,legendDetailsType:M="",isLegendDetails:N=!0,legendType:$="numberLegend",showOnlyLabel:A=!1,apiDataLabel:S,unit:w,showUnit:L=!0,labelFontSize:z=24,subLabelFontSize:C=14,legendPosition:E="bottom",chartGap:V=0,legendGap:W=5,legendValueFontSize:T=22,legendKeyFontSize:j=12,legendWithVersionFontSize:F=12,versionErrorText:O,labelYoffSet:P=-5,subLabelYoffSet:Y=20,capsuleStyle:X={},legendTruncate:D=1/0,isLegendToolTip:U=!1,containerHeight:K="",onSelectedStatus:B=(e,n)=>{},selectedStatusKey:G="",setSelectedStatusKey:H=e=>{},isOnClick:Z=!1,zIndex:_=99})=>{const[q,J]=l(null),[Q,R]=l(null),[ee,ne]=l({x:0,y:0}),[te,le]=l(!1),[oe,ie]=l(null),[re,ae]=l({show:!1,content:"",position:{x:0,y:0}}),[se,de]=l(!1);o(()=>{G||ie(null)},[G]);const ce=()=>{ae({show:!1,content:"",position:{x:0,y:0}})},ue=e=>{ae(n=>({...n,position:{x:e.clientX+14,y:e.clientY+11}}))},ge="memoryLegend"===$?I.map(e=>{if("string"==typeof e.value){const{normalizedValue:n,unit:t,value:l}=s(e.value);return{...e,normalizedValue:n,unit:t,labelValue:l}}return{...e,normalizedValue:e.value,labelValue:e.value,unit:"B"}}):I.map(e=>{if("string"==typeof e.value){const n=parseFloat(e.value),t=isNaN(n)?0:n;return{...e,normalizedValue:t,unit:"",labelValue:Number.isInteger(t)?t:t.toFixed(2)}}return{...e,normalizedValue:e.value,unit:"",labelValue:Number.isInteger(e.value)?e.value:e.value?.toFixed(2)}}),fe=ge?.map((e,n)=>({...e,value:e.normalizedValue??e.value,originalIndex:n})),he=fe?.reduce((e,{value:n})=>e+g(n),0)||0,me=fe?.filter(({value:e})=>g(e)>0)||[],pe=d(he),xe=2*Math.PI*.01,ye=i(()=>{if(0===me.length)return[];const e=2*Math.PI,n=k*me.length;let t=e-n;me.forEach(({value:n})=>{const l=g(n)/he,o=Math.max(l*e,xe);t-=o});let l=Math.PI/2;return me.map(n=>{const o=g(n.value)/he,i=Math.max(o*e,xe),r=l,a=l+(i+t*o);l=a+k;return{item:n,startAngle:r,endAngle:a,subArcs:null}})},[me,he,k,xe,O]),ve=e=>{J(e),le(!0)},be=()=>{J(null),le(!1)},Ie=e=>{ne({x:e.clientX+10,y:e.clientY+10})},ke=(e,n)=>{Z&&G!==e?(ie(n),H(e),B(e,n)):(ie(null),H(""),B(""))},Me=2*x+b+6,Ne=2*x-b-6;function $e(e,n,t){const l=e.split(" "),o=[];let i="";return l.forEach(e=>{const l=i?`${i} ${e}`:e;(function(e,n){const t=document.createElement("canvas").getContext("2d");if(!t)throw new Error("Unable to get canvas context");return t.font=`${n}px Poppins`,t.measureText(e).width})(l,t)<=n?i=l:(i&&o.push(i),i=e)}),i&&o.push(i),o}const Ae=e=>{const n=document.createElementNS("http://www.w3.org/2000/svg","text");n.style.fontSize=`${C}px`,n.style.visibility="hidden";const t=document.createElementNS("http://www.w3.org/2000/svg","svg");t.appendChild(n),document.body.appendChild(t),n.textContent=e;let l=n.getComputedTextLength();if(l<=Ne)return document.body.removeChild(t),e;let o=e;for(;l>Ne&&o.length>0;)o=o.slice(0,-1),n.textContent=`${o}...`,l=n.getComputedTextLength();return document.body.removeChild(t),`${o}...`},Se=i(()=>$e((()=>{if("tableLegend"===$&&null!==q){const e=fe.find(e=>e.originalIndex===q);return Ae(e?.key||"")}if(Z&&null!==q){const e=fe.find(e=>e.originalIndex===q);return Ae(e?.key||"")}return Ae(M)})(),Ne,C),[q,oe,$,M,fe,he,Z,C]);return o(()=>{var e;de((e=Se,e?.some(e=>e?.includes("..."))))},[Se]),e("div",{className:a("ff-dashboard-donut-chart-section",{"ff-dashboard-donut-chart-section-table-legend":"tableLegend"===$,"legend-position-bottom":"bottom"===E,"legend-position-left":"left"===E,"ff-overflow-visible":!0}),style:{gap:`${V}px`},children:[e("div",{className:"ff-dashboard-donut-chart-svg-container",style:{zIndex:_},children:[n("svg",{width:Me,height:Me,viewBox:`0 0 ${Me} ${Me}`,className:"ff-svg-overflow-visible",children:e("g",{transform:`translate(${x+b/2+3}, ${x+b/2+3})`,children:[0===he||0===me.length?n("circle",{cx:0,cy:0,r:x,fill:"none",stroke:"var(--tooltip-bg-color)",strokeWidth:b,strokeOpacity:.8,opacity:.2}):ye.map((t,l)=>(t=>{if(t.subArcs)return n("g",{className:"donut-segment version-segment",children:t.subArcs.map((l,o)=>{const i=l.endAngle-l.startAngle,r=Math.abs(i-2*Math.PI)<.01,a=null!==Q?Q.parentIndex===t.item.originalIndex&&Q.subIndex===o:null===q||q===t.item.originalIndex;if(r)return e("g",{className:"sub-arc-group",onMouseEnter:e=>{R({parentIndex:t.item.originalIndex,subIndex:o}),ne({x:e.clientX+10,y:e.clientY+10}),le(!0)},onMouseLeave:()=>{R(null),le(!1)},onMouseMove:e=>ne({x:e.clientX+10,y:e.clientY+10}),children:[n("circle",{cx:"0",cy:"0",r:x,fill:"none",stroke:l.randomColor,strokeWidth:b,strokeOpacity:O?.2:a?1:0,style:{transition:"stroke-opacity 0.5s ease"}}),n("g",{className:"sub-arc-border-wrapper",style:{opacity:Q&&Q.parentIndex===t.item.originalIndex&&Q.subIndex===o?1:0,transition:"opacity 0.5s ease",overflow:"visible"},children:n("circle",{cx:"0",cy:"0",r:x+b/2+2+1,fill:"none",stroke:l.randomColor,strokeWidth:2,style:{transition:"stroke 0.5s ease"}})})]},o);{const i=h(0,0,x,l.startAngle,l.endAngle),r=m(x+b/2+2,x+b/2+2+2,l.startAngle,l.endAngle),s=Q&&Q.parentIndex===t.item.originalIndex&&Q.subIndex===o?1:0,d=G===t?.item?.key;return e("g",{className:"sub-arc-group",onMouseEnter:e=>{R({parentIndex:t.item.originalIndex,subIndex:o}),ne({x:e.clientX+10,y:e.clientY+10}),le(!0)},onMouseLeave:()=>{R(null),le(!1)},onMouseMove:e=>ne({x:e.clientX+10,y:e.clientY+10}),children:[n("path",{d:i,fill:"none",stroke:l.randomColor,strokeWidth:b,style:{strokeOpacity:a?1:.2,transition:"stroke-opacity 0.5s ease"}}),d&&Z&&n("path",{d:i,fill:"none",stroke:"var(--dotted-border-color)",strokeWidth:b,strokeOpacity:.4,pointerEvents:"none"}),n("g",{className:"sub-arc-border-wrapper",style:{opacity:s,transition:"opacity 0.5s ease",overflow:"visible"},children:n("path",{d:r,fill:l.randomColor,pointerEvents:"none"})})]},o)}})},t.item.originalIndex);{const l=t.endAngle-t.startAngle,o=Math.abs(l-2*Math.PI)<.01,i=null!==q?q===t.item.originalIndex:null===Q||Q.parentIndex===t.item.originalIndex,r=t.item.color||p[t.item.originalIndex%p.length],a=q===t.item.originalIndex?1:0,s=G===t?.item?.key;if(o)return e("g",{className:"donut-segment",children:[n("circle",{cx:"0",cy:"0",r:x,fill:"none",stroke:r,strokeWidth:b,onMouseEnter:()=>ve(t.item.originalIndex),onMouseLeave:be,onMouseMove:Ie,onClick:()=>ke(t.item.key,t.item.originalIndex),style:{cursor:Z?"pointer":"default",strokeOpacity:i?1:.2,transition:"stroke-opacity 0.5s ease"}}),s&&Z&&n("circle",{cx:"0",cy:"0",r:x,fill:"none",strokeWidth:b,stroke:"var(--dotted-border-color)",strokeOpacity:.4,pointerEvents:"none"}),n("g",{className:"donut-border-wrapper",style:{opacity:a,transition:"opacity 0.5s ease",overflow:"visible"},children:n("circle",{cx:"0",cy:"0",r:x+b/2+2+1,fill:"none",stroke:r,strokeWidth:2,style:{transition:"stroke 0.5s ease"}})})]},t.item.originalIndex);{const l=h(0,0,x,t.startAngle,t.endAngle);return e("g",{className:"donut-segment",children:[n("path",{d:l,fill:"none",stroke:r,strokeWidth:b,onMouseEnter:()=>ve(t.item.originalIndex),onMouseLeave:be,onMouseMove:Ie,onClick:()=>ke(t.item.key,t.item.originalIndex),style:{cursor:Z?"pointer":"default",strokeOpacity:i?1:.2,transition:"stroke-opacity 0.5s ease"}}),s&&Z&&n("path",{d:l,fill:"none",stroke:"var(--dotted-border-color)",strokeWidth:b,strokeOpacity:.4,pointerEvents:"none"}),n("g",{className:"donut-border-wrapper",style:{opacity:a,transition:"opacity 0.5s ease",overflow:"visible"},children:n("path",{d:m(x+b/2+2,x+b/2+2+2,t.startAngle,t.endAngle),fill:r,pointerEvents:"none"})})]},t.item.originalIndex)}}})(t)),A&&n("text",{x:"0",y:"5",className:"ff-svg-label-text",textAnchor:"middle",fill:p[3],style:{fontSize:`${z}px`},children:$e(M,Ne,z).map((e,t,l)=>n("tspan",{x:"0",dy:0===t?l.length>1?-8:0:24,children:e},t))}),!A&&e(t,{children:[n("text",{x:"0",y:P,textAnchor:"middle",fill:p[3],style:{fontSize:`${z}px`},children:$e((()=>{if("tableLegend"===$&&null!==q){const e=fe.find(e=>e.originalIndex===q);return 0===he?"0%":`${Math.round((e?.value||0)/he*100)}%`}if("memoryLegend"===$)return`${pe}`;if(Z&&null!==q){const e=fe.find(e=>e.originalIndex===q);return`${e?.value}`}return`${"tableLegend"===$?`${fe.length}`:Number.isInteger(he)?he:he?.toFixed(2)} ${L&&w?w.toUpperCase():""}`})(),Ne,z).map((e,t)=>n("tspan",{x:"0",dy:0===t?0:z,children:null!==oe&&fe.find(e=>e.originalIndex===oe)?0===t?fe.find(e=>e.originalIndex===oe)?.value:null:S||e},t))}),n("text",{x:"0",y:Y,textAnchor:"middle",fill:"var(--text-color)",style:{fontSize:`${C}px`},children:Se?.map((e,t)=>n("tspan",{x:"0",dy:0===t?0:C,fill:null!==oe&&fe.find(e=>e.originalIndex===oe)?.color||null!==q&&Z&&fe.find(e=>e.originalIndex===q)?.color||"",onMouseEnter:e=>{var n;ae({show:!0,content:M,position:{x:(n=e).clientX+14,y:n.clientY+11}})},onMouseLeave:ce,onMouseMove:ue,className:"center-text-tooltip",children:e},t))})]})]})}),te&&(()=>{if(null!==Q){const e=ye.find(e=>e.item.originalIndex===Q.parentIndex),t=Array.isArray(e?.item?.version)?e.item.version[Q.subIndex]:"";return n("div",{className:"ff-donut-chart-tooltip",style:{left:ee.x,top:ee.y},children:n(r,{children:`${e?.item?.key}: ${t}`})})}if(null!==q){const t=fe.find(e=>e.originalIndex===q);return e("div",{className:"ff-donut-chart-tooltip",style:{left:ee.x,top:ee.y},children:[n(r,{children:`${t?.key} : `}),n(r,{children:"memoryLegend"===$?`${t?.labelValue} ${t?.unit}`:t?.value}),t?.version&&n(r,{children:`Version: ${t.version.join(", ")}`})]})}return null})(),re.show&&se&&n("div",{className:"ff-donut-chart-tooltip",style:{left:re.position.x,top:re.position.y,zIndex:_+1},children:n(r,{children:re?.content})})]}),N&&((t,l,o)=>{const i=t.length,s=i>6?"ff-count-more":`ff-count-${i}`,d="left"===o||"right"===o,h=(e,t,l)=>U?n(c,{placement:"bottom",title:t,children:e},l):e;switch(l){case"numberLegend":return n("div",{className:a("ff-legend-container","ff-number-legend",s,{"ff-side-legend":d}),style:{"--donut-legend-gap":`${W}px`},children:t?.map(t=>e("div",{className:"ff-legend-item ff-d-flex",onMouseEnter:()=>{g(t.value)>0&&J(t.originalIndex)},onMouseLeave:()=>J(null),children:[e("div",{className:t.osIcon&&t.osIcon.length>0?"ff-legend-item-version":"ff-legend-item",children:[e(r,{fontSize:T,fontWeight:"semi-bold",className:"ff-legend-value",color:t.color?t.color:p[t.originalIndex%p.length],children:[t.osIcon&&t.osIcon.length>0?n(u,{name:t.osIcon}):String(t.labelValue||"00").padStart(2,"0")+" ",L&&w?.toUpperCase()]}),n(r,{fontSize:j,className:"ff-legend-key",textAlign:"center",children:t.key.length>D?n(c,{placement:"bottom",title:U?t.key:"",children:`${t.key.slice(0,D)}...`}):t.key})]}),t.osIcon&&t.osIcon.length>0&&n(r,{fontSize:j,className:"ff-legend-key",textAlign:"center",fontWeight:"semi-bold",children:"OS version"}),t.version&&t.version.length>0?n("div",{className:"ff-legend-version-container",children:n("div",{className:"ff-legend-version-grid",children:f(t).map((l,o)=>e("div",{onMouseEnter:()=>R({parentIndex:t.originalIndex,subIndex:o}),onMouseLeave:()=>R(null),className:"ff-legend-version-item",children:[n("div",{className:"ff-legend-version-circle",style:{backgroundColor:l.color}}),n(r,{fontSize:F,children:l.major})]},o))})}):O?n(r,{textAlign:"center",className:"ff-legend-version-error",fontSize:14,children:O}):null]},t.originalIndex))});case"pillLegend":return n("div",{className:"ff-legend-container ff-pill-legend",style:{"--donut-legend-gap":`${W}px`,height:Number(K)-(Me+V)},children:t?.map(t=>{const l=e("div",{className:"ff-legend-item",children:[n(r,{as:"span",className:"ff-legend-capsule",fontSize:T,style:{backgroundColor:t?.color?t.color:p[t.originalIndex%p.length],...X},children:0===t?.labelValue?"00":t?.labelValue}),n(r,{fontSize:j,className:"ff-legend-key",children:t?.key.length>D?`${t?.key.slice(0,D)}...`:t?.key})]},t.originalIndex);return h(l,t.key,t.originalIndex)})});case"memoryLegend":return n("div",{className:a("ff-legend-container","ff-memory-legend",s,{"ff-side-legend":d}),style:{"--donut-legend-gap":`${W}px`},children:t?.map(t=>{const l=e("div",{className:"ff-legend-item",onMouseEnter:()=>{g(t.value)>0&&J(t.originalIndex)},onMouseLeave:()=>J(null),children:[e(r,{fontSize:T,fontWeight:"semi-bold",className:"ff-legend-value",color:t.color?t.color:p[t.originalIndex%p.length],children:[t.labelValue," ",t.unit]}),n(r,{fontSize:j,className:"ff-legend-key",textAlign:"center",children:t.key.length>D?`${t.key.slice(0,D)}...`:t.key})]},t.originalIndex);return h(l,t.key,t.originalIndex)})});case"tableLegend":return n("div",{className:"ff-legend-table-wrapper",style:{height:v},children:e("table",{className:"ff-legend-table",children:[n("thead",{className:"ff-legend-table-thead",children:e("tr",{children:[n("th",{className:"ff-table-header",style:{width:y,textAlign:"left"},children:"Name"}),n("th",{className:"ff-table-header",style:{textAlign:"left",paddingLeft:"10px"},children:"%"}),n("th",{className:"ff-table-header",style:{textAlign:"left"},children:"Count"})]})}),n("tbody",{className:"ff-legend-table-tbody",children:t?.map(t=>e("tr",{className:"ff-legend-item",onMouseEnter:()=>{J(t.originalIndex)},onMouseLeave:()=>J(null),children:[e("td",{className:"ff-legend-name",children:[e("span",{className:"ff-legend-capsule",style:{backgroundColor:t.color?t.color:p[t.originalIndex%p.length]},children:[n(r,{fontSize:10,children:0===t?.value?"00":t.value})," "]}),n(r,{fontSize:10,children:t.key})]}),n("td",{className:"ff-legend-percentage",children:t.percentage?t.percentage:"string"==typeof t.value?Math.round(parseFloat(t.value)/he*100):0===he?0:Math.round(t.value/he*100)}),n("td",{className:"ff-legend-count",children:t.value})]},t.originalIndex))})]})});default:return null}})(fe,$,E)]})};export{x as default};

package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.scss.js

@@ -0,0 +1 @@
+import t from"../../../node_modules/style-inject/dist/style-inject.es.js";t(".ff-dashboard-donut-chart-section .ff-legend-table-wrapper .ff-legend-table .ff-legend-item .ff-legend-count,.ff-dashboard-donut-chart-section .ff-legend-table-wrapper .ff-legend-table .ff-legend-item .ff-legend-name,.ff-dashboard-donut-chart-section .ff-legend-table-wrapper .ff-legend-table .ff-legend-item .ff-legend-percentage,.ff-dashboard-donut-chart-section .ff-legend-table-wrapper .ff-legend-table .ff-table-header,.fontXs{font-family:Poppins;font-size:10px}.fontSm{font-size:12px}.fontMd,.fontSm{font-family:Poppins}.fontMd{font-size:14px}.fontLg{font-size:16px}.fontLg,.fontXL{font-family:Poppins}.fontXL{font-size:18px}.font2Xl{font-family:Poppins;font-size:24px}.font-size-8{font-family:Poppins;font-size:8px}.font-size-10{font-family:Poppins;font-size:10px}.font-size-20{font-family:Poppins;font-size:20px}.font-size-32{font-family:Poppins;font-size:32px}.font-size-80{font-family:Poppins;font-size:80px}.ff-dashboard-donut-chart-section{align-items:center;display:flex}.ff-dashboard-donut-chart-section.legend-position-bottom{flex-direction:column}.ff-dashboard-donut-chart-section.legend-position-left{flex-direction:row-reverse}.ff-dashboard-donut-chart-section-table-legend{flex-direction:row}.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container{text-align:center}.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg{display:block}.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:first-of-type{font-weight:600}.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(2){font-weight:500}.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container .ff-donut-chart-tooltip{background-color:var(--tooltip-bg-color);border-radius:4px;color:var(--tooltip-text-color);padding:5px;pointer-events:none;position:absolute}.ff-dashboard-donut-chart-section .ff-legend-item-version{align-items:center;display:flex;flex-direction:row;justify-content:center}.ff-dashboard-donut-chart-section .ff-legend-container{display:flex;flex-wrap:wrap;gap:var(--donut-legend-gap,5px);width:100%}.ff-dashboard-donut-chart-section .ff-legend-container .ff-legend-item{align-items:center;box-sizing:border-box;display:flex;flex:1 1 calc(33.33% - var(--donut-legend-gap, 5px));flex-direction:column}.ff-dashboard-donut-chart-section .ff-legend-container .ff-legend-item .ff-legend-value{white-space:nowrap}.ff-dashboard-donut-chart-section .ff-legend-container.ff-count-2 .ff-legend-item,.ff-dashboard-donut-chart-section .ff-legend-container.ff-count-4 .ff-legend-item{flex:1 1 calc(50% - var(--donut-legend-gap, 5px))}.ff-dashboard-donut-chart-section .ff-legend-container.ff-count-5 .ff-legend-item:nth-child(-n+3){flex:1 1 calc(33.33% - var(--donut-legend-gap, 5px))}.ff-dashboard-donut-chart-section .ff-legend-container.ff-count-5 .ff-legend-item:nth-child(n+4){flex:1 1 calc(50% - var(--donut-legend-gap, 5px))}.ff-dashboard-donut-chart-section .ff-legend-container.ff-count-3 .ff-legend-item,.ff-dashboard-donut-chart-section .ff-legend-container.ff-count-6 .ff-legend-item,.ff-dashboard-donut-chart-section .ff-legend-container.ff-count-more .ff-legend-item{flex:1 1 calc(33.33% - var(--donut-legend-gap, 5px))}.ff-dashboard-donut-chart-section .ff-legend-container.ff-side-legend{flex-direction:column;flex-wrap:wrap;height:200px;justify-content:center;width:auto}.ff-dashboard-donut-chart-section .ff-legend-container.ff-side-legend .ff-legend-item{flex:0 0 auto!important;justify-content:center;width:100%}.ff-dashboard-donut-chart-section .ff-legend-container.ff-side-legend.ff-count-2 .ff-legend-item,.ff-dashboard-donut-chart-section .ff-legend-container.ff-side-legend.ff-count-4 .ff-legend-item{height:calc(50% - var(--donut-legend-gap, 5px))}.ff-dashboard-donut-chart-section .ff-legend-container.ff-side-legend.ff-count-3 .ff-legend-item,.ff-dashboard-donut-chart-section .ff-legend-container.ff-side-legend.ff-count-5 .ff-legend-item,.ff-dashboard-donut-chart-section .ff-legend-container.ff-side-legend.ff-count-6 .ff-legend-item,.ff-dashboard-donut-chart-section .ff-legend-container.ff-side-legend.ff-count-more .ff-legend-item{height:calc(33.33% - var(--donut-legend-gap, 5px))}.ff-dashboard-donut-chart-section .ff-legend-container.ff-pill-legend{display:grid;gap:var(--donut-legend-gap,5px);grid-template-columns:repeat(2,1fr);min-width:0;overflow-x:visible;overflow-y:auto;width:auto}.ff-dashboard-donut-chart-section .ff-legend-container.ff-pill-legend .ff-legend-item{align-items:center;display:flex;flex-direction:row}.ff-dashboard-donut-chart-section .ff-legend-container.ff-pill-legend .ff-legend-item .ff-legend-capsule{align-items:center;background-color:var(--status-success-text-color);border-radius:15px;color:var(--tooltip-text-color);display:flex;height:18px;justify-content:center;width:25px}.ff-dashboard-donut-chart-section .ff-legend-container.ff-pill-legend .ff-legend-item .ff-legend-key{color:var(--text-color);margin-left:8px}.ff-dashboard-donut-chart-section .ff-legend-table-wrapper{border:1px solid var(--border-color);border-radius:4px;height:100%;margin-left:1rem;overflow-y:auto;position:relative}.ff-dashboard-donut-chart-section .ff-legend-table-wrapper .ff-legend-table{border-collapse:collapse;min-width:300px;text-align:left;width:100%}.ff-dashboard-donut-chart-section .ff-legend-table-wrapper .ff-legend-table .ff-legend-table-thead{background-color:var(--tabs-bg-color);position:sticky;top:0;z-index:10}.ff-dashboard-donut-chart-section .ff-legend-table-wrapper .ff-legend-table .ff-table-header{background-color:var(--tabs-bg-color);color:var(--input-hover-border-color);font-weight:700;padding:7px 5px 9px 20px}.ff-dashboard-donut-chart-section .ff-legend-table-wrapper .ff-legend-table .ff-table-header:last-child{padding-right:10px;text-align:right}.ff-dashboard-donut-chart-section .ff-legend-table-wrapper .ff-legend-table .ff-table-header:nth-last-child(2){width:58px}.ff-dashboard-donut-chart-section .ff-legend-table-wrapper .ff-legend-table .ff-legend-capsule{align-items:center;background-color:var(--status-success-text-color);border-radius:1rem;color:var(--tooltip-text-color);display:flex;height:16px;justify-content:center;min-width:22px}.ff-dashboard-donut-chart-section .ff-legend-table-wrapper .ff-legend-table .ff-legend-item .ff-legend-name{margin-left:10px}.ff-dashboard-donut-chart-section .ff-legend-table-wrapper .ff-legend-table .ff-legend-item .ff-legend-count,.ff-dashboard-donut-chart-section .ff-legend-table-wrapper .ff-legend-table .ff-legend-item .ff-legend-name,.ff-dashboard-donut-chart-section .ff-legend-table-wrapper .ff-legend-table .ff-legend-item .ff-legend-percentage{color:var(--input-hover-border-color);padding:4px 8px 4px 10px}.ff-dashboard-donut-chart-section .ff-legend-table-wrapper .ff-legend-table .ff-legend-item .ff-legend-count:last-child,.ff-dashboard-donut-chart-section .ff-legend-table-wrapper .ff-legend-table .ff-legend-item .ff-legend-name:last-child,.ff-dashboard-donut-chart-section .ff-legend-table-wrapper .ff-legend-table .ff-legend-item .ff-legend-percentage:last-child{padding-right:22px}.ff-dashboard-donut-chart-section .ff-legend-table-wrapper .ff-legend-table .ff-legend-item .ff-legend-name{align-items:baseline;color:var(--input-hover-border-color);display:flex;gap:5px}.ff-dashboard-donut-chart-section .ff-legend-table-wrapper .ff-legend-table .ff-legend-item .ff-legend-count{text-align:right}.ff-overflow-visible,.ff-svg-overflow-visible{overflow:visible}.center-text-tooltip{cursor:pointer}.ff-d-flex{display:flex}.ff-legend-version-container{-ms-overflow-style:none;display:flex;height:56px;justify-content:center;margin-left:10px;overflow:auto;padding:8px;scrollbar-width:none;width:251px}.ff-legend-version-container::-webkit-scrollbar{display:none}.ff-legend-version-grid{column-gap:30px;display:grid;grid-template-columns:repeat(4,auto);row-gap:20px}.ff-legend-version-item{align-items:center;display:inline-flex;gap:2px}.ff-legend-version-circle{border-radius:50%;height:6px;width:6px}.ff-legend-version-error{align-items:center;display:flex;height:56px;justify-content:center;text-align:center;width:251px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhc2hib2FyZERvbnV0Q2hhcnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxnYkFHRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLFFBRUUsY0FDRixDQUVBLGdCQUpFLG1CQU9GLENBSEEsUUFFRSxjQUNGLENBRUEsUUFFRSxjQUNGLENBRUEsZ0JBSkUsbUJBT0YsQ0FIQSxRQUVFLGNBQ0YsQ0FFQSxTQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsYUFDRSxtQkFBc0IsQ0FDdEIsYUFDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxjQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxrQ0FFRSxrQkFBbUIsQ0FEbkIsWUFFRixDQUNBLHlEQUNFLHFCQUNGLENBQ0EsdURBQ0UsMEJBQ0YsQ0FDQSwrQ0FDRSxrQkFDRixDQUNBLDBFQUNFLGlCQUNGLENBQ0EsOEVBQ0UsYUFDRixDQUNBLGlHQUNFLGVBQ0YsQ0FDQSxrR0FDRSxlQUNGLENBQ0Esa0dBS0Usd0NBQXlDLENBRnpDLGlCQUFrQixDQUdsQiwrQkFBZ0MsQ0FKaEMsV0FBWSxDQUVaLG1CQUFvQixDQUhwQixpQkFNRixDQUNBLDBEQUdFLGtCQUFtQixDQURuQixZQUFhLENBRWIsa0JBQW1CLENBSG5CLHNCQUlGLENBQ0EsdURBQ0UsWUFBYSxDQUNiLGNBQWUsQ0FFZiwrQkFBaUMsQ0FEakMsVUFFRixDQUNBLHVFQUlFLGtCQUFtQixDQUhuQixxQkFBc0IsQ0FDdEIsWUFBYSxDQUdiLG9EQUFxRCxDQUZyRCxxQkFHRixDQUNBLHdGQUNFLGtCQUNGLENBQ0Esb0tBQ0UsaURBQ0YsQ0FDQSxrR0FDRSxvREFDRixDQUNBLGlHQUNFLGlEQUNGLENBQ0EseVBBQ0Usb0RBQ0YsQ0FDQSxzRUFDRSxxQkFBc0IsQ0FDdEIsY0FBZSxDQUNmLFlBQWEsQ0FFYixzQkFBdUIsQ0FEdkIsVUFFRixDQUNBLHNGQUNFLHVCQUF5QixDQUV6QixzQkFBdUIsQ0FEdkIsVUFFRixDQUNBLGtNQUNFLCtDQUNGLENBQ0EsdVlBQ0Usa0RBQ0YsQ0FDQSxzRUFDRSxZQUFhLENBRWIsK0JBQWlDLENBRGpDLG1DQUFxQyxDQUlyQyxXQUFZLENBQ1osa0JBQW1CLENBSG5CLGVBQWdCLENBQ2hCLFVBR0YsQ0FDQSxzRkFHRSxrQkFBbUIsQ0FGbkIsWUFBYSxDQUNiLGtCQUVGLENBQ0EseUdBUUUsa0JBQW1CLENBUG5CLGlEQUFrRCxDQUVsRCxrQkFBbUIsQ0FEbkIsK0JBQWdDLENBSWhDLFlBQWEsQ0FEYixXQUFZLENBRVosc0JBQXVCLENBSHZCLFVBS0YsQ0FDQSxxR0FFRSx1QkFBd0IsQ0FEeEIsZUFFRixDQUNBLDJEQUNFLG9DQUFxQyxDQUNyQyxpQkFBa0IsQ0FHbEIsV0FBWSxDQUZaLGdCQUFpQixDQUNqQixlQUFnQixDQUVoQixpQkFDRixDQUNBLDRFQUdFLHdCQUF5QixDQUR6QixlQUFnQixDQUVoQixlQUFnQixDQUhoQixVQUlGLENBQ0EsbUdBSUUscUNBQXNDLENBSHRDLGVBQWdCLENBQ2hCLEtBQU0sQ0FDTixVQUVGLENBQ0EsNkZBRUUscUNBQXNDLENBQ3RDLHFDQUFzQyxDQUZ0QyxlQUFpQixDQUdqQix3QkFDRixDQUNBLHdHQUVFLGtCQUFtQixDQURuQixnQkFFRixDQUNBLCtHQUNFLFVBQ0YsQ0FDQSwrRkFRRSxrQkFBbUIsQ0FQbkIsaURBQWtELENBRWxELGtCQUFtQixDQURuQiwrQkFBZ0MsQ0FJaEMsWUFBYSxDQURiLFdBQVksQ0FFWixzQkFBdUIsQ0FIdkIsY0FLRixDQUNBLDRHQUNFLGdCQUNGLENBQ0EsMlVBSUUscUNBQXNDLENBRHRDLHdCQUVGLENBQ0EsNFdBR0Usa0JBQ0YsQ0FDQSw0R0FFRSxvQkFBcUIsQ0FFckIscUNBQXNDLENBSHRDLFlBQWEsQ0FFYixPQUVGLENBQ0EsNkdBQ0UsZ0JBQ0YsQ0FFQSw4Q0FFRSxnQkFDRixDQUVBLHFCQUNFLGNBQ0YsQ0FFQSxXQUNFLFlBQ0YsQ0FFQSw2QkFTRSx1QkFBd0IsQ0FKeEIsWUFBYSxDQUhiLFdBQVksQ0FJWixzQkFBdUIsQ0FMdkIsZ0JBQWlCLENBTWpCLGFBQWMsQ0FIZCxXQUFZLENBSVosb0JBQXFCLENBTHJCLFdBT0YsQ0FFQSxnREFDRSxZQUNGLENBRUEsd0JBR0UsZUFBZ0IsQ0FGaEIsWUFBYSxDQUNiLG9DQUFzQyxDQUV0QyxZQUNGLENBRUEsd0JBRUUsa0JBQW1CLENBRG5CLG1CQUFvQixDQUVwQixPQUNGLENBRUEsMEJBR0UsaUJBQWtCLENBRGxCLFVBQVcsQ0FEWCxTQUdGLENBRUEseUJBS0Usa0JBQW1CLENBRm5CLFlBQWEsQ0FGYixXQUFZLENBR1osc0JBQXVCLENBRXZCLGlCQUFrQixDQUpsQixXQUtGIiwiZmlsZSI6IkRhc2hib2FyZERvbnV0Q2hhcnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mb250WHMsIC5mZi1kYXNoYm9hcmQtZG9udXQtY2hhcnQtc2VjdGlvbiAuZmYtbGVnZW5kLXRhYmxlLXdyYXBwZXIgLmZmLWxlZ2VuZC10YWJsZSAuZmYtdGFibGUtaGVhZGVyLCAuZmYtZGFzaGJvYXJkLWRvbnV0LWNoYXJ0LXNlY3Rpb24gLmZmLWxlZ2VuZC10YWJsZS13cmFwcGVyIC5mZi1sZWdlbmQtdGFibGUgLmZmLWxlZ2VuZC1pdGVtIC5mZi1sZWdlbmQtbmFtZSxcbi5mZi1kYXNoYm9hcmQtZG9udXQtY2hhcnQtc2VjdGlvbiAuZmYtbGVnZW5kLXRhYmxlLXdyYXBwZXIgLmZmLWxlZ2VuZC10YWJsZSAuZmYtbGVnZW5kLWl0ZW0gLmZmLWxlZ2VuZC1wZXJjZW50YWdlLFxuLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1sZWdlbmQtdGFibGUtd3JhcHBlciAuZmYtbGVnZW5kLXRhYmxlIC5mZi1sZWdlbmQtaXRlbSAuZmYtbGVnZW5kLWNvdW50IHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDEwcHg7XG59XG5cbi5mb250U20ge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmZvbnRNZCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxNHB4O1xufVxuXG4uZm9udExnIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDE2cHg7XG59XG5cbi5mb250WEwge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMThweDtcbn1cblxuLmZvbnQyWGwge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMjRweDtcbn1cblxuLmZvbnQtc2l6ZS04IHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDhweDtcbn1cblxuLmZvbnQtc2l6ZS0xMCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxMHB4O1xufVxuXG4uZm9udC1zaXplLTIwIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDIwcHg7XG59XG5cbi5mb250LXNpemUtMzIge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMzJweDtcbn1cblxuLmZvbnQtc2l6ZS04MCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiA4MHB4O1xufVxuXG4uZmYtZGFzaGJvYXJkLWRvbnV0LWNoYXJ0LXNlY3Rpb24ge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uLmxlZ2VuZC1wb3NpdGlvbi1ib3R0b20ge1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uLmxlZ2VuZC1wb3NpdGlvbi1sZWZ0IHtcbiAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xufVxuLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uLXRhYmxlLWxlZ2VuZCB7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG59XG4uZmYtZGFzaGJvYXJkLWRvbnV0LWNoYXJ0LXNlY3Rpb24gLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zdmctY29udGFpbmVyIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1kYXNoYm9hcmQtZG9udXQtY2hhcnQtc3ZnLWNvbnRhaW5lciBzdmcge1xuICBkaXNwbGF5OiBibG9jaztcbn1cbi5mZi1kYXNoYm9hcmQtZG9udXQtY2hhcnQtc2VjdGlvbiAuZmYtZGFzaGJvYXJkLWRvbnV0LWNoYXJ0LXN2Zy1jb250YWluZXIgc3ZnIHRleHQ6bnRoLW9mLXR5cGUoMSkge1xuICBmb250LXdlaWdodDogNjAwO1xufVxuLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1kYXNoYm9hcmQtZG9udXQtY2hhcnQtc3ZnLWNvbnRhaW5lciBzdmcgdGV4dDpudGgtb2YtdHlwZSgyKSB7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG4uZmYtZGFzaGJvYXJkLWRvbnV0LWNoYXJ0LXNlY3Rpb24gLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zdmctY29udGFpbmVyIC5mZi1kb251dC1jaGFydC10b29sdGlwIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwYWRkaW5nOiA1cHg7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRvb2x0aXAtYmctY29sb3IpO1xuICBjb2xvcjogdmFyKC0tdG9vbHRpcC10ZXh0LWNvbG9yKTtcbn1cbi5mZi1kYXNoYm9hcmQtZG9udXQtY2hhcnQtc2VjdGlvbiAuZmYtbGVnZW5kLWl0ZW0tdmVyc2lvbiB7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xufVxuLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1sZWdlbmQtY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICB3aWR0aDogMTAwJTtcbiAgZ2FwOiB2YXIoLS1kb251dC1sZWdlbmQtZ2FwLCA1cHgpO1xufVxuLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1sZWdlbmQtY29udGFpbmVyIC5mZi1sZWdlbmQtaXRlbSB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXg6IDEgMSBjYWxjKDMzLjMzJSAtIHZhcigtLWRvbnV0LWxlZ2VuZC1nYXAsIDVweCkpO1xufVxuLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1sZWdlbmQtY29udGFpbmVyIC5mZi1sZWdlbmQtaXRlbSAuZmYtbGVnZW5kLXZhbHVlIHtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cbi5mZi1kYXNoYm9hcmQtZG9udXQtY2hhcnQtc2VjdGlvbiAuZmYtbGVnZW5kLWNvbnRhaW5lci5mZi1jb3VudC0yIC5mZi1sZWdlbmQtaXRlbSwgLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1sZWdlbmQtY29udGFpbmVyLmZmLWNvdW50LTQgLmZmLWxlZ2VuZC1pdGVtIHtcbiAgZmxleDogMSAxIGNhbGMoNTAlIC0gdmFyKC0tZG9udXQtbGVnZW5kLWdhcCwgNXB4KSk7XG59XG4uZmYtZGFzaGJvYXJkLWRvbnV0LWNoYXJ0LXNlY3Rpb24gLmZmLWxlZ2VuZC1jb250YWluZXIuZmYtY291bnQtNSAuZmYtbGVnZW5kLWl0ZW06bnRoLWNoaWxkKC1uKzMpIHtcbiAgZmxleDogMSAxIGNhbGMoMzMuMzMlIC0gdmFyKC0tZG9udXQtbGVnZW5kLWdhcCwgNXB4KSk7XG59XG4uZmYtZGFzaGJvYXJkLWRvbnV0LWNoYXJ0LXNlY3Rpb24gLmZmLWxlZ2VuZC1jb250YWluZXIuZmYtY291bnQtNSAuZmYtbGVnZW5kLWl0ZW06bnRoLWNoaWxkKG4rNCkge1xuICBmbGV4OiAxIDEgY2FsYyg1MCUgLSB2YXIoLS1kb251dC1sZWdlbmQtZ2FwLCA1cHgpKTtcbn1cbi5mZi1kYXNoYm9hcmQtZG9udXQtY2hhcnQtc2VjdGlvbiAuZmYtbGVnZW5kLWNvbnRhaW5lci5mZi1jb3VudC0zIC5mZi1sZWdlbmQtaXRlbSwgLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1sZWdlbmQtY29udGFpbmVyLmZmLWNvdW50LTYgLmZmLWxlZ2VuZC1pdGVtLCAuZmYtZGFzaGJvYXJkLWRvbnV0LWNoYXJ0LXNlY3Rpb24gLmZmLWxlZ2VuZC1jb250YWluZXIuZmYtY291bnQtbW9yZSAuZmYtbGVnZW5kLWl0ZW0ge1xuICBmbGV4OiAxIDEgY2FsYygzMy4zMyUgLSB2YXIoLS1kb251dC1sZWdlbmQtZ2FwLCA1cHgpKTtcbn1cbi5mZi1kYXNoYm9hcmQtZG9udXQtY2hhcnQtc2VjdGlvbiAuZmYtbGVnZW5kLWNvbnRhaW5lci5mZi1zaWRlLWxlZ2VuZCB7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgaGVpZ2h0OiAyMDBweDtcbiAgd2lkdGg6IGF1dG87XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1sZWdlbmQtY29udGFpbmVyLmZmLXNpZGUtbGVnZW5kIC5mZi1sZWdlbmQtaXRlbSB7XG4gIGZsZXg6IDAgMCBhdXRvICFpbXBvcnRhbnQ7XG4gIHdpZHRoOiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cbi5mZi1kYXNoYm9hcmQtZG9udXQtY2hhcnQtc2VjdGlvbiAuZmYtbGVnZW5kLWNvbnRhaW5lci5mZi1zaWRlLWxlZ2VuZC5mZi1jb3VudC0yIC5mZi1sZWdlbmQtaXRlbSwgLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1sZWdlbmQtY29udGFpbmVyLmZmLXNpZGUtbGVnZW5kLmZmLWNvdW50LTQgLmZmLWxlZ2VuZC1pdGVtIHtcbiAgaGVpZ2h0OiBjYWxjKDUwJSAtIHZhcigtLWRvbnV0LWxlZ2VuZC1nYXAsIDVweCkpO1xufVxuLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1sZWdlbmQtY29udGFpbmVyLmZmLXNpZGUtbGVnZW5kLmZmLWNvdW50LTMgLmZmLWxlZ2VuZC1pdGVtLCAuZmYtZGFzaGJvYXJkLWRvbnV0LWNoYXJ0LXNlY3Rpb24gLmZmLWxlZ2VuZC1jb250YWluZXIuZmYtc2lkZS1sZWdlbmQuZmYtY291bnQtNSAuZmYtbGVnZW5kLWl0ZW0sIC5mZi1kYXNoYm9hcmQtZG9udXQtY2hhcnQtc2VjdGlvbiAuZmYtbGVnZW5kLWNvbnRhaW5lci5mZi1zaWRlLWxlZ2VuZC5mZi1jb3VudC02IC5mZi1sZWdlbmQtaXRlbSwgLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1sZWdlbmQtY29udGFpbmVyLmZmLXNpZGUtbGVnZW5kLmZmLWNvdW50LW1vcmUgLmZmLWxlZ2VuZC1pdGVtIHtcbiAgaGVpZ2h0OiBjYWxjKDMzLjMzJSAtIHZhcigtLWRvbnV0LWxlZ2VuZC1nYXAsIDVweCkpO1xufVxuLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1sZWdlbmQtY29udGFpbmVyLmZmLXBpbGwtbGVnZW5kIHtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgMWZyKTtcbiAgZ2FwOiB2YXIoLS1kb251dC1sZWdlbmQtZ2FwLCA1cHgpO1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICB3aWR0aDogYXV0bztcbiAgbWluLXdpZHRoOiAwO1xuICBvdmVyZmxvdy14OiB2aXNpYmxlO1xufVxuLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1sZWdlbmQtY29udGFpbmVyLmZmLXBpbGwtbGVnZW5kIC5mZi1sZWdlbmQtaXRlbSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4uZmYtZGFzaGJvYXJkLWRvbnV0LWNoYXJ0LXNlY3Rpb24gLmZmLWxlZ2VuZC1jb250YWluZXIuZmYtcGlsbC1sZWdlbmQgLmZmLWxlZ2VuZC1pdGVtIC5mZi1sZWdlbmQtY2Fwc3VsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXN0YXR1cy1zdWNjZXNzLXRleHQtY29sb3IpO1xuICBjb2xvcjogdmFyKC0tdG9vbHRpcC10ZXh0LWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogMTVweDtcbiAgd2lkdGg6IDI1cHg7XG4gIGhlaWdodDogMThweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4uZmYtZGFzaGJvYXJkLWRvbnV0LWNoYXJ0LXNlY3Rpb24gLmZmLWxlZ2VuZC1jb250YWluZXIuZmYtcGlsbC1sZWdlbmQgLmZmLWxlZ2VuZC1pdGVtIC5mZi1sZWdlbmQta2V5IHtcbiAgbWFyZ2luLWxlZnQ6IDhweDtcbiAgY29sb3I6IHZhcigtLXRleHQtY29sb3IpO1xufVxuLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1sZWdlbmQtdGFibGUtd3JhcHBlciB7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgbWFyZ2luLWxlZnQ6IDFyZW07XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIGhlaWdodDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1sZWdlbmQtdGFibGUtd3JhcHBlciAuZmYtbGVnZW5kLXRhYmxlIHtcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi13aWR0aDogMzAwcHg7XG4gIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG59XG4uZmYtZGFzaGJvYXJkLWRvbnV0LWNoYXJ0LXNlY3Rpb24gLmZmLWxlZ2VuZC10YWJsZS13cmFwcGVyIC5mZi1sZWdlbmQtdGFibGUgLmZmLWxlZ2VuZC10YWJsZS10aGVhZCB7XG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIHRvcDogMDtcbiAgei1pbmRleDogMTA7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRhYnMtYmctY29sb3IpO1xufVxuLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1sZWdlbmQtdGFibGUtd3JhcHBlciAuZmYtbGVnZW5kLXRhYmxlIC5mZi10YWJsZS1oZWFkZXIge1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdGFicy1iZy1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1pbnB1dC1ob3Zlci1ib3JkZXItY29sb3IpO1xuICBwYWRkaW5nOiA3cHggNXB4IDlweCAyMHB4O1xufVxuLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1sZWdlbmQtdGFibGUtd3JhcHBlciAuZmYtbGVnZW5kLXRhYmxlIC5mZi10YWJsZS1oZWFkZXI6bGFzdC1jaGlsZCB7XG4gIHRleHQtYWxpZ246IHJpZ2h0O1xuICBwYWRkaW5nLXJpZ2h0OiAxMHB4O1xufVxuLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1sZWdlbmQtdGFibGUtd3JhcHBlciAuZmYtbGVnZW5kLXRhYmxlIC5mZi10YWJsZS1oZWFkZXI6bnRoLWxhc3QtY2hpbGQoMikge1xuICB3aWR0aDogNThweDtcbn1cbi5mZi1kYXNoYm9hcmQtZG9udXQtY2hhcnQtc2VjdGlvbiAuZmYtbGVnZW5kLXRhYmxlLXdyYXBwZXIgLmZmLWxlZ2VuZC10YWJsZSAuZmYtbGVnZW5kLWNhcHN1bGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zdGF0dXMtc3VjY2Vzcy10ZXh0LWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXRvb2x0aXAtdGV4dC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDFyZW07XG4gIG1pbi13aWR0aDogMjJweDtcbiAgaGVpZ2h0OiAxNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5mZi1kYXNoYm9hcmQtZG9udXQtY2hhcnQtc2VjdGlvbiAuZmYtbGVnZW5kLXRhYmxlLXdyYXBwZXIgLmZmLWxlZ2VuZC10YWJsZSAuZmYtbGVnZW5kLWl0ZW0gLmZmLWxlZ2VuZC1uYW1lIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG59XG4uZmYtZGFzaGJvYXJkLWRvbnV0LWNoYXJ0LXNlY3Rpb24gLmZmLWxlZ2VuZC10YWJsZS13cmFwcGVyIC5mZi1sZWdlbmQtdGFibGUgLmZmLWxlZ2VuZC1pdGVtIC5mZi1sZWdlbmQtbmFtZSxcbi5mZi1kYXNoYm9hcmQtZG9udXQtY2hhcnQtc2VjdGlvbiAuZmYtbGVnZW5kLXRhYmxlLXdyYXBwZXIgLmZmLWxlZ2VuZC10YWJsZSAuZmYtbGVnZW5kLWl0ZW0gLmZmLWxlZ2VuZC1wZXJjZW50YWdlLFxuLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1sZWdlbmQtdGFibGUtd3JhcHBlciAuZmYtbGVnZW5kLXRhYmxlIC5mZi1sZWdlbmQtaXRlbSAuZmYtbGVnZW5kLWNvdW50IHtcbiAgcGFkZGluZzogNHB4IDhweCA0cHggMTBweDtcbiAgY29sb3I6IHZhcigtLWlucHV0LWhvdmVyLWJvcmRlci1jb2xvcik7XG59XG4uZmYtZGFzaGJvYXJkLWRvbnV0LWNoYXJ0LXNlY3Rpb24gLmZmLWxlZ2VuZC10YWJsZS13cmFwcGVyIC5mZi1sZWdlbmQtdGFibGUgLmZmLWxlZ2VuZC1pdGVtIC5mZi1sZWdlbmQtbmFtZTpsYXN0LWNoaWxkLFxuLmZmLWRhc2hib2FyZC1kb251dC1jaGFydC1zZWN0aW9uIC5mZi1sZWdlbmQtdGFibGUtd3JhcHBlciAuZmYtbGVnZW5kLXRhYmxlIC5mZi1sZWdlbmQtaXRlbSAuZmYtbGVnZW5kLXBlcmNlbnRhZ2U6bGFzdC1jaGlsZCxcbi5mZi1kYXNoYm9hcmQtZG9udXQtY2hhcnQtc2VjdGlvbiAuZmYtbGVnZW5kLXRhYmxlLXdyYXBwZXIgLmZmLWxlZ2VuZC10YWJsZSAuZmYtbGVnZW5kLWl0ZW0gLmZmLWxlZ2VuZC1jb3VudDpsYXN0LWNoaWxkIHtcbiAgcGFkZGluZy1yaWdodDogMjJweDtcbn1cbi5mZi1kYXNoYm9hcmQtZG9udXQtY2hhcnQtc2VjdGlvbiAuZmYtbGVnZW5kLXRhYmxlLXdyYXBwZXIgLmZmLWxlZ2VuZC10YWJsZSAuZmYtbGVnZW5kLWl0ZW0gLmZmLWxlZ2VuZC1uYW1lIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICBnYXA6IDVweDtcbiAgY29sb3I6IHZhcigtLWlucHV0LWhvdmVyLWJvcmRlci1jb2xvcik7XG59XG4uZmYtZGFzaGJvYXJkLWRvbnV0LWNoYXJ0LXNlY3Rpb24gLmZmLWxlZ2VuZC10YWJsZS13cmFwcGVyIC5mZi1sZWdlbmQtdGFibGUgLmZmLWxlZ2VuZC1pdGVtIC5mZi1sZWdlbmQtY291bnQge1xuICB0ZXh0LWFsaWduOiByaWdodDtcbn1cblxuLmZmLW92ZXJmbG93LXZpc2libGUsXG4uZmYtc3ZnLW92ZXJmbG93LXZpc2libGUge1xuICBvdmVyZmxvdzogdmlzaWJsZTtcbn1cblxuLmNlbnRlci10ZXh0LXRvb2x0aXAge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5mZi1kLWZsZXgge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuXG4uZmYtbGVnZW5kLXZlcnNpb24tY29udGFpbmVyIHtcbiAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gIGhlaWdodDogNTZweDtcbiAgd2lkdGg6IDI1MXB4O1xuICBwYWRkaW5nOiA4cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBvdmVyZmxvdzogYXV0bztcbiAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG59XG5cbi5mZi1sZWdlbmQtdmVyc2lvbi1jb250YWluZXI6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLmZmLWxlZ2VuZC12ZXJzaW9uLWdyaWQge1xuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCBhdXRvKTtcbiAgY29sdW1uLWdhcDogMzBweDtcbiAgcm93LWdhcDogMjBweDtcbn1cblxuLmZmLWxlZ2VuZC12ZXJzaW9uLWl0ZW0ge1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAycHg7XG59XG5cbi5mZi1sZWdlbmQtdmVyc2lvbi1jaXJjbGUge1xuICB3aWR0aDogNnB4O1xuICBoZWlnaHQ6IDZweDtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xufVxuXG4uZmYtbGVnZW5kLXZlcnNpb24tZXJyb3Ige1xuICBoZWlnaHQ6IDU2cHg7XG4gIHdpZHRoOiAyNTFweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn0iXX0= */");