@rfkit/charts 1.0.105 → 1.1.1

package/index.js

@@ -1,5 +1,5 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
 import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
 import * as __WEBPACK_EXTERNAL_MODULE__rfkit_theme_a11ca9cb__ from "@rfkit/theme";
 import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__ from "react-dom";
 import * as __WEBPACK_EXTERNAL_MODULE__rfkit_spectrum_analyzer_159ab12b__ from "@rfkit/spectrum-analyzer";
@@ -3252,19 +3252,26 @@ const defaultConfig = {
             label: "\u5E73\u5747\u503C",
             display: false
         },
-        threshold: {
-            name: 'threshold',
+        thresholdData: {
+            name: 'thresholdData',
             color: '#FF4C2A',
             thickness: 1,
             label: "\u95E8\u9650\u503C",
             display: false
         },
-        template: {
-            name: 'template',
-            color: '#eb5b5b',
+        templateData: {
+            name: 'templateData',
+            color: '#e38888',
             thickness: 1,
             label: "\u6A21\u677F",
-            display: false
+            display: true
+        },
+        backgroundNoiseData: {
+            name: 'backgroundNoiseData',
+            color: '#2bb3cb',
+            thickness: 1,
+            label: "\u80CC\u666F\u566A\u58F0",
+            display: true
         }
     },
     gradient: {
@@ -3366,7 +3373,7 @@ const getGradient = (i = 0)=>{
     return item[void 0 !== index ? index : i];
 };
 const SERIES = getSeriesConfig();
-const constants_SERIES_NAMES = Object.keys(SERIES);
+const SERIES_NAMES = Object.keys(SERIES);
 const REAL_DATA_NAME = SERIES.realData.name;
 const ZOOM_MIN_RANGE = 10;
 const POPOVER_MARGIN = 16;
@@ -3473,10 +3480,146 @@ var constants_SeriesType = /*#__PURE__*/ function(SeriesType) {
     SeriesType["MaxData"] = "maxData";
     SeriesType["MinData"] = "minData";
     SeriesType["AvgData"] = "avgData";
-    SeriesType["ThresholdData"] = "threshold";
-    SeriesType["TemplateData"] = "template";
+    SeriesType["ThresholdData"] = "thresholdData";
+    SeriesType["TemplateData"] = "templateData";
+    SeriesType["BackgroundNoiseData"] = "backgroundNoiseData";
     return SeriesType;
 }({});
+function useSafePublish() {
+    const chartRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    const [isReady, setIsReady] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    const readyCallbacksRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)([]);
+    const cleanupFunctionsRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)([]);
+    const actualPublishRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    const safePublish = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((data)=>{
+        if (actualPublishRef.current) actualPublishRef.current(data);
+    }, []);
+    const onReady = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((callback)=>{
+        if (isReady && chartRef.current) {
+            const result = callback();
+            if ('function' == typeof result) {
+                cleanupFunctionsRef.current.push(result);
+                return result;
+            }
+        } else {
+            const callbackWrapper = {
+                callback,
+                cleanup: void 0
+            };
+            readyCallbacksRef.current.push(callbackWrapper);
+            return ()=>{
+                const index = readyCallbacksRef.current.indexOf(callbackWrapper);
+                if (index > -1) readyCallbacksRef.current.splice(index, 1);
+                if (callbackWrapper.cleanup) callbackWrapper.cleanup();
+            };
+        }
+    }, [
+        isReady
+    ]);
+    const getSourceData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
+        if (actualPublishRef.current?.getSourceData) return actualPublishRef.current.getSourceData();
+        return {};
+    }, []);
+    const checkIsReady = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>isReady, [
+        isReady
+    ]);
+    const enhancedPublish = Object.assign(safePublish, {
+        getSourceData,
+        isReady: checkIsReady,
+        onReady
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        const checkReady = ()=>{
+            if (chartRef.current && 'function' == typeof chartRef.current && !isReady) {
+                actualPublishRef.current = chartRef.current;
+                setIsReady(true);
+                readyCallbacksRef.current.forEach((item)=>{
+                    const result = item.callback();
+                    if ('function' == typeof result) {
+                        item.cleanup = result;
+                        cleanupFunctionsRef.current.push(result);
+                    }
+                });
+                readyCallbacksRef.current = [];
+            }
+        };
+        checkReady();
+        const timer = setInterval(()=>{
+            if (isReady) clearInterval(timer);
+            else checkReady();
+        }, 10);
+        return ()=>clearInterval(timer);
+    }, [
+        isReady
+    ]);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (!chartRef.current || !chartRef.current.onReady) chartRef.current = enhancedPublish;
+    }, [
+        enhancedPublish
+    ]);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>()=>{
+            cleanupFunctionsRef.current.forEach((cleanup)=>cleanup());
+            cleanupFunctionsRef.current = [];
+        }, []);
+    return {
+        publish: safePublish,
+        chartRef
+    };
+}
+function withChartPublisher(ChartComponent, componentName) {
+    const ChartWrapper = (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
+        const innerChartRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+        const [publishReady, setPublishReady] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+        const pendingCallbacks = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)([]);
+        const actualPublish = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+        const safePublish = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((data)=>{
+            if (actualPublish.current) actualPublish.current(data);
+        }, []);
+        const getSourceData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
+            if (actualPublish.current?.getSourceData) return actualPublish.current.getSourceData();
+            return {};
+        }, []);
+        const isReady = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>publishReady, [
+            publishReady
+        ]);
+        const onReady = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((callback)=>{
+            if (publishReady && actualPublish.current) {
+                const result = callback();
+                if ('function' == typeof result) return result;
+            } else pendingCallbacks.current.push(()=>{
+                const result = callback();
+                if ('function' == typeof result) return result;
+            });
+        }, [
+            publishReady
+        ]);
+        const handleInternalPublish = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((publish)=>{
+            actualPublish.current = publish;
+            if (!publishReady) {
+                setPublishReady(true);
+                pendingCallbacks.current.forEach((callback)=>callback());
+                pendingCallbacks.current = [];
+            }
+        }, [
+            publishReady
+        ]);
+        const enhancedPublish = Object.assign(safePublish, {
+            getSourceData,
+            isReady,
+            onReady
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_react__.useImperativeHandle)(ref, ()=>enhancedPublish, [
+            enhancedPublish
+        ]);
+        return __WEBPACK_EXTERNAL_MODULE_react__["default"].createElement(ChartComponent, {
+            ...props,
+            publish: handleInternalPublish,
+            ref: innerChartRef
+        });
+    });
+    ChartWrapper.displayName = `withChartPublisher(${componentName})`;
+    return ChartWrapper;
+}
 const createGUID = ()=>((1 + Math.random()) * 0x10000 | 0).toString(16).substring(1);
 const getDateTime = (t = Date.now(), sep1 = '-', sep2 = ':', time = false)=>{
     if (!t) return '';
@@ -4513,9 +4656,11 @@ function defaultState_createParams() {
             zoomMinSimulateWave: false,
             dataRate: dataRateDefault,
             data: new Map(),
+            forceDisplay: false,
             legendExternal: [
                 constants_SeriesType.ThresholdData,
-                constants_SeriesType.TemplateData
+                constants_SeriesType.TemplateData,
+                constants_SeriesType.BackgroundNoiseData
             ],
             enableMetrics: void 0,
             enableWaterfall: void 0
@@ -4679,6 +4824,7 @@ const getDefaultData = ()=>({
                 minData: new Float32Array(),
                 avgData: new Float32Array(),
                 templateData: new Float32Array(),
+                backgroundNoiseData: new Float32Array(),
                 waterfallData: []
             })
     });
@@ -4933,7 +5079,7 @@ const Background_Background = ({ children })=>{
 };
 const Background = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(Background_Background);
 const PUB_SUB = (globalID, func)=>subscription_createSubscriptionManager(`PUB_SUB-${globalID}`, '0', func);
-const usePublish = ({ publish = ()=>{}, subscribe = ()=>{} })=>{
+const usePublish = ({ publish, subscribe = ()=>{} })=>{
     const { state: { globalID }, dispatch } = useStore_useStore();
     const getSourceData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>withDatabase(globalID), [
         globalID
@@ -5082,7 +5228,7 @@ useChart_styles_module_options.domAPI = styleDomAPI_default();
 useChart_styles_module_options.insertStyleElement = insertStyleElement_default();
 injectStylesIntoStyleTag_default()(useChart_styles_module.Z, useChart_styles_module_options);
 const hooks_useChart_styles_module = useChart_styles_module.Z && useChart_styles_module.Z.locals ? useChart_styles_module.Z.locals : void 0;
-const useChart_useChart = (props)=>{
+const useChart = (props)=>{
     const { state: { globalID } } = useStore_useStore();
     const { Render, params, onIDChange } = props;
     const id = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>createGUID(), []);
@@ -5129,7 +5275,7 @@ const useChart_useChart = (props)=>{
         Chart
     };
 };
-const useChart = useChart_useChart;
+const hooks_useChart = useChart;
 const tools = (globalID, name, func)=>subscription_createSubscriptionManager(`passThrough-${globalID}-${name}`, '0', func);
 class engine_Engine {
     state = {
@@ -5549,7 +5695,7 @@ Mask_styles_module_options.domAPI = styleDomAPI_default();
 Mask_styles_module_options.insertStyleElement = insertStyleElement_default();
 injectStylesIntoStyleTag_default()(Mask_styles_module.Z, Mask_styles_module_options);
 const components_Mask_styles_module = Mask_styles_module.Z && Mask_styles_module.Z.locals ? Mask_styles_module.Z.locals : void 0;
-const Mask = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, className, style }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+const Mask_Mask = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ children, className, style }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
         className: `${components_Mask_styles_module.Mask} ${className}`,
         style: style,
         ref: ref,
@@ -5563,7 +5709,7 @@ const Mask = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({
             })
         ]
     }));
-const components_Mask = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(Mask);
+const Mask = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(Mask_Mask);
 var Tooltip_styles_module = __webpack_require__("../../../node_modules/.pnpm/@rsbuild+core@1.3.18/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[11].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[11].use[2]!../../../node_modules/.pnpm/@rsbuild+plugin-less@1.3.1_@rsbuild+core@1.4.11/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/Tooltip/styles.module.less");
 var Tooltip_styles_module_options = {};
 Tooltip_styles_module_options.styleTagTransform = styleTagTransform_default();
@@ -5695,7 +5841,7 @@ const Tooltip_Tooltip = ({ children, content, delay = 200, duration = 3000, offs
                 onMouseEnter: handleMouseEnter,
                 onMouseLeave: handleMouseLeave
             }),
-            visible && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__.createPortal)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Mask, {
+            visible && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__.createPortal)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Mask, {
                 ref: tooltipRef,
                 className: components_Tooltip_styles_module.tooltip,
                 style: {
@@ -6451,7 +6597,7 @@ class IQStream {
 }
 const Dial_Dial = ()=>{
     const { state: { globalID } } = useStore_useStore();
-    const { chart, Chart } = useChart({
+    const { chart, Chart } = hooks_useChart({
         Render: IQStream
     });
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
@@ -6496,7 +6642,7 @@ const Chart_Chart = (props)=>{
     });
 };
 const Dial_Chart = Chart_Chart;
-const lib_Dial_Dial = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(store, {
+const DialChart = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(store, {
         ...props,
         system: {
             padding: false,
@@ -6506,6 +6652,7 @@ const lib_Dial_Dial = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react
             ...props
         })
     });
+const lib_Dial_Dial = withChartPublisher(DialChart, 'Dial');
 const lib_Dial = lib_Dial_Dial;
 var GuageBox_styles_module = __webpack_require__("../../../node_modules/.pnpm/@rsbuild+core@1.3.18/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[11].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[11].use[2]!../../../node_modules/.pnpm/@rsbuild+plugin-less@1.3.1_@rsbuild+core@1.4.11/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/GuageBox/styles.module.less");
 var GuageBox_styles_module_options = {};
@@ -6632,7 +6779,7 @@ const Gauge_padding = 20;
 const Gauge_step = 2;
 const Gauge_Gauge = ({ onChange })=>{
     const { state: { globalID, axisY: { range } } } = useStore_useStore();
-    const { chart, Chart } = useChart({
+    const { chart, Chart } = hooks_useChart({
         Render: render_IQStream,
         params: {
             padding: Gauge_padding,
@@ -6660,7 +6807,7 @@ const Gauge_Gauge = ({ onChange })=>{
     ]);
     const [limit, setLimit] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(0);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        tools(globalID, 'Gauge')({
+        tools(globalID, constants_ModuleType.Gauge)({
             limit
         });
     }, [
@@ -6700,7 +6847,7 @@ const Gauge_Chart_Chart = (props)=>{
     });
 };
 const Gauge_Chart = Gauge_Chart_Chart;
-const lib_Gauge_Gauge = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(store, {
+const GaugeChart = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(store, {
         ...props,
         system: {
             padding: false,
@@ -6710,6 +6857,7 @@ const lib_Gauge_Gauge = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_rea
             ...props
         })
     });
+const lib_Gauge_Gauge = withChartPublisher(GaugeChart, 'Gauge');
 const lib_Gauge = lib_Gauge_Gauge;
 const useAxisYWidth_width = 40;
 function useAxisYWidth() {
@@ -6829,7 +6977,7 @@ Default_styles_module_options.domAPI = styleDomAPI_default();
 Default_styles_module_options.insertStyleElement = insertStyleElement_default();
 injectStylesIntoStyleTag_default()(Default_styles_module.Z, Default_styles_module_options);
 const type_Default_styles_module = Default_styles_module.Z && Default_styles_module.Z.locals ? Default_styles_module.Z.locals : void 0;
-const Default_Default = (props)=>{
+const Default = (props)=>{
     const { state: { axisY: { heatmapFullTicks } } } = useStore_useStore();
     const { axisYWidth, marginLeft } = useAxisYWidth();
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
@@ -6845,7 +6993,7 @@ const Default_Default = (props)=>{
         })
     });
 };
-const Default = Default_Default;
+const type_Default = Default;
 var Default_GradientRibbon_styles_module = __webpack_require__("../../../../../../../node_modules/.pnpm/@rsbuild+core@1.3.18/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[11].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[11].use[2]!../../../../../../../node_modules/.pnpm/@rsbuild+plugin-less@1.3.1_@rsbuild+core@1.4.11/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/AxisY/heatmap/type/Default/GradientRibbon/styles.module.less");
 var Default_GradientRibbon_styles_module_options = {};
 Default_GradientRibbon_styles_module_options.styleTagTransform = styleTagTransform_default();
@@ -6866,7 +7014,7 @@ const AxisYHeatmap = (props)=>{
         renderRange
     ]);
     if (false === show) return null;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Default, {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(type_Default, {
         ...props
     });
 };
@@ -7084,13 +7232,6 @@ const components_FrequencyDataBoard_styles_module = FrequencyDataBoard_styles_mo
 const FrequencyDataBoard = ({ left, updateKey, onChange })=>{
     const { state: { axisY, axisX: { frequencyFormat, unit }, series: { data: seriesData, legendExternal }, globalID, stationInfo } } = useStore_useStore();
     const index = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(Number.NaN);
-    const SERIES_NAMES = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>[
-            SERIES.realData.name,
-            SERIES.minData.name,
-            SERIES.maxData.name,
-            SERIES.avgData.name,
-            SERIES.threshold.name
-        ], []);
     const calculateIndex = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((data, n, series)=>{
         const values = data[n] || [];
         if (0 === values.length) return null;
@@ -7183,7 +7324,7 @@ const FrequencyDataBoard = ({ left, updateKey, onChange })=>{
         stationInfo
     ]);
     if (!frequency || left < 0) return null;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(components_Mask, {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(Mask, {
         children: [
             frequency && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
                 className: components_FrequencyDataBoard_styles_module.frequency,
@@ -7260,7 +7401,7 @@ const HeatmapPopover = ({ id })=>{
     const attr = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>seriesData.get(REAL_DATA_NAME), [
         seriesData
     ]);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(components_Mask, {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(Mask, {
         children: [
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FrequencyDisplay, {
                 frequency: frequency,
@@ -7319,7 +7460,7 @@ const OccupancyPopover = ()=>{
         left,
         frequencyFormat
     ]);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(components_Mask, {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(Mask, {
         children: [
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FrequencyDisplay, {
                 frequency: frequency,
@@ -7486,7 +7627,7 @@ function useKeyEvent(globalID, EID) {
         EID
     ]);
 }
-const EventBus = ({ id })=>{
+const EventBus_EventBus = ({ id })=>{
     const { state: { globalID } } = useStore_useStore();
     const EID = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>getEID(id), [
         id
@@ -7608,7 +7749,7 @@ const EventBus = ({ id })=>{
         })
     });
 };
-const components_EventBus = EventBus;
+const EventBus = EventBus_EventBus;
 var FlexBox_styles_module = __webpack_require__("../../../node_modules/.pnpm/@rsbuild+core@1.3.18/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[11].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[11].use[2]!../../../node_modules/.pnpm/@rsbuild+plugin-less@1.3.1_@rsbuild+core@1.4.11/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/FlexBox/styles.module.less");
 var FlexBox_styles_module_options = {};
 FlexBox_styles_module_options.styleTagTransform = styleTagTransform_default();
@@ -7788,7 +7929,7 @@ const Area = (props)=>{
         children: [
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
                 className: HeatmapCapture_Area_styles_module.value,
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(components_Mask, {
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(Mask, {
                     children: [
                         /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
                             className: HeatmapCapture_Area_styles_module.item,
@@ -8258,7 +8399,7 @@ const Slider = ({ id })=>{
     });
 };
 const HeatmapCapture_Slider = Slider;
-const HeatmapCapture = (props)=>{
+const HeatmapCapture_HeatmapCapture = (props)=>{
     const { state: { heatmapCapture } } = useStore_useStore();
     const { show, type } = heatmapCapture;
     if (!show) return null;
@@ -8270,7 +8411,7 @@ const HeatmapCapture = (props)=>{
         ...props
     });
 };
-const components_HeatmapCapture = HeatmapCapture;
+const HeatmapCapture = HeatmapCapture_HeatmapCapture;
 var Board_styles_module = __webpack_require__("../../../../node_modules/.pnpm/@rsbuild+core@1.3.18/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[11].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[11].use[2]!../../../../node_modules/.pnpm/@rsbuild+plugin-less@1.3.1_@rsbuild+core@1.4.11/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/Markers/Board/styles.module.less");
 var Board_styles_module_options = {};
 Board_styles_module_options.styleTagTransform = styleTagTransform_default();
@@ -9409,63 +9550,61 @@ const components_Ticks_Ticks = ({ ranging })=>{
         ranging,
         globalID
     ]);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-            ref: containerRef,
-            className: AxisY_spectrum_components_Ticks_styles_module.ticks,
-            style: {
-                cursor: isDragging ? 'ns-resize' : 'auto',
-                pointerEvents: autoranging ? 'none' : 'auto'
-            },
-            onMouseDown: handleMouseDown,
-            onMouseUp: handleMouseUp,
-            onMouseLeave: handleMouseUp,
-            onMouseMove: handleMouseMove,
-            onDoubleClick: ()=>{
-                ranging.setAxisY?.({
-                    realRange: RANGE_DEFAULT
-                });
-                ranging.onChange?.();
-            },
-            children: [
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Tooltip, {
-                    content: "\u6ED1\u52A8\u9F20\u6807\u6EDA\u8F6E\u4EE5\u6539\u53D8\u8FB9\u754C\u8303\u56F4",
-                    duration: 1500,
-                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                        className: AxisY_spectrum_components_Ticks_styles_module.wheelContainerTop,
-                        style: {
-                            pointerEvents: isDragging ? 'none' : 'auto'
-                        },
-                        onWheel: (e)=>handleWheelWithBorder(e, true)
-                    })
-                }),
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Tooltip, {
-                    content: "\u6ED1\u52A8\u9F20\u6807\u6EDA\u8F6E\u4EE5\u6539\u53D8\u8FB9\u754C\u8303\u56F4",
-                    duration: 1500,
-                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                        className: AxisY_spectrum_components_Ticks_styles_module.wheelContainerBottom,
-                        style: {
-                            pointerEvents: isDragging ? 'none' : 'auto'
-                        },
-                        onWheel: (e)=>handleWheelWithBorder(e, false)
-                    })
-                }),
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                    className: AxisY_spectrum_components_Ticks_styles_module.ticksContainer,
-                    style: ticksStyle,
-                    title: `${autoranging ? "\u8303\u56F4\u63A7\u5236\u5DF2\u5168\u81EA\u52A8" : "\u6309\u4F4F\u9F20\u6807\u5DE6\u952E\u4E0A\u4E0B\u62D6\u52A8\n\u5728\u8FB9\u754C\u6EDA\u52A8\u9F20\u6807\u6EDA\u8F6E\u4EE5\u6539\u53D8\u89C6\u89C9\u8303\u56F4"}
-\u{53CC}\u{51FB}\u{56DE}\u{5230}\u{9ED8}\u{8BA4}\u{8303}\u{56F4}${RANGE_DEFAULT}`,
-                    children: [
-                        ticks,
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_RulerTicks, {
-                            orientation: "vertical",
-                            length: 2 * len,
-                            split: 2
-                        })
-                    ]
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        ref: containerRef,
+        className: AxisY_spectrum_components_Ticks_styles_module.ticks,
+        style: {
+            cursor: isDragging ? 'ns-resize' : 'auto',
+            pointerEvents: autoranging ? 'none' : 'auto'
+        },
+        onMouseDown: handleMouseDown,
+        onMouseUp: handleMouseUp,
+        onMouseLeave: handleMouseUp,
+        onMouseMove: handleMouseMove,
+        onDoubleClick: ()=>{
+            ranging.setAxisY?.({
+                realRange: RANGE_DEFAULT
+            });
+            ranging.onChange?.();
+        },
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Tooltip, {
+                content: "\u6ED1\u52A8\u9F20\u6807\u6EDA\u8F6E\u4EE5\u6539\u53D8\u8FB9\u754C\u8303\u56F4",
+                duration: 1500,
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                    className: AxisY_spectrum_components_Ticks_styles_module.wheelContainerTop,
+                    style: {
+                        pointerEvents: isDragging ? 'none' : 'auto'
+                    },
+                    onWheel: (e)=>handleWheelWithBorder(e, true)
                 })
-            ]
-        })
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Tooltip, {
+                content: "\u6ED1\u52A8\u9F20\u6807\u6EDA\u8F6E\u4EE5\u6539\u53D8\u8FB9\u754C\u8303\u56F4",
+                duration: 1500,
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                    className: AxisY_spectrum_components_Ticks_styles_module.wheelContainerBottom,
+                    style: {
+                        pointerEvents: isDragging ? 'none' : 'auto'
+                    },
+                    onWheel: (e)=>handleWheelWithBorder(e, false)
+                })
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                className: AxisY_spectrum_components_Ticks_styles_module.ticksContainer,
+                style: ticksStyle,
+                title: `${autoranging ? "\u8303\u56F4\u63A7\u5236\u5DF2\u5168\u81EA\u52A8" : "\u6309\u4F4F\u9F20\u6807\u5DE6\u952E\u4E0A\u4E0B\u62D6\u52A8\n\u5728\u8FB9\u754C\u6EDA\u52A8\u9F20\u6807\u6EDA\u8F6E\u4EE5\u6539\u53D8\u89C6\u89C9\u8303\u56F4"}
+\u{53CC}\u{51FB}\u{56DE}\u{5230}\u{9ED8}\u{8BA4}\u{8303}\u{56F4}${RANGE_DEFAULT}`,
+                children: [
+                    ticks,
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_RulerTicks, {
+                        orientation: "vertical",
+                        length: 2 * len,
+                        split: 2
+                    })
+                ]
+            })
+        ]
     });
 };
 const spectrum_components_Ticks = components_Ticks_Ticks;
@@ -9645,9 +9784,8 @@ class Spectrum {
             return config;
         });
         this.setSeries({
-            ...SERIES.template,
-            type: type_GraphicType.Area,
-            display: true
+            ...SERIES.templateData,
+            type: type_GraphicType.Area
         });
         this.useRangeAutoFocus = ()=>{
             useRangeAutoFocus(this.state.globalID)();
@@ -9660,7 +9798,7 @@ class Spectrum {
             for(let i = 0; i < s.length; i += 1){
                 const [name] = s[i];
                 const data = d[name];
-                if (data && (constants_SERIES_NAMES.includes(name) || 'template' === name)) {
+                if (data && (SERIES_NAMES.includes(name) || name === SERIES.templateData.name)) {
                     chart.render({
                         name,
                         data
@@ -9685,7 +9823,7 @@ class Spectrum {
             this.state.interval = len;
             chart.setIntervel(len);
         }
-        const n = new Date().getTime();
+        const n = Date.now();
         if (autoranging && n - prevAutoRangeTime > 1000) {
             this.state.prevAutoRangeTime = n;
             this.useRangeAutoFocus();
@@ -10316,7 +10454,7 @@ class render_Heatmap {
 const Heatmap_Heatmap = (props)=>{
     const { selecter, heatmapDefaultData } = props;
     const { state: { axisY: { realRange }, globalID } } = useStore_useStore();
-    const { id, chart, Chart } = useChart({
+    const { id, chart, Chart } = hooks_useChart({
         Render: render_Heatmap,
         params: {
             realRange,
@@ -10368,7 +10506,7 @@ const Heatmap_Heatmap = (props)=>{
                 children: [
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Boundary, {}),
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Chart, {}),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_EventBus, {
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(EventBus, {
                         id: id
                     }),
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Markers, {
@@ -10376,7 +10514,7 @@ const Heatmap_Heatmap = (props)=>{
                         heatmapMode: true,
                         selecter: selecter
                     }),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_HeatmapCapture, {
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(HeatmapCapture, {
                         id: id
                     }),
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Cursor, {
@@ -10430,12 +10568,13 @@ const Heatmap_Chart_Chart = ({ publish, heatmapDefaultData })=>{
     });
 };
 const Heatmap_Chart = Heatmap_Chart_Chart;
-const lib_Heatmap_Heatmap = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(store, {
+const HeatmapChart = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(store, {
         ...props,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Heatmap_Chart, {
             ...props
         })
     });
+const lib_Heatmap_Heatmap = withChartPublisher(HeatmapChart, 'Heatmap');
 const lib_Heatmap = lib_Heatmap_Heatmap;
 class IQPlanisphere {
     state;
@@ -10473,7 +10612,7 @@ class IQPlanisphere {
 }
 function IQEye_IQPlanisphere() {
     const { state: { globalID } } = useStore_useStore();
-    const { chart, Chart } = useChart({
+    const { chart, Chart } = hooks_useChart({
         Render: IQPlanisphere
     });
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
@@ -10635,7 +10774,7 @@ const GridLines = ()=>{
 const components_GridLines = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(GridLines);
 const IQLine = ()=>{
     const { state: { axisY: { autoranging }, globalID } } = useStore_useStore();
-    const { chart, Chart } = useChart({
+    const { chart, Chart } = hooks_useChart({
         Render: Spectrum,
         params: {
             autoranging
@@ -10739,7 +10878,7 @@ class render_IQPlanisphere {
 }
 function IQPlanisphere_IQPlanisphere() {
     const { state: { globalID } } = useStore_useStore();
-    const { chart, Chart } = useChart({
+    const { chart, Chart } = hooks_useChart({
         Render: render_IQPlanisphere
     });
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
@@ -10800,7 +10939,7 @@ class IQStream_render_IQStream {
 }
 const IQStream_IQStream = ()=>{
     const { state: { globalID } } = useStore_useStore();
-    const { chart, Chart } = useChart({
+    const { chart, Chart } = hooks_useChart({
         Render: IQStream_render_IQStream
     });
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
@@ -10886,7 +11025,7 @@ const IQ_Chart_Chart = (props)=>{
     });
 };
 const IQ_Chart = IQ_Chart_Chart;
-const IQ_IQ = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(store, {
+const IQChart = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(store, {
         system: {
             padding: false,
             border: false
@@ -10896,6 +11035,7 @@ const IQ_IQ = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_run
             ...props
         })
     });
+const IQ_IQ = withChartPublisher(IQChart, 'IQ');
 const lib_IQ = IQ_IQ;
 function uselevelStreamAnalyzer() {
     const { state: { globalID, axisY: { range }, levelStream: { cacheTime, granularity } } } = useStore_useStore();
@@ -11031,7 +11171,7 @@ class Occupancy {
 const Level_Level = (props)=>{
     const { state: { axisY, globalID } } = useStore_useStore();
     const { opacity } = props;
-    const { chart, Chart } = useChart({
+    const { chart, Chart } = hooks_useChart({
         Render: Occupancy,
         params: {
             orientation: type_OrientationType.Horizontal
@@ -12324,7 +12464,7 @@ function usePoints() {
 const Spectrum_Spectrum = (props)=>{
     const { selecter, children } = props;
     const { state: { axisY: { autoranging }, series: { weaken }, globalID } } = useStore_useStore();
-    const { id, chart, Chart } = useChart({
+    const { id, chart, Chart } = hooks_useChart({
         Render: Spectrum,
         params: {
             autoranging,
@@ -12412,7 +12552,7 @@ const Spectrum_Spectrum = (props)=>{
                         heatmapMode: false,
                         selecter: selecter
                     }),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_EventBus, {
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(EventBus, {
                         id: id
                     }),
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Limit, {
@@ -12468,7 +12608,7 @@ const LevelStream_Chart_Chart = (props)=>{
     });
 };
 const LevelStream_Chart = LevelStream_Chart_Chart;
-const LevelStream_LevelStream = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(store, {
+const LevelStreamChart = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(store, {
         ...props,
         cursor: {
             show: false
@@ -12483,6 +12623,7 @@ const LevelStream_LevelStream = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MO
             ...props
         })
     });
+const LevelStream_LevelStream = withChartPublisher(LevelStreamChart, 'LevelStream');
 const LevelStream = LevelStream_LevelStream;
 var occupancy_components_Ticks_styles_module = __webpack_require__("../../../../../../node_modules/.pnpm/@rsbuild+core@1.3.18/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[11].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[11].use[2]!../../../../../../node_modules/.pnpm/@rsbuild+plugin-less@1.3.1_@rsbuild+core@1.4.11/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/AxisY/occupancy/components/Ticks/styles.module.less");
 var occupancy_components_Ticks_styles_module_options = {};
@@ -12522,7 +12663,7 @@ type_Default_styles_module_options.domAPI = styleDomAPI_default();
 type_Default_styles_module_options.insertStyleElement = insertStyleElement_default();
 injectStylesIntoStyleTag_default()(occupancy_type_Default_styles_module.Z, type_Default_styles_module_options);
 const AxisY_occupancy_type_Default_styles_module = occupancy_type_Default_styles_module.Z && occupancy_type_Default_styles_module.Z.locals ? occupancy_type_Default_styles_module.Z.locals : void 0;
-const type_Default_Default = ()=>{
+const Default_Default = ()=>{
     const { axisYWidth, marginLeft } = useAxisYWidth();
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
         className: AxisY_occupancy_type_Default_styles_module.axisyoccupancydefault,
@@ -12533,13 +12674,13 @@ const type_Default_Default = ()=>{
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(occupancy_components_Ticks, {})
     });
 };
-const type_Default = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(type_Default_Default);
+const occupancy_type_Default = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(Default_Default);
 const AxisYOccupancy = (props)=>{
     const { disabled } = props;
     const { state: { axisY } } = useStore_useStore();
     const { show } = axisY;
     if (false === show || disabled) return null;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(type_Default, {});
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(occupancy_type_Default, {});
 };
 const AxisY_occupancy = AxisYOccupancy;
 var Occdahsed_styles_module = __webpack_require__("../../../../node_modules/.pnpm/@rsbuild+core@1.3.18/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[11].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[11].use[2]!../../../../node_modules/.pnpm/@rsbuild+plugin-less@1.3.1_@rsbuild+core@1.4.11/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/GridLines/Occdahsed/styles.module.less");
@@ -12604,7 +12745,7 @@ const TotalLine = TotalLine_TotalLine;
 const Occupancy_Occupancy = (props)=>{
     const { occupancyAxisYDisabled } = props;
     const { state: { globalID } } = useStore_useStore();
-    const { id, chart, Chart } = useChart({
+    const { id, chart, Chart } = hooks_useChart({
         Render: Occupancy
     });
     const [value, setValue] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(0);
@@ -12640,7 +12781,7 @@ const Occupancy_Occupancy = (props)=>{
                 children: [
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Occdahsed, {}),
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Chart, {}),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_EventBus, {
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(EventBus, {
                         id: id
                     }),
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(TotalLine, {
@@ -12675,12 +12816,13 @@ const Occupancy_Chart_Chart = (props)=>{
     });
 };
 const Occupancy_Chart = Occupancy_Chart_Chart;
-const lib_Occupancy_Occupancy = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(store, {
+const OccupancyChart = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(store, {
         ...props,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Occupancy_Chart, {
             ...props
         })
     });
+const lib_Occupancy_Occupancy = withChartPublisher(OccupancyChart, 'Occupancy');
 const lib_Occupancy = lib_Occupancy_Occupancy;
 var AxisX_styles_module = __webpack_require__("../../../node_modules/.pnpm/@rsbuild+core@1.3.18/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[11].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[11].use[2]!../../../node_modules/.pnpm/@rsbuild+plugin-less@1.3.1_@rsbuild+core@1.4.11/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/AxisX/styles.module.less");
 var AxisX_styles_module_options = {};
@@ -12836,7 +12978,7 @@ const AxisXTicks = ({ type })=>{
     });
 };
 const AxisX_Ticks = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(AxisXTicks);
-const AxisX_AxisX = ({ type })=>{
+const AxisX = ({ type })=>{
     const { state: { axisX } } = useStore_useStore();
     const { children, unit, ticks } = axisX;
     const { width, pluginBoxWidth } = useAxisYWidth();
@@ -12874,7 +13016,7 @@ const AxisX_AxisX = ({ type })=>{
         })
     });
 };
-const AxisX = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(AxisX_AxisX);
+const components_AxisX = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(AxisX);
 var Blaze_styles_module = __webpack_require__("../../../node_modules/.pnpm/@rsbuild+core@1.3.18/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[11].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[11].use[2]!../../../node_modules/.pnpm/@rsbuild+plugin-less@1.3.1_@rsbuild+core@1.4.11/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/Blaze/styles.module.less");
 var Blaze_styles_module_options = {};
 Blaze_styles_module_options.styleTagTransform = styleTagTransform_default();
@@ -13373,7 +13515,7 @@ const ZoomSwitch = ()=>{
 };
 const Zoom_Switch = ZoomSwitch;
 const modes = Object.values(constants_ModuleType);
-const Reset = ()=>{
+const Reset_Reset = ()=>{
     const { state: { globalID, publish } } = useStore_useStore();
     const handleReset = ()=>{
         publish({
@@ -13400,7 +13542,7 @@ const Reset = ()=>{
         })
     });
 };
-const ToolsBar_Reset = Reset;
+const Reset = Reset_Reset;
 var Dropdown_styles_module = __webpack_require__("../../../node_modules/.pnpm/@rsbuild+core@1.3.18/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[11].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[11].use[2]!../../../node_modules/.pnpm/@rsbuild+plugin-less@1.3.1_@rsbuild+core@1.4.11/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/Dropdown/styles.module.less");
 var Dropdown_styles_module_options = {};
 Dropdown_styles_module_options.styleTagTransform = styleTagTransform_default();
@@ -13644,7 +13786,7 @@ function useSpectrumRule({ channel, onChannelChange }) {
     }, []);
     return handleSpectrumRule;
 }
-const SegmentsDisplayControl_SegmentsDisplayControl = ()=>{
+const SegmentsDisplayControl = ()=>{
     const { state: { segments, globalID } } = useStore_useStore();
     const [display, setDisplay] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)([]);
     const [selectedIndex, setSelectedIndex] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(null);
@@ -13685,7 +13827,7 @@ const SegmentsDisplayControl_SegmentsDisplayControl = ()=>{
         onChange: handleSelect
     });
 };
-const SegmentsDisplayControl = SegmentsDisplayControl_SegmentsDisplayControl;
+const ToolsBar_SegmentsDisplayControl = SegmentsDisplayControl;
 var SeriesDisplayControl_styles_module = __webpack_require__("../../../../node_modules/.pnpm/@rsbuild+core@1.3.18/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[11].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[11].use[2]!../../../../node_modules/.pnpm/@rsbuild+plugin-less@1.3.1_@rsbuild+core@1.4.11/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/ToolsBar/SeriesDisplayControl/styles.module.less");
 var SeriesDisplayControl_styles_module_options = {};
 SeriesDisplayControl_styles_module_options.styleTagTransform = styleTagTransform_default();
@@ -13695,14 +13837,18 @@ SeriesDisplayControl_styles_module_options.domAPI = styleDomAPI_default();
 SeriesDisplayControl_styles_module_options.insertStyleElement = insertStyleElement_default();
 injectStylesIntoStyleTag_default()(SeriesDisplayControl_styles_module.Z, SeriesDisplayControl_styles_module_options);
 const ToolsBar_SeriesDisplayControl_styles_module = SeriesDisplayControl_styles_module.Z && SeriesDisplayControl_styles_module.Z.locals ? SeriesDisplayControl_styles_module.Z.locals : void 0;
-const SeriesDisplayControl = ()=>{
+const SeriesDisplayControl_SeriesDisplayControl = ()=>{
     const { state: { globalID, series }, dispatch } = useStore_useStore();
-    const { data, legendExternal } = series;
-    const onClick = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((name)=>{
+    const { data, legendExternal, forceDisplay } = series;
+    const seriesType = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>Array.from(data.keys()).filter((name)=>!legendExternal.includes(name)).filter((name)=>name !== constants_SeriesType.TemplateData), [
+        data,
+        legendExternal
+    ]);
+    const onClick = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((name, isDisplayTrue)=>{
         if (globalID) {
             const item = data.get(name);
             if (item) {
-                const newDisplay = !item.display;
+                const newDisplay = isDisplayTrue ? true : !item.display;
                 data.set(name, {
                     ...item,
                     display: newDisplay
@@ -13725,6 +13871,19 @@ const SeriesDisplayControl = ()=>{
         data,
         globalID
     ]);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (forceDisplay) [
+            constants_SeriesType.MinData,
+            constants_SeriesType.MaxData
+        ].forEach((s)=>{
+            if (!legendExternal.includes(s)) setTimeout(()=>{
+                onClick(s, true);
+            }, 1);
+        });
+    }, [
+        forceDisplay,
+        seriesType
+    ]);
     const [isCollapsed, setIsCollapsed] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(true);
     const toggleCollapse = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
         setIsCollapsed((prev)=>!prev);
@@ -13772,7 +13931,7 @@ const SeriesDisplayControl = ()=>{
             CollapsedIcon,
             !isCollapsed && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
                 className: ToolsBar_SeriesDisplayControl_styles_module.itemsContainer,
-                children: Array.from(data.keys()).filter((name)=>!legendExternal.includes(name)).filter((name)=>name !== constants_SeriesType.TemplateData).map((name)=>{
+                children: seriesType.map((name)=>{
                     const series = data.get(name);
                     const dp = series?.display;
                     const label = series?.label;
@@ -13795,7 +13954,7 @@ const SeriesDisplayControl = ()=>{
         ]
     });
 };
-const ToolsBar_SeriesDisplayControl = SeriesDisplayControl;
+const SeriesDisplayControl = SeriesDisplayControl_SeriesDisplayControl;
 const SpacerLine = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
         className: components_ToolsBar_styles_module.spacerLine
     });
@@ -13821,7 +13980,7 @@ const ToolsBar = ({ type })=>{
                 type !== constants_ChartType.ScanDF360 && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Unit, {}),
                 type === constants_ChartType.Heatmap && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_GradientRibbon, {}),
                 type !== constants_ChartType.ScanDF360 && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_SpacerLine, {}),
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_Reset, {}),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Reset, {}),
                 (type === constants_ChartType.SingleFrequency || type === constants_ChartType.Scan || type === constants_ChartType.MScan) && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
                     children: [
                         /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FrequencyAllocation_Switch, {}),
@@ -13831,7 +13990,7 @@ const ToolsBar = ({ type })=>{
                     ]
                 }),
                 type === constants_ChartType.Scan && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
-                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SegmentsDisplayControl, {})
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_SegmentsDisplayControl, {})
                 }),
                 type === constants_ChartType.Heatmap && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
                     children: [
@@ -13839,7 +13998,7 @@ const ToolsBar = ({ type })=>{
                         /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(TimeRange_Switch, {})
                     ]
                 }),
-                (type === constants_ChartType.SingleFrequency || type === constants_ChartType.Scan || type === constants_ChartType.MScan) && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_SeriesDisplayControl, {})
+                (type === constants_ChartType.SingleFrequency || type === constants_ChartType.Scan || type === constants_ChartType.MScan) && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SeriesDisplayControl, {})
             ]
         })
     });
@@ -13944,7 +14103,7 @@ function useSeries() {
             label: label || existingSeries?.label || name || existingSeries?.name,
             data: data || existingSeries?.data
         };
-        if (!constants_SERIES_NAMES.includes(name) && !seriesStore.data.has(name) && void 0 === config.display) newConfig.display = true;
+        if (!SERIES_NAMES.includes(name) && !seriesStore.data.has(name) && void 0 === config.display) newConfig.display = true;
         seriesRef.current.set(name, newConfig);
         seriesStore.data = seriesRef.current;
         dispatch({
@@ -14061,7 +14220,7 @@ function useSpectrumAnalyzer(props) {
                 name,
                 data
             });
-            if (data && !constants_SERIES_NAMES.includes(name) && globalIDRef.current) {
+            if (data && !SERIES_NAMES.includes(name) && globalIDRef.current) {
                 extraOutputData.current.set(name, {
                     outputData: getExtraData(data),
                     originalData: data
@@ -14131,12 +14290,13 @@ function useSpectrumAnalyzer(props) {
     }, []);
     const { updateTemplateOverData } = useTemplateComparison();
     const handleSpectrumUpdate = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((data)=>{
-        if (data.realData) updateSpectrum({
+        if (data.realData || data.templateData || data.backgroundNoiseData) updateSpectrum({
             minData: data.minData,
             maxData: data.maxData,
             avgData: data.avgData,
+            backgroundNoiseData: data.backgroundNoiseData,
             realData: data.realData,
-            template: data.templateData
+            templateData: data.templateData
         });
         if (data.scanProgress) updateProgress(data.scanProgress);
         if (data.waterfallData) updateWaterfall(data.waterfallData);
@@ -14177,7 +14337,7 @@ function useSpectrumAnalyzer(props) {
         if ((newStart !== oldStart || newEnd !== oldEnd) && analyzer.current) {
             intervalRef.current = interval;
             srcIndexCache.current = analyzer.current.updateSamplingRange(newStart, newEnd + 1) || new Uint32Array();
-            for (const [name, item] of series)if (!constants_SERIES_NAMES.includes(name) && item.data) extraOutputData.current?.set(name, {
+            for (const [name, item] of series)if (!SERIES_NAMES.includes(name) && item.data) extraOutputData.current?.set(name, {
                 outputData: getExtraData(item.data),
                 originalData: item.data
             });
@@ -14230,7 +14390,8 @@ function useSpectrumAnalyzer(props) {
                 if (e.maxData) analyzer.current.setMaxData(e.maxData);
                 if (e.minData) analyzer.current.setMinData(e.minData);
                 if (e.avgData) analyzer.current.setAvgData(e.avgData);
-                if (e.template) analyzer.current.setTemplateData(e.template);
+                if (e.templateData) analyzer.current.setTemplateData(e.templateData);
+                if (e.backgroundNoiseData) analyzer.current.setBackgroundNoiseData(e.backgroundNoiseData);
                 if (e.extraData) updateExtraData(e.extraData);
                 break;
             case constants_PSType.Heatmap:
@@ -14301,6 +14462,7 @@ function useSpectrumChartType({ type, heatmapElementID }) {
         if (type === constants_ChartType.DDC) {
             limit.show = false;
             signal.show = false;
+            marker.display = true;
         }
         if (type === constants_ChartType.Lite) {
             limit.show = false;
@@ -14389,7 +14551,7 @@ const HeatmapPortal_Chart = (props)=>{
                 /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(modules_Heatmap, {
                     selecter: selecter
                 }),
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(AxisX, {
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_AxisX, {
                     type: type
                 })
             ]
@@ -14407,7 +14569,7 @@ const OccupancyPortal_Chart = (props)=>{
                     type: constants_ChartType.Occupancy
                 }),
                 /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(modules_Occupancy, {}),
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(AxisX, {
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_AxisX, {
                     type: type
                 })
             ]
@@ -14476,18 +14638,19 @@ const Spectrum_Chart_Chart = (props)=>{
                     })
                 ]
             }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(AxisX, {
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_AxisX, {
                 type: type
             })
         ]
     });
 };
 const Spectrum_Chart = Spectrum_Chart_Chart;
-const lib_Spectrum_Spectrum = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(store, {
+const SpectrumChart = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(store, {
         ...props,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Spectrum_Chart, {
             ...props
         })
     });
+const lib_Spectrum_Spectrum = withChartPublisher(SpectrumChart, 'Spectrum');
 const lib_Spectrum = lib_Spectrum_Spectrum;
-export { constants_ChartType as ChartType, lib_Dial as Dial, lib_Gauge as Gauge, lib_Heatmap as Heatmap, store_HeatmapCaptureType as HeatmapCaptureType, lib_IQ as IQ, LevelStream, constants_MarkerEventType as MarkerEventType, lib_Occupancy as Occupancy, constants_OptionKey as OptionKey, constants_PSType as PSType, constants_SegmentsEvent as SegmentsEvent, constants_SeriesType as SeriesType, lib_Spectrum as Spectrum };
+export { constants_ChartType as ChartType, lib_Dial as Dial, lib_Gauge as Gauge, lib_Heatmap as Heatmap, store_HeatmapCaptureType as HeatmapCaptureType, lib_IQ as IQ, LevelStream, constants_MarkerEventType as MarkerEventType, lib_Occupancy as Occupancy, constants_OptionKey as OptionKey, constants_PSType as PSType, constants_SegmentsEvent as SegmentsEvent, constants_SeriesType as SeriesType, lib_Spectrum as Spectrum, useSafePublish };