@backtest-kit/ui 6.16.0 → 7.1.0

package/build/modules/frontend/build/3rdparty/qfchart_0.8.7/qfchart.js

@@ -14,3984 +14,45 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('echarts')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'echarts'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.QFChart = {}, global.echarts));
-})(this, (function (exports, echarts) { 'use strict';
-
-    function _interopNamespaceDefault(e) {
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n.default = e;
-        return Object.freeze(n);
-    }
-
-    var echarts__namespace = /*#__PURE__*/_interopNamespaceDefault(echarts);
-
-    var __defProp$a = Object.defineProperty;
-    var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-    var __publicField$a = (obj, key, value) => {
-      __defNormalProp$a(obj, typeof key !== "symbol" ? key + "" : key, value);
-      return value;
-    };
-    class Indicator {
-      constructor(id, plots, paneIndex, options = {}) {
-        __publicField$a(this, "id");
-        __publicField$a(this, "plots");
-        __publicField$a(this, "paneIndex");
-        __publicField$a(this, "height");
-        __publicField$a(this, "collapsed");
-        __publicField$a(this, "titleColor");
-        __publicField$a(this, "controls");
-        this.id = id;
-        this.plots = plots;
-        this.paneIndex = paneIndex;
-        this.height = options.height;
-        this.collapsed = options.collapsed || false;
-        this.titleColor = options.titleColor;
-        this.controls = options.controls;
-      }
-      toggleCollapse() {
-        this.collapsed = !this.collapsed;
-      }
-      isVisible() {
-        return !this.collapsed;
-      }
-      /**
-       * Update indicator data incrementally by merging new points
-       *
-       * @param plots - New plots data to merge (same structure as constructor)
-       *
-       * @remarks
-       * This method merges new indicator data with existing data by timestamp.
-       * - New timestamps are added
-       * - Existing timestamps are updated with new values
-       * - All data is automatically sorted by time after merge
-       *
-       * **Important**: This method only updates the indicator's internal data structure.
-       * To see the changes reflected in the chart, you MUST call `chart.updateData()`
-       * after updating indicator data.
-       *
-       * **Usage Pattern**:
-       * ```typescript
-       * // 1. Update indicator data first
-       * indicator.updateData({
-       *   macd: { data: [{ time: 1234567890, value: 150 }], options: { style: 'line', color: '#2962FF' } }
-       * });
-       *
-       * // 2. Then update chart data to trigger re-render
-       * chart.updateData([
-       *   { time: 1234567890, open: 100, high: 105, low: 99, close: 103, volume: 1000 }
-       * ]);
-       * ```
-       *
-       * **Note**: If you update indicator data without corresponding market data changes,
-       * this typically indicates a recalculation scenario. In normal workflows, indicator
-       * values are derived from market data, so indicator updates should correspond to
-       * new or modified market bars.
-       */
-      updateData(plots) {
-        Object.keys(plots).forEach((plotName) => {
-          if (!this.plots[plotName]) {
-            this.plots[plotName] = plots[plotName];
-          } else {
-            const existingPlot = this.plots[plotName];
-            const newPlot = plots[plotName];
-            if (!existingPlot.data)
-              return;
-            if (newPlot.options) {
-              existingPlot.options = { ...existingPlot.options, ...newPlot.options };
-            }
-            const existingTimeMap = /* @__PURE__ */ new Map();
-            existingPlot.data?.forEach((point) => {
-              existingTimeMap.set(point.time, point);
-            });
-            newPlot.data?.forEach((point) => {
-              existingTimeMap.set(point.time, point);
-            });
-            existingPlot.data = Array.from(existingTimeMap.values()).sort((a, b) => a.time - b.time);
-          }
-        });
-      }
-    }
-
-    class AxisUtils {
-      // Create min/max functions that apply padding
-      static createMinFunction(paddingPercent) {
-        return (value) => {
-          const range = value.max - value.min;
-          const padding = range * (paddingPercent / 100);
-          return value.min - padding;
-        };
-      }
-      static createMaxFunction(paddingPercent) {
-        return (value) => {
-          const range = value.max - value.min;
-          const padding = range * (paddingPercent / 100);
-          return value.max + padding;
-        };
-      }
-    }
-
-    class LayoutManager {
-      static calculate(containerHeight, indicators, options, isMainCollapsed = false, maximizedPaneId = null, marketData) {
-        let pixelToPercent = 0;
-        if (containerHeight > 0) {
-          pixelToPercent = 1 / containerHeight * 100;
-        }
-        const yAxisPaddingPercent = options.yAxisPadding !== void 0 ? options.yAxisPadding : 5;
-        const separatePaneIndices = Array.from(indicators.values()).map((ind) => ind.paneIndex).filter((idx) => idx > 0).sort((a, b) => a - b).filter((value, index, self) => self.indexOf(value) === index);
-        const hasSeparatePane = separatePaneIndices.length > 0;
-        const dzVisible = options.dataZoom?.visible ?? true;
-        const dzPosition = options.dataZoom?.position ?? "top";
-        const dzHeight = options.dataZoom?.height ?? 6;
-        const dzStart = options.dataZoom?.start ?? 0;
-        const dzEnd = options.dataZoom?.end ?? 100;
-        let mainPaneTop = 8;
-        let chartAreaBottom = 92;
-        let maximizeTargetIndex = -1;
-        if (maximizedPaneId) {
-          if (maximizedPaneId === "main") {
-            maximizeTargetIndex = 0;
-          } else {
-            const ind = indicators.get(maximizedPaneId);
-            if (ind) {
-              maximizeTargetIndex = ind.paneIndex;
-            }
-          }
-        }
-        if (maximizeTargetIndex !== -1) {
-          const grid2 = [];
-          const xAxis2 = [];
-          const yAxis2 = [];
-          const dataZoom2 = [];
-          const dzStart2 = options.dataZoom?.start ?? 50;
-          const dzEnd2 = options.dataZoom?.end ?? 100;
-          const zoomOnTouch = options.dataZoom?.zoomOnTouch ?? true;
-          if (zoomOnTouch) {
-            dataZoom2.push({ type: "inside", xAxisIndex: "all", start: dzStart2, end: dzEnd2 });
-          }
-          const maxPaneIndex = hasSeparatePane ? Math.max(...separatePaneIndices) : 0;
-          const paneConfigs2 = [];
-          for (let i = 0; i <= maxPaneIndex; i++) {
-            const isTarget = i === maximizeTargetIndex;
-            grid2.push({
-              left: "10%",
-              right: "10%",
-              top: isTarget ? "5%" : "0%",
-              height: isTarget ? "90%" : "0%",
-              show: isTarget,
-              containLabel: false
-            });
-            xAxis2.push({
-              type: "category",
-              gridIndex: i,
-              data: [],
-              show: isTarget,
-              axisLabel: {
-                show: isTarget,
-                color: "#94a3b8",
-                fontFamily: options.fontFamily
-              },
-              axisLine: { show: isTarget, lineStyle: { color: "#334155" } },
-              splitLine: {
-                show: isTarget,
-                lineStyle: { color: "#334155", opacity: 0.5 }
-              }
-            });
-            let yMin;
-            let yMax;
-            if (i === 0 && maximizeTargetIndex === 0) {
-              yMin = options.yAxisMin !== void 0 && options.yAxisMin !== "auto" ? options.yAxisMin : AxisUtils.createMinFunction(yAxisPaddingPercent);
-              yMax = options.yAxisMax !== void 0 && options.yAxisMax !== "auto" ? options.yAxisMax : AxisUtils.createMaxFunction(yAxisPaddingPercent);
-            } else {
-              yMin = AxisUtils.createMinFunction(yAxisPaddingPercent);
-              yMax = AxisUtils.createMaxFunction(yAxisPaddingPercent);
-            }
-            yAxis2.push({
-              position: "right",
-              gridIndex: i,
-              show: isTarget,
-              scale: true,
-              min: yMin,
-              max: yMax,
-              axisLabel: {
-                show: isTarget,
-                color: "#94a3b8",
-                fontFamily: options.fontFamily,
-                formatter: (value) => {
-                  if (options.yAxisLabelFormatter) {
-                    return options.yAxisLabelFormatter(value);
-                  }
-                  const decimals = options.yAxisDecimalPlaces !== void 0 ? options.yAxisDecimalPlaces : 2;
-                  if (typeof value === "number") {
-                    return value.toFixed(decimals);
-                  }
-                  return String(value);
-                }
-              },
-              splitLine: {
-                show: isTarget,
-                lineStyle: { color: "#334155", opacity: 0.5 }
-              }
-            });
-            if (i > 0) {
-              const ind = Array.from(indicators.values()).find((ind2) => ind2.paneIndex === i);
-              if (ind) {
-                paneConfigs2.push({
-                  index: i,
-                  height: isTarget ? 90 : 0,
-                  top: isTarget ? 5 : 0,
-                  isCollapsed: false,
-                  indicatorId: ind.id,
-                  titleColor: ind.titleColor,
-                  controls: ind.controls
-                });
-              }
-            }
-          }
-          return {
-            grid: grid2,
-            xAxis: xAxis2,
-            yAxis: yAxis2,
-            dataZoom: dataZoom2,
-            paneLayout: paneConfigs2,
-            mainPaneHeight: maximizeTargetIndex === 0 ? 90 : 0,
-            mainPaneTop: maximizeTargetIndex === 0 ? 5 : 0,
-            pixelToPercent,
-            overlayYAxisMap: /* @__PURE__ */ new Map(),
-            // No overlays in maximized view
-            separatePaneYAxisOffset: 1
-            // In maximized view, no overlays, so separate panes start at 1
-          };
-        }
-        if (dzVisible) {
-          if (dzPosition === "top") {
-            mainPaneTop = dzHeight + 4;
-            chartAreaBottom = 95;
-          } else {
-            chartAreaBottom = 100 - dzHeight - 2;
-            mainPaneTop = 8;
-          }
-        } else {
-          mainPaneTop = 5;
-          chartAreaBottom = 95;
-        }
-        let gapPercent = 5;
-        if (containerHeight > 0) {
-          gapPercent = 20 / containerHeight * 100;
-        }
-        let mainHeightVal = 75;
-        let paneConfigs = [];
-        if (hasSeparatePane) {
-          const panes = separatePaneIndices.map((idx) => {
-            const ind = Array.from(indicators.values()).find((i) => i.paneIndex === idx);
-            return {
-              index: idx,
-              requestedHeight: ind?.height,
-              isCollapsed: ind?.collapsed ?? false,
-              indicatorId: ind?.id,
-              titleColor: ind?.titleColor,
-              controls: ind?.controls
-            };
-          });
-          const resolvedPanes = panes.map((p) => ({
-            ...p,
-            height: p.isCollapsed ? 3 : p.requestedHeight !== void 0 ? p.requestedHeight : 15
-          }));
-          const totalIndicatorHeight = resolvedPanes.reduce((sum, p) => sum + p.height, 0);
-          const totalGaps = resolvedPanes.length * gapPercent;
-          const totalBottomSpace = totalIndicatorHeight + totalGaps;
-          const totalAvailable = chartAreaBottom - mainPaneTop;
-          mainHeightVal = totalAvailable - totalBottomSpace;
-          if (isMainCollapsed) {
-            mainHeightVal = 3;
-          } else {
-            if (mainHeightVal < 20) {
-              mainHeightVal = Math.max(mainHeightVal, 10);
-            }
-          }
-          let currentTop = mainPaneTop + mainHeightVal + gapPercent;
-          paneConfigs = resolvedPanes.map((p) => {
-            const config = {
-              index: p.index,
-              height: p.height,
-              top: currentTop,
-              isCollapsed: p.isCollapsed,
-              indicatorId: p.indicatorId,
-              titleColor: p.titleColor,
-              controls: p.controls
-            };
-            currentTop += p.height + gapPercent;
-            return config;
-          });
-        } else {
-          mainHeightVal = chartAreaBottom - mainPaneTop;
-          if (isMainCollapsed) {
-            mainHeightVal = 3;
-          }
-        }
-        const grid = [];
-        grid.push({
-          left: "10%",
-          right: "10%",
-          top: mainPaneTop + "%",
-          height: mainHeightVal + "%",
-          containLabel: false
-          // We handle margins explicitly
-        });
-        paneConfigs.forEach((pane) => {
-          grid.push({
-            left: "10%",
-            right: "10%",
-            top: pane.top + "%",
-            height: pane.height + "%",
-            containLabel: false
-          });
-        });
-        const allXAxisIndices = [0, ...paneConfigs.map((_, i) => i + 1)];
-        const xAxis = [];
-        const isMainBottom = paneConfigs.length === 0;
-        xAxis.push({
-          type: "category",
-          data: [],
-          // Will be filled by SeriesBuilder or QFChart
-          gridIndex: 0,
-          scale: true,
-          // boundaryGap will be set in QFChart.ts based on padding option
-          axisLine: {
-            onZero: false,
-            show: !isMainCollapsed,
-            lineStyle: { color: "#334155" }
-          },
-          splitLine: {
-            show: !isMainCollapsed,
-            lineStyle: { color: "#334155", opacity: 0.5 }
-          },
-          axisLabel: {
-            show: !isMainCollapsed,
-            color: "#94a3b8",
-            fontFamily: options.fontFamily || "sans-serif",
-            formatter: (value) => {
-              if (options.yAxisLabelFormatter) {
-                return options.yAxisLabelFormatter(value);
-              }
-              const decimals = options.yAxisDecimalPlaces !== void 0 ? options.yAxisDecimalPlaces : 2;
-              if (typeof value === "number") {
-                return value.toFixed(decimals);
-              }
-              return String(value);
-            }
-          },
-          axisTick: { show: !isMainCollapsed },
-          axisPointer: {
-            label: {
-              show: isMainBottom,
-              fontSize: 11,
-              backgroundColor: "#475569"
-            }
-          }
-        });
-        paneConfigs.forEach((pane, i) => {
-          const isBottom = i === paneConfigs.length - 1;
-          xAxis.push({
-            type: "category",
-            gridIndex: i + 1,
-            // 0 is main
-            data: [],
-            // Shared data
-            axisLabel: { show: false },
-            // Hide labels on indicator panes
-            axisLine: { show: !pane.isCollapsed, lineStyle: { color: "#334155" } },
-            axisTick: { show: false },
-            splitLine: { show: false },
-            axisPointer: {
-              label: {
-                show: isBottom,
-                fontSize: 11,
-                backgroundColor: "#475569"
-              }
-            }
-          });
-        });
-        const yAxis = [];
-        let mainYAxisMin;
-        let mainYAxisMax;
-        if (options.yAxisMin !== void 0 && options.yAxisMin !== "auto") {
-          mainYAxisMin = options.yAxisMin;
-        } else {
-          mainYAxisMin = AxisUtils.createMinFunction(yAxisPaddingPercent);
-        }
-        if (options.yAxisMax !== void 0 && options.yAxisMax !== "auto") {
-          mainYAxisMax = options.yAxisMax;
-        } else {
-          mainYAxisMax = AxisUtils.createMaxFunction(yAxisPaddingPercent);
-        }
-        yAxis.push({
-          position: "right",
-          scale: true,
-          min: mainYAxisMin,
-          max: mainYAxisMax,
-          gridIndex: 0,
-          splitLine: {
-            show: !isMainCollapsed,
-            lineStyle: { color: "#334155", opacity: 0.5 }
-          },
-          axisLine: { show: !isMainCollapsed, lineStyle: { color: "#334155" } },
-          axisLabel: {
-            show: !isMainCollapsed,
-            color: "#94a3b8",
-            fontFamily: options.fontFamily || "sans-serif",
-            formatter: (value) => {
-              if (options.yAxisLabelFormatter) {
-                return options.yAxisLabelFormatter(value);
-              }
-              const decimals = options.yAxisDecimalPlaces !== void 0 ? options.yAxisDecimalPlaces : 2;
-              if (typeof value === "number") {
-                return value.toFixed(decimals);
-              }
-              return String(value);
-            }
-          }
-        });
-        let nextYAxisIndex = 1;
-        let priceMin = -Infinity;
-        let priceMax = Infinity;
-        if (marketData && marketData.length > 0) {
-          priceMin = Math.min(...marketData.map((d) => d.low));
-          priceMax = Math.max(...marketData.map((d) => d.high));
-        }
-        const overlayYAxisMap = /* @__PURE__ */ new Map();
-        indicators.forEach((indicator, id) => {
-          if (indicator.paneIndex === 0 && !indicator.collapsed) {
-            if (marketData && marketData.length > 0) {
-              Object.entries(indicator.plots).forEach(([plotName, plot]) => {
-                const plotKey = `${id}::${plotName}`;
-                const visualOnlyStyles = ["background", "barcolor", "char"];
-                const isShapeWithPriceLocation = plot.options.style === "shape" && (plot.options.location === "abovebar" || plot.options.location === "belowbar");
-                if (visualOnlyStyles.includes(plot.options.style)) {
-                  if (!overlayYAxisMap.has(plotKey)) {
-                    overlayYAxisMap.set(plotKey, nextYAxisIndex);
-                    nextYAxisIndex++;
-                  }
-                  return;
-                }
-                if (plot.options.style === "shape" && !isShapeWithPriceLocation) {
-                  if (!overlayYAxisMap.has(plotKey)) {
-                    overlayYAxisMap.set(plotKey, nextYAxisIndex);
-                    nextYAxisIndex++;
-                  }
-                  return;
-                }
-                const values = [];
-                if (plot.data) {
-                  Object.values(plot.data).forEach((value) => {
-                    if (typeof value === "number" && !isNaN(value) && isFinite(value)) {
-                      values.push(value);
-                    }
-                  });
-                }
-                if (values.length > 0) {
-                  const plotMin = Math.min(...values);
-                  const plotMax = Math.max(...values);
-                  const plotRange = plotMax - plotMin;
-                  const priceRange = priceMax - priceMin;
-                  const isWithinBounds = plotMin >= priceMin * 0.5 && plotMax <= priceMax * 1.5;
-                  const hasSimilarMagnitude = plotRange > priceRange * 0.01;
-                  const isCompatible = isWithinBounds && hasSimilarMagnitude;
-                  if (!isCompatible) {
-                    if (!overlayYAxisMap.has(plotKey)) {
-                      overlayYAxisMap.set(plotKey, nextYAxisIndex);
-                      nextYAxisIndex++;
-                    }
-                  }
-                }
-              });
-            }
-          }
-        });
-        const numOverlayAxes = overlayYAxisMap.size > 0 ? nextYAxisIndex - 1 : 0;
-        for (let i = 0; i < numOverlayAxes; i++) {
-          yAxis.push({
-            position: "left",
-            scale: true,
-            min: AxisUtils.createMinFunction(yAxisPaddingPercent),
-            max: AxisUtils.createMaxFunction(yAxisPaddingPercent),
-            gridIndex: 0,
-            show: false,
-            // Hide the axis visual elements
-            splitLine: { show: false },
-            axisLine: { show: false },
-            axisLabel: { show: false }
-          });
-        }
-        const separatePaneYAxisOffset = nextYAxisIndex;
-        paneConfigs.forEach((pane, i) => {
-          yAxis.push({
-            position: "right",
-            scale: true,
-            min: AxisUtils.createMinFunction(yAxisPaddingPercent),
-            max: AxisUtils.createMaxFunction(yAxisPaddingPercent),
-            gridIndex: i + 1,
-            splitLine: {
-              show: !pane.isCollapsed,
-              lineStyle: { color: "#334155", opacity: 0.3 }
-            },
-            axisLabel: {
-              show: !pane.isCollapsed,
-              color: "#94a3b8",
-              fontFamily: options.fontFamily || "sans-serif",
-              fontSize: 10,
-              formatter: (value) => {
-                if (options.yAxisLabelFormatter) {
-                  return options.yAxisLabelFormatter(value);
-                }
-                const decimals = options.yAxisDecimalPlaces !== void 0 ? options.yAxisDecimalPlaces : 2;
-                if (typeof value === "number") {
-                  return value.toFixed(decimals);
-                }
-                return String(value);
-              }
-            },
-            axisLine: { show: !pane.isCollapsed, lineStyle: { color: "#334155" } }
-          });
-        });
-        const dataZoom = [];
-        if (dzVisible) {
-          const zoomOnTouch = options.dataZoom?.zoomOnTouch ?? true;
-          if (zoomOnTouch) {
-            dataZoom.push({
-              type: "inside",
-              xAxisIndex: allXAxisIndices,
-              start: dzStart,
-              end: dzEnd
-            });
-          }
-          if (dzPosition === "top") {
-            dataZoom.push({
-              type: "slider",
-              xAxisIndex: allXAxisIndices,
-              top: "1%",
-              height: dzHeight + "%",
-              start: dzStart,
-              end: dzEnd,
-              borderColor: "#334155",
-              textStyle: { color: "#cbd5e1" },
-              brushSelect: false
-            });
-          } else {
-            dataZoom.push({
-              type: "slider",
-              xAxisIndex: allXAxisIndices,
-              bottom: "1%",
-              height: dzHeight + "%",
-              start: dzStart,
-              end: dzEnd,
-              borderColor: "#334155",
-              textStyle: { color: "#cbd5e1" },
-              brushSelect: false
-            });
-          }
-        }
-        return {
-          grid,
-          xAxis,
-          yAxis,
-          dataZoom,
-          paneLayout: paneConfigs,
-          mainPaneHeight: mainHeightVal,
-          mainPaneTop,
-          pixelToPercent,
-          overlayYAxisMap,
-          separatePaneYAxisOffset
-        };
-      }
-      static calculateMaximized(containerHeight, options, targetPaneIndex) {
-        return {
-          grid: [],
-          xAxis: [],
-          yAxis: [],
-          dataZoom: [],
-          paneLayout: [],
-          mainPaneHeight: 0,
-          mainPaneTop: 0,
-          pixelToPercent: 0
-        };
-      }
-    }
-
-    class LineRenderer {
-      render(context) {
-        const { seriesName, xAxisIndex, yAxisIndex, dataArray, colorArray, plotOptions } = context;
-        const defaultColor = "#2962ff";
-        return {
-          name: seriesName,
-          type: "custom",
-          xAxisIndex,
-          yAxisIndex,
-          renderItem: (params, api) => {
-            const index = params.dataIndex;
-            if (index === 0)
-              return;
-            const y2 = api.value(1);
-            const y1 = api.value(2);
-            if (y2 === null || isNaN(y2) || y1 === null || isNaN(y1))
-              return;
-            const p1 = api.coord([index - 1, y1]);
-            const p2 = api.coord([index, y2]);
-            return {
-              type: "line",
-              shape: {
-                x1: p1[0],
-                y1: p1[1],
-                x2: p2[0],
-                y2: p2[1]
-              },
-              style: {
-                stroke: colorArray[index] || plotOptions.color || defaultColor,
-                lineWidth: plotOptions.linewidth || 1
-              },
-              silent: true
-            };
-          },
-          // Data format: [index, value, prevValue]
-          data: dataArray.map((val, i) => [i, val, i > 0 ? dataArray[i - 1] : null])
-        };
-      }
-    }
-
-    class StepRenderer {
-      render(context) {
-        const { seriesName, xAxisIndex, yAxisIndex, dataArray, colorArray, plotOptions } = context;
-        const defaultColor = "#2962ff";
-        return {
-          name: seriesName,
-          type: "custom",
-          xAxisIndex,
-          yAxisIndex,
-          renderItem: (params, api) => {
-            const x = api.value(0);
-            const y = api.value(1);
-            if (isNaN(y) || y === null)
-              return;
-            const coords = api.coord([x, y]);
-            const width = api.size([1, 0])[0];
-            return {
-              type: "line",
-              shape: {
-                x1: coords[0] - width / 2,
-                y1: coords[1],
-                x2: coords[0] + width / 2,
-                y2: coords[1]
-              },
-              style: {
-                stroke: colorArray[params.dataIndex] || plotOptions.color || defaultColor,
-                lineWidth: plotOptions.linewidth || 1
-              },
-              silent: true
-            };
-          },
-          data: dataArray.map((val, i) => [i, val])
-        };
-      }
-    }
-
-    class HistogramRenderer {
-      render(context) {
-        const { seriesName, xAxisIndex, yAxisIndex, dataArray, colorArray, plotOptions } = context;
-        const defaultColor = "#2962ff";
-        return {
-          name: seriesName,
-          type: "bar",
-          xAxisIndex,
-          yAxisIndex,
-          data: dataArray.map((val, i) => ({
-            value: val,
-            itemStyle: colorArray[i] ? { color: colorArray[i] } : void 0
-          })),
-          itemStyle: { color: plotOptions.color || defaultColor }
-        };
-      }
-    }
-
-    const imageCache = /* @__PURE__ */ new Map();
-    function textToBase64Image(text, color = "#00da3c", fontSize = "64px") {
-      if (typeof document === "undefined")
-        return "";
-      const cacheKey = `${text}-${color}-${fontSize}`;
-      if (imageCache.has(cacheKey)) {
-        return imageCache.get(cacheKey);
-      }
-      const canvas = document.createElement("canvas");
-      const ctx = canvas.getContext("2d");
-      canvas.width = 32;
-      canvas.height = 32;
-      if (ctx) {
-        ctx.font = "bold " + fontSize + " Arial";
-        ctx.fillStyle = color;
-        ctx.textAlign = "center";
-        ctx.textBaseline = "middle";
-        ctx.fillText(text, 16, 16);
-        const dataUrl = canvas.toDataURL("image/png");
-        imageCache.set(cacheKey, dataUrl);
-        return dataUrl;
-      }
-      return "";
-    }
-
-    class ScatterRenderer {
-      render(context) {
-        const { seriesName, xAxisIndex, yAxisIndex, dataArray, colorArray, plotOptions } = context;
-        const defaultColor = "#2962ff";
-        const style = plotOptions.style;
-        if (style === "char") {
-          return {
-            name: seriesName,
-            type: "scatter",
-            xAxisIndex,
-            yAxisIndex,
-            symbolSize: 0,
-            // Invisible
-            data: dataArray.map((val, i) => ({
-              value: [i, val],
-              itemStyle: { opacity: 0 }
-            })),
-            silent: true
-            // No interaction
-          };
-        }
-        const scatterData = dataArray.map((val, i) => {
-          if (val === null)
-            return null;
-          const pointColor = colorArray[i] || plotOptions.color || defaultColor;
-          const item = {
-            value: [i, val],
-            itemStyle: { color: pointColor }
-          };
-          if (style === "cross") {
-            item.symbol = `image://${textToBase64Image("+", pointColor, "24px")}`;
-            item.symbolSize = 16;
-          } else {
-            item.symbol = "circle";
-            item.symbolSize = 6;
-          }
-          return item;
-        }).filter((item) => item !== null);
-        return {
-          name: seriesName,
-          type: "scatter",
-          xAxisIndex,
-          yAxisIndex,
-          data: scatterData
-        };
-      }
-    }
-
-    class OHLCBarRenderer {
-      render(context) {
-        const { seriesName, xAxisIndex, yAxisIndex, dataArray, colorArray, optionsArray, plotOptions } = context;
-        const defaultColor = "#2962ff";
-        const isCandle = plotOptions.style === "candle";
-        const ohlcData = dataArray.map((val, i) => {
-          if (val === null || !Array.isArray(val) || val.length !== 4)
-            return null;
-          const [open, high, low, close] = val;
-          const pointOpts = optionsArray[i] || {};
-          const color = pointOpts.color || colorArray[i] || plotOptions.color || defaultColor;
-          const wickColor = pointOpts.wickcolor || plotOptions.wickcolor || color;
-          const borderColor = pointOpts.bordercolor || plotOptions.bordercolor || wickColor;
-          return [i, open, close, low, high, color, wickColor, borderColor];
-        }).filter((item) => item !== null);
-        return {
-          name: seriesName,
-          type: "custom",
-          xAxisIndex,
-          yAxisIndex,
-          renderItem: (params, api) => {
-            const xValue = api.value(0);
-            const openValue = api.value(1);
-            const closeValue = api.value(2);
-            const lowValue = api.value(3);
-            const highValue = api.value(4);
-            const color = api.value(5);
-            const wickColor = api.value(6);
-            const borderColor = api.value(7);
-            if (isNaN(openValue) || isNaN(closeValue) || isNaN(lowValue) || isNaN(highValue)) {
-              return null;
-            }
-            const xPos = api.coord([xValue, 0])[0];
-            const openPos = api.coord([xValue, openValue])[1];
-            const closePos = api.coord([xValue, closeValue])[1];
-            const lowPos = api.coord([xValue, lowValue])[1];
-            const highPos = api.coord([xValue, highValue])[1];
-            const barWidth = api.size([1, 0])[0] * 0.6;
-            if (isCandle) {
-              const bodyTop = Math.min(openPos, closePos);
-              const bodyBottom = Math.max(openPos, closePos);
-              const bodyHeight = Math.abs(closePos - openPos);
-              return {
-                type: "group",
-                children: [
-                  // Upper wick
-                  {
-                    type: "line",
-                    shape: {
-                      x1: xPos,
-                      y1: highPos,
-                      x2: xPos,
-                      y2: bodyTop
-                    },
-                    style: {
-                      stroke: wickColor,
-                      lineWidth: 1
-                    }
-                  },
-                  // Lower wick
-                  {
-                    type: "line",
-                    shape: {
-                      x1: xPos,
-                      y1: bodyBottom,
-                      x2: xPos,
-                      y2: lowPos
-                    },
-                    style: {
-                      stroke: wickColor,
-                      lineWidth: 1
-                    }
-                  },
-                  // Body
-                  {
-                    type: "rect",
-                    shape: {
-                      x: xPos - barWidth / 2,
-                      y: bodyTop,
-                      width: barWidth,
-                      height: bodyHeight || 1
-                      // Minimum height for doji
-                    },
-                    style: {
-                      fill: color,
-                      stroke: borderColor,
-                      lineWidth: 1
-                    }
-                  }
-                ]
-              };
-            } else {
-              const tickWidth = barWidth * 0.5;
-              return {
-                type: "group",
-                children: [
-                  // Vertical line (low to high)
-                  {
-                    type: "line",
-                    shape: {
-                      x1: xPos,
-                      y1: lowPos,
-                      x2: xPos,
-                      y2: highPos
-                    },
-                    style: {
-                      stroke: color,
-                      lineWidth: 1
-                    }
-                  },
-                  // Open tick (left)
-                  {
-                    type: "line",
-                    shape: {
-                      x1: xPos - tickWidth,
-                      y1: openPos,
-                      x2: xPos,
-                      y2: openPos
-                    },
-                    style: {
-                      stroke: color,
-                      lineWidth: 1
-                    }
-                  },
-                  // Close tick (right)
-                  {
-                    type: "line",
-                    shape: {
-                      x1: xPos,
-                      y1: closePos,
-                      x2: xPos + tickWidth,
-                      y2: closePos
-                    },
-                    style: {
-                      stroke: color,
-                      lineWidth: 1
-                    }
-                  }
-                ]
-              };
-            }
-          },
-          data: ohlcData
-        };
-      }
-    }
-
-    class ShapeUtils {
-      static getShapeSymbol(shape) {
-        switch (shape) {
-          case "arrowdown":
-            return "path://M12 24l-12-12h8v-12h8v12h8z";
-          case "arrowup":
-            return "path://M12 0l12 12h-8v12h-8v-12h-8z";
-          case "circle":
-            return "circle";
-          case "cross":
-            return "path://M11 2h2v9h9v2h-9v9h-2v-9h-9v-2h9z";
-          case "diamond":
-            return "diamond";
-          case "flag":
-            return "path://M6 2v20h2v-8h12l-2-6 2-6h-12z";
-          case "labeldown":
-            return "path://M4 2h16a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-6l-2 4l-2 -4h-6a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2z";
-          case "labelup":
-            return "path://M12 2l2 4h6a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-16a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h6z";
-          case "square":
-            return "rect";
-          case "triangledown":
-            return "path://M12 21l-10-18h20z";
-          case "triangleup":
-            return "triangle";
-          case "xcross":
-            return "path://M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z";
-          default:
-            return "circle";
-        }
-      }
-      static getShapeRotation(shape) {
-        return 0;
-      }
-      static getShapeSize(size, width, height) {
-        if (width !== void 0 && height !== void 0) {
-          return [width, height];
-        }
-        let baseSize;
-        switch (size) {
-          case "tiny":
-            baseSize = 8;
-            break;
-          case "small":
-            baseSize = 12;
-            break;
-          case "normal":
-          case "auto":
-            baseSize = 16;
-            break;
-          case "large":
-            baseSize = 24;
-            break;
-          case "huge":
-            baseSize = 32;
-            break;
-          default:
-            baseSize = 16;
-        }
-        if (width !== void 0) {
-          return [width, width];
-        }
-        if (height !== void 0) {
-          return [height, height];
-        }
-        return baseSize;
-      }
-      // Helper to determine label position and distance relative to shape BASED ON LOCATION
-      static getLabelConfig(shape, location) {
-        switch (location) {
-          case "abovebar":
-            return { position: "top", distance: 5 };
-          case "belowbar":
-            return { position: "bottom", distance: 5 };
-          case "top":
-            return { position: "bottom", distance: 5 };
-          case "bottom":
-            return { position: "top", distance: 5 };
-          case "absolute":
-          default:
-            if (shape === "labelup" || shape === "labeldown") {
-              return { position: "inside", distance: 0 };
-            }
-            return { position: "top", distance: 5 };
-        }
-      }
-    }
-
-    class ShapeRenderer {
-      render(context) {
-        const { seriesName, xAxisIndex, yAxisIndex, dataArray, colorArray, optionsArray, plotOptions, candlestickData } = context;
-        const defaultColor = "#2962ff";
-        const shapeData = dataArray.map((val, i) => {
-          const pointOpts = optionsArray[i] || {};
-          const globalOpts = plotOptions;
-          const location = pointOpts.location || globalOpts.location || "absolute";
-          if (location !== "absolute" && !val) {
-            return null;
-          }
-          if (val === null || val === void 0) {
-            return null;
-          }
-          const color = pointOpts.color || globalOpts.color || defaultColor;
-          const shape = pointOpts.shape || globalOpts.shape || "circle";
-          const size = pointOpts.size || globalOpts.size || "normal";
-          const text = pointOpts.text || globalOpts.text;
-          const textColor = pointOpts.textcolor || globalOpts.textcolor || "white";
-          const width = pointOpts.width || globalOpts.width;
-          const height = pointOpts.height || globalOpts.height;
-          let yValue = val;
-          let symbolOffset = [0, 0];
-          if (location === "abovebar") {
-            if (candlestickData && candlestickData[i]) {
-              yValue = candlestickData[i].high;
-            }
-            symbolOffset = [0, "-150%"];
-          } else if (location === "belowbar") {
-            if (candlestickData && candlestickData[i]) {
-              yValue = candlestickData[i].low;
-            }
-            symbolOffset = [0, "150%"];
-          } else if (location === "top") {
-            yValue = val;
-            symbolOffset = [0, 0];
-          } else if (location === "bottom") {
-            yValue = val;
-            symbolOffset = [0, 0];
-          }
-          const symbol = ShapeUtils.getShapeSymbol(shape);
-          const symbolSize = ShapeUtils.getShapeSize(size, width, height);
-          const rotate = ShapeUtils.getShapeRotation(shape);
-          let finalSize = symbolSize;
-          if (shape.includes("label")) {
-            if (Array.isArray(symbolSize)) {
-              finalSize = [symbolSize[0] * 2.5, symbolSize[1] * 2.5];
-            } else {
-              finalSize = symbolSize * 2.5;
-            }
-          }
-          const labelConfig = ShapeUtils.getLabelConfig(shape, location);
-          const item = {
-            value: [i, yValue],
-            symbol,
-            symbolSize: finalSize,
-            symbolRotate: rotate,
-            symbolOffset,
-            itemStyle: {
-              color
-            },
-            label: {
-              show: !!text,
-              position: labelConfig.position,
-              distance: labelConfig.distance,
-              formatter: text,
-              color: textColor,
-              fontSize: 10,
-              fontWeight: "bold"
-            }
-          };
-          return item;
-        }).filter((item) => item !== null);
-        return {
-          name: seriesName,
-          type: "scatter",
-          xAxisIndex,
-          yAxisIndex,
-          data: shapeData
-        };
-      }
-    }
-
-    class BackgroundRenderer {
-      render(context) {
-        const { seriesName, xAxisIndex, yAxisIndex, dataArray, colorArray } = context;
-        return {
-          name: seriesName,
-          type: "custom",
-          xAxisIndex,
-          yAxisIndex,
-          z: -10,
-          renderItem: (params, api) => {
-            const xVal = api.value(0);
-            if (isNaN(xVal))
-              return;
-            const start = api.coord([xVal, 0]);
-            const size = api.size([1, 0]);
-            const width = size[0];
-            const sys = params.coordSys;
-            const x = start[0] - width / 2;
-            const barColor = colorArray[params.dataIndex];
-            const val = api.value(1);
-            if (!barColor || val === null || val === void 0 || isNaN(val))
-              return;
-            return {
-              type: "rect",
-              shape: {
-                x,
-                y: sys.y,
-                width,
-                height: sys.height
-              },
-              style: {
-                fill: barColor,
-                opacity: 0.3
-              },
-              silent: true
-            };
-          },
-          data: dataArray.map((val, i) => [i, val])
-        };
-      }
-    }
-
-    class ColorUtils {
-      /**
-       * Parse color string and extract opacity
-       * Supports: hex (#RRGGBB), named colors (green, red), rgba(r,g,b,a), rgb(r,g,b)
-       */
-      static parseColor(colorStr) {
-        if (!colorStr) {
-          return { color: "#888888", opacity: 0.2 };
-        }
-        const rgbaMatch = colorStr.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/);
-        if (rgbaMatch) {
-          const r = rgbaMatch[1];
-          const g = rgbaMatch[2];
-          const b = rgbaMatch[3];
-          const a = rgbaMatch[4] ? parseFloat(rgbaMatch[4]) : 1;
-          return {
-            color: `rgb(${r},${g},${b})`,
-            opacity: a
-          };
-        }
-        return {
-          color: colorStr,
-          opacity: 0.3
-        };
-      }
-    }
-
-    class FillRenderer {
-      render(context) {
-        const { seriesName, xAxisIndex, yAxisIndex, plotOptions, plotDataArrays, indicatorId, plotName } = context;
-        const totalDataLength = context.dataArray.length;
-        const plot1Key = plotOptions.plot1 ? `${indicatorId}::${plotOptions.plot1}` : null;
-        const plot2Key = plotOptions.plot2 ? `${indicatorId}::${plotOptions.plot2}` : null;
-        if (!plot1Key || !plot2Key) {
-          console.warn(`Fill plot "${plotName}" missing plot1 or plot2 reference`);
-          return null;
-        }
-        const plot1Data = plotDataArrays?.get(plot1Key);
-        const plot2Data = plotDataArrays?.get(plot2Key);
-        if (!plot1Data || !plot2Data) {
-          console.warn(`Fill plot "${plotName}" references non-existent plots: ${plotOptions.plot1}, ${plotOptions.plot2}`);
-          return null;
-        }
-        const { color: fillColor, opacity: fillOpacity } = ColorUtils.parseColor(plotOptions.color || "rgba(128, 128, 128, 0.2)");
-        const fillDataWithPrev = [];
-        for (let i = 0; i < totalDataLength; i++) {
-          const y1 = plot1Data[i];
-          const y2 = plot2Data[i];
-          const prevY1 = i > 0 ? plot1Data[i - 1] : null;
-          const prevY2 = i > 0 ? plot2Data[i - 1] : null;
-          fillDataWithPrev.push([i, y1, y2, prevY1, prevY2]);
-        }
-        return {
-          name: seriesName,
-          type: "custom",
-          xAxisIndex,
-          yAxisIndex,
-          z: -5,
-          // Render behind lines but above background
-          renderItem: (params, api) => {
-            const index = params.dataIndex;
-            if (index === 0)
-              return null;
-            const y1 = api.value(1);
-            const y2 = api.value(2);
-            const prevY1 = api.value(3);
-            const prevY2 = api.value(4);
-            if (y1 === null || y2 === null || prevY1 === null || prevY2 === null || isNaN(y1) || isNaN(y2) || isNaN(prevY1) || isNaN(prevY2)) {
-              return null;
-            }
-            const p1Prev = api.coord([index - 1, prevY1]);
-            const p1Curr = api.coord([index, y1]);
-            const p2Curr = api.coord([index, y2]);
-            const p2Prev = api.coord([index - 1, prevY2]);
-            return {
-              type: "polygon",
-              shape: {
-                points: [
-                  p1Prev,
-                  // Top-left
-                  p1Curr,
-                  // Top-right
-                  p2Curr,
-                  // Bottom-right
-                  p2Prev
-                  // Bottom-left
-                ]
-              },
-              style: {
-                fill: fillColor,
-                opacity: fillOpacity
-              },
-              silent: true
-            };
-          },
-          data: fillDataWithPrev
-        };
-      }
-    }
-
-    var __defProp$9 = Object.defineProperty;
-    var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-    var __publicField$9 = (obj, key, value) => {
-      __defNormalProp$9(obj, typeof key !== "symbol" ? key + "" : key, value);
-      return value;
-    };
-    const _SeriesRendererFactory = class _SeriesRendererFactory {
-      static register(style, renderer) {
-        this.renderers.set(style, renderer);
-      }
-      static get(style) {
-        return this.renderers.get(style) || this.renderers.get("line");
-      }
-    };
-    __publicField$9(_SeriesRendererFactory, "renderers", /* @__PURE__ */ new Map());
-    _SeriesRendererFactory.register("line", new LineRenderer());
-    _SeriesRendererFactory.register("step", new StepRenderer());
-    _SeriesRendererFactory.register("histogram", new HistogramRenderer());
-    _SeriesRendererFactory.register("columns", new HistogramRenderer());
-    _SeriesRendererFactory.register("circles", new ScatterRenderer());
-    _SeriesRendererFactory.register("cross", new ScatterRenderer());
-    _SeriesRendererFactory.register("char", new ScatterRenderer());
-    _SeriesRendererFactory.register("bar", new OHLCBarRenderer());
-    _SeriesRendererFactory.register("candle", new OHLCBarRenderer());
-    _SeriesRendererFactory.register("shape", new ShapeRenderer());
-    _SeriesRendererFactory.register("background", new BackgroundRenderer());
-    _SeriesRendererFactory.register("fill", new FillRenderer());
-    let SeriesRendererFactory = _SeriesRendererFactory;
-
-    var __defProp$8 = Object.defineProperty;
-    var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-    var __publicField$8 = (obj, key, value) => {
-      __defNormalProp$8(obj, typeof key !== "symbol" ? key + "" : key, value);
-      return value;
-    };
-    const _SeriesBuilder = class _SeriesBuilder {
-      static buildCandlestickSeries(marketData, options, totalLength) {
-        const upColor = options.upColor || "#00da3c";
-        const downColor = options.downColor || "#ec0000";
-        const data = marketData.map((d) => [d.open, d.close, d.low, d.high]);
-        if (totalLength && totalLength > data.length) {
-          const padding = totalLength - data.length;
-          for (let i = 0; i < padding; i++) {
-            data.push(null);
-          }
-        }
-        let markLine = void 0;
-        if (options.lastPriceLine?.visible !== false && marketData.length > 0) {
-          const lastBar = marketData[marketData.length - 1];
-          const lastClose = lastBar.close;
-          const isUp = lastBar.close >= lastBar.open;
-          const lineColor = options.lastPriceLine?.color || (isUp ? upColor : downColor);
-          let lineStyleType = options.lastPriceLine?.lineStyle || "dashed";
-          if (lineStyleType.startsWith("linestyle_")) {
-            lineStyleType = lineStyleType.replace("linestyle_", "");
-          }
-          markLine = {
-            symbol: ["none", "none"],
-            data: [
-              {
-                yAxis: lastClose,
-                label: {
-                  show: true,
-                  position: "end",
-                  // Right side
-                  formatter: (params) => {
-                    if (options.yAxisLabelFormatter) {
-                      return options.yAxisLabelFormatter(params.value);
-                    }
-                    const decimals = options.yAxisDecimalPlaces !== void 0 ? options.yAxisDecimalPlaces : 2;
-                    return typeof params.value === "number" ? params.value.toFixed(decimals) : params.value;
-                  },
-                  color: "#fff",
-                  backgroundColor: lineColor,
-                  padding: [2, 4],
-                  borderRadius: 2,
-                  fontSize: 11,
-                  fontWeight: "bold"
-                },
-                lineStyle: {
-                  color: lineColor,
-                  type: lineStyleType,
-                  width: 1,
-                  opacity: 0.8
-                }
-              }
-            ],
-            animation: false,
-            silent: true
-            // Disable interaction
-          };
-        }
-        return {
-          type: "candlestick",
-          name: options.title || "Market",
-          data,
-          itemStyle: {
-            color: upColor,
-            color0: downColor,
-            borderColor: upColor,
-            borderColor0: downColor
-          },
-          markLine,
-          xAxisIndex: 0,
-          yAxisIndex: 0,
-          z: 5
-        };
-      }
-      static buildIndicatorSeries(indicators, timeToIndex, paneLayout, totalDataLength, dataIndexOffset = 0, candlestickData, overlayYAxisMap, separatePaneYAxisOffset = 1) {
-        const series = [];
-        const barColors = new Array(totalDataLength).fill(null);
-        const plotDataArrays = /* @__PURE__ */ new Map();
-        indicators.forEach((indicator, id) => {
-          if (indicator.collapsed)
-            return;
-          const sortedPlots = Object.keys(indicator.plots).sort((a, b) => {
-            const plotA = indicator.plots[a];
-            const plotB = indicator.plots[b];
-            const isFillA = plotA.options.style === "fill";
-            const isFillB = plotB.options.style === "fill";
-            if (isFillA && !isFillB)
-              return 1;
-            if (!isFillA && isFillB)
-              return -1;
-            return 0;
-          });
-          sortedPlots.forEach((plotName) => {
-            const plot = indicator.plots[plotName];
-            const seriesName = `${id}::${plotName}`;
-            let xAxisIndex = 0;
-            let yAxisIndex = 0;
-            const plotOverlay = plot.options.overlay;
-            const isPlotOverlay = plotOverlay !== void 0 ? plotOverlay : indicator.paneIndex === 0;
-            if (isPlotOverlay) {
-              xAxisIndex = 0;
-              if (overlayYAxisMap && overlayYAxisMap.has(seriesName)) {
-                yAxisIndex = overlayYAxisMap.get(seriesName);
-              } else {
-                yAxisIndex = 0;
-              }
-            } else {
-              const confIndex = paneLayout.findIndex((p) => p.index === indicator.paneIndex);
-              if (confIndex !== -1) {
-                xAxisIndex = confIndex + 1;
-                yAxisIndex = separatePaneYAxisOffset + confIndex;
-              }
-            }
-            const dataArray = new Array(totalDataLength).fill(null);
-            const colorArray = new Array(totalDataLength).fill(null);
-            const optionsArray = new Array(totalDataLength).fill(null);
-            plot.data?.forEach((point) => {
-              const index = timeToIndex.get(point.time);
-              if (index !== void 0) {
-                const plotOffset = point.options?.offset ?? plot.options.offset ?? 0;
-                const offsetIndex = index + dataIndexOffset + plotOffset;
-                if (offsetIndex >= 0 && offsetIndex < totalDataLength) {
-                  let value = point.value;
-                  const pointColor = point.options?.color;
-                  const isNaColor = pointColor === null || pointColor === "na" || pointColor === "NaN" || typeof pointColor === "number" && isNaN(pointColor);
-                  if (isNaColor) {
-                    value = null;
-                  }
-                  dataArray[offsetIndex] = value;
-                  colorArray[offsetIndex] = pointColor || plot.options.color || _SeriesBuilder.DEFAULT_COLOR;
-                  optionsArray[offsetIndex] = point.options || {};
-                }
-              }
-            });
-            plotDataArrays.set(`${id}::${plotName}`, dataArray);
-            if (plot.options?.style?.startsWith("style_")) {
-              plot.options.style = plot.options.style.replace("style_", "");
-            }
-            if (plot.options.style === "barcolor") {
-              plot.data?.forEach((point) => {
-                const index = timeToIndex.get(point.time);
-                if (index !== void 0) {
-                  const plotOffset = point.options?.offset ?? plot.options.offset ?? 0;
-                  const offsetIndex = index + dataIndexOffset + plotOffset;
-                  if (offsetIndex >= 0 && offsetIndex < totalDataLength) {
-                    const pointColor = point.options?.color || plot.options.color || _SeriesBuilder.DEFAULT_COLOR;
-                    const isNaColor = pointColor === null || pointColor === "na" || pointColor === "NaN" || typeof pointColor === "number" && isNaN(pointColor);
-                    if (!isNaColor && point.value !== null && point.value !== void 0) {
-                      barColors[offsetIndex] = pointColor;
-                    }
-                  }
-                }
-              });
-              return;
-            }
-            const renderer = SeriesRendererFactory.get(plot.options.style);
-            const seriesConfig = renderer.render({
-              seriesName,
-              xAxisIndex,
-              yAxisIndex,
-              dataArray,
-              colorArray,
-              optionsArray,
-              plotOptions: plot.options,
-              candlestickData,
-              plotDataArrays,
-              indicatorId: id,
-              plotName
-            });
-            if (seriesConfig) {
-              series.push(seriesConfig);
-            }
-          });
-        });
-        return { series, barColors };
-      }
-    };
-    __publicField$8(_SeriesBuilder, "DEFAULT_COLOR", "#2962ff");
-    let SeriesBuilder = _SeriesBuilder;
-
-    class GraphicBuilder {
-      static build(layout, options, onToggle, isMainCollapsed = false, maximizedPaneId = null) {
-        const graphic = [];
-        const pixelToPercent = layout.pixelToPercent;
-        const mainPaneTop = layout.mainPaneTop;
-        const showMain = !maximizedPaneId || maximizedPaneId === "main";
-        if (showMain) {
-          const titleTopMargin = 10 * pixelToPercent;
-          graphic.push({
-            type: "text",
-            left: "8.5%",
-            top: mainPaneTop + titleTopMargin + "%",
-            z: 10,
-            style: {
-              text: options.title || "Market",
-              fill: options.titleColor || "#fff",
-              font: `bold 16px ${options.fontFamily || "sans-serif"}`,
-              textVerticalAlign: "top"
-            }
-          });
-          if (options.watermark !== false) {
-            const bottomY = layout.mainPaneTop + layout.mainPaneHeight;
-            graphic.push({
-              type: "text",
-              right: "11%",
-              top: bottomY - 3 + "%",
-              // Position 5% from bottom of main chart
-              z: 10,
-              style: {
-                text: "QFChart",
-                fill: options.fontColor || "#cbd5e1",
-                font: `bold 16px sans-serif`,
-                opacity: 0.1
-              },
-              cursor: "pointer",
-              onclick: () => {
-                window.open("https://quantforge.org", "_blank");
-              }
-            });
-          }
-          const controls = [];
-          if (options.controls?.collapse) {
-            controls.push({
-              type: "group",
-              children: [
-                {
-                  type: "rect",
-                  shape: { width: 20, height: 20, r: 2 },
-                  style: { fill: "#334155", stroke: "#475569", lineWidth: 1 },
-                  onclick: () => onToggle("main", "collapse")
-                },
-                {
-                  type: "text",
-                  style: {
-                    text: isMainCollapsed ? "+" : "\u2212",
-                    fill: "#cbd5e1",
-                    font: `bold 14px ${options.fontFamily}`,
-                    x: 10,
-                    y: 10,
-                    textAlign: "center",
-                    textVerticalAlign: "middle"
-                  },
-                  silent: true
-                }
-              ]
-            });
-          }
-          if (options.controls?.maximize) {
-            const isMaximized = maximizedPaneId === "main";
-            const xOffset = options.controls?.collapse ? 25 : 0;
-            controls.push({
-              type: "group",
-              x: xOffset,
-              children: [
-                {
-                  type: "rect",
-                  shape: { width: 20, height: 20, r: 2 },
-                  style: { fill: "#334155", stroke: "#475569", lineWidth: 1 },
-                  onclick: () => onToggle("main", "maximize")
-                },
-                {
-                  type: "text",
-                  style: {
-                    text: isMaximized ? "\u2750" : "\u25A1",
-                    // Simple chars for now
-                    fill: "#cbd5e1",
-                    font: `14px ${options.fontFamily}`,
-                    x: 10,
-                    y: 10,
-                    textAlign: "center",
-                    textVerticalAlign: "middle"
-                  },
-                  silent: true
-                }
-              ]
-            });
-          }
-          if (options.controls?.fullscreen) {
-            let xOffset = 0;
-            if (options.controls?.collapse)
-              xOffset += 25;
-            if (options.controls?.maximize)
-              xOffset += 25;
-            controls.push({
-              type: "group",
-              x: xOffset,
-              children: [
-                {
-                  type: "rect",
-                  shape: { width: 20, height: 20, r: 2 },
-                  style: { fill: "#334155", stroke: "#475569", lineWidth: 1 },
-                  onclick: () => onToggle("main", "fullscreen")
-                },
-                {
-                  type: "text",
-                  style: {
-                    text: "\u26F6",
-                    fill: "#cbd5e1",
-                    font: `14px ${options.fontFamily}`,
-                    x: 10,
-                    y: 10,
-                    textAlign: "center",
-                    textVerticalAlign: "middle"
-                  },
-                  silent: true
-                }
-              ]
-            });
-          }
-          if (controls.length > 0) {
-            graphic.push({
-              type: "group",
-              right: "10.5%",
-              top: mainPaneTop + "%",
-              children: controls
-            });
-          }
-        }
-        layout.paneLayout.forEach((pane) => {
-          if (maximizedPaneId && pane.indicatorId !== maximizedPaneId) {
-            return;
-          }
-          graphic.push({
-            type: "text",
-            left: "8.5%",
-            top: pane.top + 10 * pixelToPercent + "%",
-            z: 10,
-            style: {
-              text: pane.indicatorId || "",
-              fill: pane.titleColor || "#fff",
-              font: `bold 12px ${options.fontFamily || "sans-serif"}`,
-              textVerticalAlign: "top"
-            }
-          });
-          const controls = [];
-          if (pane.controls?.collapse) {
-            controls.push({
-              type: "group",
-              children: [
-                {
-                  type: "rect",
-                  shape: { width: 20, height: 20, r: 2 },
-                  style: { fill: "#334155", stroke: "#475569", lineWidth: 1 },
-                  onclick: () => pane.indicatorId && onToggle(pane.indicatorId, "collapse")
-                },
-                {
-                  type: "text",
-                  style: {
-                    text: pane.isCollapsed ? "+" : "\u2212",
-                    fill: "#cbd5e1",
-                    font: `bold 14px ${options.fontFamily}`,
-                    x: 10,
-                    y: 10,
-                    textAlign: "center",
-                    textVerticalAlign: "middle"
-                  },
-                  silent: true
-                }
-              ]
-            });
-          }
-          if (pane.controls?.maximize) {
-            const isMaximized = maximizedPaneId === pane.indicatorId;
-            const xOffset = pane.controls?.collapse ? 25 : 0;
-            controls.push({
-              type: "group",
-              x: xOffset,
-              children: [
-                {
-                  type: "rect",
-                  shape: { width: 20, height: 20, r: 2 },
-                  style: { fill: "#334155", stroke: "#475569", lineWidth: 1 },
-                  onclick: () => pane.indicatorId && onToggle(pane.indicatorId, "maximize")
-                },
-                {
-                  type: "text",
-                  style: {
-                    text: isMaximized ? "\u2750" : "\u25A1",
-                    fill: "#cbd5e1",
-                    font: `14px ${options.fontFamily}`,
-                    x: 10,
-                    y: 10,
-                    textAlign: "center",
-                    textVerticalAlign: "middle"
-                  },
-                  silent: true
-                }
-              ]
-            });
-          }
-          if (controls.length > 0) {
-            graphic.push({
-              type: "group",
-              right: "10.5%",
-              top: pane.top + "%",
-              children: controls
-            });
-          }
-        });
-        return graphic;
-      }
-    }
-
-    class TooltipFormatter {
-      static format(params, options) {
-        if (!params || params.length === 0)
-          return "";
-        const marketName = options.title || "Market";
-        const upColor = options.upColor || "#00da3c";
-        const downColor = options.downColor || "#ec0000";
-        const fontFamily = options.fontFamily || "sans-serif";
-        const date = params[0].axisValue;
-        let html = `<div style="font-weight: bold; margin-bottom: 5px; color: #cbd5e1; font-family: ${fontFamily};">${date}</div>`;
-        const marketSeries = params.find(
-          (p) => p.seriesType === "candlestick"
-        );
-        const indicatorParams = params.filter(
-          (p) => p.seriesType !== "candlestick"
-        );
-        if (marketSeries) {
-          const [_, open, close, low, high] = marketSeries.value;
-          const color = close >= open ? upColor : downColor;
-          html += `
-            <div style="margin-bottom: 8px; font-family: ${fontFamily};">
-                <div style="display:flex; justify-content:space-between; color:${color}; font-weight:bold;">
-                    <span>${marketName}</span>
+(function(T,Lt){typeof exports=="object"&&typeof module<"u"?Lt(exports,require("echarts")):typeof define=="function"&&define.amd?define(["exports","echarts"],Lt):(T=typeof globalThis<"u"?globalThis:T||self,Lt(T.QFChart={},T.echarts))})(this,function(T,Lt){"use strict";function ni(h){var t=Object.create(null);return h&&Object.keys(h).forEach(function(e){if(e!=="default"){var i=Object.getOwnPropertyDescriptor(h,e);Object.defineProperty(t,e,i.get?i:{enumerable:!0,get:function(){return h[e]}})}}),t.default=h,Object.freeze(t)}var _=ni(Lt),si=Object.defineProperty,oi=(h,t,e)=>t in h?si(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Pt=(h,t,e)=>(oi(h,typeof t!="symbol"?t+"":t,e),e);class ri{constructor(t,e,i,n={}){Pt(this,"id"),Pt(this,"plots"),Pt(this,"paneIndex"),Pt(this,"height"),Pt(this,"collapsed"),Pt(this,"titleColor"),Pt(this,"controls"),this.id=t,this.plots=e,this.paneIndex=i,this.height=n.height,this.collapsed=n.collapsed||!1,this.titleColor=n.titleColor,this.controls=n.controls}toggleCollapse(){this.collapsed=!this.collapsed}isVisible(){return!this.collapsed}updateData(t){Object.keys(t).forEach(e=>{if(!this.plots[e])this.plots[e]=t[e];else{const i=this.plots[e],n=t[e];if(!i.data)return;n.options&&(i.options={...i.options,...n.options});const r=new Map;i.data?.forEach(s=>{r.set(s.time,s)}),n.data?.forEach(s=>{r.set(s.time,s)}),i.data=Array.from(r.values()).sort((s,l)=>s.time-l.time)}})}}class U{static createMinFunction(t){return e=>{const i=(e.max-e.min)*(t/100);return e.min-i}}static createMaxFunction(t){return e=>{const i=(e.max-e.min)*(t/100);return e.max+i}}static autoDetectDecimals(t){if(!t||t.length===0)return 2;const e=t[t.length-1].close;if(e===0||!isFinite(e)||isNaN(e))return 2;const i=Math.abs(e);if(i>=1)return 2;const n=Math.ceil(-Math.log10(i));return Math.min(n+4,10)}static formatValue(t,e){return typeof t=="number"?t.toFixed(e):String(t)}}class Qt{static calculate(t,e,i,n=!1,r=null,s,l){let a=0;t>0&&(a=1/t*100);const o=i.yAxisPadding!==void 0?i.yAxisPadding:5,c=i.grid?.show===!0,y=i.grid?.lineColor??"#334155",d=i.grid?.lineOpacity??.5,u=i.grid?.borderColor??"#334155",p=i.grid?.borderShow===!0,f=i.layout?.left??"10%",g=i.layout?.right??"10%",m=Array.from(e.values()).map(L=>L.paneIndex).filter(L=>L>0).sort((L,B)=>L-B).filter((L,B,J)=>J.indexOf(L)===B),x=m.length>0,P=i.dataZoom?.visible??!0,w=i.dataZoom?.position??"top",D=i.dataZoom?.height??6,S=i.dataZoom?.start??0,M=i.dataZoom?.end??100;let b=8,k=92,C=-1;if(r)if(r==="main")C=0;else{const L=e.get(r);L&&(C=L.paneIndex)}if(C!==-1){const L=[],B=[],J=[],Y=[],ct=i.dataZoom?.start??50,Et=i.dataZoom?.end??100;(i.dataZoom?.zoomOnTouch??!0)&&Y.push({type:"inside",xAxisIndex:"all",start:ct,end:Et,filterMode:"weakFilter"});const V=x?Math.max(...m):0,et=[];for(let j=0;j<=V;j++){const nt=j===C;L.push({left:f,right:g,top:nt?"5%":"0%",height:nt?"90%":"0%",show:nt,containLabel:!1}),B.push({type:"category",gridIndex:j,data:[],show:nt,axisLabel:{show:nt,color:"#94a3b8",fontFamily:i.fontFamily},axisLine:{show:nt&&p,lineStyle:{color:u}},splitLine:{show:nt&&c,lineStyle:{color:y,opacity:d}}});let Bt,jt;if(j===0&&C===0?(Bt=i.yAxisMin!==void 0&&i.yAxisMin!=="auto"?i.yAxisMin:U.createMinFunction(o),jt=i.yAxisMax!==void 0&&i.yAxisMax!=="auto"?i.yAxisMax:U.createMaxFunction(o)):(Bt=U.createMinFunction(o),jt=U.createMaxFunction(o)),J.push({position:"right",gridIndex:j,show:nt,scale:!0,min:Bt,max:jt,axisLabel:{show:nt,color:"#94a3b8",fontFamily:i.fontFamily,formatter:vt=>{if(i.yAxisLabelFormatter)return i.yAxisLabelFormatter(vt);const Yt=i.yAxisDecimalPlaces!==void 0?i.yAxisDecimalPlaces:U.autoDetectDecimals(s);return U.formatValue(vt,Yt)}},splitLine:{show:nt&&c,lineStyle:{color:y,opacity:d}}}),j>0){const vt=Array.from(e.values()).find(Yt=>Yt.paneIndex===j);vt&&et.push({index:j,height:nt?90:0,top:nt?5:0,isCollapsed:!1,indicatorId:vt.id,titleColor:vt.titleColor,controls:vt.controls})}}return{grid:L,xAxis:B,yAxis:J,dataZoom:Y,paneLayout:et,mainPaneHeight:C===0?90:0,mainPaneTop:C===0?5:0,pixelToPercent:a,overlayYAxisMap:new Map,separatePaneYAxisOffset:1}}P?w==="top"?(b=D+4,k=95):(k=100-D-2,b=8):(b=5,k=95);let A=5;t>0&&(A=20/t*100);let G=75,z;if(i.layout?.mainPaneHeight!==void 0){const L=i.layout.mainPaneHeight;if(typeof L=="string"){const B=parseFloat(L);isNaN(B)||(z=B)}else typeof L=="number"&&(z=L)}let $=[];if(x){const L=m.map(V=>{const et=Array.from(e.values()).find(j=>j.paneIndex===V);return{index:V,requestedHeight:et?.height,isCollapsed:et?.collapsed??!1,indicatorId:et?.id,titleColor:et?.titleColor,controls:et?.controls}}).map(V=>({...V,rawHeight:V.isCollapsed?3:V.requestedHeight!==void 0?V.requestedHeight:15})),B=k-b,J=L.length*A;if(l!==void 0&&l>0&&!n)G=l;else if(n)G=3;else if(z!==void 0&&z>0)G=z;else{const V=L.reduce((et,j)=>et+j.rawHeight,0);G=B-V-J,G<20&&(G=Math.max(G,10))}const Y=l!==void 0&&l>0&&!n||z!==void 0&&z>0&&!n;let ct;if(Y){const V=B-G-J,et=L.filter(j=>!j.isCollapsed).reduce((j,nt)=>j+nt.rawHeight,0);ct=L.map(j=>({...j,height:j.isCollapsed?3:et>0?Math.max(5,j.rawHeight/et*V):V/L.filter(nt=>!nt.isCollapsed).length}))}else ct=L.map(V=>({...V,height:V.rawHeight}));let Et=b+G+A;$=ct.map(V=>{const et={index:V.index,height:V.height,top:Et,isCollapsed:V.isCollapsed,indicatorId:V.indicatorId,titleColor:V.titleColor,controls:V.controls};return Et+=V.height+A,et})}else G=k-b,n&&(G=3);const v=[];if($.length>0){v.push({yPercent:b+G+A/2,aboveId:"main",belowId:$[0].indicatorId||""});for(let L=0;L<$.length-1;L++)v.push({yPercent:$[L].top+$[L].height+A/2,aboveId:$[L].indicatorId||"",belowId:$[L+1].indicatorId||""})}const E=[];E.push({left:f,right:g,top:b+"%",height:G+"%",containLabel:!1}),$.forEach(L=>{E.push({left:f,right:g,top:L.top+"%",height:L.height+"%",containLabel:!1})});const I=[0,...$.map((L,B)=>B+1)],N=[],F=$.length===0,Z=!n&&F;N.push({type:"category",data:[],gridIndex:0,scale:!0,axisLine:{onZero:!1,show:!n&&p,lineStyle:{color:u}},splitLine:{show:!n&&c,lineStyle:{color:y,opacity:d}},axisLabel:{show:Z,color:"#94a3b8",fontFamily:i.fontFamily||"sans-serif",formatter:L=>{if(i.yAxisLabelFormatter)return i.yAxisLabelFormatter(L);const B=i.yAxisDecimalPlaces!==void 0?i.yAxisDecimalPlaces:U.autoDetectDecimals(s);return U.formatValue(L,B)}},axisTick:{show:Z},axisPointer:{label:{show:F,fontSize:11,backgroundColor:"#475569"}}}),$.forEach((L,B)=>{const J=B===$.length-1,Y=J&&!L.isCollapsed;N.push({type:"category",gridIndex:B+1,data:[],axisLabel:{show:Y,color:"#94a3b8",fontFamily:i.fontFamily||"sans-serif"},axisLine:{show:!L.isCollapsed&&p,lineStyle:{color:u}},axisTick:{show:Y},splitLine:{show:!1},axisPointer:{label:{show:J,fontSize:11,backgroundColor:"#475569"}}})});const R=[];let H,q;i.yAxisMin!==void 0&&i.yAxisMin!=="auto"?H=i.yAxisMin:H=U.createMinFunction(o),i.yAxisMax!==void 0&&i.yAxisMax!=="auto"?q=i.yAxisMax:q=U.createMaxFunction(o),R.push({position:"right",scale:!0,min:H,max:q,gridIndex:0,splitLine:{show:!n&&c,lineStyle:{color:y,opacity:d}},axisLine:{show:!n&&p,lineStyle:{color:u}},axisLabel:{show:!n,color:"#94a3b8",fontFamily:i.fontFamily||"sans-serif",formatter:L=>{if(i.yAxisLabelFormatter)return i.yAxisLabelFormatter(L);const B=i.yAxisDecimalPlaces!==void 0?i.yAxisDecimalPlaces:U.autoDetectDecimals(s);return U.formatValue(L,B)}}});let X=1,rt=-1/0,tt=1/0;s&&s.length>0&&(rt=Math.min(...s.map(L=>L.low)),tt=Math.max(...s.map(L=>L.high)));const O=new Map;e.forEach((L,B)=>{L.paneIndex===0&&!L.collapsed&&s&&s.length>0&&Object.entries(L.plots).forEach(([J,Y])=>{const ct=`${B}::${J}`,Et=["background","barcolor"],V=(Y.options.style==="shape"||Y.options.style==="char")&&(Y.options.location==="abovebar"||Y.options.location==="AboveBar"||Y.options.location==="ab"||Y.options.location==="belowbar"||Y.options.location==="BelowBar"||Y.options.location==="bl"||Y.options.location==="absolute"||Y.options.location==="Absolute");if(Et.includes(Y.options.style)){O.has(ct)||(O.set(ct,X),X++);return}if((Y.options.style==="shape"||Y.options.style==="char")&&!V){O.has(ct)||(O.set(ct,X),X++);return}const et=[];if(Y.data&&Object.values(Y.data).forEach(j=>{typeof j=="number"&&!isNaN(j)&&isFinite(j)&&et.push(j)}),et.length>0){const j=Math.min(...et),nt=Math.max(...et),Bt=nt-j,jt=tt-rt,vt=j>=rt*.5&&nt<=tt*1.5,Yt=Bt>jt*.01;vt&&Yt||O.has(ct)||(O.set(ct,X),X++)}})});const Q=O.size>0?X-1:0,mt=new Set;O.forEach((L,B)=>{e.forEach(J=>{Object.entries(J.plots).forEach(([Y,ct])=>{`${J.id}::${Y}`===B&&["background","barcolor","char"].includes(ct.options.style)&&mt.add(L)})})});for(let L=0;L<Q;L++){const B=L+1,J=mt.has(B);R.push({position:"left",scale:!J,min:J?0:U.createMinFunction(o),max:J?1:U.createMaxFunction(o),gridIndex:0,show:!1,splitLine:{show:!1},axisLine:{show:!1},axisLabel:{show:!1}})}const Jt=X;$.forEach((L,B)=>{R.push({position:"right",scale:!0,min:U.createMinFunction(o),max:U.createMaxFunction(o),gridIndex:B+1,splitLine:{show:!L.isCollapsed&&c,lineStyle:{color:y,opacity:d*.6}},axisLabel:{show:!L.isCollapsed,color:"#94a3b8",fontFamily:i.fontFamily||"sans-serif",fontSize:10,formatter:J=>{if(i.yAxisLabelFormatter)return i.yAxisLabelFormatter(J);const Y=i.yAxisDecimalPlaces!==void 0?i.yAxisDecimalPlaces:U.autoDetectDecimals(s);return U.formatValue(J,Y)}},axisLine:{show:!L.isCollapsed&&p,lineStyle:{color:u}}})});const It=[],uo=i.dataZoom?.zoomOnTouch??!0,go=i.dataZoom?.pannable??!0;return uo&&go&&It.push({type:"inside",xAxisIndex:I,start:S,end:M,filterMode:"weakFilter"}),P&&(w==="top"?It.push({type:"slider",xAxisIndex:I,top:"1%",height:D+"%",start:S,end:M,borderColor:"#334155",textStyle:{color:"#cbd5e1"},brushSelect:!1,filterMode:"weakFilter"}):It.push({type:"slider",xAxisIndex:I,bottom:"1%",height:D+"%",start:S,end:M,borderColor:"#334155",textStyle:{color:"#cbd5e1"},brushSelect:!1,filterMode:"weakFilter"})),{grid:E,xAxis:N,yAxis:R,dataZoom:It,paneLayout:$,mainPaneHeight:G,mainPaneTop:b,pixelToPercent:a,paneBoundaries:v,overlayYAxisMap:O,separatePaneYAxisOffset:Jt}}static calculateMaximized(t,e,i){return{grid:[],xAxis:[],yAxis:[],dataZoom:[],paneLayout:[],mainPaneHeight:0,mainPaneTop:0,pixelToPercent:0,paneBoundaries:[]}}}class ai{render(t){const{seriesName:e,xAxisIndex:i,yAxisIndex:n,dataArray:r,colorArray:s,plotOptions:l}=t,a="#2962ff";return{name:e,type:"custom",xAxisIndex:i,yAxisIndex:n,renderItem:(o,c)=>{const y=o.dataIndex;if(y===0)return;const d=c.value(1),u=c.value(2);if(d===null||isNaN(d)||u===null||isNaN(u))return;const p=c.coord([y-1,u]),f=c.coord([y,d]);return{type:"line",shape:{x1:p[0],y1:p[1],x2:f[0],y2:f[1]},style:{stroke:s[y]||l.color||a,lineWidth:l.linewidth||1},silent:!0}},data:r.map((o,c)=>[c,o,c>0?r[c-1]:null])}}}class li{render(t){const{seriesName:e,xAxisIndex:i,yAxisIndex:n,dataArray:r,colorArray:s,plotOptions:l}=t,a="#2962ff";return{name:e,type:"custom",xAxisIndex:i,yAxisIndex:n,renderItem:(o,c)=>{const y=c.value(0),d=c.value(1);if(isNaN(d)||d===null)return;const u=c.coord([y,d]),p=c.size([1,0])[0];return{type:"line",shape:{x1:u[0]-p/2,y1:u[1],x2:u[0]+p/2,y2:u[1]},style:{stroke:s[o.dataIndex]||l.color||a,lineWidth:l.linewidth||1},silent:!0}},data:r.map((o,c)=>[c,o])}}}class ce{render(t){const{seriesName:e,xAxisIndex:i,yAxisIndex:n,dataArray:r,colorArray:s,plotOptions:l}=t,a="#2962ff",o=l.histbase??0,c=l.style==="columns",y=l.linewidth??1,d=r.map((u,p)=>u==null||typeof u=="number"&&isNaN(u)?null:[p,u,s[p]||l.color||a]);return{name:e,type:"custom",xAxisIndex:i,yAxisIndex:n,renderItem:(u,p)=>{const f=p.value(0),g=p.value(1),m=p.value(2);if(g==null||isNaN(g))return null;const x=p.coord([f,o]),P=p.coord([f,g]),w=p.size([1,0])[0];let D;c?D=w*.6:D=Math.max(1,y);const S=x[0],M=x[1],b=P[1],k=Math.min(M,b),C=Math.abs(b-M);return{type:"rect",shape:{x:S-D/2,y:k,width:D,height:C||1},style:{fill:m}}},data:d.filter(u=>u!==null)}}}const te=new Map;function de(h,t="#00da3c",e="64px"){if(typeof document>"u")return"";const i=`${h}-${t}-${e}`;if(te.has(i))return te.get(i);const n=document.createElement("canvas"),r=n.getContext("2d");if(n.width=32,n.height=32,r){r.font="bold "+e+" Arial",r.fillStyle=t,r.textAlign="center",r.textBaseline="middle",r.fillText(h,16,16);const s=n.toDataURL("image/png");return te.set(i,s),s}return""}class ee{render(t){const{seriesName:e,xAxisIndex:i,yAxisIndex:n,dataArray:r,colorArray:s,plotOptions:l}=t,a="#2962ff",o=l.style;if(o==="char"){const{optionsArray:y,candlestickData:d}=t,u=l.char||"\u2022",p=l.location||"abovebar",f=r.map((g,m)=>{if(g==null||typeof g=="number"&&isNaN(g))return null;const x=y?.[m]||{},P=x.char||u,w=x.color||s[m]||l.color||a,D=x.location||p,S=x.size||l.size||"normal";let M=g,b=[0,0];D==="abovebar"||D==="AboveBar"||D==="ab"?(d&&d[m]&&(M=d[m].high),b=[0,"-150%"]):(D==="belowbar"||D==="BelowBar"||D==="bl")&&(d&&d[m]&&(M=d[m].low),b=[0,"150%"]);const k={tiny:"18px",small:"26px",normal:"34px",large:"42px",huge:"54px",auto:"28px"}[S]||"34px";return{value:[m,M],symbol:`image://${de(P,w,k)}`,symbolSize:parseInt(k)+8,symbolOffset:b}}).filter(g=>g!==null);return{name:e,type:"scatter",xAxisIndex:i,yAxisIndex:n,z:10,data:f}}const c=r.map((y,d)=>{if(y===null)return null;const u=s[d]||l.color||a,p={value:[d,y],itemStyle:{color:u}};return o==="cross"?(p.symbol=`image://${de("+",u,"24px")}`,p.symbolSize=16):(p.symbol="circle",p.symbolSize=6),p}).filter(y=>y!==null);return{name:e,type:"scatter",xAxisIndex:i,yAxisIndex:n,data:c}}}class pe{render(t){const{seriesName:e,xAxisIndex:i,yAxisIndex:n,dataArray:r,colorArray:s,optionsArray:l,plotOptions:a}=t,o="#2962ff",c=a.style==="candle",y=[],d=r.map((u,p)=>{if(u===null||!Array.isArray(u)||u.length!==4)return null;const[f,g,m,x]=u,P=l[p]||{},w=P.color||s[p]||a.color||o,D=P.wickcolor||a.wickcolor||w,S=P.bordercolor||a.bordercolor||D;return y[p]={color:w,wickColor:D,borderColor:S},[p,f,x,m,g]}).filter(u=>u!==null);return{name:e,type:"custom",xAxisIndex:i,yAxisIndex:n,renderItem:(u,p)=>{const f=p.value(0),g=p.value(1),m=p.value(2),x=p.value(3),P=p.value(4);if(isNaN(g)||isNaN(m)||isNaN(x)||isNaN(P))return null;const w=y[f]||{color:o,wickColor:o,borderColor:o},D=w.color,S=w.wickColor,M=w.borderColor,b=p.coord([f,0])[0],k=p.coord([f,g])[1],C=p.coord([f,m])[1],A=p.coord([f,x])[1],G=p.coord([f,P])[1],z=p.size([1,0])[0]*.6;if(c){const $=Math.min(k,C),v=Math.max(k,C),E=Math.abs(C-k);return{type:"group",children:[{type:"line",shape:{x1:b,y1:G,x2:b,y2:$},style:{stroke:S,lineWidth:1}},{type:"line",shape:{x1:b,y1:v,x2:b,y2:A},style:{stroke:S,lineWidth:1}},{type:"rect",shape:{x:b-z/2,y:$,width:z,height:E||1},style:{fill:D,stroke:M,lineWidth:1}}]}}else{const $=z*.5;return{type:"group",children:[{type:"line",shape:{x1:b,y1:A,x2:b,y2:G},style:{stroke:D,lineWidth:1}},{type:"line",shape:{x1:b-$,y1:k,x2:b,y2:k},style:{stroke:D,lineWidth:1}},{type:"line",shape:{x1:b,y1:C,x2:b+$,y2:C},style:{stroke:D,lineWidth:1}}]}}},data:d}}}class At{static getShapeSymbol(t){switch(t){case"arrowdown":case"shape_arrow_down":return"path://M12 24l-12-12h8v-12h8v12h8z";case"arrowup":case"shape_arrow_up":return"path://M12 0l12 12h-8v12h-8v-12h-8z";case"circle":case"shape_circle":return"circle";case"cross":case"shape_cross":return"path://M11 2h2v9h9v2h-9v9h-2v-9h-9v-2h9z";case"diamond":case"shape_diamond":return"diamond";case"flag":case"shape_flag":return"path://M6 2v20h2v-8h12l-2-6 2-6h-12z";case"labeldown":case"shape_label_down":return"path://M2 1h20a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-8l-2 3-2-3h-8a1 1 0 0 1-1-1v-14a1 1 0 0 1 1-1z";case"labelleft":case"shape_label_left":return"path://M0 10l3-3v-5a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-18a1 1 0 0 1-1-1v-5z";case"labelright":case"shape_label_right":return"path://M24 10l-3-3v-5a1 1 0 0 0-1-1h-18a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-5z";case"labelup":case"shape_label_up":return"path://M12 1l2 3h8a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-20a1 1 0 0 1-1-1v-14a1 1 0 0 1 1-1h8z";case"labelcenter":case"shape_label_center":return"path://M1 1h22a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-22a1 1 0 0 1-1-1v-16a1 1 0 0 1 1-1z";case"square":case"shape_square":return"rect";case"triangledown":case"shape_triangle_down":return"path://M12 21l-10-18h20z";case"triangleup":case"shape_triangle_up":return"triangle";case"xcross":case"shape_xcross":return"path://M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z";default:return"circle"}}static getShapeRotation(t){return 0}static getShapeSize(t,e,i){if(e!==void 0&&i!==void 0)return[e,i];let n;switch(t){case"tiny":n=8;break;case"small":n=12;break;case"normal":case"auto":n=16;break;case"large":n=24;break;case"huge":n=32;break;default:n=16}return e!==void 0?[e,e]:i!==void 0?[i,i]:n}static getLabelConfig(t,e){switch(e){case"abovebar":case"AboveBar":return{position:"top",distance:5};case"belowbar":case"BelowBar":return{position:"bottom",distance:5};case"top":case"Top":return{position:"bottom",distance:5};case"bottom":case"Bottom":return{position:"top",distance:5};case"absolute":case"Absolute":default:return t==="labelup"||t==="labeldown"||t==="shape_label_up"||t==="shape_label_down"?{position:"inside",distance:0}:{position:"top",distance:5}}}}class hi{render(t){const{seriesName:e,xAxisIndex:i,yAxisIndex:n,dataArray:r,colorArray:s,optionsArray:l,plotOptions:a,candlestickData:o}=t,c="#2962ff",y=r.map((d,u)=>{const p=l[u]||{},f=a,g=p.location||f.location||"absolute";if(g!=="absolute"&&g!=="Absolute"&&!d||d==null)return null;const m=p.color||f.color||c,x=p.shape||f.shape||"circle",P=p.size||f.size||"normal",w=p.text||f.text,D=p.textcolor||f.textcolor||"white",S=p.width||f.width,M=p.height||f.height;let b=d,k=[0,0];const C=x.includes("label_up")||x==="labelup",A=x.includes("label_down")||x==="labeldown";g==="abovebar"||g==="AboveBar"||g==="ab"?(o&&o[u]&&(b=o[u].high),k=[0,"-150%"]):g==="belowbar"||g==="BelowBar"||g==="bl"?(o&&o[u]&&(b=o[u].low),k=[0,"150%"]):g==="top"||g==="Top"?(b=d,k=[0,0]):(g==="bottom"||g==="Bottom")&&(b=d,k=[0,0]);const G=At.getShapeSymbol(x),z=At.getShapeSize(P,S,M),$=At.getShapeRotation(x);let v=z;x.includes("label")&&(Array.isArray(z)?v=[z[0]*2.5,z[1]*2.5]:v=z*2.5),C?k=[k[0],"50%"]:A&&(k=[k[0],"-50%"]);const E=At.getLabelConfig(x,g);return{value:[u,b],symbol:G,symbolSize:v,symbolRotate:$,symbolOffset:k,itemStyle:{color:m},label:{show:!!w,position:E.position,distance:E.distance,formatter:w,color:D,fontSize:10,fontWeight:"bold"}}}).filter(d=>d!==null);return{name:e,type:"scatter",xAxisIndex:i,yAxisIndex:n,z:10,data:y}}}class lt{static parseColor(t){if(!t||typeof t!="string")return{color:"#888888",opacity:.2};const e=t.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/);if(e){const n=e[1],r=e[2],s=e[3],l=e[4]?parseFloat(e[4]):1;return{color:`rgb(${n},${r},${s})`,opacity:l}}const i=t.match(/^#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/);if(i){const n=parseInt(i[1],16),r=parseInt(i[2],16),s=parseInt(i[3],16),l=parseInt(i[4],16)/255;return{color:`rgb(${n},${r},${s})`,opacity:l}}return{color:t,opacity:1}}static toRgba(t,e){const i=t.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);if(i)return`rgba(${i[1]},${i[2]},${i[3]},${e})`;const n=t.match(/^#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/);if(n){const s=parseInt(n[1],16),l=parseInt(n[2],16),a=parseInt(n[3],16);return`rgba(${s},${l},${a},${e})`}const r=t.match(/^#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/);if(r){const s=parseInt(r[1],16),l=parseInt(r[2],16),a=parseInt(r[3],16);return`rgba(${s},${l},${a},${e})`}return t}static toRGB(t){const e=t.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);if(e)return{r:+e[1],g:+e[2],b:+e[3]};const i=t.match(/^#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})/);return i?{r:parseInt(i[1],16),g:parseInt(i[2],16),b:parseInt(i[3],16)}:{r:128,g:128,b:128}}static interpolateColor(t,e,i,n,r){const s=this.toRGB(t),l=this.toRGB(i),a=Math.round(s.r+(l.r-s.r)*r),o=Math.round(s.g+(l.g-s.g)*r),c=Math.round(s.b+(l.b-s.b)*r),y=e+(n-e)*r;return`rgba(${a},${o},${c},${y})`}}class ci{render(t){const{seriesName:e,xAxisIndex:i,yAxisIndex:n,dataArray:r,colorArray:s}=t,l=[];for(let a=0;a<s.length;a++)l[a]=s[a]?lt.parseColor(s[a]):{color:"",opacity:0};return{name:e,type:"custom",xAxisIndex:i,yAxisIndex:n,z:-10,renderItem:(a,o)=>{const c=o.value(0);if(isNaN(c))return;const y=o.coord([c,.5]),d=o.size([1,0])[0],u=a.coordSys,p=y[0]-d/2,f=s[a.dataIndex],g=o.value(1);if(!f||g===null||g===void 0||isNaN(g))return;const m=l[a.dataIndex];if(!(!m||m.opacity<=0))return{type:"rect",shape:{x:p,y:u.y,width:d,height:u.height},style:{fill:m.color,opacity:m.opacity},silent:!0}},data:r.map((a,o)=>[o,a!=null&&!isNaN(a)?.5:null])}}}class ue{render(t){const{seriesName:e,xAxisIndex:i,yAxisIndex:n,plotOptions:r,plotDataArrays:s,indicatorId:l,plotName:a,optionsArray:o}=t,c=t.dataArray.length,y=r.plot1?`${l}::${r.plot1}`:null,d=r.plot2?`${l}::${r.plot2}`:null;if(!y||!d)return console.warn(`Fill plot "${a}" missing plot1 or plot2 reference`),null;const u=s?.get(y),p=s?.get(d);if(!u||!p)return console.warn(`Fill plot "${a}" references non-existent plots: ${r.plot1}, ${r.plot2}`),null;if(r.gradient===!0)return this.renderGradientFill(e,i,n,u,p,c,o,r);const{color:f,opacity:g}=lt.parseColor(r.color||"rgba(128, 128, 128, 0.2)"),m=o?.some(w=>w&&w.color!==void 0);let x=null;if(m){x=[];for(let w=0;w<c;w++){const D=o?.[w];D&&D.color!==void 0?x[w]=lt.parseColor(D.color):x[w]={color:f,opacity:g}}}const P=[];for(let w=0;w<c;w++){const D=u[w],S=p[w],M=w>0?u[w-1]:null,b=w>0?p[w-1]:null;P.push([w,D,S,M,b])}return{name:e,type:"custom",xAxisIndex:i,yAxisIndex:n,z:1,clip:!0,encode:{x:0},animation:!1,renderItem:(w,D)=>{const S=w.dataIndex;if(S===0)return null;const M=D.value(1),b=D.value(2),k=D.value(3),C=D.value(4);if(M===null||b===null||k===null||C===null||isNaN(M)||isNaN(b)||isNaN(k)||isNaN(C))return null;const A=x?x[S]:null,G=A?A.opacity:g;if(G<.01)return null;const z=A?A.color:f,$=k-C,v=M-b;if($>0&&v<0||$<0&&v>0){const Z=$/($-v),R=S-1+Z,H=k+Z*(M-k),q=D.coord([R,H]),X=D.coord([S-1,k]),rt=D.coord([S,M]),tt=D.coord([S,b]),O=D.coord([S-1,C]);return{type:"group",children:[{type:"polygon",shape:{points:[X,q,O]},style:{fill:z,opacity:G},silent:!0},{type:"polygon",shape:{points:[q,rt,tt]},style:{fill:z,opacity:G},silent:!0}],silent:!0}}const E=D.coord([S-1,k]),I=D.coord([S,M]),N=D.coord([S,b]),F=D.coord([S-1,C]);return{type:"polygon",shape:{points:[E,I,N,F]},style:{fill:z,opacity:G},silent:!0}},data:P,silent:!0}}renderBatched(t,e,i,n,r){const s=Array.from({length:n},(l,a)=>[a]);return{name:t,type:"custom",xAxisIndex:e,yAxisIndex:i,z:1,clip:!0,encode:{x:0},animation:!1,renderItem:(l,a)=>{const o=l.dataIndex;if(o===0)return null;const c=[];for(let y=0;y<r.length;y++){const d=r[y],u=d.plot1Data[o],p=d.plot2Data[o],f=d.plot1Data[o-1],g=d.plot2Data[o-1];if(u==null||p==null||f==null||g==null||isNaN(u)||isNaN(p)||isNaN(f)||isNaN(g))continue;const m=d.barColors[o];if(!m||m.opacity<.01)continue;const x={fill:m.color,opacity:m.opacity},P=f-g,w=u-p;if(P>0&&w<0||P<0&&w>0){const D=P/(P-w),S=o-1+D,M=f+D*(u-f),b=a.coord([S,M]),k=a.coord([o-1,f]),C=a.coord([o,u]),A=a.coord([o,p]),G=a.coord([o-1,g]);c.push({type:"polygon",shape:{points:[k,b,G]},style:x,silent:!0}),c.push({type:"polygon",shape:{points:[b,C,A]},style:x,silent:!0})}else{const D=a.coord([o-1,f]),S=a.coord([o,u]),M=a.coord([o,p]),b=a.coord([o-1,g]);c.push({type:"polygon",shape:{points:[D,S,M,b]},style:x,silent:!0})}}return c.length>0?{type:"group",children:c,silent:!0}:null},data:s,silent:!0}}renderGradientFill(t,e,i,n,r,s,l,a){const o=[],c=d=>!!(d==null||typeof d=="number"&&isNaN(d)||d==="na"||d==="NaN"||d==="");for(let d=0;d<s;d++){const u=l?.[d];if(u&&(u.top_color!==void 0||u.bottom_color!==void 0)){const p=c(u.top_color),f=c(u.bottom_color);if(p&&f){o[d]=null;continue}const g=p?{color:"rgba(0,0,0,0)",opacity:0}:lt.parseColor(u.top_color),m=f?{color:"rgba(0,0,0,0)",opacity:0}:lt.parseColor(u.bottom_color),x=u.top_value,P=u.bottom_value,w=x==null||typeof x=="number"&&isNaN(x)?null:x,D=P==null||typeof P=="number"&&isNaN(P)?null:P;if(w==null||D==null){o[d]=null;continue}o[d]={topValue:w,bottomValue:D,topColor:g.color,topOpacity:g.opacity,bottomColor:m.color,bottomOpacity:m.opacity,topIsNa:p,btmIsNa:f}}else o[d]=null}const y=[];for(let d=0;d<s;d++){const u=n[d],p=r[d],f=d>0?n[d-1]:null,g=d>0?r[d-1]:null;y.push([d,u,p,f,g])}return{name:t,type:"custom",xAxisIndex:e,yAxisIndex:i,z:1,clip:!0,encode:{x:0},animation:!1,renderItem:(d,u)=>{const p=d.dataIndex;if(p===0)return null;const f=u.value(1),g=u.value(2),m=u.value(3),x=u.value(4);if(f==null||g==null||m==null||x==null||isNaN(f)||isNaN(g)||isNaN(m)||isNaN(x))return null;const P=o[p];if(!P)return null;const w=P.topValue-P.bottomValue,D=P.topIsNa||P.btmIsNa,S=$=>{let v;return Math.abs(w)<1e-10?v=.5:v=1-($-P.bottomValue)/w,v=Math.max(0,Math.min(1,v)),P.topIsNa?lt.toRgba(P.bottomColor,P.bottomOpacity*v):P.btmIsNa?lt.toRgba(P.topColor,P.topOpacity*(1-v)):lt.interpolateColor(P.topColor,P.topOpacity,P.bottomColor,P.bottomOpacity,v)},M=u.coord([p-1,m]),b=u.coord([p,f]),k=u.coord([p,g]),C=u.coord([p-1,x]),A=Math.max(f,g,m,x),G=Math.min(f,g,m,x),z={type:"polygon",shape:{points:[M,b,k,C]},style:{fill:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:S(A)},{offset:1,color:S(G)}]}},silent:!0};if(D){const $=d.coordSys,v=u.coord([p-1,x])[1],E=u.coord([p,g])[1],I=(v+E)/2;let N,F;return P.btmIsNa?(N=$.y,F=I-$.y):(N=I,F=$.y+$.height-I),F<=0?null:{type:"group",children:[z],clipPath:{type:"rect",shape:{x:$.x,y:N,width:$.width,height:F}},silent:!0}}return z},data:y,silent:!0}}}function yt(h,t,e,i,n){if(!t||t==="bar_index"||t==="bi")return h+e;if(i){const r=i.get(h);if(r!==void 0)return r+e}if(n&&n.length>=2){const r=n[n.length-1].time,s=n.length-1;if(h>r){const l=n[n.length-2].time,a=r-l;if(a>0){const o=(h-r)/a;return s+o+e}}else if(h<n[0].time){const l=n[0].time,a=n[1].time-l;if(a>0)return 0-(l-h)/a+e}else{let l=0,a=n.length-1;for(;l<a;){const o=l+a>>1;n[o].time<h?l=o+1:a=o}if(l>0){const o=n[l-1].time,c=n[l].time,y=(h-o)/(c-o);return l-1+y+e}return l+e}}return NaN}class di{render(t){const{seriesName:e,xAxisIndex:i,yAxisIndex:n,dataArray:r,candlestickData:s,dataIndexOffset:l,timeToIndex:a,marketData:o}=t,c=l||0,y=[];for(let u=0;u<r.length;u++){const p=r[u];if(!p)continue;const f=Array.isArray(p)?p:[p];for(const g of f)g&&typeof g=="object"&&!g._deleted&&y.push(g)}const d=y.map(u=>{const p=R=>typeof R=="function"?R():R,f=p(u.text)||"",g=p(u.color),m=g!=null&&g!==""?g:"transparent",x=p(u.textcolor)||"#ffffff",P=p(u.yloc)||"price",w=p(u.style)||"style_label_down",D=p(u.size)||"normal",S=p(u.textalign)||"align_center",M=p(u.tooltip)||"",b=this.styleToShape(w),k=yt(u.x,u.xloc,c,a,o);if(isNaN(k))return null;let C=u.y,A=[0,0];P==="abovebar"||P==="AboveBar"||P==="ab"?(s&&s[k]&&(C=s[k].high),A=[0,"-150%"]):(P==="belowbar"||P==="BelowBar"||P==="bl")&&(s&&s[k]&&(C=s[k].low),A=[0,"150%"]);const G=At.getShapeSymbol(b),z=At.getShapeSize(D),$=this.getSizePx(D);let v;const E=b==="labeldown"||b==="shape_label_down"||b==="labelup"||b==="shape_label_up"||b==="labelleft"||b==="labelright";let I=[0,0];if(E){const R=f.split(`
+`),H=R.reduce((Q,mt)=>Q.length>mt.length?Q:mt,"").length*$*.65,q=$*2.5,X=Math.max(q,H+$*1.6),rt=$*1.4,tt=Math.max($*2.8,R.length*rt+$*1.2),O=3/24;if(b==="labelleft"||b==="labelright"){const Q=X/(1-O);v=[Q,tt];const mt=typeof A[0]=="string"?0:A[0];b==="labelleft"?(A=[mt+Q*.42,A[1]],I=[Q*O*.5,0]):(A=[mt-Q*.42,A[1]],I=[-Q*O*.5,0])}else{const Q=tt/(1-O);v=[X,Q],b==="labeldown"?(A=[A[0],typeof A[1]=="string"?A[1]:A[1]-Q*.42],I=[0,-Q*O*.5]):(A=[A[0],typeof A[1]=="string"?A[1]:A[1]+Q*.42],I=[0,Q*O*.5])}}else if(b==="labelcenter"){const R=f.split(`
+`),H=R.reduce((O,Q)=>O.length>Q.length?O:Q,"").length*$*.65,q=$*2.5,X=Math.max(q,H+$*1.6),rt=$*1.4,tt=Math.max($*2.8,R.length*rt+$*1.2);v=[X,tt]}else b==="none"?v=0:Array.isArray(z)?v=[z[0]*1.5,z[1]*1.5]:v=z*1.5;const N=this.getLabelPosition(w,P),F=N==="inside"||N.startsWith("inside"),Z={value:[k,C],symbol:G,symbolSize:v,symbolOffset:A,itemStyle:{color:m},label:{show:!!f,position:N,distance:F?0:5,offset:I,formatter:f,color:x,fontSize:$,fontWeight:"bold",align:F?"center":S==="align_left"||S==="left"?"left":S==="align_right"||S==="right"?"right":"center",verticalAlign:"middle",padding:[2,6]}};return M?(Z._tooltipText=M,Z.emphasis={scale:!1,itemStyle:{color:m},label:{show:Z.label.show,color:x,fontSize:$,fontWeight:"bold"}}):Z.emphasis={disabled:!0},Z}).filter(u=>u!==null);return{name:e,type:"scatter",xAxisIndex:i,yAxisIndex:n,data:d,z:20,animation:!1,clip:!1}}styleToShape(t){switch(t.startsWith("style_")?t.substring(6):t){case"label_down":return"labeldown";case"label_up":return"labelup";case"label_left":return"labelleft";case"label_right":return"labelright";case"label_lower_left":return"labeldown";case"label_lower_right":return"labeldown";case"label_upper_left":return"labelup";case"label_upper_right":return"labelup";case"label_center":return"labelcenter";case"circle":return"circle";case"square":return"square";case"diamond":return"diamond";case"flag":return"flag";case"arrowup":return"arrowup";case"arrowdown":return"arrowdown";case"cross":return"cross";case"xcross":return"xcross";case"triangleup":return"triangleup";case"triangledown":return"triangledown";case"text_outline":return"none";case"none":return"none";default:return"labeldown"}}getLabelPosition(t,e){switch(t.startsWith("style_")?t.substring(6):t){case"label_down":case"label_up":case"label_left":case"label_right":case"label_lower_left":case"label_lower_right":case"label_upper_left":case"label_upper_right":case"label_center":return"inside";case"text_outline":case"none":return e==="abovebar"||e==="AboveBar"||e==="ab"?"top":e==="belowbar"||e==="BelowBar"||e==="bl"?"bottom":"top";default:return e==="belowbar"||e==="BelowBar"||e==="bl"?"bottom":"top"}}getSizePx(t){switch(t){case"tiny":return 8;case"small":return 11;case"normal":case"auto":return 14;case"large":return 20;case"huge":return 36;default:return 14}}}class pi{render(t){const{seriesName:e,xAxisIndex:i,yAxisIndex:n,dataArray:r,dataIndexOffset:s,timeToIndex:l,marketData:a}=t,o=s||0,c="#2962ff",y=[];for(let p=0;p<r.length;p++){const f=r[p];if(!f)continue;const g=Array.isArray(f)?f:[f];for(const m of g)m&&typeof m=="object"&&!m._deleted&&y.push(m)}if(y.length===0)return{name:e,type:"custom",xAxisIndex:i,yAxisIndex:n,data:[],silent:!0};const d=(t.candlestickData?.length||0)+o,u=Math.max(0,d-1);return{name:e,type:"custom",xAxisIndex:i,yAxisIndex:n,renderItem:(p,f)=>{const g=[];for(const m of y){if(m._deleted)continue;const x=yt(m.x1,m.xloc,o,l,a),P=yt(m.x2,m.xloc,o,l,a);if(isNaN(x)||isNaN(P))continue;let w=f.coord([x,m.y1]),D=f.coord([P,m.y2]);const S=m.extend||"none";if(S!=="none"&&S!=="n"){const C=p.coordSys;[w,D]=this.extendLine(w,D,S,C.x,C.x+C.width,C.y,C.y+C.height)}const M=m.color||c,b=m.width||1;g.push({type:"line",shape:{x1:w[0],y1:w[1],x2:D[0],y2:D[1]},style:{fill:"none",stroke:M,lineWidth:b,lineDash:this.getDashPattern(m.style)}});const k=m.style||"style_solid";if(k==="style_arrow_left"||k==="style_arrow_both"){const C=this.arrowHead(D,w,b,M);C&&g.push(C)}if(k==="style_arrow_right"||k==="style_arrow_both"){const C=this.arrowHead(w,D,b,M);C&&g.push(C)}}return{type:"group",children:g}},data:[[0,u]],clip:!0,encode:{x:[0,1]},itemStyle:{color:"transparent",borderColor:"transparent"},z:15,silent:!0,emphasis:{disabled:!0}}}getDashPattern(t){switch(t){case"style_dotted":return[2,2];case"style_dashed":return[6,4];default:return}}extendLine(t,e,i,n,r,s,l){const a=e[0]-t[0],o=e[1]-t[1];if(a===0&&o===0)return[t,e];const c=(u,p)=>{let f=1/0;if(p[0]!==0){const g=p[0]>0?(r-u[0])/p[0]:(n-u[0])/p[0];f=Math.min(f,g)}if(p[1]!==0){const g=p[1]>0?(l-u[1])/p[1]:(s-u[1])/p[1];f=Math.min(f,g)}return isFinite(f)||(f=0),[u[0]+f*p[0],u[1]+f*p[1]]};let y=t,d=e;return(i==="right"||i==="r"||i==="both"||i==="b")&&(d=c(t,[a,o])),(i==="left"||i==="l"||i==="both"||i==="b")&&(y=c(e,[-a,-o])),[y,d]}arrowHead(t,e,i,n){const r=e[0]-t[0],s=e[1]-t[1],l=Math.sqrt(r*r+s*s);if(l<1)return null;const a=Math.max(8,i*4),o=r/l,c=s/l,y=e[0]-o*a,d=e[1]-c*a,u=-c*a*.4,p=o*a*.4;return{type:"polygon",shape:{points:[[e[0],e[1]],[y+u,d+p],[y-u,d-p]]},style:{fill:n}}}}class ui{render(t){const{seriesName:e,xAxisIndex:i,yAxisIndex:n,dataArray:r,dataIndexOffset:s,timeToIndex:l,marketData:a}=t,o=s||0,c=[];for(let u=0;u<r.length;u++){const p=r[u];if(!p)continue;const f=Array.isArray(p)?p:[p];for(const g of f){if(!g||typeof g!="object"||g._deleted)continue;const m=g.line1,x=g.line2;!m||!x||m._deleted||x._deleted||c.push(g)}}if(c.length===0)return{name:e,type:"custom",xAxisIndex:i,yAxisIndex:n,data:[],silent:!0};const y=(t.candlestickData?.length||0)+o,d=Math.max(0,y-1);return{name:e,type:"custom",xAxisIndex:i,yAxisIndex:n,renderItem:(u,p)=>{const f=[];for(const g of c){if(g._deleted)continue;const m=g.line1,x=g.line2;if(!m||!x||m._deleted||x._deleted)continue;const P=yt(m.x1,m.xloc,o,l,a),w=yt(m.x2,m.xloc,o,l,a),D=yt(x.x1,x.xloc,o,l,a),S=yt(x.x2,x.xloc,o,l,a);if(isNaN(P)||isNaN(w)||isNaN(D)||isNaN(S))continue;let M=p.coord([P,m.y1]),b=p.coord([w,m.y2]),k=p.coord([D,x.y1]),C=p.coord([S,x.y2]);const A=m.extend||"none",G=x.extend||"none";if(A!=="none"||G!=="none"){const v=u.coordSys,E=v.x,I=v.x+v.width,N=v.y,F=v.y+v.height;A!=="none"&&([M,b]=this.extendLine(M,b,A,E,I,N,F)),G!=="none"&&([k,C]=this.extendLine(k,C,G,E,I,N,F))}const{color:z,opacity:$}=lt.parseColor(g.color||"rgba(128, 128, 128, 0.2)");f.push({type:"polygon",shape:{points:[M,b,C,k]},style:{fill:z,opacity:$},silent:!0})}return{type:"group",children:f}},data:[[0,d]],clip:!0,encode:{x:[0,1]},z:10,silent:!0,emphasis:{disabled:!0}}}extendLine(t,e,i,n,r,s,l){const a=e[0]-t[0],o=e[1]-t[1];if(a===0&&o===0)return[t,e];const c=(u,p)=>{let f=1/0;if(p[0]!==0){const g=p[0]>0?(r-u[0])/p[0]:(n-u[0])/p[0];f=Math.min(f,g)}if(p[1]!==0){const g=p[1]>0?(l-u[1])/p[1]:(s-u[1])/p[1];f=Math.min(f,g)}return isFinite(f)||(f=0),[u[0]+f*p[0],u[1]+f*p[1]]};let y=t,d=e;return(i==="right"||i==="both")&&(d=c(t,[a,o])),(i==="left"||i==="both")&&(y=c(e,[-a,-o])),[y,d]}}class gi{render(t){const{seriesName:e,xAxisIndex:i,yAxisIndex:n,dataArray:r,dataIndexOffset:s,timeToIndex:l,marketData:a}=t,o=s||0,c=[];for(let u=0;u<r.length;u++){const p=r[u];if(!p)continue;const f=Array.isArray(p)?p:[p];for(const g of f)g&&typeof g=="object"&&!g._deleted&&g.points&&g.points.length>=2&&c.push(g)}if(c.length===0)return{name:e,type:"custom",xAxisIndex:i,yAxisIndex:n,data:[],silent:!0};const y=(t.candlestickData?.length||0)+o,d=Math.max(0,y-1);return{name:e,type:"custom",xAxisIndex:i,yAxisIndex:n,renderItem:(u,p)=>{const f=[];for(const g of c){if(g._deleted)continue;const m=g.points;if(!m||m.length<2)continue;const x=g.xloc==="bi"||g.xloc==="bar_index",P=[];let w=!1;for(const k of m){let C;if(x){const G=k.index;if(G==null||typeof G=="number"&&isNaN(G)){w=!0;break}C=G+o}else if(C=yt(k.time??0,"bt",o,l,a),isNaN(C)){w=!0;break}const A=k.price??0;P.push(p.coord([C,A]))}if(w||P.length<2)continue;const D=g.line_color,S=D==null||typeof D=="number"&&isNaN(D)||D==="na"||D==="NaN"?null:D||"#2962ff",M=g.line_width||1,b=this.getDashPattern(g.line_style);if(g.fill_color&&g.fill_color!==""&&g.fill_color!=="na"){const{color:k,opacity:C}=lt.parseColor(g.fill_color);if(g.curved){const A=this.buildCurvedPath(P,g.closed);f.push({type:"path",shape:{pathData:A+" Z"},style:{fill:k,opacity:C,stroke:"none"},silent:!0})}else f.push({type:"polygon",shape:{points:P},style:{fill:k,opacity:C,stroke:"none"},silent:!0})}if(S&&M>0)if(g.curved){const k=this.buildCurvedPath(P,g.closed);f.push({type:"path",shape:{pathData:k},style:{fill:"none",stroke:S,lineWidth:M,lineDash:b},silent:!0})}else{const k=g.closed?[...P,P[0]]:P;f.push({type:"polyline",shape:{points:k},style:{fill:"none",stroke:S,lineWidth:M,lineDash:b},silent:!0})}}return{type:"group",children:f}},data:[[0,d]],clip:!0,encode:{x:[0,1]},itemStyle:{color:"transparent",borderColor:"transparent"},z:15,silent:!0,emphasis:{disabled:!0}}}buildCurvedPath(t,e){const i=t.length;if(i<2)return"";if(i===2)return`M ${t[0][0]} ${t[0][1]} L ${t[1][0]} ${t[1][1]}`;const n=.5;let r=`M ${t[0][0]} ${t[0][1]}`;const s=a=>e?t[(a%i+i)%i]:a<0?t[0]:a>=i?t[i-1]:t[a],l=e?i:i-1;for(let a=0;a<l;a++){const o=s(a-1),c=s(a),y=s(a+1),d=s(a+2),u=c[0]+(y[0]-o[0])*n/3,p=c[1]+(y[1]-o[1])*n/3,f=y[0]-(d[0]-c[0])*n/3,g=y[1]-(d[1]-c[1])*n/3;r+=` C ${u} ${p}, ${f} ${g}, ${y[0]} ${y[1]}`}return e&&(r+=" Z"),r}getDashPattern(t){switch(t){case"style_dotted":return[2,2];case"style_dashed":return[6,4];default:return}}}function ie(h){if(!h||typeof h!="string")return h;if(h.startsWith("#")){const t=h.slice(1);if(t.length===8){const e=parseInt(t.slice(0,2),16),i=parseInt(t.slice(2,4),16),n=parseInt(t.slice(4,6),16),r=parseInt(t.slice(6,8),16)/255;return`rgba(${e},${i},${n},${r.toFixed(3)})`}}return h}function yi(h){if(!h||typeof h!="string")return null;if(h.startsWith("#")){const e=h.slice(1);if(e.length>=6){const i=parseInt(e.slice(0,2),16),n=parseInt(e.slice(2,4),16),r=parseInt(e.slice(4,6),16);if(!isNaN(i)&&!isNaN(n)&&!isNaN(r))return{r:i,g:n,b:r}}if(e.length===3){const i=parseInt(e[0]+e[0],16),n=parseInt(e[1]+e[1],16),r=parseInt(e[2]+e[2],16);if(!isNaN(i)&&!isNaN(n)&&!isNaN(r))return{r:i,g:n,b:r}}return null}const t=h.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);return t?{r:+t[1],g:+t[2],b:+t[3]}:null}function fi(h,t,e){return(.299*h+.587*t+.114*e)/255}class xi{render(t){const{seriesName:e,xAxisIndex:i,yAxisIndex:n,dataArray:r,dataIndexOffset:s,timeToIndex:l,marketData:a}=t,o=s||0,c=[];for(let u=0;u<r.length;u++){const p=r[u];if(!p)continue;const f=Array.isArray(p)?p:[p];for(const g of f)g&&typeof g=="object"&&!g._deleted&&c.push(g)}if(c.length===0)return{name:e,type:"custom",xAxisIndex:i,yAxisIndex:n,data:[],silent:!0};const y=(t.candlestickData?.length||0)+o,d=Math.max(0,y-1);return{name:e,type:"custom",xAxisIndex:i,yAxisIndex:n,renderItem:(u,p)=>{const f=[];for(const g of c){if(g._deleted)continue;const m=yt(g.left,g.xloc,o,l,a),x=yt(g.right,g.xloc,o,l,a);if(isNaN(m)||isNaN(x))continue;const P=p.coord([m,g.top]),w=p.coord([x,g.bottom]);let D=P[0],S=P[1],M=w[0]-P[0],b=w[1]-P[1];const k=g.extend||"none";if(k!=="none"&&k!=="n"){const v=u.coordSys;(k==="left"||k==="l"||k==="both"||k==="b")&&(D=v.x,M=k==="both"||k==="b"?v.width:w[0]-v.x),(k==="right"||k==="r"||k==="both"||k==="b")&&(k==="right"||k==="r")&&(M=v.x+v.width-P[0])}const C=g.bgcolor,A=C==null||typeof C=="number"&&isNaN(C)||C==="na"||C==="NaN"||C===""?null:ie(C)||"#2962ff";A&&f.push({type:"rect",shape:{x:D,y:S,width:M,height:b},style:{fill:A,stroke:"none"}});const G=g.border_color,z=G==null||typeof G=="number"&&isNaN(G)||G==="na"||G==="NaN"?null:ie(G)||"#2962ff",$=g.border_width??1;if($>0&&z&&f.push({type:"rect",shape:{x:D,y:S,width:M,height:b},style:{fill:"none",stroke:z,lineWidth:$,lineDash:this.getDashPattern(g.border_style)}}),g.text){const v=this.getTextX(D,M,g.text_halign),E=this.getTextY(S,b,g.text_valign);let I=ie(g.text_color)||"#000000";if((!g.text_color||g.text_color==="#000000"||g.text_color==="black"||g.text_color==="color.black")&&A){const Z=yi(A);Z&&fi(Z.r,Z.g,Z.b)<.5&&(I="#FFFFFF")}const N=!g.text_formatting||g.text_formatting==="format_none"||g.text_formatting==="format_bold",F=this.computeFontSize(g.text_size,g.text,Math.abs(M),Math.abs(b),N);f.push({type:"text",style:{x:v,y:E,text:g.text,fill:I,fontSize:F,fontFamily:g.text_font_family==="monospace"?"monospace":"sans-serif",fontWeight:N?"bold":"normal",fontStyle:g.text_formatting==="format_italic"?"italic":"normal",textAlign:this.mapHAlign(g.text_halign),textVerticalAlign:this.mapVAlign(g.text_valign)}})}}return{type:"group",children:f}},data:[[0,d]],clip:!0,encode:{x:[0,1]},itemStyle:{color:"transparent",borderColor:"transparent"},z:14,silent:!0,emphasis:{disabled:!0}}}getDashPattern(t){switch(t){case"style_dotted":return[2,2];case"style_dashed":return[6,4];default:return}}computeFontSize(t,e,i,n,r){if(typeof t=="number"&&t>0)return t;switch(t){case"tiny":case"size.tiny":return 8;case"small":case"size.small":return 10;case"normal":case"size.normal":return 14;case"large":case"size.large":return 20;case"huge":case"size.huge":return 36}if(!e||i<=0||n<=0)return 12;const s=6,l=i-s*2,a=n-s*2;if(l<=0||a<=0)return 6;const o=e.split(`
+`),c=o.length;let y=1;for(const f of o)f.length>y&&(y=f.length);const d=l/(y*(r?.62:.55)),u=a/(c*1.3),p=Math.min(d,u);return Math.max(6,Math.min(p,48))}mapHAlign(t){switch(t){case"left":case"text.align_left":return"left";case"right":case"text.align_right":return"right";case"center":case"text.align_center":default:return"center"}}mapVAlign(t){switch(t){case"top":case"text.align_top":return"top";case"bottom":case"text.align_bottom":return"bottom";case"center":case"text.align_center":default:return"middle"}}getTextX(t,e,i){switch(i){case"left":case"text.align_left":return t+4;case"right":case"text.align_right":return t+e-4;case"center":case"text.align_center":default:return t+e/2}}getTextY(t,e,i){switch(i){case"top":case"text.align_top":return t+4;case"bottom":case"text.align_bottom":return t+e-4;case"center":case"text.align_center":default:return t+e/2}}}var mi=Object.defineProperty,bi=(h,t,e)=>t in h?mi(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,vi=(h,t,e)=>(bi(h,typeof t!="symbol"?t+"":t,e),e);const it=class{static register(t,e){this.renderers.set(t,e)}static get(t){return this.renderers.get(t)||this.renderers.get("line")}};vi(it,"renderers",new Map),it.register("line",new ai),it.register("step",new li),it.register("histogram",new ce),it.register("columns",new ce),it.register("circles",new ee),it.register("cross",new ee),it.register("char",new ee),it.register("bar",new pe),it.register("candle",new pe),it.register("shape",new hi),it.register("background",new ci),it.register("fill",new ue),it.register("label",new di),it.register("drawing_line",new pi),it.register("linefill",new ui),it.register("drawing_polyline",new gi),it.register("drawing_box",new xi);let wi=it;var Ci=Object.defineProperty,Pi=(h,t,e)=>t in h?Ci(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,ki=(h,t,e)=>(Pi(h,typeof t!="symbol"?t+"":t,e),e);const ge=class he{static buildCandlestickSeries(t,e,i){const n=e.upColor||"#00da3c",r=e.downColor||"#ec0000",s=t.map(a=>[a.open,a.close,a.low,a.high]);if(i&&i>s.length){const a=i-s.length;for(let o=0;o<a;o++)s.push(null)}let l;if(e.lastPriceLine?.visible!==!1&&t.length>0){const a=t[t.length-1],o=a.close,c=a.close>=a.open,y=e.lastPriceLine?.color||(c?n:r);let d=e.lastPriceLine?.lineStyle||"dashed";d.startsWith("linestyle_")&&(d=d.replace("linestyle_",""));const u=e.yAxisDecimalPlaces!==void 0?e.yAxisDecimalPlaces:U.autoDetectDecimals(t);l={symbol:["none","none"],precision:u,data:[{yAxis:o,label:{show:!0,position:"end",formatter:p=>e.yAxisLabelFormatter?e.yAxisLabelFormatter(p.value):U.formatValue(p.value,u),color:"#fff",backgroundColor:y,padding:[2,4],borderRadius:2,fontSize:11,fontWeight:"bold"},lineStyle:{color:y,type:d,width:1,opacity:.8}}],animation:!1,silent:!0}}return{type:"candlestick",id:"__candlestick__",name:e.title,data:s,itemStyle:{color:n,color0:r,borderColor:n,borderColor0:r},markLine:l,xAxisIndex:0,yAxisIndex:0,z:5}}static buildIndicatorSeries(t,e,i,n,r=0,s,l,a=1){const o=[],c=new Array(n).fill(null),y=s?.filter(u=>u!=null&&u.time!==void 0),d=new Map;return t.forEach((u,p)=>{if(u.collapsed)return;const f=Object.keys(u.plots).sort((m,x)=>{const P=u.plots[m],w=u.plots[x],D=P.options.style==="fill",S=w.options.style==="fill";return D&&!S?1:!D&&S?-1:0}),g=new Map;if(f.forEach(m=>{const x=u.plots[m],P=x.options.display==="none",w=`${p}::${m}`;let D=0,S=0,M=x.options.overlay;if(x.options.style==="fill"&&M===void 0){const z=x.options.plot1,$=x.options.plot2;if(z&&$){const v=u.plots[z],E=u.plots[$];(v?.options?.overlay===!0||E?.options?.overlay===!0)&&(M=!0)}}if(u.paneIndex===0||M===!0)D=0,l&&l.has(w)?S=l.get(w):S=0;else{const z=i.findIndex($=>$.index===u.paneIndex);z!==-1&&(D=z+1,S=a+z)}const b=new Array(n).fill(null),k=new Array(n).fill(null),C=new Array(n).fill(null),A=new Array(n).fill(null);if(x.data?.forEach(z=>{const $=e.get(z.time);if($!==void 0){const v=z.options?.offset??x.options.offset??0,E=$+r+v;if(E>=0&&E<n){let I=z.value;const N=z.options?.color;k[E]=I;const F=z.options!=null&&"color"in z.options,Z=N===null||N==="na"||N==="NaN"||typeof N=="number"&&isNaN(N)||F&&N===void 0;Z&&(I=null),b[E]=I,C[E]=Z?null:N||x.options.color||he.DEFAULT_COLOR,A[E]=z.options||{}}}}),d.set(`${p}::${m}`,k),P)return;if(x.options?.style?.startsWith("style_")&&(x.options.style=x.options.style.replace("style_","")),x.options.style==="barcolor"){x.data?.forEach(z=>{const $=e.get(z.time);if($!==void 0){const v=z.options?.offset??x.options.offset??0,E=$+r+v;if(E>=0&&E<n){const I=z.options?.color||x.options.color||he.DEFAULT_COLOR;!(I===null||I==="na"||I==="NaN"||typeof I=="number"&&isNaN(I))&&z.value!==null&&z.value!==void 0&&(c[E]=I)}}});return}if(x.options.style==="table")return;if(x.options.style==="fill"&&x.options.gradient!==!0){const z=x.options.plot1?`${p}::${x.options.plot1}`:null,$=x.options.plot2?`${p}::${x.options.plot2}`:null;if(z&&$){const v=d.get(z),E=d.get($);if(v&&E){const{color:I,opacity:N}=lt.parseColor(x.options.color||"rgba(128, 128, 128, 0.2)"),F=A.some(H=>H&&H.color!==void 0),Z=[];for(let H=0;H<n;H++){const q=A[H];F&&q&&q.color!==void 0?Z[H]=lt.parseColor(q.color):Z[H]={color:I,opacity:N}}const R=`${D}:${S}`;g.has(R)||g.set(R,{entries:[],xAxisIndex:D,yAxisIndex:S}),g.get(R).entries.push({plot1Data:v,plot2Data:E,barColors:Z});return}}}{const z=x.options.color;let $=!1;if(z==null?$=!C.some(v=>v!=null):typeof z=="string"&&lt.parseColor(z).opacity<.01&&($=!C.some(v=>v==null?!1:lt.parseColor(v).opacity>=.01)),$)return}const G=wi.get(x.options.style).render({seriesName:w,xAxisIndex:D,yAxisIndex:S,dataArray:b,colorArray:C,optionsArray:A,plotOptions:x.options,candlestickData:s,plotDataArrays:d,indicatorId:p,plotName:m,dataIndexOffset:r,timeToIndex:e,marketData:y});G&&o.push(G)}),g.size>0){const m=new ue;g.forEach(({entries:x,xAxisIndex:P,yAxisIndex:w},D)=>{if(x.length>=2){const S=m.renderBatched(`${p}::fills_batch_${D}`,P,w,n,x);S&&o.push(S)}else if(x.length===1){const S=m.renderBatched(`${p}::fills_batch_${D}`,P,w,n,x);S&&o.push(S)}})}}),{series:o,barColors:c}}};ki(ge,"DEFAULT_COLOR","#2962ff");let _t=ge;class Di{static build(t,e,i,n=!1,r=null,s=[]){const l=[],a=t.pixelToPercent,o=t.mainPaneTop;if(!r||r==="main"){const c=10*a;if(l.push({type:"text",left:"8.5%",top:o+c+"%",z:10,style:{text:e.title||"",fill:e.titleColor||"#fff",font:`bold 16px ${e.fontFamily||"sans-serif"}`,textVerticalAlign:"top"}}),s.length>0){const d=20*a,u=16*a;s.forEach((p,f)=>{l.push({type:"text",left:"8.5%",top:o+c+d+f*u+"%",z:10,style:{text:p.id,fill:p.titleColor||"#9e9e9e",font:`bold 12px ${e.fontFamily||"sans-serif"}`,textVerticalAlign:"top"}})})}if(e.watermark!==!1){const d=t.mainPaneTop+t.mainPaneHeight;l.push({type:"text",right:"11%",top:d-3+"%",z:10,style:{text:"QFChart",fill:e.fontColor||"#cbd5e1",font:"bold 16px sans-serif",opacity:.1},cursor:"pointer",onclick:()=>{window.open("https://quantforge.org","_blank")}})}const y=[];if(e.controls?.collapse&&y.push({type:"group",children:[{type:"rect",shape:{width:20,height:20,r:2},style:{fill:"#334155",stroke:"#475569",lineWidth:1},onclick:()=>i("main","collapse")},{type:"text",style:{text:n?"+":"\u2212",fill:"#cbd5e1",font:`bold 14px ${e.fontFamily}`,x:10,y:10,textAlign:"center",textVerticalAlign:"middle"},silent:!0}]}),e.controls?.maximize){const d=r==="main",u=e.controls?.collapse?25:0;y.push({type:"group",x:u,children:[{type:"rect",shape:{width:20,height:20,r:2},style:{fill:"#334155",stroke:"#475569",lineWidth:1},onclick:()=>i("main","maximize")},{type:"text",style:{text:d?"\u2750":"\u25A1",fill:"#cbd5e1",font:`14px ${e.fontFamily}`,x:10,y:10,textAlign:"center",textVerticalAlign:"middle"},silent:!0}]})}if(e.controls?.fullscreen){let d=0;e.controls?.collapse&&(d+=25),e.controls?.maximize&&(d+=25),y.push({type:"group",x:d,children:[{type:"rect",shape:{width:20,height:20,r:2},style:{fill:"#334155",stroke:"#475569",lineWidth:1},onclick:()=>i("main","fullscreen")},{type:"text",style:{text:"\u26F6",fill:"#cbd5e1",font:`14px ${e.fontFamily}`,x:10,y:10,textAlign:"center",textVerticalAlign:"middle"},silent:!0}]})}y.length>0&&l.push({type:"group",right:"10.5%",top:o+"%",children:y})}if(!r&&t.paneBoundaries.length>0){const c=-8*a;for(const y of t.paneBoundaries)l.push({type:"group",left:"10%",top:y.yPercent+c+"%",children:[{type:"rect",shape:{width:5e3,height:12,y:-6},style:{fill:"transparent"},cursor:"row-resize"},{type:"rect",shape:{width:5e3,height:2,y:-1},style:{fill:"#475569",opacity:.7},cursor:"row-resize"}],z:50,onmouseover:function(){const d=this.children()[1];d&&(d.setStyle({fill:"#94a3b8",opacity:1}),d.setShape({height:3,y:-1.5}))},onmouseout:function(){const d=this.children()[1];d&&(d.setStyle({fill:"#475569",opacity:.7}),d.setShape({height:2,y:-1}))}})}return t.paneLayout.forEach(c=>{if(r&&c.indicatorId!==r)return;l.push({type:"text",left:"8.5%",top:c.top+10*a+"%",z:10,style:{text:c.indicatorId||"",fill:c.titleColor||"#fff",font:`bold 12px ${e.fontFamily||"sans-serif"}`,textVerticalAlign:"top"}});const y=[];if(c.controls?.collapse&&y.push({type:"group",children:[{type:"rect",shape:{width:20,height:20,r:2},style:{fill:"#334155",stroke:"#475569",lineWidth:1},onclick:()=>c.indicatorId&&i(c.indicatorId,"collapse")},{type:"text",style:{text:c.isCollapsed?"+":"\u2212",fill:"#cbd5e1",font:`bold 14px ${e.fontFamily}`,x:10,y:10,textAlign:"center",textVerticalAlign:"middle"},silent:!0}]}),c.controls?.maximize){const d=r===c.indicatorId,u=c.controls?.collapse?25:0;y.push({type:"group",x:u,children:[{type:"rect",shape:{width:20,height:20,r:2},style:{fill:"#334155",stroke:"#475569",lineWidth:1},onclick:()=>c.indicatorId&&i(c.indicatorId,"maximize")},{type:"text",style:{text:d?"\u2750":"\u25A1",fill:"#cbd5e1",font:`14px ${e.fontFamily}`,x:10,y:10,textAlign:"center",textVerticalAlign:"middle"},silent:!0}]})}y.length>0&&l.push({type:"group",right:"10.5%",top:c.top+"%",children:y})}),l}}class Mi{static format(t,e){if(!t||t.length===0)return"";const i=e.title||"",n=e.upColor||"#00da3c",r=e.downColor||"#ec0000",s=e.fontFamily||"sans-serif",l=t[0].axisValue;let a=`<div style="font-weight: bold; margin-bottom: 5px; color: #cbd5e1; font-family: ${s};">${l}</div>`;const o=t.find(y=>y.seriesType==="candlestick"),c=t.filter(y=>y.seriesType!=="candlestick");if(o){const[y,d,u,p,f]=o.value,g=u>=d?n:r;a+=`
+            <div style="margin-bottom: 8px; font-family: ${s};">
+                <div style="display:flex; justify-content:space-between; color:${g}; font-weight:bold;">
+                    <span>${i}</span>
                 </div>
                 <div style="display: grid; grid-template-columns: auto auto; gap: 2px 15px; font-size: 0.9em; color: #cbd5e1;">
-                    <span>Open:</span> <span style="text-align: right; color: ${close >= open ? upColor : downColor}">${open}</span>
-                    <span>High:</span> <span style="text-align: right; color: ${upColor}">${high}</span>
-                    <span>Low:</span> <span style="text-align: right; color: ${downColor}">${low}</span>
-                    <span>Close:</span> <span style="text-align: right; color: ${close >= open ? upColor : downColor}">${close}</span>
+                    <span>Open:</span> <span style="text-align: right; color: ${u>=d?n:r}">${d}</span>
+                    <span>High:</span> <span style="text-align: right; color: ${n}">${f}</span>
+                    <span>Low:</span> <span style="text-align: right; color: ${r}">${p}</span>
+                    <span>Close:</span> <span style="text-align: right; color: ${u>=d?n:r}">${u}</span>
                 </div>
             </div>
-            `;
-        }
-        if (indicatorParams.length > 0) {
-          html += `<div style="border-top: 1px solid #334155; margin: 5px 0; padding-top: 5px;"></div>`;
-          const indicators = {};
-          indicatorParams.forEach((p) => {
-            const parts = p.seriesName.split("::");
-            const indId = parts.length > 1 ? parts[0] : "Unknown";
-            const plotName = parts.length > 1 ? parts[1] : p.seriesName;
-            if (!indicators[indId])
-              indicators[indId] = [];
-            indicators[indId].push({ ...p, displayName: plotName });
-          });
-          Object.keys(indicators).forEach((indId) => {
-            html += `
-            <div style="margin-top: 8px; font-family: ${fontFamily};">
-                <div style="font-weight:bold; color: #fff; margin-bottom: 2px;">${indId}</div>
-            `;
-            indicators[indId].forEach((p) => {
-              let val = p.value;
-              if (Array.isArray(val)) {
-                val = val[1];
-              }
-              if (val === null || val === void 0)
-                return;
-              const valStr = typeof val === "number" ? val.toLocaleString(void 0, { maximumFractionDigits: 4 }) : val;
-              html += `
+            `}if(c.length>0){a+='<div style="border-top: 1px solid #334155; margin: 5px 0; padding-top: 5px;"></div>';const y={};c.forEach(d=>{const u=d.seriesName.split("::"),p=u.length>1?u[0]:"Unknown",f=u.length>1?u[1]:d.seriesName;y[p]||(y[p]=[]),y[p].push({...d,displayName:f})}),Object.keys(y).forEach(d=>{a+=`
+            <div style="margin-top: 8px; font-family: ${s};">
+                <div style="font-weight:bold; color: #fff; margin-bottom: 2px;">${d}</div>
+            `,y[d].forEach(u=>{let p=u.value;if(Array.isArray(p)&&(p=p[1]),p==null)return;const f=typeof p=="number"?p.toLocaleString(void 0,{maximumFractionDigits:4}):p;a+=`
                 <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2px; padding-left: 8px;">
-                    <div>${p.marker} <span style="color: #cbd5e1;">${p.displayName}</span></div>
-                    <div style="font-size: 10px; color: #fff;padding-left:10px;">${valStr}</div>
-                </div>`;
-            });
-            html += `</div>`;
-          });
-        }
-        return html;
-      }
-    }
-
-    var __defProp$7 = Object.defineProperty;
-    var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-    var __publicField$7 = (obj, key, value) => {
-      __defNormalProp$7(obj, typeof key !== "symbol" ? key + "" : key, value);
-      return value;
-    };
-    class PluginManager {
-      constructor(context, toolbarContainer) {
-        __publicField$7(this, "plugins", /* @__PURE__ */ new Map());
-        __publicField$7(this, "activePluginId", null);
-        __publicField$7(this, "context");
-        __publicField$7(this, "toolbarContainer");
-        __publicField$7(this, "tooltipElement", null);
-        __publicField$7(this, "hideTimeout", null);
-        this.context = context;
-        this.toolbarContainer = toolbarContainer;
-        this.createTooltip();
-        this.renderToolbar();
-      }
-      createTooltip() {
-        this.tooltipElement = document.createElement("div");
-        Object.assign(this.tooltipElement.style, {
-          position: "fixed",
-          display: "none",
-          backgroundColor: "#1e293b",
-          color: "#e2e8f0",
-          padding: "6px 10px",
-          borderRadius: "6px",
-          fontSize: "13px",
-          lineHeight: "1.4",
-          fontWeight: "500",
-          border: "1px solid #334155",
-          zIndex: "9999",
-          pointerEvents: "none",
-          whiteSpace: "nowrap",
-          boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.15)",
-          fontFamily: this.context.getOptions().fontFamily || "sans-serif",
-          transition: "opacity 0.15s ease-in-out, transform 0.15s ease-in-out",
-          opacity: "0",
-          transform: "translateX(-5px)"
-        });
-        document.body.appendChild(this.tooltipElement);
-      }
-      destroy() {
-        if (this.tooltipElement && this.tooltipElement.parentNode) {
-          this.tooltipElement.parentNode.removeChild(this.tooltipElement);
-        }
-        this.tooltipElement = null;
-      }
-      showTooltip(target, text) {
-        if (!this.tooltipElement)
-          return;
-        if (this.hideTimeout) {
-          clearTimeout(this.hideTimeout);
-          this.hideTimeout = null;
-        }
-        const rect = target.getBoundingClientRect();
-        this.tooltipElement.textContent = text;
-        this.tooltipElement.style.display = "block";
-        const tooltipRect = this.tooltipElement.getBoundingClientRect();
-        const top = rect.top + (rect.height - tooltipRect.height) / 2;
-        const left = rect.right + 10;
-        this.tooltipElement.style.top = `${top}px`;
-        this.tooltipElement.style.left = `${left}px`;
-        requestAnimationFrame(() => {
-          if (this.tooltipElement) {
-            this.tooltipElement.style.opacity = "1";
-            this.tooltipElement.style.transform = "translateX(0)";
-          }
-        });
-      }
-      hideTooltip() {
-        if (!this.tooltipElement)
-          return;
-        this.tooltipElement.style.opacity = "0";
-        this.tooltipElement.style.transform = "translateX(-5px)";
-        if (this.hideTimeout) {
-          clearTimeout(this.hideTimeout);
-        }
-        this.hideTimeout = setTimeout(() => {
-          if (this.tooltipElement) {
-            this.tooltipElement.style.display = "none";
-          }
-          this.hideTimeout = null;
-        }, 150);
-      }
-      register(plugin) {
-        if (this.plugins.has(plugin.id)) {
-          console.warn(`Plugin with id ${plugin.id} is already registered.`);
-          return;
-        }
-        this.plugins.set(plugin.id, plugin);
-        plugin.init(this.context);
-        this.addButton(plugin);
-      }
-      unregister(pluginId) {
-        const plugin = this.plugins.get(pluginId);
-        if (plugin) {
-          if (this.activePluginId === pluginId) {
-            this.deactivatePlugin();
-          }
-          plugin.destroy?.();
-          this.plugins.delete(pluginId);
-          this.removeButton(pluginId);
-        }
-      }
-      activatePlugin(pluginId) {
-        if (this.activePluginId === pluginId) {
-          this.deactivatePlugin();
-          return;
-        }
-        if (this.activePluginId) {
-          this.deactivatePlugin();
-        }
-        const plugin = this.plugins.get(pluginId);
-        if (plugin) {
-          this.activePluginId = pluginId;
-          this.setButtonActive(pluginId, true);
-          plugin.activate?.();
-        }
-      }
-      deactivatePlugin() {
-        if (this.activePluginId) {
-          const plugin = this.plugins.get(this.activePluginId);
-          plugin?.deactivate?.();
-          this.setButtonActive(this.activePluginId, false);
-          this.activePluginId = null;
-        }
-      }
-      // --- UI Handling ---
-      renderToolbar() {
-        this.toolbarContainer.innerHTML = "";
-        this.toolbarContainer.classList.add("qfchart-toolbar");
-        this.toolbarContainer.style.display = "flex";
-        this.toolbarContainer.style.flexDirection = "column";
-        this.toolbarContainer.style.width = "40px";
-        this.toolbarContainer.style.backgroundColor = this.context.getOptions().backgroundColor || "#1e293b";
-        this.toolbarContainer.style.borderRight = "1px solid #334155";
-        this.toolbarContainer.style.padding = "5px";
-        this.toolbarContainer.style.boxSizing = "border-box";
-        this.toolbarContainer.style.gap = "5px";
-        this.toolbarContainer.style.flexShrink = "0";
-      }
-      addButton(plugin) {
-        const btn = document.createElement("button");
-        btn.id = `qfchart-plugin-btn-${plugin.id}`;
-        btn.style.width = "30px";
-        btn.style.height = "30px";
-        btn.style.padding = "4px";
-        btn.style.border = "1px solid transparent";
-        btn.style.borderRadius = "4px";
-        btn.style.backgroundColor = "transparent";
-        btn.style.cursor = "pointer";
-        btn.style.color = this.context.getOptions().fontColor || "#cbd5e1";
-        btn.style.display = "flex";
-        btn.style.alignItems = "center";
-        btn.style.justifyContent = "center";
-        if (plugin.icon) {
-          btn.innerHTML = plugin.icon;
-        } else {
-          btn.innerText = (plugin.name || plugin.id).substring(0, 2).toUpperCase();
-        }
-        btn.addEventListener("mouseenter", () => {
-          if (this.activePluginId !== plugin.id) {
-            btn.style.backgroundColor = "rgba(255, 255, 255, 0.1)";
-          }
-          this.showTooltip(btn, plugin.name || plugin.id);
-        });
-        btn.addEventListener("mouseleave", () => {
-          if (this.activePluginId !== plugin.id) {
-            btn.style.backgroundColor = "transparent";
-          }
-          this.hideTooltip();
-        });
-        btn.onclick = () => this.activatePlugin(plugin.id);
-        this.toolbarContainer.appendChild(btn);
-      }
-      removeButton(pluginId) {
-        const btn = this.toolbarContainer.querySelector(`#qfchart-plugin-btn-${pluginId}`);
-        if (btn) {
-          btn.remove();
-        }
-      }
-      setButtonActive(pluginId, active) {
-        const btn = this.toolbarContainer.querySelector(`#qfchart-plugin-btn-${pluginId}`);
-        if (btn) {
-          if (active) {
-            btn.style.backgroundColor = "#2563eb";
-            btn.style.color = "#ffffff";
-          } else {
-            btn.style.backgroundColor = "transparent";
-            btn.style.color = this.context.getOptions().fontColor || "#cbd5e1";
-          }
-        }
-      }
-    }
-
-    var __defProp$6 = Object.defineProperty;
-    var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-    var __publicField$6 = (obj, key, value) => {
-      __defNormalProp$6(obj, typeof key !== "symbol" ? key + "" : key, value);
-      return value;
-    };
-    class DrawingEditor {
-      constructor(context) {
-        __publicField$6(this, "context");
-        __publicField$6(this, "isEditing", false);
-        __publicField$6(this, "currentDrawing", null);
-        __publicField$6(this, "editingPointIndex", null);
-        __publicField$6(this, "zr");
-        // Temporary ZRender elements for visual feedback during drag
-        __publicField$6(this, "editGroup", null);
-        __publicField$6(this, "editLine", null);
-        __publicField$6(this, "editStartPoint", null);
-        __publicField$6(this, "editEndPoint", null);
-        __publicField$6(this, "isMovingShape", false);
-        __publicField$6(this, "dragStart", null);
-        __publicField$6(this, "initialPixelPoints", []);
-        __publicField$6(this, "onDrawingMouseDown", (payload) => {
-          if (this.isEditing)
-            return;
-          const drawing = this.context.getDrawing(payload.id);
-          if (!drawing)
-            return;
-          this.isEditing = true;
-          this.isMovingShape = true;
-          this.currentDrawing = JSON.parse(JSON.stringify(drawing));
-          this.dragStart = { x: payload.x, y: payload.y };
-          this.initialPixelPoints = drawing.points.map((p) => {
-            const pixel = this.context.coordinateConversion.dataToPixel(p);
-            return pixel ? { x: pixel.x, y: pixel.y } : { x: 0, y: 0 };
-          });
-          this.context.lockChart();
-          this.createEditGraphic();
-          this.zr.on("mousemove", this.onMouseMove);
-          this.zr.on("mouseup", this.onMouseUp);
-        });
-        __publicField$6(this, "onPointMouseDown", (payload) => {
-          if (this.isEditing)
-            return;
-          const drawing = this.context.getDrawing(payload.id);
-          if (!drawing)
-            return;
-          this.isEditing = true;
-          this.currentDrawing = JSON.parse(JSON.stringify(drawing));
-          this.editingPointIndex = payload.pointIndex;
-          this.context.lockChart();
-          this.createEditGraphic();
-          this.zr.on("mousemove", this.onMouseMove);
-          this.zr.on("mouseup", this.onMouseUp);
-        });
-        __publicField$6(this, "onMouseMove", (e) => {
-          if (!this.isEditing || !this.currentDrawing)
-            return;
-          const x = e.offsetX;
-          const y = e.offsetY;
-          if (this.isMovingShape && this.dragStart) {
-            const dx = x - this.dragStart.x;
-            const dy = y - this.dragStart.y;
-            const newP1 = {
-              x: this.initialPixelPoints[0].x + dx,
-              y: this.initialPixelPoints[0].y + dy
-            };
-            const newP2 = {
-              x: this.initialPixelPoints[1].x + dx,
-              y: this.initialPixelPoints[1].y + dy
-            };
-            this.editLine.setShape({
-              x1: newP1.x,
-              y1: newP1.y,
-              x2: newP2.x,
-              y2: newP2.y
-            });
-            this.editStartPoint.setShape({ cx: newP1.x, cy: newP1.y });
-            this.editEndPoint.setShape({ cx: newP2.x, cy: newP2.y });
-          } else if (this.editingPointIndex !== null) {
-            if (this.editingPointIndex === 0) {
-              this.editLine.setShape({ x1: x, y1: y });
-              this.editStartPoint.setShape({ cx: x, cy: y });
-            } else {
-              this.editLine.setShape({ x2: x, y2: y });
-              this.editEndPoint.setShape({ cx: x, cy: y });
-            }
-          }
-        });
-        __publicField$6(this, "onMouseUp", (e) => {
-          if (!this.isEditing)
-            return;
-          this.finishEditing(e.offsetX, e.offsetY);
-        });
-        this.context = context;
-        this.zr = this.context.getChart().getZr();
-        this.bindEvents();
-      }
-      bindEvents() {
-        this.context.events.on("drawing:point:mousedown", this.onPointMouseDown);
-        this.context.events.on("drawing:mousedown", this.onDrawingMouseDown);
-      }
-      createEditGraphic() {
-        if (!this.currentDrawing)
-          return;
-        this.editGroup = new echarts__namespace.graphic.Group();
-        const p1Data = this.currentDrawing.points[0];
-        const p2Data = this.currentDrawing.points[1];
-        const p1 = this.context.coordinateConversion.dataToPixel(p1Data);
-        const p2 = this.context.coordinateConversion.dataToPixel(p2Data);
-        if (!p1 || !p2)
-          return;
-        this.editLine = new echarts__namespace.graphic.Line({
-          shape: { x1: p1.x, y1: p1.y, x2: p2.x, y2: p2.y },
-          style: {
-            stroke: this.currentDrawing.style?.color || "#3b82f6",
-            lineWidth: this.currentDrawing.style?.lineWidth || 2,
-            lineDash: [4, 4]
-            // Dashed to indicate editing
-          },
-          silent: true
-          // Events pass through to handlers
-        });
-        this.editStartPoint = new echarts__namespace.graphic.Circle({
-          shape: { cx: p1.x, cy: p1.y, r: 5 },
-          style: { fill: "#fff", stroke: "#3b82f6", lineWidth: 2 },
-          z: 1e3
-        });
-        this.editEndPoint = new echarts__namespace.graphic.Circle({
-          shape: { cx: p2.x, cy: p2.y, r: 5 },
-          style: { fill: "#fff", stroke: "#3b82f6", lineWidth: 2 },
-          z: 1e3
-        });
-        this.editGroup.add(this.editLine);
-        this.editGroup.add(this.editStartPoint);
-        this.editGroup.add(this.editEndPoint);
-        this.zr.add(this.editGroup);
-      }
-      finishEditing(finalX, finishY) {
-        if (!this.currentDrawing)
-          return;
-        if (this.isMovingShape && this.dragStart) {
-          const dx = finalX - this.dragStart.x;
-          const dy = finishY - this.dragStart.y;
-          const newPoints = this.initialPixelPoints.map((p, i) => {
-            const newX = p.x + dx;
-            const newY = p.y + dy;
-            return this.context.coordinateConversion.pixelToData({
-              x: newX,
-              y: newY
-            });
-          });
-          if (newPoints.every((p) => p !== null)) {
-            if (newPoints[0] && newPoints[1]) {
-              this.currentDrawing.points[0] = newPoints[0];
-              this.currentDrawing.points[1] = newPoints[1];
-              if (newPoints[0].paneIndex !== void 0) {
-                this.currentDrawing.paneIndex = newPoints[0].paneIndex;
-              }
-              this.context.updateDrawing(this.currentDrawing);
-            }
-          }
-        } else if (this.editingPointIndex !== null) {
-          const newData = this.context.coordinateConversion.pixelToData({
-            x: finalX,
-            y: finishY
-          });
-          if (newData) {
-            this.currentDrawing.points[this.editingPointIndex] = newData;
-            if (this.editingPointIndex === 0 && newData.paneIndex !== void 0) {
-              this.currentDrawing.paneIndex = newData.paneIndex;
-            }
-            this.context.updateDrawing(this.currentDrawing);
-          }
-        }
-        this.isEditing = false;
-        this.isMovingShape = false;
-        this.dragStart = null;
-        this.initialPixelPoints = [];
-        this.currentDrawing = null;
-        this.editingPointIndex = null;
-        if (this.editGroup) {
-          this.zr.remove(this.editGroup);
-          this.editGroup = null;
-        }
-        this.zr.off("mousemove", this.onMouseMove);
-        this.zr.off("mouseup", this.onMouseUp);
-        this.context.unlockChart();
-      }
-    }
-
-    var __defProp$5 = Object.defineProperty;
-    var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-    var __publicField$5 = (obj, key, value) => {
-      __defNormalProp$5(obj, typeof key !== "symbol" ? key + "" : key, value);
-      return value;
-    };
-    class EventBus {
-      constructor() {
-        __publicField$5(this, "handlers", /* @__PURE__ */ new Map());
-      }
-      on(event, handler) {
-        if (!this.handlers.has(event)) {
-          this.handlers.set(event, /* @__PURE__ */ new Set());
-        }
-        this.handlers.get(event).add(handler);
-      }
-      off(event, handler) {
-        const handlers = this.handlers.get(event);
-        if (handlers) {
-          handlers.delete(handler);
-        }
-      }
-      emit(event, payload) {
-        const handlers = this.handlers.get(event);
-        if (handlers) {
-          handlers.forEach((handler) => {
-            try {
-              handler(payload);
-            } catch (e) {
-              console.error(`Error in EventBus handler for ${event}:`, e);
-            }
-          });
-        }
-      }
-      clear() {
-        this.handlers.clear();
-      }
-    }
-
-    var __defProp$4 = Object.defineProperty;
-    var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-    var __publicField$4 = (obj, key, value) => {
-      __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
-      return value;
-    };
-    class QFChart {
-      constructor(container, options = {}) {
-        __publicField$4(this, "chart");
-        __publicField$4(this, "options");
-        __publicField$4(this, "marketData", []);
-        __publicField$4(this, "indicators", /* @__PURE__ */ new Map());
-        __publicField$4(this, "timeToIndex", /* @__PURE__ */ new Map());
-        __publicField$4(this, "pluginManager");
-        __publicField$4(this, "drawingEditor");
-        __publicField$4(this, "events", new EventBus());
-        __publicField$4(this, "isMainCollapsed", false);
-        __publicField$4(this, "maximizedPaneId", null);
-        __publicField$4(this, "countdownInterval", null);
-        __publicField$4(this, "selectedDrawingId", null);
-        // Track selected drawing
-        // Drawing System
-        __publicField$4(this, "drawings", []);
-        __publicField$4(this, "coordinateConversion", {
-          pixelToData: (point) => {
-            const option = this.chart.getOption();
-            if (!option || !option.grid)
-              return null;
-            const gridCount = option.grid.length;
-            for (let i = 0; i < gridCount; i++) {
-              if (this.chart.containPixel({ gridIndex: i }, [point.x, point.y])) {
-                this.chart.convertFromPixel({ seriesIndex: i }, [point.x, point.y]);
-                const pGrid = this.chart.convertFromPixel({ gridIndex: i }, [point.x, point.y]);
-                if (pGrid) {
-                  return { timeIndex: Math.round(pGrid[0]), value: pGrid[1], paneIndex: i };
-                }
-              }
-            }
-            return null;
-          },
-          dataToPixel: (point) => {
-            const paneIdx = point.paneIndex || 0;
-            const p = this.chart.convertToPixel({ gridIndex: paneIdx }, [point.timeIndex, point.value]);
-            if (p) {
-              return { x: p[0], y: p[1] };
-            }
-            return null;
-          }
-        });
-        // Default colors and constants
-        __publicField$4(this, "upColor", "#00da3c");
-        __publicField$4(this, "downColor", "#ec0000");
-        __publicField$4(this, "defaultPadding", 0);
-        __publicField$4(this, "padding");
-        __publicField$4(this, "dataIndexOffset", 0);
-        // Offset for phantom padding data
-        // DOM Elements for Layout
-        __publicField$4(this, "rootContainer");
-        __publicField$4(this, "layoutContainer");
-        __publicField$4(this, "toolbarContainer");
-        // New Toolbar
-        __publicField$4(this, "leftSidebar");
-        __publicField$4(this, "rightSidebar");
-        __publicField$4(this, "chartContainer");
-        __publicField$4(this, "onKeyDown", (e) => {
-          if ((e.key === "Delete" || e.key === "Backspace") && this.selectedDrawingId) {
-            this.removeDrawing(this.selectedDrawingId);
-            this.selectedDrawingId = null;
-            this.render();
-          }
-        });
-        __publicField$4(this, "onFullscreenChange", () => {
-          this.render();
-        });
-        // --- Interaction Locking ---
-        __publicField$4(this, "isLocked", false);
-        __publicField$4(this, "lockedState", null);
-        this.rootContainer = container;
-        this.options = {
-          title: "Market",
-          height: "600px",
-          backgroundColor: "#1e293b",
-          upColor: "#00da3c",
-          downColor: "#ec0000",
-          fontColor: "#cbd5e1",
-          fontFamily: "sans-serif",
-          padding: 0.01,
-          dataZoom: {
-            visible: true,
-            position: "top",
-            height: 6
-          },
-          layout: {
-            mainPaneHeight: "50%",
-            gap: 13
-          },
-          watermark: true,
-          ...options
-        };
-        if (this.options.upColor)
-          this.upColor = this.options.upColor;
-        if (this.options.downColor)
-          this.downColor = this.options.downColor;
-        this.padding = this.options.padding !== void 0 ? this.options.padding : this.defaultPadding;
-        if (this.options.height) {
-          if (typeof this.options.height === "number") {
-            this.rootContainer.style.height = `${this.options.height}px`;
-          } else {
-            this.rootContainer.style.height = this.options.height;
-          }
-        }
-        this.rootContainer.innerHTML = "";
-        this.layoutContainer = document.createElement("div");
-        this.layoutContainer.style.display = "flex";
-        this.layoutContainer.style.width = "100%";
-        this.layoutContainer.style.height = "100%";
-        this.layoutContainer.style.overflow = "hidden";
-        this.rootContainer.appendChild(this.layoutContainer);
-        this.leftSidebar = document.createElement("div");
-        this.leftSidebar.style.display = "none";
-        this.leftSidebar.style.width = "250px";
-        this.leftSidebar.style.flexShrink = "0";
-        this.leftSidebar.style.overflowY = "auto";
-        this.leftSidebar.style.backgroundColor = this.options.backgroundColor || "#1e293b";
-        this.leftSidebar.style.borderRight = "1px solid #334155";
-        this.leftSidebar.style.padding = "10px";
-        this.leftSidebar.style.boxSizing = "border-box";
-        this.leftSidebar.style.color = "#cbd5e1";
-        this.leftSidebar.style.fontSize = "12px";
-        this.leftSidebar.style.fontFamily = this.options.fontFamily || "sans-serif";
-        this.layoutContainer.appendChild(this.leftSidebar);
-        this.toolbarContainer = document.createElement("div");
-        this.layoutContainer.appendChild(this.toolbarContainer);
-        this.chartContainer = document.createElement("div");
-        this.chartContainer.style.flexGrow = "1";
-        this.chartContainer.style.height = "100%";
-        this.chartContainer.style.overflow = "hidden";
-        this.layoutContainer.appendChild(this.chartContainer);
-        this.rightSidebar = document.createElement("div");
-        this.rightSidebar.style.display = "none";
-        this.rightSidebar.style.width = "250px";
-        this.rightSidebar.style.flexShrink = "0";
-        this.rightSidebar.style.overflowY = "auto";
-        this.rightSidebar.style.backgroundColor = this.options.backgroundColor || "#1e293b";
-        this.rightSidebar.style.borderLeft = "1px solid #334155";
-        this.rightSidebar.style.padding = "10px";
-        this.rightSidebar.style.boxSizing = "border-box";
-        this.rightSidebar.style.color = "#cbd5e1";
-        this.rightSidebar.style.fontSize = "12px";
-        this.rightSidebar.style.fontFamily = this.options.fontFamily || "sans-serif";
-        this.layoutContainer.appendChild(this.rightSidebar);
-        this.chart = echarts__namespace.init(this.chartContainer);
-        this.pluginManager = new PluginManager(this, this.toolbarContainer);
-        this.drawingEditor = new DrawingEditor(this);
-        this.chart.on("dataZoom", (params) => {
-          this.events.emit("chart:dataZoom", params);
-          const triggerOn = this.options.databox?.triggerOn;
-          const position = this.options.databox?.position;
-          if (triggerOn === "click" && position === "floating") {
-            this.chart.dispatchAction({
-              type: "hideTip"
-            });
-          }
-        });
-        this.chart.on("finished", (params) => this.events.emit("chart:updated", params));
-        this.chart.getZr().on("mousedown", (params) => this.events.emit("mouse:down", params));
-        this.chart.getZr().on("mousemove", (params) => this.events.emit("mouse:move", params));
-        this.chart.getZr().on("mouseup", (params) => this.events.emit("mouse:up", params));
-        this.chart.getZr().on("click", (params) => this.events.emit("mouse:click", params));
-        const zr = this.chart.getZr();
-        const originalSetCursorStyle = zr.setCursorStyle;
-        zr.setCursorStyle = function(cursorStyle) {
-          if (cursorStyle === "grab") {
-            cursorStyle = "crosshair";
-          }
-          originalSetCursorStyle.call(this, cursorStyle);
-        };
-        this.bindDrawingEvents();
-        window.addEventListener("resize", this.resize.bind(this));
-        document.addEventListener("fullscreenchange", this.onFullscreenChange);
-        document.addEventListener("keydown", this.onKeyDown);
-      }
-      bindDrawingEvents() {
-        let hideTimeout = null;
-        const getDrawingInfo = (params) => {
-          if (!params || params.componentType !== "series" || !params.seriesName?.startsWith("drawings")) {
-            return null;
-          }
-          params.seriesIndex;
-          const match = params.seriesName.match(/drawings-pane-(\d+)/);
-          if (!match)
-            return null;
-          const paneIdx = parseInt(match[1]);
-          const paneDrawings = this.drawings.filter((d) => (d.paneIndex || 0) === paneIdx);
-          const drawing = paneDrawings[params.dataIndex];
-          if (!drawing)
-            return null;
-          const targetName = params.event?.target?.name;
-          return { drawing, targetName, paneIdx };
-        };
-        this.chart.on("mouseover", (params) => {
-          const info = getDrawingInfo(params);
-          if (!info)
-            return;
-          const group = params.event?.target?.parent;
-          if (group) {
-            const isSelected = info.drawing.id === this.selectedDrawingId;
-            if (hideTimeout) {
-              clearTimeout(hideTimeout);
-              hideTimeout = null;
-            }
-            if (!isSelected) {
-              group.children().forEach((child) => {
-                if (child.name && child.name.startsWith("point")) {
-                  child.attr("style", { opacity: 1 });
-                }
-              });
-            }
-          }
-          if (info.targetName === "line") {
-            this.events.emit("drawing:hover", {
-              id: info.drawing.id,
-              type: info.drawing.type
-            });
-            this.chart.getZr().setCursorStyle("move");
-          } else if (info.targetName?.startsWith("point")) {
-            const pointIdx = info.targetName === "point-start" ? 0 : 1;
-            this.events.emit("drawing:point:hover", {
-              id: info.drawing.id,
-              pointIndex: pointIdx
-            });
-            this.chart.getZr().setCursorStyle("pointer");
-          }
-        });
-        this.chart.on("mouseout", (params) => {
-          const info = getDrawingInfo(params);
-          if (!info)
-            return;
-          const group = params.event?.target?.parent;
-          if (info.drawing.id === this.selectedDrawingId) {
-            return;
-          }
-          hideTimeout = setTimeout(() => {
-            if (group) {
-              if (this.selectedDrawingId === info.drawing.id)
-                return;
-              group.children().forEach((child) => {
-                if (child.name && child.name.startsWith("point")) {
-                  child.attr("style", { opacity: 0 });
-                }
-              });
-            }
-          }, 50);
-          if (info.targetName === "line") {
-            this.events.emit("drawing:mouseout", { id: info.drawing.id });
-          } else if (info.targetName?.startsWith("point")) {
-            const pointIdx = info.targetName === "point-start" ? 0 : 1;
-            this.events.emit("drawing:point:mouseout", {
-              id: info.drawing.id,
-              pointIndex: pointIdx
-            });
-          }
-          this.chart.getZr().setCursorStyle("default");
-        });
-        this.chart.on("mousedown", (params) => {
-          const info = getDrawingInfo(params);
-          if (!info)
-            return;
-          const event = params.event?.event || params.event;
-          const x = event?.offsetX;
-          const y = event?.offsetY;
-          if (info.targetName === "line") {
-            this.events.emit("drawing:mousedown", {
-              id: info.drawing.id,
-              x,
-              y
-            });
-          } else if (info.targetName?.startsWith("point")) {
-            const pointIdx = info.targetName === "point-start" ? 0 : 1;
-            this.events.emit("drawing:point:mousedown", {
-              id: info.drawing.id,
-              pointIndex: pointIdx,
-              x,
-              y
-            });
-          }
-        });
-        this.chart.on("click", (params) => {
-          const info = getDrawingInfo(params);
-          if (!info)
-            return;
-          if (this.selectedDrawingId !== info.drawing.id) {
-            this.selectedDrawingId = info.drawing.id;
-            this.events.emit("drawing:selected", { id: info.drawing.id });
-            this.render();
-          }
-          if (info.targetName === "line") {
-            this.events.emit("drawing:click", { id: info.drawing.id });
-          } else if (info.targetName?.startsWith("point")) {
-            const pointIdx = info.targetName === "point-start" ? 0 : 1;
-            this.events.emit("drawing:point:click", {
-              id: info.drawing.id,
-              pointIndex: pointIdx
-            });
-          }
-        });
-        this.chart.getZr().on("click", (params) => {
-          if (!params.target) {
-            if (this.selectedDrawingId) {
-              this.events.emit("drawing:deselected", { id: this.selectedDrawingId });
-              this.selectedDrawingId = null;
-              this.render();
-            }
-          }
-        });
-      }
-      // --- Plugin System Integration ---
-      getChart() {
-        return this.chart;
-      }
-      getMarketData() {
-        return this.marketData;
-      }
-      getTimeToIndex() {
-        return this.timeToIndex;
-      }
-      getOptions() {
-        return this.options;
-      }
-      disableTools() {
-        this.pluginManager.deactivatePlugin();
-      }
-      registerPlugin(plugin) {
-        this.pluginManager.register(plugin);
-      }
-      // --- Drawing System ---
-      addDrawing(drawing) {
-        this.drawings.push(drawing);
-        this.render();
-      }
-      removeDrawing(id) {
-        const index = this.drawings.findIndex((d) => d.id === id);
-        if (index !== -1) {
-          const drawing = this.drawings[index];
-          this.drawings.splice(index, 1);
-          this.events.emit("drawing:deleted", { id: drawing.id });
-          this.render();
-        }
-      }
-      getDrawing(id) {
-        return this.drawings.find((d) => d.id === id);
-      }
-      updateDrawing(drawing) {
-        const index = this.drawings.findIndex((d) => d.id === drawing.id);
-        if (index !== -1) {
-          this.drawings[index] = drawing;
-          this.render();
-        }
-      }
-      lockChart() {
-        if (this.isLocked)
-          return;
-        this.isLocked = true;
-        const option = this.chart.getOption();
-        this.chart.setOption({
-          dataZoom: option.dataZoom.map((dz) => ({ ...dz, disabled: true })),
-          tooltip: { show: false }
-          // Hide tooltip during drag
-          // We can also disable series interaction if needed, but custom series is handled by us.
-        });
-      }
-      unlockChart() {
-        if (!this.isLocked)
-          return;
-        this.isLocked = false;
-        const option = this.chart.getOption();
-        const dzConfig = this.options.dataZoom || {};
-        dzConfig.visible ?? true;
-        if (option.dataZoom) {
-          this.chart.setOption({
-            dataZoom: option.dataZoom.map((dz) => ({
-              ...dz,
-              disabled: false
-            })),
-            tooltip: { show: true }
-          });
-        }
-      }
-      // --------------------------------
-      setZoom(start, end) {
-        this.chart.dispatchAction({
-          type: "dataZoom",
-          start,
-          end
-        });
-      }
-      setMarketData(data) {
-        this.marketData = data;
-        this.rebuildTimeIndex();
-        this.render();
-      }
-      /**
-       * Update market data incrementally without full re-render
-       * Merges new/updated OHLCV data with existing data by timestamp
-       *
-       * @param data - Array of OHLCV data to merge
-       *
-       * @remarks
-       * **Performance Optimization**: This method only triggers a chart update if the data array contains
-       * new or modified bars. If an empty array is passed, no update occurs (expected behavior).
-       *
-       * **Usage Pattern for Updating Indicators**:
-       * When updating both market data and indicators, follow this order:
-       *
-       * 1. Update indicator data first using `indicator.updateData(plots)`
-       * 2. Then call `chart.updateData(newBars)` with the new/modified market data
-       *
-       * The chart update will trigger a re-render that includes the updated indicator data.
-       *
-       * **Important**: If you update indicator data without updating market data (e.g., recalculation
-       * with same bars), you must still call `chart.updateData([...])` with at least one bar
-       * to trigger the re-render. Calling with an empty array will NOT trigger an update.
-       *
-       * @example
-       * ```typescript
-       * // Step 1: Update indicator data
-       * macdIndicator.updateData({
-       *   macd: { data: [{ time: 1234567890, value: 150 }], options: { style: 'line', color: '#2962FF' } }
-       * });
-       *
-       * // Step 2: Update market data (triggers re-render with new indicator data)
-       * chart.updateData([
-       *   { time: 1234567890, open: 100, high: 105, low: 99, close: 103, volume: 1000 }
-       * ]);
-       * ```
-       *
-       * @example
-       * ```typescript
-       * // If only updating existing bar (e.g., real-time tick updates):
-       * const lastBar = { ...existingBar, close: newPrice, high: Math.max(existingBar.high, newPrice) };
-       * chart.updateData([lastBar]); // Updates by timestamp
-       * ```
-       */
-      updateData(data) {
-        if (data.length === 0)
-          return;
-        const existingTimeMap = /* @__PURE__ */ new Map();
-        this.marketData.forEach((bar) => {
-          existingTimeMap.set(bar.time, bar);
-        });
-        data.forEach((bar) => {
-          if (!existingTimeMap.has(bar.time)) ;
-          existingTimeMap.set(bar.time, bar);
-        });
-        this.marketData = Array.from(existingTimeMap.values()).sort((a, b) => a.time - b.time);
-        this.rebuildTimeIndex();
-        const paddingPoints = this.dataIndexOffset;
-        const candlestickSeries = SeriesBuilder.buildCandlestickSeries(this.marketData, this.options);
-        const emptyCandle = { value: [NaN, NaN, NaN, NaN], itemStyle: { opacity: 0 } };
-        const paddedCandlestickData = [
-          ...Array(paddingPoints).fill(emptyCandle),
-          ...candlestickSeries.data,
-          ...Array(paddingPoints).fill(emptyCandle)
-        ];
-        const categoryData = [
-          ...Array(paddingPoints).fill(""),
-          ...this.marketData.map((k) => new Date(k.time).toLocaleString()),
-          ...Array(paddingPoints).fill("")
-        ];
-        const currentOption = this.chart.getOption();
-        const layout = LayoutManager.calculate(
-          this.chart.getHeight(),
-          this.indicators,
-          this.options,
-          this.isMainCollapsed,
-          this.maximizedPaneId,
-          this.marketData
-        );
-        const paddedOHLCVForShapes = [...Array(paddingPoints).fill(null), ...this.marketData, ...Array(paddingPoints).fill(null)];
-        const { series: indicatorSeries, barColors } = SeriesBuilder.buildIndicatorSeries(
-          this.indicators,
-          this.timeToIndex,
-          layout.paneLayout,
-          categoryData.length,
-          paddingPoints,
-          paddedOHLCVForShapes,
-          // Pass padded OHLCV data
-          layout.overlayYAxisMap,
-          // Pass overlay Y-axis mapping
-          layout.separatePaneYAxisOffset
-          // Pass Y-axis offset for separate panes
-        );
-        const coloredCandlestickData = paddedCandlestickData.map((candle, i) => {
-          if (barColors[i]) {
-            return {
-              value: candle.value || candle,
-              itemStyle: {
-                color: barColors[i],
-                color0: barColors[i],
-                borderColor: barColors[i],
-                borderColor0: barColors[i]
-              }
-            };
-          }
-          return candle;
-        });
-        const updateOption = {
-          xAxis: currentOption.xAxis.map((axis, index) => ({
-            data: categoryData
-          })),
-          series: [
-            {
-              data: coloredCandlestickData,
-              markLine: candlestickSeries.markLine
-              // Ensure markLine is updated
-            },
-            ...indicatorSeries.map((s) => {
-              const update = { data: s.data };
-              if (s.renderItem) {
-                update.renderItem = s.renderItem;
-              }
-              return update;
-            })
-          ]
-        };
-        this.chart.setOption(updateOption, { notMerge: false });
-        this.startCountdown();
-      }
-      startCountdown() {
-        this.stopCountdown();
-        if (!this.options.lastPriceLine?.showCountdown || !this.options.interval || this.marketData.length === 0) {
-          return;
-        }
-        const updateLabel = () => {
-          if (this.marketData.length === 0)
-            return;
-          const lastBar = this.marketData[this.marketData.length - 1];
-          const nextCloseTime = lastBar.time + (this.options.interval || 0);
-          const now = Date.now();
-          const diff = nextCloseTime - now;
-          if (diff <= 0) {
-            return;
-          }
-          const absDiff = Math.abs(diff);
-          const hours = Math.floor(absDiff / 36e5);
-          const minutes = Math.floor(absDiff % 36e5 / 6e4);
-          const seconds = Math.floor(absDiff % 6e4 / 1e3);
-          const timeString = `${hours > 0 ? hours.toString().padStart(2, "0") + ":" : ""}${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`;
-          const currentOption = this.chart.getOption();
-          if (!currentOption || !currentOption.series)
-            return;
-          const candleSeriesIndex = currentOption.series.findIndex((s) => s.type === "candlestick");
-          if (candleSeriesIndex === -1)
-            return;
-          const candleSeries = currentOption.series[candleSeriesIndex];
-          if (!candleSeries.markLine || !candleSeries.markLine.data || !candleSeries.markLine.data[0])
-            return;
-          const markLineData = candleSeries.markLine.data[0];
-          markLineData.label.formatter;
-          const price = markLineData.yAxis;
-          let priceStr = "";
-          if (this.options.yAxisLabelFormatter) {
-            priceStr = this.options.yAxisLabelFormatter(price);
-          } else {
-            const decimals = this.options.yAxisDecimalPlaces !== void 0 ? this.options.yAxisDecimalPlaces : 2;
-            priceStr = typeof price === "number" ? price.toFixed(decimals) : price;
-          }
-          const labelText = `${priceStr}
-${timeString}`;
-          this.chart.setOption({
-            series: [
-              {
-                name: this.options.title || "Market",
-                markLine: {
-                  data: [
-                    {
-                      ...markLineData,
-                      // Preserve lineStyle (color), symbol, yAxis, etc.
-                      label: {
-                        ...markLineData.label,
-                        // Preserve existing label styles including backgroundColor
-                        formatter: labelText
-                        // Update only the text
-                      }
-                    }
-                  ]
-                }
-              }
-            ]
-          });
-        };
-        updateLabel();
-        this.countdownInterval = setInterval(updateLabel, 1e3);
-      }
-      stopCountdown() {
-        if (this.countdownInterval) {
-          clearInterval(this.countdownInterval);
-          this.countdownInterval = null;
-        }
-      }
-      addIndicator(id, plots, options = {}) {
-        const isOverlay = options.overlay !== void 0 ? options.overlay : options.isOverlay ?? false;
-        let paneIndex = 0;
-        if (!isOverlay) {
-          let maxPaneIndex = 0;
-          this.indicators.forEach((ind) => {
-            if (ind.paneIndex > maxPaneIndex) {
-              maxPaneIndex = ind.paneIndex;
-            }
-          });
-          paneIndex = maxPaneIndex + 1;
-        }
-        const indicator = new Indicator(id, plots, paneIndex, {
-          height: options.height,
-          collapsed: false,
-          titleColor: options.titleColor,
-          controls: options.controls
-        });
-        this.indicators.set(id, indicator);
-        this.render();
-        return indicator;
-      }
-      /** @deprecated Use addIndicator instead */
-      setIndicator(id, plot, isOverlay = false) {
-        this.addIndicator(id, { [id]: plot }, { overlay: isOverlay });
-      }
-      removeIndicator(id) {
-        this.indicators.delete(id);
-        this.render();
-      }
-      toggleIndicator(id, action = "collapse") {
-        if (action === "fullscreen") {
-          if (document.fullscreenElement) {
-            document.exitFullscreen();
-          } else {
-            this.rootContainer.requestFullscreen();
-          }
-          return;
-        }
-        if (action === "maximize") {
-          if (this.maximizedPaneId === id) {
-            this.maximizedPaneId = null;
-          } else {
-            this.maximizedPaneId = id;
-          }
-          this.render();
-          return;
-        }
-        if (id === "main") {
-          this.isMainCollapsed = !this.isMainCollapsed;
-          this.render();
-          return;
-        }
-        const indicator = this.indicators.get(id);
-        if (indicator) {
-          indicator.toggleCollapse();
-          this.render();
-        }
-      }
-      resize() {
-        this.chart.resize();
-      }
-      destroy() {
-        this.stopCountdown();
-        window.removeEventListener("resize", this.resize.bind(this));
-        document.removeEventListener("fullscreenchange", this.onFullscreenChange);
-        document.removeEventListener("keydown", this.onKeyDown);
-        this.pluginManager.deactivatePlugin();
-        this.pluginManager.destroy();
-        this.chart.dispose();
-      }
-      rebuildTimeIndex() {
-        this.timeToIndex.clear();
-        this.marketData.forEach((k, index) => {
-          this.timeToIndex.set(k.time, index);
-        });
-        const dataLength = this.marketData.length;
-        const paddingPoints = Math.ceil(dataLength * this.padding);
-        this.dataIndexOffset = paddingPoints;
-      }
-      render() {
-        if (this.marketData.length === 0)
-          return;
-        let currentZoomState = null;
-        try {
-          const currentOption = this.chart.getOption();
-          if (currentOption && currentOption.dataZoom && currentOption.dataZoom.length > 0) {
-            const zoomComponent = currentOption.dataZoom.find((dz) => dz.type === "slider" || dz.type === "inside");
-            if (zoomComponent) {
-              currentZoomState = {
-                start: zoomComponent.start,
-                end: zoomComponent.end
-              };
-            }
-          }
-        } catch (e) {
-        }
-        const tooltipPos = this.options.databox?.position;
-        const prevLeftDisplay = this.leftSidebar.style.display;
-        const prevRightDisplay = this.rightSidebar.style.display;
-        const newLeftDisplay = tooltipPos === "left" ? "block" : "none";
-        const newRightDisplay = tooltipPos === "right" ? "block" : "none";
-        if (prevLeftDisplay !== newLeftDisplay || prevRightDisplay !== newRightDisplay) {
-          this.leftSidebar.style.display = newLeftDisplay;
-          this.rightSidebar.style.display = newRightDisplay;
-          this.chart.resize();
-        }
-        const paddingPoints = this.dataIndexOffset;
-        const categoryData = [
-          ...Array(paddingPoints).fill(""),
-          // Left padding
-          ...this.marketData.map((k) => new Date(k.time).toLocaleString()),
-          ...Array(paddingPoints).fill("")
-          // Right padding
-        ];
-        const layout = LayoutManager.calculate(
-          this.chart.getHeight(),
-          this.indicators,
-          this.options,
-          this.isMainCollapsed,
-          this.maximizedPaneId,
-          this.marketData
-        );
-        if (!currentZoomState && layout.dataZoom && this.marketData.length > 0) {
-          const realDataLength = this.marketData.length;
-          const totalLength = categoryData.length;
-          const paddingRatio = paddingPoints / totalLength;
-          const dataRatio = realDataLength / totalLength;
-          layout.dataZoom.forEach((dz) => {
-            if (dz.start !== void 0) {
-              const userStartFraction = dz.start / 100;
-              const actualStartFraction = paddingRatio + userStartFraction * dataRatio;
-              dz.start = actualStartFraction * 100;
-            }
-            if (dz.end !== void 0) {
-              const userEndFraction = dz.end / 100;
-              const actualEndFraction = paddingRatio + userEndFraction * dataRatio;
-              dz.end = actualEndFraction * 100;
-            }
-          });
-        }
-        if (currentZoomState && layout.dataZoom) {
-          layout.dataZoom.forEach((dz) => {
-            dz.start = currentZoomState.start;
-            dz.end = currentZoomState.end;
-          });
-        }
-        layout.xAxis.forEach((axis) => {
-          axis.data = categoryData;
-          axis.boundaryGap = false;
-        });
-        const candlestickSeries = SeriesBuilder.buildCandlestickSeries(this.marketData, this.options);
-        const emptyCandle = { value: [NaN, NaN, NaN, NaN], itemStyle: { opacity: 0 } };
-        candlestickSeries.data = [...Array(paddingPoints).fill(emptyCandle), ...candlestickSeries.data, ...Array(paddingPoints).fill(emptyCandle)];
-        const paddedOHLCVForShapes = [...Array(paddingPoints).fill(null), ...this.marketData, ...Array(paddingPoints).fill(null)];
-        const { series: indicatorSeries, barColors } = SeriesBuilder.buildIndicatorSeries(
-          this.indicators,
-          this.timeToIndex,
-          layout.paneLayout,
-          categoryData.length,
-          paddingPoints,
-          paddedOHLCVForShapes,
-          // Pass padded OHLCV
-          layout.overlayYAxisMap,
-          // Pass overlay Y-axis mapping
-          layout.separatePaneYAxisOffset
-          // Pass Y-axis offset for separate panes
-        );
-        candlestickSeries.data = candlestickSeries.data.map((candle, i) => {
-          if (barColors[i]) {
-            return {
-              value: candle.value || candle,
-              itemStyle: {
-                color: barColors[i],
-                color0: barColors[i],
-                borderColor: barColors[i],
-                borderColor0: barColors[i]
-              }
-            };
-          }
-          return candle;
-        });
-        const graphic = GraphicBuilder.build(layout, this.options, this.toggleIndicator.bind(this), this.isMainCollapsed, this.maximizedPaneId);
-        const drawingsByPane = /* @__PURE__ */ new Map();
-        this.drawings.forEach((d) => {
-          const paneIdx = d.paneIndex || 0;
-          if (!drawingsByPane.has(paneIdx)) {
-            drawingsByPane.set(paneIdx, []);
-          }
-          drawingsByPane.get(paneIdx).push(d);
-        });
-        const drawingSeriesList = [];
-        drawingsByPane.forEach((drawings, paneIndex) => {
-          drawingSeriesList.push({
-            type: "custom",
-            name: `drawings-pane-${paneIndex}`,
-            xAxisIndex: paneIndex,
-            yAxisIndex: paneIndex,
-            clip: true,
-            renderItem: (params, api) => {
-              const drawing = drawings[params.dataIndex];
-              if (!drawing)
-                return;
-              const start = drawing.points[0];
-              const end = drawing.points[1];
-              if (!start || !end)
-                return;
-              const p1 = api.coord([start.timeIndex, start.value]);
-              const p2 = api.coord([end.timeIndex, end.value]);
-              const isSelected = drawing.id === this.selectedDrawingId;
-              if (drawing.type === "line") {
-                return {
-                  type: "group",
-                  children: [
-                    {
-                      type: "line",
-                      name: "line",
-                      shape: {
-                        x1: p1[0],
-                        y1: p1[1],
-                        x2: p2[0],
-                        y2: p2[1]
-                      },
-                      style: {
-                        stroke: drawing.style?.color || "#3b82f6",
-                        lineWidth: drawing.style?.lineWidth || 2
-                      }
-                    },
-                    {
-                      type: "circle",
-                      name: "point-start",
-                      shape: { cx: p1[0], cy: p1[1], r: 4 },
-                      style: {
-                        fill: "#fff",
-                        stroke: drawing.style?.color || "#3b82f6",
-                        lineWidth: 1,
-                        opacity: isSelected ? 1 : 0
-                        // Show if selected
-                      }
-                    },
-                    {
-                      type: "circle",
-                      name: "point-end",
-                      shape: { cx: p2[0], cy: p2[1], r: 4 },
-                      style: {
-                        fill: "#fff",
-                        stroke: drawing.style?.color || "#3b82f6",
-                        lineWidth: 1,
-                        opacity: isSelected ? 1 : 0
-                        // Show if selected
-                      }
-                    }
-                  ]
-                };
-              } else if (drawing.type === "fibonacci") {
-                const x1 = p1[0];
-                const y1 = p1[1];
-                const x2 = p2[0];
-                const y2 = p2[1];
-                const startX = Math.min(x1, x2);
-                const endX = Math.max(x1, x2);
-                const width = endX - startX;
-                const diffY = y2 - y1;
-                const levels = [0, 0.236, 0.382, 0.5, 0.618, 0.786, 1];
-                const colors = ["#787b86", "#f44336", "#ff9800", "#4caf50", "#2196f3", "#00bcd4", "#787b86"];
-                const children = [];
-                children.push({
-                  type: "line",
-                  name: "line",
-                  // Use 'line' name to enable dragging logic in DrawingEditor
-                  shape: { x1, y1, x2, y2 },
-                  style: {
-                    stroke: "#999",
-                    lineWidth: 1,
-                    lineDash: [4, 4]
-                  }
-                });
-                children.push({
-                  type: "circle",
-                  name: "point-start",
-                  shape: { cx: x1, cy: y1, r: 4 },
-                  style: {
-                    fill: "#fff",
-                    stroke: drawing.style?.color || "#3b82f6",
-                    lineWidth: 1,
-                    opacity: isSelected ? 1 : 0
-                  },
-                  z: 100
-                  // Ensure on top
-                });
-                children.push({
-                  type: "circle",
-                  name: "point-end",
-                  shape: { cx: x2, cy: y2, r: 4 },
-                  style: {
-                    fill: "#fff",
-                    stroke: drawing.style?.color || "#3b82f6",
-                    lineWidth: 1,
-                    opacity: isSelected ? 1 : 0
-                  },
-                  z: 100
-                });
-                levels.forEach((level, index) => {
-                  const levelY = y2 - diffY * level;
-                  const color = colors[index % colors.length];
-                  children.push({
-                    type: "line",
-                    name: "fib-line",
-                    // distinct name, maybe we don't want to drag by clicking these lines? or yes? 'line' triggers drag. 'fib-line' won't unless we update logic.
-                    // The user asked for "fib levels between start and end".
-                    shape: { x1: startX, y1: levelY, x2: endX, y2: levelY },
-                    style: { stroke: color, lineWidth: 1 },
-                    silent: true
-                    // Make internal lines silent so clicks pass to background/diagonal?
-                  });
-                  const startVal = drawing.points[0].value;
-                  const endVal = drawing.points[1].value;
-                  const valDiff = endVal - startVal;
-                  const price = endVal - valDiff * level;
-                  children.push({
-                    type: "text",
-                    style: {
-                      text: `${level} (${price.toFixed(2)})`,
-                      x: startX + 5,
-                      y: levelY - 10,
-                      fill: color,
-                      fontSize: 10
-                    },
-                    silent: true
-                  });
-                  if (index < levels.length - 1) {
-                    const nextLevel = levels[index + 1];
-                    const nextY = y2 - diffY * nextLevel;
-                    const rectH = Math.abs(nextY - levelY);
-                    const rectY = Math.min(levelY, nextY);
-                    children.push({
-                      type: "rect",
-                      shape: { x: startX, y: rectY, width, height: rectH },
-                      style: {
-                        fill: colors[(index + 1) % colors.length],
-                        opacity: 0.1
-                      },
-                      silent: true
-                      // Let clicks pass through?
-                    });
-                  }
-                });
-                const backgrounds = [];
-                const linesAndText = [];
-                levels.forEach((level, index) => {
-                  const levelY = y2 - diffY * level;
-                  const color = colors[index % colors.length];
-                  linesAndText.push({
-                    type: "line",
-                    shape: { x1: startX, y1: levelY, x2: endX, y2: levelY },
-                    style: { stroke: color, lineWidth: 1 },
-                    silent: true
-                  });
-                  const startVal = drawing.points[0].value;
-                  const endVal = drawing.points[1].value;
-                  const valDiff = endVal - startVal;
-                  const price = endVal - valDiff * level;
-                  linesAndText.push({
-                    type: "text",
-                    style: {
-                      text: `${level} (${price.toFixed(2)})`,
-                      x: startX + 5,
-                      y: levelY - 10,
-                      fill: color,
-                      fontSize: 10
-                    },
-                    silent: true
-                  });
-                  if (index < levels.length - 1) {
-                    const nextLevel = levels[index + 1];
-                    const nextY = y2 - diffY * nextLevel;
-                    const rectH = Math.abs(nextY - levelY);
-                    const rectY = Math.min(levelY, nextY);
-                    backgrounds.push({
-                      type: "rect",
-                      name: "line",
-                      // Enable dragging by clicking background!
-                      shape: { x: startX, y: rectY, width, height: rectH },
-                      style: {
-                        fill: colors[(index + 1) % colors.length],
-                        opacity: 0.1
-                      }
-                    });
-                  }
-                });
-                return {
-                  type: "group",
-                  children: [
-                    ...backgrounds,
-                    ...linesAndText,
-                    {
-                      type: "line",
-                      name: "line",
-                      shape: { x1, y1, x2, y2 },
-                      style: { stroke: "#999", lineWidth: 1, lineDash: [4, 4] }
-                    },
-                    {
-                      type: "circle",
-                      name: "point-start",
-                      shape: { cx: x1, cy: y1, r: 4 },
-                      style: {
-                        fill: "#fff",
-                        stroke: drawing.style?.color || "#3b82f6",
-                        lineWidth: 1,
-                        opacity: isSelected ? 1 : 0
-                      },
-                      z: 100
-                    },
-                    {
-                      type: "circle",
-                      name: "point-end",
-                      shape: { cx: x2, cy: y2, r: 4 },
-                      style: {
-                        fill: "#fff",
-                        stroke: drawing.style?.color || "#3b82f6",
-                        lineWidth: 1,
-                        opacity: isSelected ? 1 : 0
-                      },
-                      z: 100
-                    }
-                  ]
-                };
-              }
-            },
-            data: drawings.map((d) => [d.points[0].timeIndex, d.points[0].value, d.points[1].timeIndex, d.points[1].value]),
-            z: 100,
-            silent: false
-          });
-        });
-        const tooltipFormatter = (params) => {
-          const html = TooltipFormatter.format(params, this.options);
-          const mode = this.options.databox?.position;
-          if (mode === "left") {
-            this.leftSidebar.innerHTML = html;
-            return "";
-          }
-          if (mode === "right") {
-            this.rightSidebar.innerHTML = html;
-            return "";
-          }
-          if (!this.options.databox) {
-            return "";
-          }
-          return `<div style="min-width: 200px;">${html}</div>`;
-        };
-        const option = {
-          backgroundColor: this.options.backgroundColor,
-          animation: false,
-          legend: {
-            show: false
-            // Hide default legend as we use tooltip
-          },
-          tooltip: {
-            show: true,
-            showContent: !!this.options.databox,
-            // Show content only if databox is present
-            trigger: "axis",
-            triggerOn: this.options.databox?.triggerOn ?? "mousemove",
-            // Control when to show tooltip/crosshair
-            axisPointer: { type: "cross", label: { backgroundColor: "#475569" } },
-            backgroundColor: "rgba(30, 41, 59, 0.9)",
-            borderWidth: 1,
-            borderColor: "#334155",
-            padding: 10,
-            textStyle: {
-              color: "#fff",
-              fontFamily: this.options.fontFamily || "sans-serif"
-            },
-            formatter: tooltipFormatter,
-            extraCssText: tooltipPos !== "floating" && tooltipPos !== void 0 ? "display: none !important;" : void 0,
-            position: (pos, params, el, elRect, size) => {
-              const mode = this.options.databox?.position;
-              if (mode === "floating") {
-                const obj = { top: 10 };
-                obj[["left", "right"][+(pos[0] < size.viewSize[0] / 2)]] = 30;
-                return obj;
-              }
-              return null;
-            }
-          },
-          axisPointer: {
-            link: { xAxisIndex: "all" },
-            label: { backgroundColor: "#475569" }
-          },
-          graphic,
-          grid: layout.grid,
-          xAxis: layout.xAxis,
-          yAxis: layout.yAxis,
-          dataZoom: layout.dataZoom,
-          series: [candlestickSeries, ...indicatorSeries, ...drawingSeriesList]
-        };
-        this.chart.setOption(option, true);
-      }
-    }
-
-    var __defProp$3 = Object.defineProperty;
-    var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-    var __publicField$3 = (obj, key, value) => {
-      __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
-      return value;
-    };
-    class AbstractPlugin {
-      constructor(config) {
-        __publicField$3(this, "id");
-        __publicField$3(this, "name");
-        __publicField$3(this, "icon");
-        __publicField$3(this, "context");
-        __publicField$3(this, "eventListeners", []);
-        this.id = config.id;
-        this.name = config.name;
-        this.icon = config.icon;
-      }
-      init(context) {
-        this.context = context;
-        this.onInit();
-      }
-      /**
-       * Lifecycle hook called after context is initialized.
-       * Override this instead of init().
-       */
-      onInit() {
-      }
-      activate() {
-        this.onActivate();
-        this.context.events.emit("plugin:activated", this.id);
-      }
-      /**
-       * Lifecycle hook called when the plugin is activated.
-       */
-      onActivate() {
-      }
-      deactivate() {
-        this.onDeactivate();
-        this.context.events.emit("plugin:deactivated", this.id);
-      }
-      /**
-       * Lifecycle hook called when the plugin is deactivated.
-       */
-      onDeactivate() {
-      }
-      destroy() {
-        this.removeAllListeners();
-        this.onDestroy();
-      }
-      /**
-       * Lifecycle hook called when the plugin is destroyed.
-       */
-      onDestroy() {
-      }
-      // --- Helper Methods ---
-      /**
-       * Register an event listener that will be automatically cleaned up on destroy.
-       */
-      on(event, handler) {
-        this.context.events.on(event, handler);
-        this.eventListeners.push({ event, handler });
-      }
-      /**
-       * Remove a specific event listener.
-       */
-      off(event, handler) {
-        this.context.events.off(event, handler);
-        this.eventListeners = this.eventListeners.filter(
-          (l) => l.event !== event || l.handler !== handler
-        );
-      }
-      /**
-       * Remove all listeners registered by this plugin.
-       */
-      removeAllListeners() {
-        this.eventListeners.forEach(({ event, handler }) => {
-          this.context.events.off(event, handler);
-        });
-        this.eventListeners = [];
-      }
-      /**
-       * Access to the ECharts instance.
-       */
-      get chart() {
-        return this.context.getChart();
-      }
-      /**
-       * Access to market data.
-       */
-      get marketData() {
-        return this.context.getMarketData();
-      }
-    }
-
-    var __defProp$2 = Object.defineProperty;
-    var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-    var __publicField$2 = (obj, key, value) => {
-      __defNormalProp$2(obj, typeof key !== "symbol" ? key + "" : key, value);
-      return value;
-    };
-    class MeasureTool extends AbstractPlugin {
-      // End Arrow
-      constructor(options) {
-        super({
-          id: "measure",
-          name: options?.name || "Measure",
-          icon: options?.icon || `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M160-240q-33 0-56.5-23.5T80-320v-320q0-33 23.5-56.5T160-720h640q33 0 56.5 23.5T880-640v320q0 33-23.5 56.5T800-240H160Zm0-80h640v-320H680v160h-80v-160h-80v160h-80v-160h-80v160h-80v-160H160v320Zm120-160h80-80Zm160 0h80-80Zm160 0h80-80Zm-120 0Z"/></svg>`
-        });
-        __publicField$2(this, "zr");
-        __publicField$2(this, "state", "idle");
-        __publicField$2(this, "startPoint", null);
-        __publicField$2(this, "endPoint", null);
-        // ZRender Elements
-        __publicField$2(this, "group", null);
-        __publicField$2(this, "rect", null);
-        // Measurement Box
-        __publicField$2(this, "labelRect", null);
-        // Label Background
-        __publicField$2(this, "labelText", null);
-        // Label Text
-        __publicField$2(this, "lineV", null);
-        // Vertical Arrow Line
-        __publicField$2(this, "lineH", null);
-        // Horizontal Arrow Line
-        __publicField$2(this, "arrowStart", null);
-        // Start Arrow
-        __publicField$2(this, "arrowEnd", null);
-        // --- Interaction Handlers ---
-        __publicField$2(this, "onMouseDown", () => {
-          if (this.state === "finished") {
-            this.removeGraphic();
-          }
-        });
-        __publicField$2(this, "onChartInteraction", () => {
-          if (this.group) {
-            this.removeGraphic();
-          }
-        });
-        __publicField$2(this, "onClick", (params) => {
-          if (this.state === "idle") {
-            this.state = "drawing";
-            this.startPoint = [params.offsetX, params.offsetY];
-            this.endPoint = [params.offsetX, params.offsetY];
-            this.initGraphic();
-            this.updateGraphic();
-          } else if (this.state === "drawing") {
-            this.state = "finished";
-            this.endPoint = [params.offsetX, params.offsetY];
-            this.updateGraphic();
-            this.context.disableTools();
-            this.enableClearListeners();
-          }
-        });
-        __publicField$2(this, "clearHandlers", {});
-        __publicField$2(this, "onMouseMove", (params) => {
-          if (this.state !== "drawing")
-            return;
-          this.endPoint = [params.offsetX, params.offsetY];
-          this.updateGraphic();
-        });
-      }
-      onInit() {
-        this.zr = this.chart.getZr();
-      }
-      onActivate() {
-        this.state = "idle";
-        this.chart.getZr().setCursorStyle("crosshair");
-        this.zr.on("click", this.onClick);
-        this.zr.on("mousemove", this.onMouseMove);
-      }
-      onDeactivate() {
-        this.state = "idle";
-        this.chart.getZr().setCursorStyle("default");
-        this.zr.off("click", this.onClick);
-        this.zr.off("mousemove", this.onMouseMove);
-        this.disableClearListeners();
-        if (this.state === "drawing") {
-          this.removeGraphic();
-        }
-      }
-      onDestroy() {
-        this.removeGraphic();
-      }
-      enableClearListeners() {
-        const clickHandler = () => {
-          this.removeGraphic();
-        };
-        setTimeout(() => {
-          this.zr.on("click", clickHandler);
-        }, 10);
-        this.zr.on("mousedown", this.onMouseDown);
-        this.context.events.on("chart:dataZoom", this.onChartInteraction);
-        this.clearHandlers = {
-          click: clickHandler,
-          mousedown: this.onMouseDown,
-          dataZoom: this.onChartInteraction
-        };
-      }
-      disableClearListeners() {
-        if (this.clearHandlers.click)
-          this.zr.off("click", this.clearHandlers.click);
-        if (this.clearHandlers.mousedown)
-          this.zr.off("mousedown", this.clearHandlers.mousedown);
-        if (this.clearHandlers.dataZoom) {
-          this.context.events.off("chart:dataZoom", this.clearHandlers.dataZoom);
-        }
-        this.clearHandlers = {};
-      }
-      // --- Graphics ---
-      initGraphic() {
-        if (this.group)
-          return;
-        this.group = new echarts__namespace.graphic.Group();
-        this.rect = new echarts__namespace.graphic.Rect({
-          shape: { x: 0, y: 0, width: 0, height: 0 },
-          style: { fill: "rgba(0,0,0,0)", stroke: "transparent", lineWidth: 0 },
-          z: 100
-        });
-        this.lineV = new echarts__namespace.graphic.Line({
-          shape: { x1: 0, y1: 0, x2: 0, y2: 0 },
-          style: { stroke: "#fff", lineWidth: 1, lineDash: [4, 4] },
-          z: 101
-        });
-        this.lineH = new echarts__namespace.graphic.Line({
-          shape: { x1: 0, y1: 0, x2: 0, y2: 0 },
-          style: { stroke: "#fff", lineWidth: 1, lineDash: [4, 4] },
-          z: 101
-        });
-        this.arrowStart = new echarts__namespace.graphic.Polygon({
-          shape: {
-            points: [
-              [0, 0],
-              [-5, 10],
-              [5, 10]
-            ]
-          },
-          style: { fill: "#fff" },
-          z: 102
-        });
-        this.arrowEnd = new echarts__namespace.graphic.Polygon({
-          shape: {
-            points: [
-              [0, 0],
-              [-5, -10],
-              [5, -10]
-            ]
-          },
-          style: { fill: "#fff" },
-          z: 102
-        });
-        this.labelRect = new echarts__namespace.graphic.Rect({
-          shape: { x: 0, y: 0, width: 0, height: 0, r: 4 },
-          style: {
-            fill: "transparent",
-            stroke: "transparent",
-            lineWidth: 0,
-            shadowBlur: 5,
-            shadowColor: "rgba(0,0,0,0.3)"
-          },
-          z: 102
-        });
-        this.labelText = new echarts__namespace.graphic.Text({
-          style: {
-            x: 0,
-            y: 0,
-            text: "",
-            fill: "#fff",
-            font: "12px sans-serif",
-            align: "center",
-            verticalAlign: "middle"
-          },
-          z: 103
-        });
-        this.group.add(this.rect);
-        this.group.add(this.lineV);
-        this.group.add(this.lineH);
-        this.group.add(this.arrowStart);
-        this.group.add(this.arrowEnd);
-        this.group.add(this.labelRect);
-        this.group.add(this.labelText);
-        this.zr.add(this.group);
-      }
-      removeGraphic() {
-        if (this.group) {
-          this.zr.remove(this.group);
-          this.group = null;
-          this.disableClearListeners();
-        }
-      }
-      updateGraphic() {
-        if (!this.startPoint || !this.endPoint || !this.group)
-          return;
-        const [x1, y1] = this.startPoint;
-        const [x2, y2] = this.endPoint;
-        const p1 = this.context.coordinateConversion.pixelToData({ x: x1, y: y1 });
-        const p2 = this.context.coordinateConversion.pixelToData({ x: x2, y: y2 });
-        if (!p1 || !p2)
-          return;
-        const idx1 = Math.round(p1.timeIndex);
-        const idx2 = Math.round(p2.timeIndex);
-        const val1 = p1.value;
-        const val2 = p2.value;
-        const bars = idx2 - idx1;
-        const priceDiff = val2 - val1;
-        const priceChangePercent = priceDiff / val1 * 100;
-        const isUp = priceDiff >= 0;
-        const color = isUp ? "rgba(33, 150, 243, 0.2)" : "rgba(236, 0, 0, 0.2)";
-        const strokeColor = isUp ? "#2196F3" : "#ec0000";
-        this.rect.setShape({
-          x: Math.min(x1, x2),
-          y: Math.min(y1, y2),
-          width: Math.abs(x2 - x1),
-          height: Math.abs(y2 - y1)
-        });
-        this.rect.setStyle({ fill: color });
-        const midX = (x1 + x2) / 2;
-        const midY = (y1 + y2) / 2;
-        this.lineV.setShape({ x1: midX, y1, x2: midX, y2 });
-        this.lineV.setStyle({ stroke: strokeColor });
-        this.lineH.setShape({ x1, y1: midY, x2, y2: midY });
-        this.lineH.setStyle({ stroke: strokeColor });
-        const topY = Math.min(y1, y2);
-        const bottomY = Math.max(y1, y2);
-        this.arrowStart.setStyle({ fill: "none" });
-        this.arrowEnd.setStyle({ fill: "none" });
-        if (isUp) {
-          this.arrowStart.setShape({
-            points: [
-              [midX, topY],
-              [midX - 4, topY + 6],
-              [midX + 4, topY + 6]
-            ]
-          });
-          this.arrowStart.setStyle({ fill: strokeColor });
-        } else {
-          this.arrowEnd.setShape({
-            points: [
-              [midX, bottomY],
-              [midX - 4, bottomY - 6],
-              [midX + 4, bottomY - 6]
-            ]
-          });
-          this.arrowEnd.setStyle({ fill: strokeColor });
-        }
-        const textContent = [`${priceDiff.toFixed(2)} (${priceChangePercent.toFixed(2)}%)`, `${bars} bars, ${(bars * 0).toFixed(0)}d`].join("\n");
-        const labelW = 140;
-        const labelH = 40;
-        const rectBottomY = Math.max(y1, y2);
-        const rectTopY = Math.min(y1, y2);
-        const rectCenterX = (x1 + x2) / 2;
-        let labelX = rectCenterX - labelW / 2;
-        let labelY = rectBottomY + 10;
-        const canvasHeight = this.chart.getHeight();
-        if (labelY + labelH > canvasHeight) {
-          labelY = rectTopY - labelH - 10;
-        }
-        this.labelRect.setShape({
-          x: labelX,
-          y: labelY,
-          width: labelW,
-          height: labelH
-        });
-        this.labelRect.setStyle({
-          fill: "#1e293b",
-          stroke: strokeColor,
-          lineWidth: 1
-        });
-        this.labelText.setStyle({
-          x: labelX + labelW / 2,
-          y: labelY + labelH / 2,
-          text: textContent,
-          fill: "#fff"
-        });
-      }
-    }
-
-    var __defProp$1 = Object.defineProperty;
-    var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-    var __publicField$1 = (obj, key, value) => {
-      __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
-      return value;
-    };
-    class LineTool extends AbstractPlugin {
-      constructor(options) {
-        super({
-          id: "trend-line",
-          name: options?.name || "Trend Line",
-          icon: options?.icon || `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="2" y1="22" x2="22" y2="2" /></svg>`
-        });
-        __publicField$1(this, "zr");
-        __publicField$1(this, "state", "idle");
-        __publicField$1(this, "startPoint", null);
-        __publicField$1(this, "endPoint", null);
-        // ZRender Elements
-        __publicField$1(this, "group", null);
-        __publicField$1(this, "line", null);
-        __publicField$1(this, "startCircle", null);
-        __publicField$1(this, "endCircle", null);
-        // --- Interaction Handlers ---
-        __publicField$1(this, "onMouseDown", () => {
-        });
-        __publicField$1(this, "onChartInteraction", () => {
-        });
-        __publicField$1(this, "onClick", (params) => {
-          if (this.state === "idle") {
-            this.state = "drawing";
-            this.startPoint = [params.offsetX, params.offsetY];
-            this.endPoint = [params.offsetX, params.offsetY];
-            this.initGraphic();
-            this.updateGraphic();
-          } else if (this.state === "drawing") {
-            this.state = "finished";
-            this.endPoint = [params.offsetX, params.offsetY];
-            this.updateGraphic();
-            if (this.startPoint && this.endPoint) {
-              const start = this.context.coordinateConversion.pixelToData({
-                x: this.startPoint[0],
-                y: this.startPoint[1]
-              });
-              const end = this.context.coordinateConversion.pixelToData({
-                x: this.endPoint[0],
-                y: this.endPoint[1]
-              });
-              if (start && end) {
-                const paneIndex = start.paneIndex || 0;
-                this.context.addDrawing({
-                  id: `line-${Date.now()}`,
-                  type: "line",
-                  points: [start, end],
-                  paneIndex,
-                  style: {
-                    color: "#3b82f6",
-                    lineWidth: 2
-                  }
-                });
-              }
-            }
-            this.removeGraphic();
-            this.context.disableTools();
-          }
-        });
-        __publicField$1(this, "clearHandlers", {});
-        __publicField$1(this, "onMouseMove", (params) => {
-          if (this.state !== "drawing")
-            return;
-          this.endPoint = [params.offsetX, params.offsetY];
-          this.updateGraphic();
-        });
-      }
-      onInit() {
-        this.zr = this.chart.getZr();
-      }
-      onActivate() {
-        this.state = "idle";
-        this.chart.getZr().setCursorStyle("crosshair");
-        this.zr.on("click", this.onClick);
-        this.zr.on("mousemove", this.onMouseMove);
-      }
-      onDeactivate() {
-        this.state = "idle";
-        this.chart.getZr().setCursorStyle("default");
-        this.zr.off("click", this.onClick);
-        this.zr.off("mousemove", this.onMouseMove);
-        this.disableClearListeners();
-        if (this.state === "drawing") {
-          this.removeGraphic();
-        }
-      }
-      onDestroy() {
-        this.removeGraphic();
-      }
-      saveDataCoordinates() {
-      }
-      updateGraphicFromData() {
-      }
-      enableClearListeners() {
-      }
-      disableClearListeners() {
-      }
-      // --- Graphics ---
-      initGraphic() {
-        if (this.group)
-          return;
-        this.group = new echarts__namespace.graphic.Group();
-        this.line = new echarts__namespace.graphic.Line({
-          shape: { x1: 0, y1: 0, x2: 0, y2: 0 },
-          style: { stroke: "#3b82f6", lineWidth: 2 },
-          z: 100
-        });
-        this.startCircle = new echarts__namespace.graphic.Circle({
-          shape: { cx: 0, cy: 0, r: 4 },
-          style: { fill: "#fff", stroke: "#3b82f6", lineWidth: 1 },
-          z: 101
-        });
-        this.endCircle = new echarts__namespace.graphic.Circle({
-          shape: { cx: 0, cy: 0, r: 4 },
-          style: { fill: "#fff", stroke: "#3b82f6", lineWidth: 1 },
-          z: 101
-        });
-        this.group.add(this.line);
-        this.group.add(this.startCircle);
-        this.group.add(this.endCircle);
-        this.zr.add(this.group);
-      }
-      removeGraphic() {
-        if (this.group) {
-          this.zr.remove(this.group);
-          this.group = null;
-          this.disableClearListeners();
-        }
-      }
-      updateGraphic() {
-        if (!this.startPoint || !this.endPoint || !this.group)
-          return;
-        const [x1, y1] = this.startPoint;
-        const [x2, y2] = this.endPoint;
-        this.line.setShape({ x1, y1, x2, y2 });
-        this.startCircle.setShape({ cx: x1, cy: y1 });
-        this.endCircle.setShape({ cx: x2, cy: y2 });
-      }
-    }
-
-    var __defProp = Object.defineProperty;
-    var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-    var __publicField = (obj, key, value) => {
-      __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-      return value;
-    };
-    class FibonacciTool extends AbstractPlugin {
-      constructor(options = {}) {
-        super({
-          id: "fibonacci-tool",
-          name: options.name || "Fibonacci Retracement",
-          icon: options.icon || `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M120-80v-80h720v80H120Zm0-240v-80h720v80H120Zm0-240v-80h720v80H120Zm0-240v-80h720v80H120Z"/></svg>`
-        });
-        __publicField(this, "startPoint", null);
-        __publicField(this, "endPoint", null);
-        __publicField(this, "state", "idle");
-        // Temporary ZRender elements
-        __publicField(this, "graphicGroup", null);
-        // Fib levels config
-        __publicField(this, "levels", [0, 0.236, 0.382, 0.5, 0.618, 0.786, 1]);
-        __publicField(this, "colors", [
-          "#787b86",
-          // 0
-          "#f44336",
-          // 0.236
-          "#ff9800",
-          // 0.382
-          "#4caf50",
-          // 0.5
-          "#2196f3",
-          // 0.618
-          "#00bcd4",
-          // 0.786
-          "#787b86"
-          // 1
-        ]);
-        __publicField(this, "onClick", (params) => {
-          if (this.state === "idle") {
-            this.state = "drawing";
-            this.startPoint = [params.offsetX, params.offsetY];
-            this.endPoint = [params.offsetX, params.offsetY];
-            this.initGraphic();
-            this.updateGraphic();
-          } else if (this.state === "drawing") {
-            this.state = "finished";
-            this.endPoint = [params.offsetX, params.offsetY];
-            this.updateGraphic();
-            this.saveDrawing();
-            this.removeGraphic();
-            this.context.disableTools();
-          }
-        });
-        __publicField(this, "onMouseMove", (params) => {
-          if (this.state === "drawing") {
-            this.endPoint = [params.offsetX, params.offsetY];
-            this.updateGraphic();
-          }
-        });
-      }
-      onActivate() {
-        this.state = "idle";
-        this.startPoint = null;
-        this.endPoint = null;
-        this.context.getChart().getZr().setCursorStyle("crosshair");
-        this.bindEvents();
-      }
-      onDeactivate() {
-        this.state = "idle";
-        this.startPoint = null;
-        this.endPoint = null;
-        this.removeGraphic();
-        this.unbindEvents();
-        this.context.getChart().getZr().setCursorStyle("default");
-      }
-      bindEvents() {
-        const zr = this.context.getChart().getZr();
-        zr.on("click", this.onClick);
-        zr.on("mousemove", this.onMouseMove);
-      }
-      unbindEvents() {
-        const zr = this.context.getChart().getZr();
-        zr.off("click", this.onClick);
-        zr.off("mousemove", this.onMouseMove);
-      }
-      initGraphic() {
-        this.graphicGroup = new echarts__namespace.graphic.Group();
-        this.context.getChart().getZr().add(this.graphicGroup);
-      }
-      removeGraphic() {
-        if (this.graphicGroup) {
-          this.context.getChart().getZr().remove(this.graphicGroup);
-          this.graphicGroup = null;
-        }
-      }
-      updateGraphic() {
-        if (!this.graphicGroup || !this.startPoint || !this.endPoint)
-          return;
-        this.graphicGroup.removeAll();
-        const x1 = this.startPoint[0];
-        const y1 = this.startPoint[1];
-        const x2 = this.endPoint[0];
-        const y2 = this.endPoint[1];
-        const trendLine = new echarts__namespace.graphic.Line({
-          shape: { x1, y1, x2, y2 },
-          style: {
-            stroke: "#999",
-            lineWidth: 1,
-            lineDash: [4, 4]
-          },
-          silent: true
-        });
-        this.graphicGroup.add(trendLine);
-        const startX = Math.min(x1, x2);
-        const endX = Math.max(x1, x2);
-        const width = endX - startX;
-        const diffY = y2 - y1;
-        this.levels.forEach((level, index) => {
-          const levelY = y2 - diffY * level;
-          const color = this.colors[index % this.colors.length];
-          const line = new echarts__namespace.graphic.Line({
-            shape: { x1: startX, y1: levelY, x2: endX, y2: levelY },
-            style: {
-              stroke: color,
-              lineWidth: 1
-            },
-            silent: true
-          });
-          this.graphicGroup.add(line);
-          if (index < this.levels.length - 1) {
-            const nextLevel = this.levels[index + 1];
-            const nextY = y2 - diffY * nextLevel;
-            const rectH = Math.abs(nextY - levelY);
-            const rectY = Math.min(levelY, nextY);
-            const rect = new echarts__namespace.graphic.Rect({
-              shape: { x: startX, y: rectY, width, height: rectH },
-              style: {
-                fill: this.colors[(index + 1) % this.colors.length],
-                // Use next level's color
-                opacity: 0.1
-              },
-              silent: true
-            });
-            this.graphicGroup.add(rect);
-          }
-        });
-      }
-      saveDrawing() {
-        if (!this.startPoint || !this.endPoint)
-          return;
-        const start = this.context.coordinateConversion.pixelToData({
-          x: this.startPoint[0],
-          y: this.startPoint[1]
-        });
-        const end = this.context.coordinateConversion.pixelToData({
-          x: this.endPoint[0],
-          y: this.endPoint[1]
-        });
-        if (start && end) {
-          const paneIndex = start.paneIndex || 0;
-          this.context.addDrawing({
-            id: `fib-${Date.now()}`,
-            type: "fibonacci",
-            points: [start, end],
-            paneIndex,
-            style: {
-              color: "#3b82f6",
-              // Default color, though individual lines use specific colors
-              lineWidth: 1
-            }
-          });
-        }
-      }
-    }
-
-    exports.AbstractPlugin = AbstractPlugin;
-    exports.FibonacciTool = FibonacciTool;
-    exports.LineTool = LineTool;
-    exports.MeasureTool = MeasureTool;
-    exports.QFChart = QFChart;
-
-}));
-//# sourceMappingURL=qfchart.dev.browser.js.map
+                    <div>${u.marker} <span style="color: #cbd5e1;">${u.displayName}</span></div>
+                    <div style="font-size: 10px; color: #fff;padding-left:10px;">${f}</div>
+                </div>`}),a+="</div>"})}return a}}var Ii=Object.defineProperty,Ai=(h,t,e)=>t in h?Ii(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,St=(h,t,e)=>(Ai(h,typeof t!="symbol"?t+"":t,e),e);class _i{constructor(t,e){St(this,"plugins",new Map),St(this,"activePluginId",null),St(this,"context"),St(this,"toolbarContainer"),St(this,"tooltipElement",null),St(this,"hideTimeout",null),this.context=t,this.toolbarContainer=e,this.createTooltip(),this.renderToolbar()}createTooltip(){this.tooltipElement=document.createElement("div"),Object.assign(this.tooltipElement.style,{position:"fixed",display:"none",backgroundColor:"#1e293b",color:"#e2e8f0",padding:"6px 10px",borderRadius:"6px",fontSize:"13px",lineHeight:"1.4",fontWeight:"500",border:"1px solid #334155",zIndex:"9999",pointerEvents:"none",whiteSpace:"nowrap",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.15)",fontFamily:this.context.getOptions().fontFamily||"sans-serif",transition:"opacity 0.15s ease-in-out, transform 0.15s ease-in-out",opacity:"0",transform:"translateX(-5px)"}),document.body.appendChild(this.tooltipElement)}destroy(){this.tooltipElement&&this.tooltipElement.parentNode&&this.tooltipElement.parentNode.removeChild(this.tooltipElement),this.tooltipElement=null}showTooltip(t,e){if(!this.tooltipElement)return;this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null);const i=t.getBoundingClientRect();this.tooltipElement.textContent=e,this.tooltipElement.style.display="block";const n=this.tooltipElement.getBoundingClientRect(),r=i.top+(i.height-n.height)/2,s=i.right+10;this.tooltipElement.style.top=`${r}px`,this.tooltipElement.style.left=`${s}px`,requestAnimationFrame(()=>{this.tooltipElement&&(this.tooltipElement.style.opacity="1",this.tooltipElement.style.transform="translateX(0)")})}hideTooltip(){this.tooltipElement&&(this.tooltipElement.style.opacity="0",this.tooltipElement.style.transform="translateX(-5px)",this.hideTimeout&&clearTimeout(this.hideTimeout),this.hideTimeout=setTimeout(()=>{this.tooltipElement&&(this.tooltipElement.style.display="none"),this.hideTimeout=null},150))}register(t){if(this.plugins.has(t.id)){console.warn(`Plugin with id ${t.id} is already registered.`);return}this.plugins.set(t.id,t),t.init(this.context),this.addButton(t)}unregister(t){const e=this.plugins.get(t);e&&(this.activePluginId===t&&this.deactivatePlugin(),e.destroy?.(),this.plugins.delete(t),this.removeButton(t))}activatePlugin(t){if(this.activePluginId===t){this.deactivatePlugin();return}this.activePluginId&&this.deactivatePlugin();const e=this.plugins.get(t);e&&(this.activePluginId=t,this.setButtonActive(t,!0),e.activate?.())}deactivatePlugin(){this.activePluginId&&(this.plugins.get(this.activePluginId)?.deactivate?.(),this.setButtonActive(this.activePluginId,!1),this.activePluginId=null)}renderToolbar(){this.toolbarContainer.innerHTML="",this.toolbarContainer.classList.add("qfchart-toolbar"),this.toolbarContainer.style.display="flex",this.toolbarContainer.style.flexDirection="column",this.toolbarContainer.style.width="40px",this.toolbarContainer.style.backgroundColor=this.context.getOptions().backgroundColor||"#1e293b",this.toolbarContainer.style.borderRight="1px solid #334155",this.toolbarContainer.style.padding="5px",this.toolbarContainer.style.boxSizing="border-box",this.toolbarContainer.style.gap="5px",this.toolbarContainer.style.flexShrink="0"}addButton(t){const e=document.createElement("button");e.id=`qfchart-plugin-btn-${t.id}`,e.style.width="30px",e.style.height="30px",e.style.padding="4px",e.style.border="1px solid transparent",e.style.borderRadius="4px",e.style.backgroundColor="transparent",e.style.cursor="pointer",e.style.color=this.context.getOptions().fontColor||"#cbd5e1",e.style.display="flex",e.style.alignItems="center",e.style.justifyContent="center",t.icon?e.innerHTML=t.icon:e.innerText=(t.name||t.id).substring(0,2).toUpperCase(),e.addEventListener("mouseenter",()=>{this.activePluginId!==t.id&&(e.style.backgroundColor="rgba(255, 255, 255, 0.1)"),this.showTooltip(e,t.name||t.id)}),e.addEventListener("mouseleave",()=>{this.activePluginId!==t.id&&(e.style.backgroundColor="transparent"),this.hideTooltip()}),e.onclick=()=>this.activatePlugin(t.id),this.toolbarContainer.appendChild(e)}removeButton(t){const e=this.toolbarContainer.querySelector(`#qfchart-plugin-btn-${t}`);e&&e.remove()}setButtonActive(t,e){const i=this.toolbarContainer.querySelector(`#qfchart-plugin-btn-${t}`);i&&(e?(i.style.backgroundColor="#2563eb",i.style.color="#ffffff"):(i.style.backgroundColor="transparent",i.style.color=this.context.getOptions().fontColor||"#cbd5e1"))}}var Si=Object.defineProperty,zi=(h,t,e)=>t in h?Si(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,at=(h,t,e)=>(zi(h,typeof t!="symbol"?t+"":t,e),e);class $i{constructor(t){at(this,"context"),at(this,"isEditing",!1),at(this,"currentDrawing",null),at(this,"editingPointIndex",null),at(this,"zr"),at(this,"editGroup",null),at(this,"editLines",[]),at(this,"editPoints",[]),at(this,"isMovingShape",!1),at(this,"dragStart",null),at(this,"initialPixelPoints",[]),at(this,"onDrawingMouseDown",e=>{if(this.isEditing)return;const i=this.context.getDrawing(e.id);i&&(this.isEditing=!0,this.isMovingShape=!0,this.currentDrawing=JSON.parse(JSON.stringify(i)),this.dragStart={x:e.x,y:e.y},this.initialPixelPoints=i.points.map(n=>{const r=this.context.coordinateConversion.dataToPixel(n);return r?{x:r.x,y:r.y}:{x:0,y:0}}),this.context.lockChart(),this.createEditGraphic(),this.zr.on("mousemove",this.onMouseMove),this.zr.on("mouseup",this.onMouseUp),window.addEventListener("mouseup",this.onWindowMouseUp))}),at(this,"onPointMouseDown",e=>{if(this.isEditing)return;const i=this.context.getDrawing(e.id);i&&(this.isEditing=!0,this.currentDrawing=JSON.parse(JSON.stringify(i)),this.editingPointIndex=e.pointIndex,this.initialPixelPoints=i.points.map(n=>{const r=this.context.coordinateConversion.dataToPixel(n);return r?{x:r.x,y:r.y}:{x:0,y:0}}),this.context.lockChart(),this.createEditGraphic(),this.zr.on("mousemove",this.onMouseMove),this.zr.on("mouseup",this.onMouseUp),window.addEventListener("mouseup",this.onWindowMouseUp))}),at(this,"onMouseMove",e=>{if(!this.isEditing||!this.currentDrawing)return;const i=e.offsetX,n=e.offsetY;if(this.isMovingShape&&this.dragStart){const r=i-this.dragStart.x,s=n-this.dragStart.y,l=this.initialPixelPoints.map(a=>({x:a.x+r,y:a.y+s}));for(let a=0;a<this.editLines.length;a++)this.editLines[a].setShape({x1:l[a].x,y1:l[a].y,x2:l[a+1].x,y2:l[a+1].y});for(let a=0;a<this.editPoints.length;a++)this.editPoints[a].setShape({cx:l[a].x,cy:l[a].y})}else if(this.editingPointIndex!==null){const r=this.initialPixelPoints.map(s=>({x:s.x,y:s.y}));r[this.editingPointIndex]={x:i,y:n};for(let s=0;s<this.editLines.length;s++)this.editLines[s].setShape({x1:r[s].x,y1:r[s].y,x2:r[s+1].x,y2:r[s+1].y});this.editPoints[this.editingPointIndex].setShape({cx:i,cy:n})}}),at(this,"onMouseUp",e=>{this.isEditing&&this.finishEditing(e.offsetX,e.offsetY)}),at(this,"onWindowMouseUp",e=>{if(!this.isEditing)return;const i=this.zr.dom;if(i){const n=i.getBoundingClientRect(),r=e.clientX-n.left,s=e.clientY-n.top;this.finishEditing(r,s)}else this.finishEditing(this.dragStart?.x??0,this.dragStart?.y??0)}),this.context=t,this.zr=this.context.getChart().getZr(),this.bindEvents()}bindEvents(){this.context.events.on("drawing:point:mousedown",this.onPointMouseDown),this.context.events.on("drawing:mousedown",this.onDrawingMouseDown)}createEditGraphic(){if(!this.currentDrawing)return;this.editGroup=new _.graphic.Group,this.editLines=[],this.editPoints=[];const t=this.currentDrawing.points.map(i=>{const n=this.context.coordinateConversion.dataToPixel(i);return n?{x:n.x,y:n.y}:null});if(t.some(i=>!i))return;const e=t;for(let i=0;i<e.length-1;i++){const n=new _.graphic.Line({shape:{x1:e[i].x,y1:e[i].y,x2:e[i+1].x,y2:e[i+1].y},style:{stroke:this.currentDrawing.style?.color||"#3b82f6",lineWidth:this.currentDrawing.style?.lineWidth||2,lineDash:[4,4]},silent:!0});this.editLines.push(n),this.editGroup.add(n)}for(let i=0;i<e.length;i++){const n=new _.graphic.Circle({shape:{cx:e[i].x,cy:e[i].y,r:5},style:{fill:"#fff",stroke:"#3b82f6",lineWidth:2},z:1e3});this.editPoints.push(n),this.editGroup.add(n)}this.zr.add(this.editGroup)}pixelToDataForPane(t,e,i){const n=this.context.coordinateConversion.pixelToData({x:t,y:e});if(n)return n;try{const r=this.context.getChart(),s=r.convertFromPixel({gridIndex:i},[t,e]);if(s){const l=r.getOption()?.xAxis?.[i]?.data,a=this.context.getMarketData(),o=l?Math.round((l.length-a.length)/2):0;return{timeIndex:Math.round(s[0])-o,value:s[1],paneIndex:i}}}catch{}return null}finishEditing(t,e){if(!this.currentDrawing){this.cleanup();return}const i=this.currentDrawing.paneIndex||0;if(this.isMovingShape&&this.dragStart){const n=t-this.dragStart.x,r=e-this.dragStart.y,s=this.initialPixelPoints.map(l=>this.pixelToDataForPane(l.x+n,l.y+r,i));if(s.every(l=>l!==null)){for(let l=0;l<s.length;l++)this.currentDrawing.points[l]=s[l];s[0]?.paneIndex!==void 0&&(this.currentDrawing.paneIndex=s[0].paneIndex),this.context.updateDrawing(this.currentDrawing)}}else if(this.editingPointIndex!==null){const n=this.pixelToDataForPane(t,e,i);n&&(this.currentDrawing.points[this.editingPointIndex]=n,this.editingPointIndex===0&&n.paneIndex!==void 0&&(this.currentDrawing.paneIndex=n.paneIndex),this.context.updateDrawing(this.currentDrawing))}this.cleanup()}cleanup(){this.isEditing=!1,this.isMovingShape=!1,this.dragStart=null,this.initialPixelPoints=[],this.currentDrawing=null,this.editingPointIndex=null,this.editLines=[],this.editPoints=[],this.editGroup&&(this.zr.remove(this.editGroup),this.editGroup=null),this.zr.off("mousemove",this.onMouseMove),this.zr.off("mouseup",this.onMouseUp),window.removeEventListener("mouseup",this.onWindowMouseUp),this.context.unlockChart()}}var Gi=Object.defineProperty,Ei=(h,t,e)=>t in h?Gi(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Li=(h,t,e)=>(Ei(h,typeof t!="symbol"?t+"":t,e),e);class ye{constructor(){Li(this,"renderers",new Map)}register(t){this.renderers.set(t.type,t)}get(t){return this.renderers.get(t)}}var Ti=Object.defineProperty,Wi=(h,t,e)=>t in h?Ti(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Ni=(h,t,e)=>(Wi(h,typeof t!="symbol"?t+"":t,e),e);class Fi{constructor(){Ni(this,"handlers",new Map)}on(t,e){this.handlers.has(t)||this.handlers.set(t,new Set),this.handlers.get(t).add(e)}off(t,e){const i=this.handlers.get(t);i&&i.delete(e)}emit(t,e){const i=this.handlers.get(t);i&&i.forEach(n=>{try{n(e)}catch(r){console.error(`Error in EventBus handler for ${t}:`,r)}})}clear(){this.handlers.clear()}}class ht{static safeParseColor(t){if(!t||typeof t!="string")return{color:"#888888",opacity:1};const e=t.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/);if(e){const i=e[4]?parseFloat(e[4]):1;return{color:`rgb(${e[1]},${e[2]},${e[3]})`,opacity:i}}return{color:t,opacity:1}}static render(t,e,i){ht.clearAll(t);const n=new Map;for(const r of e)r&&!r._deleted&&n.set(r.position,r);n.forEach(r=>{const s=r._paneIndex??0,l=i?i(s):void 0,a=ht.buildTable(r,l);ht.positionTable(a,r.position,l),t.appendChild(a)})}static clearAll(t){for(;t.firstChild;)t.removeChild(t.firstChild)}static buildTable(t,e){const i=document.createElement("table"),n=t.border_width??0,r=t.frame_width??0;if(n>0&&t.border_color||r>0&&t.frame_color?(i.style.borderCollapse="separate",i.style.borderSpacing="0"):i.style.borderCollapse="collapse",i.style.pointerEvents="none",i.style.fontSize="14px",i.style.lineHeight="1.4",i.style.fontFamily="sans-serif",i.style.margin="4px",e&&(i.style.maxHeight=e.height+"px",i.style.maxWidth=e.width+"px",i.style.overflow="hidden"),t.bgcolor){const{color:d,opacity:u}=ht.safeParseColor(t.bgcolor);i.style.backgroundColor=d,u<1&&(i.style.opacity=String(u))}if(r>0&&t.frame_color){const{color:d}=ht.safeParseColor(t.frame_color);i.style.border=`${r}px solid ${d}`}else i.style.border="none";const s=new Map,l=new Set;if(t.merges)for(const d of t.merges){const u=`${d.startCol},${d.startRow}`;s.set(u,{colspan:d.endCol-d.startCol+1,rowspan:d.endRow-d.startRow+1});for(let p=d.startRow;p<=d.endRow;p++)for(let f=d.startCol;f<=d.endCol;f++)p===d.startRow&&f===d.startCol||l.add(`${f},${p}`)}const a=n>0&&!!t.border_color,o=a?ht.safeParseColor(t.border_color).color:"",c=t.rows||0,y=t.columns||0;for(let d=0;d<c;d++){const u=document.createElement("tr");for(let p=0;p<y;p++){const f=`${p},${d}`;if(l.has(f))continue;const g=document.createElement("td"),m=s.get(f);m&&(m.colspan>1&&(g.colSpan=m.colspan),m.rowspan>1&&(g.rowSpan=m.rowspan)),a?g.style.border=`${n}px solid ${o}`:g.style.border="none";const x=t.cells?.[d]?.[p];if(x&&!x._merged){if(g.textContent=x.text||"",x.bgcolor&&typeof x.bgcolor=="string"&&x.bgcolor.length>0){const{color:w,opacity:D}=ht.safeParseColor(x.bgcolor);g.style.backgroundColor=w,D<1&&(g.style.backgroundColor=x.bgcolor)}if(x.text_color){const{color:w}=ht.safeParseColor(x.text_color);g.style.color=w}if(g.style.fontSize=ht.getSizePixels(x.text_size)+"px",g.style.textAlign=ht.mapHAlign(x.text_halign),g.style.verticalAlign=ht.mapVAlign(x.text_valign),x.text_font_family==="monospace"&&(g.style.fontFamily="monospace"),x.width>0)if(e){const w=Math.max(1,x.width*e.width/100);g.style.width=w+"px"}else g.style.width=x.width+"%";if(x.height>0)if(e){const w=Math.max(1,x.height*e.height/100);g.style.height=w+"px"}else g.style.height=x.height+"%";x.tooltip&&(g.title=x.tooltip)}const P=x?.height??0;P>0&&e&&P*e.height/100<4?g.style.padding="0":g.style.padding="4px 6px",g.style.whiteSpace="nowrap",u.appendChild(g)}i.appendChild(u)}return i}static positionTable(t,e,i){t.style.position="absolute";const n=8,r=i?i.y+"px":"0",s=i?i.x+"px":"0",l=i?i.y+i.height-n+"px":"0",a=i?i.x+i.width-n+"px":"0",o=i?i.x+i.width/2+"px":"50%",c=i?i.y+i.height/2+"px":"50%";switch(e){case"top_left":t.style.top=r,t.style.left=s;break;case"top_center":t.style.top=r,t.style.left=o,t.style.transform="translateX(-50%)";break;case"top_right":t.style.top=r,t.style.left=a,t.style.transform="translateX(-100%)";break;case"middle_left":t.style.top=c,t.style.left=s,t.style.transform="translateY(-50%)";break;case"middle_center":t.style.top=c,t.style.left=o,t.style.transform="translate(-50%, -50%)";break;case"middle_right":t.style.top=c,t.style.left=a,t.style.transform="translate(-100%, -50%)";break;case"bottom_left":t.style.top=l,t.style.left=s,t.style.transform="translateY(-100%)";break;case"bottom_center":t.style.top=l,t.style.left=o,t.style.transform="translate(-50%, -100%)";break;case"bottom_right":t.style.top=l,t.style.left=a,t.style.transform="translate(-100%, -100%)";break;default:t.style.top=r,t.style.left=a,t.style.transform="translateX(-100%)";break}}static getSizePixels(t){if(typeof t=="number"&&t>0)return t;switch(t){case"auto":case"size.auto":return 12;case"tiny":case"size.tiny":return 8;case"small":case"size.small":return 10;case"normal":case"size.normal":return 14;case"large":case"size.large":return 20;case"huge":case"size.huge":return 36;default:return 14}}static mapHAlign(t){switch(t){case"left":case"text.align_left":return"left";case"right":case"text.align_right":return"right";case"center":case"text.align_center":default:return"center"}}static mapVAlign(t){switch(t){case"top":case"text.align_top":return"top";case"bottom":case"text.align_bottom":return"bottom";case"center":case"text.align_center":default:return"middle"}}}class st{static parseColor(t){if(!t||typeof t!="string"||t.length===0)return{color:"",opacity:0};const e=t.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/);if(e){const i=e[4]?parseFloat(e[4]):1;return{color:`rgb(${e[1]},${e[2]},${e[3]})`,opacity:i}}if(/^#[0-9a-fA-F]{8}$/.test(t)){const i=parseInt(t.slice(1,3),16),n=parseInt(t.slice(3,5),16),r=parseInt(t.slice(5,7),16),s=parseInt(t.slice(7,9),16)/255;return{color:`rgb(${i},${n},${r})`,opacity:s}}return{color:t,opacity:1}}static getSizePixels(t){if(typeof t=="number"&&t>0)return t;switch(t){case"auto":case"size.auto":return 11;case"tiny":case"size.tiny":return 8;case"small":case"size.small":return 10;case"normal":case"size.normal":return 12;case"large":case"size.large":return 16;case"huge":case"size.huge":return 24;default:return 12}}static mapHAlign(t){switch(t){case"left":case"text.align_left":return"left";case"right":case"text.align_right":return"right";default:return"center"}}static mapVAlign(t){switch(t){case"top":case"text.align_top":return"top";case"bottom":case"text.align_bottom":return"bottom";default:return"middle"}}static buildGraphicElements(t,e){if(!t||t.length===0)return[];const i=new Map;for(const r of t)r&&!r._deleted&&i.set(r.position,r);const n=[];return i.forEach(r=>{const s=r._paneIndex??0,l=e(s);if(!l)return;const a=st.buildTableElements(r,l);n.push(...a)}),n}static buildTableElements(t,e){const i=t.rows||0,n=t.columns||0;if(i===0||n===0)return[];const r=t.border_width??0,s=t.frame_width??0,l=r>0&&!!t.border_color,a=s>0&&!!t.frame_color,o=new Map,c=new Set;if(t.merges)for(const v of t.merges){o.set(`${v.startCol},${v.startRow}`,{colspan:v.endCol-v.startCol+1,rowspan:v.endRow-v.startRow+1});for(let E=v.startRow;E<=v.endRow;E++)for(let I=v.startCol;I<=v.endCol;I++)E===v.startRow&&I===v.startCol||c.add(`${I},${E}`)}const y=4,d=2,u=1.25,p=[];for(let v=0;v<i;v++){p[v]=[];for(let E=0;E<n;E++){if(c.has(`${E},${v}`)){p[v][E]={text:"",lines:[],fontSize:12,fontFamily:"sans-serif",textColor:{color:"",opacity:0},bgColor:{color:"",opacity:0},halign:"center",valign:"middle",explicitWidth:0,explicitHeight:0,colspan:1,rowspan:1,skip:!0,padX:0,padY:0};continue}const I=t.cells?.[v]?.[E],N=o.get(`${E},${v}`),F=N?.colspan??1,Z=N?.rowspan??1,R=I&&!I._merged&&I.text||"",H=R?R.split(`
+`):[],q=I?st.getSizePixels(I.text_size):12,X=I?.text_font_family==="monospace"?"monospace":"sans-serif";let rt=0,tt=0;I?.width>0&&(rt=Math.max(1,I.width*e.width/100)),I?.height>0&&(tt=Math.max(1,I.height*e.height/100));const O=tt>0&&tt<4,Q=O?0:y,mt=O?0:d,Jt=I&&!I._merged&&I.bgcolor&&typeof I.bgcolor=="string"&&I.bgcolor.length>0?I.bgcolor:"",It=I?.text_color||"";p[v][E]={text:R,lines:H,fontSize:q,fontFamily:X,textColor:It?st.parseColor(It):{color:"#e0e0e0",opacity:1},bgColor:Jt?st.parseColor(Jt):{color:"",opacity:0},halign:I?st.mapHAlign(I.text_halign):"center",valign:I?st.mapVAlign(I.text_valign):"middle",explicitWidth:rt,explicitHeight:tt,colspan:F,rowspan:Z,skip:!1,padX:Q,padY:mt}}}const f=new Array(n).fill(0),g=new Array(i).fill(0);for(let v=0;v<i;v++)for(let E=0;E<n;E++){const I=p[v][E];if(I.skip||I.colspan>1||I.rowspan>1)continue;const N=st.measureMultiLineWidth(I.lines,I.fontSize,I.fontFamily),F=Math.max(I.lines.length,1),Z=I.explicitWidth>0?I.explicitWidth:N+I.padX*2,R=I.explicitHeight>0?I.explicitHeight:F*I.fontSize*u+I.padY*2;f[E]=Math.max(f[E],Z),g[v]=Math.max(g[v],R)}for(let v=0;v<n;v++)f[v]===0&&(f[v]=20);for(let v=0;v<i;v++)g[v]===0&&(g[v]=4);for(let v=0;v<i;v++)for(let E=0;E<n;E++){const I=p[v][E];if(I.skip)continue;const N=Math.max(I.lines.length,1),F=I.explicitHeight>0?I.explicitHeight:N*I.fontSize*u+I.padY*2;if(I.colspan>1){const Z=st.sumRange(f,E,I.colspan),R=st.measureMultiLineWidth(I.lines,I.fontSize,I.fontFamily),H=I.explicitWidth>0?I.explicitWidth:R+I.padX*2;if(H>Z){const q=(H-Z)/I.colspan;for(let X=0;X<I.colspan;X++)f[E+X]+=q}I.rowspan===1&&(g[v]=Math.max(g[v],F))}if(I.rowspan>1){const Z=st.sumRange(g,v,I.rowspan);if(F>Z){const R=(F-Z)/I.rowspan;for(let H=0;H<I.rowspan;H++)g[v+H]+=R}}}for(let v=0;v<n;v++)f[v]=Math.round(f[v]);for(let v=0;v<i;v++)g[v]=Math.round(g[v]);const m=new Array(n+1).fill(0);for(let v=0;v<n;v++)m[v+1]=m[v]+f[v];const x=new Array(i+1).fill(0);for(let v=0;v<i;v++)x[v+1]=x[v]+g[v];const P=a?s:0,w=m[n]+P*2,D=x[i]+P*2,S=Math.min(w,e.width),M=Math.min(D,e.height),b=st.computePosition(t.position,e,S,M),k=Math.round(b.x),C=Math.round(b.y),A=[],G=k+P,z=C+P;if(t.bgcolor){const{color:v,opacity:E}=st.parseColor(t.bgcolor);E>0&&A.push({type:"rect",shape:{x:k,y:C,width:S,height:M},style:{fill:v,opacity:E},silent:!0,z:0,z2:0})}if(a){const{color:v}=st.parseColor(t.frame_color),E=s/2;A.push({type:"rect",shape:{x:k+E,y:C+E,width:S-s,height:M-s},style:{fill:"none",stroke:v,lineWidth:s},silent:!0,z:0,z2:1})}const $=l?st.parseColor(t.border_color).color:"";for(let v=0;v<i;v++)for(let E=0;E<n;E++){const I=p[v][E];if(I.skip)continue;const N=G+m[E],F=z+x[v],Z=st.sumRange(f,E,I.colspan),R=st.sumRange(g,v,I.rowspan);if(N-k>=S||F-C>=M)continue;const H=Math.min(Z,S-(N-k)),q=Math.min(R,M-(F-C));if(I.bgColor.opacity>0&&A.push({type:"rect",shape:{x:N,y:F,width:H,height:q},style:{fill:I.bgColor.color,opacity:I.bgColor.opacity},silent:!0,z:0,z2:2}),l&&A.push({type:"rect",shape:{x:N,y:F,width:H,height:q},style:{fill:"none",stroke:$,lineWidth:r},silent:!0,z:0,z2:3}),I.text){let X,rt;switch(I.halign){case"left":X=N+I.padX,rt="left";break;case"right":X=N+H-I.padX,rt="right";break;default:X=N+H/2,rt="center";break}let tt,O;switch(I.valign){case"top":tt=F+I.padY,O="top";break;case"bottom":tt=F+q-I.padY,O="bottom";break;default:tt=F+q/2,O="middle";break}A.push({type:"text",x:X,y:tt,style:{text:I.text,fill:I.textColor.color,opacity:I.textColor.opacity,font:`${I.fontSize}px ${I.fontFamily}`,textAlign:rt,textVerticalAlign:O,lineHeight:Math.round(I.fontSize*u)},silent:!0,z:0,z2:4})}}return A}static computePosition(t,e,i,n){const r=e.x,s=e.y,l=e.width,a=e.height;switch(t){case"top_left":return{x:r+4,y:s+4};case"top_center":return{x:r+(l-i)/2,y:s+4};case"top_right":return{x:r+l-i-4,y:s+4};case"middle_left":return{x:r+4,y:s+(a-n)/2};case"middle_center":return{x:r+(l-i)/2,y:s+(a-n)/2};case"middle_right":return{x:r+l-i-4,y:s+(a-n)/2};case"bottom_left":return{x:r+4,y:s+a-n-4};case"bottom_center":return{x:r+(l-i)/2,y:s+a-n-4};case"bottom_right":return{x:r+l-i-4,y:s+a-n-4};default:return{x:r+l-i-4,y:s+4}}}static measureMultiLineWidth(t,e,i){if(!t||t.length===0)return 0;const n=i==="monospace"?.6:.55;let r=0;for(const s of t)r=Math.max(r,s.length*e*n);return r}static sumRange(t,e,i){let n=0;for(let r=e;r<e+i&&r<t.length;r++)n+=t[r];return n}}var Zi=Object.defineProperty,Ri=(h,t,e)=>t in h?Zi(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,W=(h,t,e)=>(Ri(h,typeof t!="symbol"?t+"":t,e),e);class Hi{constructor(t,e={}){W(this,"chart"),W(this,"options"),W(this,"marketData",[]),W(this,"indicators",new Map),W(this,"timeToIndex",new Map),W(this,"pluginManager"),W(this,"drawingEditor"),W(this,"events",new Fi),W(this,"isMainCollapsed",!1),W(this,"maximizedPaneId",null),W(this,"countdownInterval",null),W(this,"selectedDrawingId",null),W(this,"drawings",[]),W(this,"drawingRenderers",new ye),W(this,"coordinateConversion",{pixelToData:s=>{const l=this.chart.getOption();if(!l||!l.grid)return null;const a=l.grid.length;for(let o=0;o<a;o++)if(this.chart.containPixel({gridIndex:o},[s.x,s.y])){this.chart.convertFromPixel({seriesIndex:o},[s.x,s.y]);const c=this.chart.convertFromPixel({gridIndex:o},[s.x,s.y]);if(c)return{timeIndex:Math.round(c[0])-this.dataIndexOffset,value:c[1],paneIndex:o}}return null},dataToPixel:s=>{const l=s.paneIndex||0,a=this.chart.convertToPixel({gridIndex:l},[s.timeIndex+this.dataIndexOffset,s.value]);return a?{x:a[0],y:a[1]}:null}}),W(this,"upColor","#00da3c"),W(this,"downColor","#ec0000"),W(this,"defaultPadding",0),W(this,"padding"),W(this,"dataIndexOffset",0),W(this,"_paddingPoints",0),W(this,"LAZY_MIN_PADDING",5),W(this,"LAZY_MAX_PADDING",500),W(this,"LAZY_CHUNK_SIZE",50),W(this,"LAZY_EDGE_THRESHOLD",10),W(this,"_expandScheduled",!1),W(this,"rootContainer"),W(this,"layoutContainer"),W(this,"toolbarContainer"),W(this,"leftSidebar"),W(this,"rightSidebar"),W(this,"chartContainer"),W(this,"overlayContainer"),W(this,"_lastTables",[]),W(this,"_tableGraphicIds",[]),W(this,"_baseGraphics",[]),W(this,"_labelTooltipEl",null),W(this,"_lastLayout",null),W(this,"_mainHeightOverride",null),W(this,"_paneDragState",null),W(this,"_paneResizeRafId",null),W(this,"onKeyDown",s=>{(s.key==="Delete"||s.key==="Backspace")&&this.selectedDrawingId&&(this.removeDrawing(this.selectedDrawingId),this.selectedDrawingId=null,this.render())}),W(this,"onFullscreenChange",()=>{this.render()}),W(this,"isLocked",!1),W(this,"lockedState",null),this.rootContainer=t,this.options={title:void 0,height:"600px",backgroundColor:"#1e293b",upColor:"#00da3c",downColor:"#ec0000",fontColor:"#cbd5e1",fontFamily:"sans-serif",padding:.01,dataZoom:{visible:!0,position:"top",height:6},layout:{mainPaneHeight:"50%",gap:13},watermark:!0,...e},this.options.upColor&&(this.upColor=this.options.upColor),this.options.downColor&&(this.downColor=this.options.downColor),this.padding=this.options.padding!==void 0?this.options.padding:this.defaultPadding,this.options.height&&(typeof this.options.height=="number"?this.rootContainer.style.height=`${this.options.height}px`:this.rootContainer.style.height=this.options.height),this.rootContainer.innerHTML="",this.layoutContainer=document.createElement("div"),this.layoutContainer.style.display="flex",this.layoutContainer.style.width="100%",this.layoutContainer.style.height="100%",this.layoutContainer.style.overflow="hidden",this.rootContainer.appendChild(this.layoutContainer),this.leftSidebar=document.createElement("div"),this.leftSidebar.style.display="none",this.leftSidebar.style.width="250px",this.leftSidebar.style.flexShrink="0",this.leftSidebar.style.overflowY="auto",this.leftSidebar.style.backgroundColor=this.options.backgroundColor||"#1e293b",this.leftSidebar.style.borderRight="1px solid #334155",this.leftSidebar.style.padding="10px",this.leftSidebar.style.boxSizing="border-box",this.leftSidebar.style.color="#cbd5e1",this.leftSidebar.style.fontSize="12px",this.leftSidebar.style.fontFamily=this.options.fontFamily||"sans-serif",this.layoutContainer.appendChild(this.leftSidebar),this.toolbarContainer=document.createElement("div"),this.layoutContainer.appendChild(this.toolbarContainer),this.chartContainer=document.createElement("div"),this.chartContainer.style.flexGrow="1",this.chartContainer.style.height="100%",this.chartContainer.style.overflow="hidden",this.layoutContainer.appendChild(this.chartContainer),this.rightSidebar=document.createElement("div"),this.rightSidebar.style.display="none",this.rightSidebar.style.width="250px",this.rightSidebar.style.flexShrink="0",this.rightSidebar.style.overflowY="auto",this.rightSidebar.style.backgroundColor=this.options.backgroundColor||"#1e293b",this.rightSidebar.style.borderLeft="1px solid #334155",this.rightSidebar.style.padding="10px",this.rightSidebar.style.boxSizing="border-box",this.rightSidebar.style.color="#cbd5e1",this.rightSidebar.style.fontSize="12px",this.rightSidebar.style.fontFamily=this.options.fontFamily||"sans-serif",this.layoutContainer.appendChild(this.rightSidebar),this.chart=_.init(this.chartContainer),this.chartContainer.style.position="relative",this.overlayContainer=document.createElement("div"),this.overlayContainer.style.cssText="position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;overflow:hidden;",this.chartContainer.appendChild(this.overlayContainer),this.pluginManager=new _i(this,this.toolbarContainer),this.drawingEditor=new $i(this),this.chart.on("dataZoom",s=>{this.events.emit("chart:dataZoom",s);const l=this.options.databox?.triggerOn,a=this.options.databox?.position;l==="click"&&a==="floating"&&this.chart.dispatchAction({type:"hideTip"}),this._checkEdgeAndExpand()}),this.chart.on("finished",s=>this.events.emit("chart:updated",s)),this.chart.getZr().on("mousedown",s=>{this._paneDragState||this.events.emit("mouse:down",s)}),this.chart.getZr().on("mousemove",s=>{this._paneDragState||this.events.emit("mouse:move",s)}),this.chart.getZr().on("mouseup",s=>this.events.emit("mouse:up",s)),this.chart.getZr().on("click",s=>{this._paneDragState||this.events.emit("mouse:click",s)});const i=this.chart.getZr(),n=i.setCursorStyle,r=this;i.setCursorStyle=function(s){if(r._paneDragState){n.call(this,"row-resize");return}s==="grab"&&(s="crosshair"),n.call(this,s)},this.bindDrawingEvents(),this.bindPaneResizeEvents(),window.addEventListener("resize",this.resize.bind(this)),document.addEventListener("fullscreenchange",this.onFullscreenChange),document.addEventListener("keydown",this.onKeyDown)}bindPaneResizeEvents(){const t=this.chart.getZr(),e=n=>{if(!this._lastLayout||this._lastLayout.paneBoundaries.length===0||this.maximizedPaneId)return null;const r=this.chart.getHeight();if(r<=0)return null;for(const s of this._lastLayout.paneBoundaries){const l=s.yPercent/100*r;if(Math.abs(n-l)<=6){if(s.aboveId==="main"&&this.isMainCollapsed||this.indicators.get(s.belowId)?.collapsed||s.aboveId!=="main"&&this.indicators.get(s.aboveId)?.collapsed)continue;return s}}return null},i=n=>n==="main"?this._lastLayout?.mainPaneHeight??50:this.indicators.get(n)?.height??15;t.on("mousemove",n=>{if(this._paneDragState){const r=n.offsetY-this._paneDragState.startY,s=this.chart.getHeight();if(s<=0)return;const l=r/s*100,a=this._paneDragState.aboveId==="main"?10:5,o=5;let c=this._paneDragState.startAboveHeight+l,y=this._paneDragState.startBelowHeight-l;if(c<a&&(c=a,y=this._paneDragState.startAboveHeight+this._paneDragState.startBelowHeight-a),y<o&&(y=o,c=this._paneDragState.startAboveHeight+this._paneDragState.startBelowHeight-o),this._paneDragState.aboveId==="main")this._mainHeightOverride=c;else{const u=this.indicators.get(this._paneDragState.aboveId);u&&(u.height=c)}const d=this.indicators.get(this._paneDragState.belowId);d&&(d.height=y),this._paneResizeRafId||(this._paneResizeRafId=requestAnimationFrame(()=>{this._paneResizeRafId=null,this.render()})),t.setCursorStyle("row-resize"),n.stop?.();return}e(n.offsetY)&&t.setCursorStyle("row-resize")}),t.on("mousedown",n=>{const r=e(n.offsetY);r&&(this._paneDragState={startY:n.offsetY,aboveId:r.aboveId,belowId:r.belowId,startAboveHeight:i(r.aboveId),startBelowHeight:i(r.belowId)},t.setCursorStyle("row-resize"),n.stop?.())}),t.on("mouseup",()=>{this._paneDragState&&(this._paneDragState=null,this._paneResizeRafId&&(cancelAnimationFrame(this._paneResizeRafId),this._paneResizeRafId=null),this.render())})}bindDrawingEvents(){let t=null;const e=i=>{if(!i||i.componentType!=="series"||!i.seriesName?.startsWith("drawings"))return null;i.seriesIndex;const n=i.seriesName.match(/drawings-pane-(\d+)/);if(!n)return null;const r=parseInt(n[1]),s=this.drawings.filter(a=>(a.paneIndex||0)===r)[i.dataIndex];if(!s)return null;const l=i.event?.target?.name;return{drawing:s,targetName:l,paneIdx:r}};this.chart.on("mouseover",i=>{const n=e(i);if(!n)return;const r=i.event?.target?.parent;if(r){const s=n.drawing.id===this.selectedDrawingId;t&&(clearTimeout(t),t=null),s||r.children().forEach(l=>{l.name&&l.name.startsWith("point")&&l.attr("style",{opacity:1})})}if(n.targetName==="line")this.events.emit("drawing:hover",{id:n.drawing.id,type:n.drawing.type}),this.chart.getZr().setCursorStyle("move");else if(n.targetName?.startsWith("point-")){const s=parseInt(n.targetName.split("-")[1])||0;this.events.emit("drawing:point:hover",{id:n.drawing.id,pointIndex:s}),this.chart.getZr().setCursorStyle("pointer")}}),this.chart.on("mouseout",i=>{const n=e(i);if(!n)return;const r=i.event?.target?.parent;if(n.drawing.id!==this.selectedDrawingId){if(t=setTimeout(()=>{if(r){if(this.selectedDrawingId===n.drawing.id)return;r.children().forEach(s=>{s.name&&s.name.startsWith("point")&&s.attr("style",{opacity:0})})}},50),n.targetName==="line")this.events.emit("drawing:mouseout",{id:n.drawing.id});else if(n.targetName?.startsWith("point-")){const s=parseInt(n.targetName.split("-")[1])||0;this.events.emit("drawing:point:mouseout",{id:n.drawing.id,pointIndex:s})}this.chart.getZr().setCursorStyle("default")}}),this.chart.on("mousedown",i=>{const n=e(i);if(!n)return;const r=i.event?.event||i.event,s=r?.offsetX,l=r?.offsetY;if(n.targetName==="line")this.events.emit("drawing:mousedown",{id:n.drawing.id,x:s,y:l});else if(n.targetName?.startsWith("point-")){const a=parseInt(n.targetName.split("-")[1])||0;this.events.emit("drawing:point:mousedown",{id:n.drawing.id,pointIndex:a,x:s,y:l})}}),this.chart.on("click",i=>{const n=e(i);if(n){if(this.selectedDrawingId!==n.drawing.id&&(this.selectedDrawingId=n.drawing.id,this.events.emit("drawing:selected",{id:n.drawing.id}),this.render()),n.targetName==="line")this.events.emit("drawing:click",{id:n.drawing.id});else if(n.targetName?.startsWith("point-")){const r=parseInt(n.targetName.split("-")[1])||0;this.events.emit("drawing:point:click",{id:n.drawing.id,pointIndex:r})}}}),this.chart.getZr().on("click",i=>{i.target||this.selectedDrawingId&&(this.events.emit("drawing:deselected",{id:this.selectedDrawingId}),this.selectedDrawingId=null,this.render())}),this._labelTooltipEl=document.createElement("div"),this._labelTooltipEl.style.cssText="position:absolute;display:none;pointer-events:none;z-index:200;background:rgba(30,41,59,0.95);color:#fff;border:1px solid #475569;border-radius:4px;padding:6px 10px;font-size:12px;line-height:1.5;white-space:pre-wrap;max-width:350px;box-shadow:0 2px 8px rgba(0,0,0,0.3);font-family:"+(this.options.fontFamily||"sans-serif")+";",this.chartContainer.appendChild(this._labelTooltipEl),this.chart.on("mouseover",{seriesType:"scatter"},i=>{const n=i.data?._tooltipText;if(!n||!this._labelTooltipEl)return;this._labelTooltipEl.textContent=n,this._labelTooltipEl.style.display="block";const r=this.chartContainer.getBoundingClientRect(),s=i.event?.event;if(s){const l=s.clientX-r.left,a=s.clientY-r.top,o=this._labelTooltipEl.offsetWidth,c=Math.min(l-o/2,r.width-o-8);this._labelTooltipEl.style.left=Math.max(4,c)+"px",this._labelTooltipEl.style.top=a+18+"px"}}),this.chart.on("mouseout",{seriesType:"scatter"},()=>{this._labelTooltipEl&&(this._labelTooltipEl.style.display="none")})}getChart(){return this.chart}getMarketData(){return this.marketData}getTimeToIndex(){return this.timeToIndex}getOptions(){return this.options}disableTools(){this.pluginManager.deactivatePlugin()}registerPlugin(t){this.pluginManager.register(t)}registerDrawingRenderer(t){this.drawingRenderers.register(t)}snapToCandle(t){const e=this.coordinateConversion.pixelToData(t);if(!e)return t;const i=e.paneIndex||0;if(i!==0)return t;const n=Math.round(e.timeIndex);if(n<0||n>=this.marketData.length)return t;const r=this.marketData[n];if(!r)return t;const s=this.chart.convertToPixel({gridIndex:i},[n+this.dataIndexOffset,r.close]);if(!s)return t;const l=s[0],a=[r.open,r.high,r.low,r.close];let o=a[0],c=1/0;for(const d of a){const u=this.chart.convertToPixel({gridIndex:i},[n+this.dataIndexOffset,d]);if(u){const p=Math.abs(u[1]-t.y);p<c&&(c=p,o=d)}}const y=this.chart.convertToPixel({gridIndex:i},[n+this.dataIndexOffset,o]);return{x:l,y:y?y[1]:t.y}}addDrawing(t){this.drawings.push(t),this.render()}removeDrawing(t){const e=this.drawings.findIndex(i=>i.id===t);if(e!==-1){const i=this.drawings[e];this.drawings.splice(e,1),this.events.emit("drawing:deleted",{id:i.id}),this.render()}}getDrawing(t){return this.drawings.find(e=>e.id===t)}updateDrawing(t){const e=this.drawings.findIndex(i=>i.id===t.id);e!==-1&&(this.drawings[e]=t,this.render())}lockChart(){if(this.isLocked)return;this.isLocked=!0;const t=this.chart.getOption();this.chart.setOption({dataZoom:t.dataZoom.map(e=>({...e,disabled:!0})),tooltip:{show:!1}})}unlockChart(){if(!this.isLocked)return;this.isLocked=!1;const t=this.chart.getOption();(this.options.dataZoom||{}).visible,t.dataZoom&&this.chart.setOption({dataZoom:t.dataZoom.map(e=>({...e,disabled:!1})),tooltip:{show:!0}})}setZoom(t,e){this.chart.dispatchAction({type:"dataZoom",start:t,end:e})}setMarketData(t){this.marketData=t,this.rebuildTimeIndex(),this.render()}updateData(t){if(t.length===0)return;const e=new Map;this.marketData.forEach(m=>{e.set(m.time,m)}),t.forEach(m=>{e.has(m.time),e.set(m.time,m)}),this.marketData=Array.from(e.values()).sort((m,x)=>m.time-x.time),this.rebuildTimeIndex();const i=this.dataIndexOffset,n=_t.buildCandlestickSeries(this.marketData,this.options),r={value:[NaN,NaN,NaN,NaN],itemStyle:{opacity:0}},s=[...Array(i).fill(r),...n.data,...Array(i).fill(r)],l=[...Array(i).fill(""),...this.marketData.map(m=>new Date(m.time).toLocaleString()),...Array(i).fill("")],a=this.chart.getOption(),o=Qt.calculate(this.chart.getHeight(),this.indicators,this.options,this.isMainCollapsed,this.maximizedPaneId,this.marketData,this._mainHeightOverride??void 0);this._lastLayout=o;const c=[...Array(i).fill(null),...this.marketData,...Array(i).fill(null)],{series:y,barColors:d}=_t.buildIndicatorSeries(this.indicators,this.timeToIndex,o.paneLayout,l.length,i,c,o.overlayYAxisMap,o.separatePaneYAxisOffset),u=s.map((m,x)=>d[x]?{value:m.value||m,itemStyle:{color:d[x],color0:d[x]}}:m),p=this._buildDrawingRangeHints(o,i),f={xAxis:a.xAxis.map((m,x)=>({data:l})),series:[{data:u,markLine:n.markLine},...y,...p]};this.chart.setOption(f,{notMerge:!1});const g=[];this.indicators.forEach(m=>{Object.values(m.plots).forEach(x=>{x.options?.style==="table"&&x.data?.forEach(P=>{(Array.isArray(P.value)?P.value:[P.value]).forEach(w=>{w&&!w._deleted&&(w._paneIndex=w.force_overlay?0:m.paneIndex,g.push(w))})})})}),this._lastTables=g,this._renderTableOverlays(),this.startCountdown()}startCountdown(){if(this.stopCountdown(),!this.options.lastPriceLine?.showCountdown||this.marketData.length===0)return;let t=this.options.interval;if(!t&&this.marketData.length>=2){const i=this.marketData[this.marketData.length-1],n=this.marketData[this.marketData.length-2];t=i.time-n.time}if(!t)return;const e=()=>{if(this.marketData.length===0)return;const i=this.marketData[this.marketData.length-1].time+t,n=Date.now(),r=i-n;if(r<=0)return;const s=Math.abs(r),l=Math.floor(s/36e5),a=Math.floor(s%36e5/6e4),o=Math.floor(s%6e4/1e3),c=`${l>0?l.toString().padStart(2,"0")+":":""}${a.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`,y=this.chart.getOption();if(!y||!y.series)return;const d=y.series.findIndex(x=>x.type==="candlestick");if(d===-1)return;const u=y.series[d];if(!u.markLine||!u.markLine.data||!u.markLine.data[0])return;const p=u.markLine.data[0];p.label.formatter;const f=p.yAxis;let g="";if(this.options.yAxisLabelFormatter)g=this.options.yAxisLabelFormatter(f);else{const x=this.options.yAxisDecimalPlaces!==void 0?this.options.yAxisDecimalPlaces:U.autoDetectDecimals(this.marketData);g=U.formatValue(f,x)}const m=`${g}
+${c}`;this.chart.setOption({series:[{id:"__candlestick__",markLine:{data:[{...p,label:{...p.label,formatter:m}}]}}]})};e(),this.countdownInterval=setInterval(e,1e3)}stopCountdown(){this.countdownInterval&&(clearInterval(this.countdownInterval),this.countdownInterval=null)}addIndicator(t,e,i={}){const n=i.overlay!==void 0?i.overlay:i.isOverlay??!1;let r=0;if(!n){let l=0;this.indicators.forEach(a=>{a.paneIndex>l&&(l=a.paneIndex)}),r=l+1}const s=new ri(t,e,r,{height:i.height,collapsed:!1,titleColor:i.titleColor,controls:i.controls});return this.indicators.set(t,s),this.render(),s}setIndicator(t,e,i=!1){this.addIndicator(t,{[t]:e},{overlay:i})}removeIndicator(t){this.indicators.delete(t),this.render()}toggleIndicator(t,e="collapse"){if(e==="fullscreen"){document.fullscreenElement?document.exitFullscreen():this.rootContainer.requestFullscreen();return}if(e==="maximize"){this.maximizedPaneId===t?this.maximizedPaneId=null:this.maximizedPaneId=t,this.render();return}if(t==="main"){this.isMainCollapsed=!this.isMainCollapsed,this.render();return}const i=this.indicators.get(t);i&&(i.toggleCollapse(),this.render())}resize(){this.chart.resize(),this._renderTableOverlays()}_buildDrawingRangeHints(t,e){const i=[],n=new Map;for(const s of this.indicators){if(!s.plots)continue;const l=s.paneIndex??0;n.has(l)||n.set(l,{yMin:1/0,yMax:-1/0});const a=n.get(l);for(const[o,c]of Object.entries(s.plots)){if(!c||!c.options)continue;const y=c.options?.style;if(y==="drawing_line"&&c.data)for(const d of c.data){const u=d?.value?Array.isArray(d.value)?d.value:[d.value]:[];for(const p of u)!p||p._deleted||(typeof p.y1=="number"&&isFinite(p.y1)&&(a.yMin=Math.min(a.yMin,p.y1),a.yMax=Math.max(a.yMax,p.y1)),typeof p.y2=="number"&&isFinite(p.y2)&&(a.yMin=Math.min(a.yMin,p.y2),a.yMax=Math.max(a.yMax,p.y2)))}if(y==="drawing_box"&&c.data)for(const d of c.data){const u=d?.value?Array.isArray(d.value)?d.value:[d.value]:[];for(const p of u)!p||p._deleted||(typeof p.top=="number"&&isFinite(p.top)&&(a.yMin=Math.min(a.yMin,p.top),a.yMax=Math.max(a.yMax,p.top)),typeof p.bottom=="number"&&isFinite(p.bottom)&&(a.yMin=Math.min(a.yMin,p.bottom),a.yMax=Math.max(a.yMax,p.bottom)))}if(y==="label"&&c.data)for(const d of c.data){const u=d?.value?Array.isArray(d.value)?d.value:[d.value]:[];for(const p of u)!p||p._deleted||typeof p.y=="number"&&isFinite(p.y)&&(a.yMin=Math.min(a.yMin,p.y),a.yMax=Math.max(a.yMax,p.y))}if(y==="drawing_polyline"&&c.data)for(const d of c.data){const u=d?.value?Array.isArray(d.value)?d.value:[d.value]:[];for(const p of u)if(!(!p||p._deleted||!p._points))for(const f of p._points)typeof f?.price=="number"&&isFinite(f.price)&&(a.yMin=Math.min(a.yMin,f.price),a.yMax=Math.max(a.yMax,f.price))}}}const r=e+Math.floor((this.marketData?.length||0)/2);return n.forEach((s,l)=>{if(!isFinite(s.yMin)||!isFinite(s.yMax))return;const a=l===0?0:(t.separatePaneYAxisOffset||1)+(l-1);i.push({name:`_drawingRange_pane${l}`,type:"scatter",xAxisIndex:l,yAxisIndex:a,symbol:"none",symbolSize:0,silent:!0,animation:!1,data:[[r,s.yMin],[r,s.yMax]],tooltip:{show:!1}})}),i}_buildTableGraphics(){const t=this.chart.getModel(),e=n=>t.getComponent("grid",n)?.coordinateSystem?.getRect(),i=st.buildGraphicElements(this._lastTables,e);this._tableGraphicIds=[];for(let n=0;n<i.length;n++){const r=`__qf_table_${n}`;i[n].id=r,this._tableGraphicIds.push(r)}return i}_renderTableOverlays(){const t=this._buildTableGraphics(),e=[...this._baseGraphics,...t];this.chart.setOption({graphic:e},{replaceMerge:["graphic"]}),ht.clearAll(this.overlayContainer)}destroy(){this.stopCountdown(),window.removeEventListener("resize",this.resize.bind(this)),document.removeEventListener("fullscreenchange",this.onFullscreenChange),document.removeEventListener("keydown",this.onKeyDown),this.pluginManager.deactivatePlugin(),this.pluginManager.destroy(),this.chart.dispose()}rebuildTimeIndex(){this.timeToIndex.clear(),this.marketData.forEach((i,n)=>{this.timeToIndex.set(i.time,n)});const t=this.marketData.length,e=Math.ceil(t*this.padding);this._paddingPoints=Math.max(this._paddingPoints,e,this.LAZY_MIN_PADDING),this.dataIndexOffset=this._paddingPoints}expandPadding(t){this._resizePadding(t)}_resizePadding(t){const e=Math.ceil(this.marketData.length*this.padding);if(t=Math.max(t,e,this.LAZY_MIN_PADDING),t=Math.min(t,this.LAZY_MAX_PADDING),t===this._paddingPoints)return;const i=this._paddingPoints,n=this.marketData.length+2*i,r=this.chart.getOption(),s=r?.dataZoom?.find(C=>C.type==="slider"||C.type==="inside"),l=s?s.start/100*n:0,a=s?s.end/100*n:n,o=t-i;this._paddingPoints=t,this.dataIndexOffset=this._paddingPoints;const c=this._paddingPoints,y={value:[NaN,NaN,NaN,NaN],itemStyle:{opacity:0}},d=_t.buildCandlestickSeries(this.marketData,this.options),u=[...Array(c).fill(y),...d.data,...Array(c).fill(y)],p=[...Array(c).fill(""),...this.marketData.map(C=>new Date(C.time).toLocaleString()),...Array(c).fill("")],f=[...Array(c).fill(null),...this.marketData,...Array(c).fill(null)],g=Qt.calculate(this.chart.getHeight(),this.indicators,this.options,this.isMainCollapsed,this.maximizedPaneId,this.marketData,this._mainHeightOverride??void 0),{series:m,barColors:x}=_t.buildIndicatorSeries(this.indicators,this.timeToIndex,g.paneLayout,p.length,c,f,g.overlayYAxisMap,g.separatePaneYAxisOffset),P=u.map((C,A)=>x[A]?{value:C.value||C,itemStyle:{color:x[A],color0:x[A]}}:C),w=this.marketData.length+2*t,D=Math.max(0,(l+o)/w*100),S=Math.min(100,(a+o)/w*100),M=[],b=new Map;this.drawings.forEach(C=>{const A=C.paneIndex||0;b.has(A)||b.set(A,[]),b.get(A).push(C)}),b.forEach(C=>{M.push({data:C.map(A=>{const G=[];return A.points.forEach(z=>{G.push(z.timeIndex+this.dataIndexOffset,z.value)}),G})})});const k={xAxis:r.xAxis.map(()=>({data:p})),dataZoom:(r.dataZoom||[]).map(()=>({start:D,end:S})),series:[{data:P,markLine:d.markLine},...m.map(C=>{const A={data:C.data};return C.renderItem&&(A.renderItem=C.renderItem),A}),...M]};this.chart.setOption(k,{notMerge:!1})}_checkEdgeAndExpand(){if(this._expandScheduled)return;const t=this.chart.getOption()?.dataZoom?.find(f=>f.type==="slider"||f.type==="inside");if(!t)return;const e=this._paddingPoints,i=this.marketData.length,n=i+2*e,r=Math.round(t.start/100*n),s=Math.round(t.end/100*n),l=e,a=e+i-1,o=Math.max(0,Math.min(s,a)-Math.max(r,l)+1),c=r<this.LAZY_EDGE_THRESHOLD,y=s>n-this.LAZY_EDGE_THRESHOLD;if((c||y)&&e<this.LAZY_MAX_PADDING&&o>=3){this._expandScheduled=!0,requestAnimationFrame(()=>{this._expandScheduled=!1,this._resizePadding(e+this.LAZY_CHUNK_SIZE)});return}const d=Math.max(0,e-r),u=Math.max(0,s-(e+i-1)),p=Math.max(d+this.LAZY_CHUNK_SIZE,u+this.LAZY_CHUNK_SIZE);e>p+this.LAZY_CHUNK_SIZE&&(this._expandScheduled=!0,requestAnimationFrame(()=>{this._expandScheduled=!1,this._resizePadding(p)}))}render(){if(this.marketData.length===0)return;let t=null;try{const M=this.chart.getOption();if(M&&M.dataZoom&&M.dataZoom.length>0){const b=M.dataZoom.find(k=>k.type==="slider"||k.type==="inside");b&&(t={start:b.start,end:b.end})}}catch{}const e=this.options.databox?.position,i=this.leftSidebar.style.display,n=this.rightSidebar.style.display,r=e==="left"?"block":"none",s=e==="right"?"block":"none";(i!==r||n!==s)&&(this.leftSidebar.style.display=r,this.rightSidebar.style.display=s,this.chart.resize());const l=this.dataIndexOffset,a=[...Array(l).fill(""),...this.marketData.map(M=>new Date(M.time).toLocaleString()),...Array(l).fill("")],o=Qt.calculate(this.chart.getHeight(),this.indicators,this.options,this.isMainCollapsed,this.maximizedPaneId,this.marketData,this._mainHeightOverride??void 0);if(this._lastLayout=o,!t&&o.dataZoom&&this.marketData.length>0){const M=this.marketData.length,b=a.length,k=l/b,C=M/b;o.dataZoom.forEach(A=>{if(A.start!==void 0){const G=A.start/100,z=k+G*C;A.start=z*100}if(A.end!==void 0){const G=A.end/100,z=k+G*C;A.end=z*100}})}t&&o.dataZoom&&o.dataZoom.forEach(M=>{M.start=t.start,M.end=t.end}),o.xAxis.forEach(M=>{M.data=a,M.boundaryGap=!1});const c=_t.buildCandlestickSeries(this.marketData,this.options),y={value:[NaN,NaN,NaN,NaN],itemStyle:{opacity:0}};c.data=[...Array(l).fill(y),...c.data,...Array(l).fill(y)];const d=[...Array(l).fill(null),...this.marketData,...Array(l).fill(null)],{series:u,barColors:p}=_t.buildIndicatorSeries(this.indicators,this.timeToIndex,o.paneLayout,a.length,l,d,o.overlayYAxisMap,o.separatePaneYAxisOffset),f=this._buildDrawingRangeHints(o,l);c.data=c.data.map((M,b)=>p[b]?{value:M.value||M,itemStyle:{color:p[b],color0:p[b]}}:M);const g=[];this.indicators.forEach((M,b)=>{M.paneIndex===0&&g.push({id:b,titleColor:M.titleColor})});const m=Di.build(o,this.options,this.toggleIndicator.bind(this),this.isMainCollapsed,this.maximizedPaneId,g),x=new Map;this.drawings.forEach(M=>{const b=M.paneIndex||0;x.has(b)||x.set(b,[]),x.get(b).push(M)});const P=[];x.forEach((M,b)=>{P.push({type:"custom",name:`drawings-pane-${b}`,xAxisIndex:b,yAxisIndex:b,clip:!0,renderItem:(k,C)=>{const A=M[k.dataIndex];if(!A)return;const G=this.drawingRenderers.get(A.type);if(!G)return;const z=this.dataIndexOffset,$=A.points.map(v=>C.coord([v.timeIndex+z,v.value]));return G.render({drawing:A,pixelPoints:$,isSelected:A.id===this.selectedDrawingId,api:C,coordSys:k.coordSys})},data:M.map(k=>{const C=[];return k.points.forEach(A=>{C.push(A.timeIndex+this.dataIndexOffset,A.value)}),C}),encode:(()=>{const k=M.reduce((G,z)=>Math.max(G,z.points.length),0),C=Array.from({length:k},(G,z)=>z*2),A=Array.from({length:k},(G,z)=>z*2+1);return{x:C,y:A}})(),z:100,silent:!1})});const w=M=>{const b=Mi.format(M,this.options),k=this.options.databox?.position;return k==="left"?(this.leftSidebar.innerHTML=b,""):k==="right"?(this.rightSidebar.innerHTML=b,""):this.options.databox?`<div style="min-width: 200px;">${b}</div>`:""},D=[];this.indicators.forEach(M=>{Object.values(M.plots).forEach(b=>{b.options?.style==="table"&&b.data?.forEach(k=>{(Array.isArray(k.value)?k.value:[k.value]).forEach(C=>{C&&!C._deleted&&(C._paneIndex=C.force_overlay?0:M.paneIndex,D.push(C))})})})});const S={backgroundColor:this.options.backgroundColor,animation:!1,legend:{show:!1},tooltip:{show:!0,showContent:!!this.options.databox,trigger:"axis",triggerOn:this.options.databox?.triggerOn??"mousemove",axisPointer:{type:"cross",label:{backgroundColor:"#475569"}},backgroundColor:"rgba(30, 41, 59, 0.9)",borderWidth:1,borderColor:"#334155",padding:10,textStyle:{color:"#fff",fontFamily:this.options.fontFamily||"sans-serif"},formatter:w,extraCssText:e!=="floating"&&e!==void 0?"display: none !important;":void 0,position:(M,b,k,C,A)=>{if(this.options.databox?.position==="floating"){const G={top:10};return G[["left","right"][+(M[0]<A.viewSize[0]/2)]]=30,G}return null}},axisPointer:{link:{xAxisIndex:"all"},label:{backgroundColor:"#475569"}},graphic:m,grid:o.grid,xAxis:o.xAxis,yAxis:o.yAxis,dataZoom:o.dataZoom,series:[c,...u,...f,...P]};if(this.chart.setOption(S,!0),this._baseGraphics=m,this._lastTables=D,D.length>0){const M=this._buildTableGraphics();if(M.length>0){const b=[...m,...M];this.chart.setOption({graphic:b},{replaceMerge:["graphic"]})}}else this._tableGraphicIds=[];ht.clearAll(this.overlayContainer)}}var Oi=Object.defineProperty,Bi=(h,t,e)=>t in h?Oi(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,pt=(h,t,e)=>(Bi(h,typeof t!="symbol"?t+"":t,e),e);class K{constructor(t){pt(this,"id"),pt(this,"name"),pt(this,"icon"),pt(this,"context"),pt(this,"eventListeners",[]),pt(this,"_snapIndicator",null),pt(this,"_snapMoveHandler",null),pt(this,"_snapKeyDownHandler",null),pt(this,"_snapKeyUpHandler",null),pt(this,"_snapBlurHandler",null),pt(this,"_snapActive",!1),pt(this,"_lastMouseEvent",null),this.id=t.id,this.name=t.name,this.icon=t.icon}init(t){this.context=t,this.onInit()}onInit(){}activate(){this.onActivate(),this._bindSnapIndicator(),this.context.events.emit("plugin:activated",this.id)}onActivate(){}deactivate(){this._unbindSnapIndicator(),this.onDeactivate(),this.context.events.emit("plugin:deactivated",this.id)}onDeactivate(){}destroy(){this._unbindSnapIndicator(),this.removeAllListeners(),this.onDestroy()}onDestroy(){}on(t,e){this.context.events.on(t,e),this.eventListeners.push({event:t,handler:e})}off(t,e){this.context.events.off(t,e),this.eventListeners=this.eventListeners.filter(i=>i.event!==t||i.handler!==e)}removeAllListeners(){this.eventListeners.forEach(({event:t,handler:e})=>{this.context.events.off(t,e)}),this.eventListeners=[]}get chart(){return this.context.getChart()}get marketData(){return this.context.getMarketData()}getPoint(t){const e=t.offsetX,i=t.offsetY,n=t.event;if(n?.ctrlKey||n?.metaKey){const r=this.context.snapToCandle({x:e,y:i});return[r.x,r.y]}return[e,i]}_bindSnapIndicator(){const t=this.context.getChart().getZr();this._snapMoveHandler=e=>{this._lastMouseEvent=e,e.event?.ctrlKey||e.event?.metaKey?this._showSnapAt(e.offsetX,e.offsetY):this._hideSnap()},this._snapKeyDownHandler=e=>{(e.key==="Control"||e.key==="Meta")&&this._lastMouseEvent&&this._showSnapAt(this._lastMouseEvent.offsetX,this._lastMouseEvent.offsetY)},this._snapKeyUpHandler=e=>{(e.key==="Control"||e.key==="Meta")&&this._hideSnap()},this._snapBlurHandler=()=>{this._hideSnap()},t.on("mousemove",this._snapMoveHandler),window.addEventListener("keydown",this._snapKeyDownHandler),window.addEventListener("keyup",this._snapKeyUpHandler),window.addEventListener("blur",this._snapBlurHandler)}_unbindSnapIndicator(){if(this._snapMoveHandler){try{this.context.getChart().getZr().off("mousemove",this._snapMoveHandler)}catch{}this._snapMoveHandler=null}this._snapKeyDownHandler&&(window.removeEventListener("keydown",this._snapKeyDownHandler),this._snapKeyDownHandler=null),this._snapKeyUpHandler&&(window.removeEventListener("keyup",this._snapKeyUpHandler),this._snapKeyUpHandler=null),this._snapBlurHandler&&(window.removeEventListener("blur",this._snapBlurHandler),this._snapBlurHandler=null),this._removeSnapGraphic(),this._lastMouseEvent=null}_removeSnapGraphic(){if(this._snapIndicator){try{this.context.getChart().getZr().remove(this._snapIndicator)}catch{}this._snapIndicator=null,this._snapActive=!1}}_showSnapAt(t,e){const i=this.context.snapToCandle({x:t,y:e}),n=this.context.getChart().getZr();this._snapIndicator||(this._snapIndicator=new _.graphic.Circle({shape:{cx:0,cy:0,r:5},style:{fill:"rgba(59, 130, 246, 0.3)",stroke:"#3b82f6",lineWidth:1.5},z:9999,silent:!0}),n.add(this._snapIndicator)),this._snapIndicator.setShape({cx:i.x,cy:i.y}),this._snapIndicator.show(),this._snapActive=!0}_hideSnap(){this._snapIndicator&&this._snapActive&&(this._snapIndicator.hide(),this._snapActive=!1)}}var ji=Object.defineProperty,Yi=(h,t,e)=>t in h?ji(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,ot=(h,t,e)=>(Yi(h,typeof t!="symbol"?t+"":t,e),e);class Vi extends K{constructor(t={}){super({id:"measure",name:t?.name||"Measure",icon:t?.icon||'<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M160-240q-33 0-56.5-23.5T80-320v-320q0-33 23.5-56.5T160-720h640q33 0 56.5 23.5T880-640v320q0 33-23.5 56.5T800-240H160Zm0-80h640v-320H680v160h-80v-160h-80v160h-80v-160h-80v160h-80v-160H160v320Zm120-160h80-80Zm160 0h80-80Zm160 0h80-80Zm-120 0Z"/></svg>'}),ot(this,"zr"),ot(this,"state","idle"),ot(this,"startPoint",null),ot(this,"endPoint",null),ot(this,"group",null),ot(this,"rect",null),ot(this,"labelRect",null),ot(this,"labelText",null),ot(this,"lineV",null),ot(this,"lineH",null),ot(this,"arrowStart",null),ot(this,"arrowEnd",null),ot(this,"onMouseDown",()=>{this.state==="finished"&&this.removeGraphic()}),ot(this,"onChartInteraction",()=>{this.group&&this.removeGraphic()}),ot(this,"onClick",e=>{this.state==="idle"?(this.state="drawing",this.startPoint=this.getPoint(e),this.endPoint=this.getPoint(e),this.initGraphic(),this.updateGraphic()):this.state==="drawing"&&(this.state="finished",this.endPoint=this.getPoint(e),this.updateGraphic(),this.context.disableTools(),this.enableClearListeners())}),ot(this,"clearHandlers",{}),ot(this,"onMouseMove",e=>{this.state==="drawing"&&(this.endPoint=this.getPoint(e),this.updateGraphic())})}onInit(){this.zr=this.chart.getZr()}onActivate(){this.state="idle",this.chart.getZr().setCursorStyle("crosshair"),this.zr.on("click",this.onClick),this.zr.on("mousemove",this.onMouseMove)}onDeactivate(){this.state="idle",this.chart.getZr().setCursorStyle("default"),this.zr.off("click",this.onClick),this.zr.off("mousemove",this.onMouseMove),this.disableClearListeners(),this.state==="drawing"&&this.removeGraphic()}onDestroy(){this.removeGraphic()}enableClearListeners(){const t=()=>{this.removeGraphic()};setTimeout(()=>{this.zr.on("click",t)},10),this.zr.on("mousedown",this.onMouseDown),this.context.events.on("chart:dataZoom",this.onChartInteraction),this.clearHandlers={click:t,mousedown:this.onMouseDown,dataZoom:this.onChartInteraction}}disableClearListeners(){this.clearHandlers.click&&this.zr.off("click",this.clearHandlers.click),this.clearHandlers.mousedown&&this.zr.off("mousedown",this.clearHandlers.mousedown),this.clearHandlers.dataZoom&&this.context.events.off("chart:dataZoom",this.clearHandlers.dataZoom),this.clearHandlers={}}initGraphic(){this.group||(this.group=new _.graphic.Group,this.rect=new _.graphic.Rect({shape:{x:0,y:0,width:0,height:0},style:{fill:"rgba(0,0,0,0)",stroke:"transparent",lineWidth:0},z:100}),this.lineV=new _.graphic.Line({shape:{x1:0,y1:0,x2:0,y2:0},style:{stroke:"#fff",lineWidth:1,lineDash:[4,4]},z:101}),this.lineH=new _.graphic.Line({shape:{x1:0,y1:0,x2:0,y2:0},style:{stroke:"#fff",lineWidth:1,lineDash:[4,4]},z:101}),this.arrowStart=new _.graphic.Polygon({shape:{points:[[0,0],[-5,10],[5,10]]},style:{fill:"#fff"},z:102}),this.arrowEnd=new _.graphic.Polygon({shape:{points:[[0,0],[-5,-10],[5,-10]]},style:{fill:"#fff"},z:102}),this.labelRect=new _.graphic.Rect({shape:{x:0,y:0,width:0,height:0,r:4},style:{fill:"transparent",stroke:"transparent",lineWidth:0,shadowBlur:5,shadowColor:"rgba(0,0,0,0.3)"},z:102}),this.labelText=new _.graphic.Text({style:{x:0,y:0,text:"",fill:"#fff",font:"12px sans-serif",align:"center",verticalAlign:"middle"},z:103}),this.group.add(this.rect),this.group.add(this.lineV),this.group.add(this.lineH),this.group.add(this.arrowStart),this.group.add(this.arrowEnd),this.group.add(this.labelRect),this.group.add(this.labelText),this.zr.add(this.group))}removeGraphic(){this.group&&(this.zr.remove(this.group),this.group=null,this.disableClearListeners())}updateGraphic(){if(!this.startPoint||!this.endPoint||!this.group)return;const[t,e]=this.startPoint,[i,n]=this.endPoint,r=this.context.coordinateConversion.pixelToData({x:t,y:e}),s=this.context.coordinateConversion.pixelToData({x:i,y:n});if(!r||!s)return;const l=Math.round(r.timeIndex),a=Math.round(s.timeIndex),o=r.value,c=s.value,y=a-l,d=c-o,u=d/o*100,p=d>=0,f=p?"rgba(33, 150, 243, 0.2)":"rgba(236, 0, 0, 0.2)",g=p?"#2196F3":"#ec0000";this.rect.setShape({x:Math.min(t,i),y:Math.min(e,n),width:Math.abs(i-t),height:Math.abs(n-e)}),this.rect.setStyle({fill:f});const m=(t+i)/2,x=(e+n)/2;this.lineV.setShape({x1:m,y1:e,x2:m,y2:n}),this.lineV.setStyle({stroke:g}),this.lineH.setShape({x1:t,y1:x,x2:i,y2:x}),this.lineH.setStyle({stroke:g});const P=Math.min(e,n),w=Math.max(e,n);this.arrowStart.setStyle({fill:"none"}),this.arrowEnd.setStyle({fill:"none"}),p?(this.arrowStart.setShape({points:[[m,P],[m-4,P+6],[m+4,P+6]]}),this.arrowStart.setStyle({fill:g})):(this.arrowEnd.setShape({points:[[m,w],[m-4,w-6],[m+4,w-6]]}),this.arrowEnd.setStyle({fill:g}));const D=[`${d.toFixed(2)} (${u.toFixed(2)}%)`,`${y} bars`].join(`
+`),S=140,M=40,b=Math.max(e,n),k=Math.min(e,n);let C=(t+i)/2-S/2,A=b+10;const G=this.chart.getHeight();A+M>G&&(A=k-M-10),this.labelRect.setShape({x:C,y:A,width:S,height:M}),this.labelRect.setStyle({fill:"#1e293b",stroke:g,lineWidth:1}),this.labelText.setStyle({x:C+S/2,y:A+M/2,text:D,fill:"#fff"})}}var Xi=Object.defineProperty,qi=(h,t,e)=>t in h?Xi(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Ui=(h,t,e)=>(qi(h,typeof t!="symbol"?t+"":t,e),e);class fe{constructor(){Ui(this,"type","line")}render(t){const{drawing:e,pixelPoints:i,isSelected:n}=t,[r,s]=i[0],[l,a]=i[1],o=e.style?.color||"#d1d4dc";return{type:"group",children:[{type:"line",name:"line",shape:{x1:r,y1:s,x2:l,y2:a},style:{stroke:o,lineWidth:e.style?.lineWidth||1}},{type:"circle",name:"point-0",shape:{cx:r,cy:s,r:4},style:{fill:"#fff",stroke:o,lineWidth:1,opacity:n?1:0}},{type:"circle",name:"point-1",shape:{cx:l,cy:a,r:4},style:{fill:"#fff",stroke:o,lineWidth:1,opacity:n?1:0}}]}}}var Ki=Object.defineProperty,Ji=(h,t,e)=>t in h?Ki(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,ft=(h,t,e)=>(Ji(h,typeof t!="symbol"?t+"":t,e),e);class Qi extends K{constructor(t={}){super({id:"trend-line",name:t?.name||"Trend Line",icon:t?.icon||'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="2" y1="22" x2="22" y2="2" /></svg>'}),ft(this,"zr"),ft(this,"state","idle"),ft(this,"startPoint",null),ft(this,"endPoint",null),ft(this,"group",null),ft(this,"line",null),ft(this,"startCircle",null),ft(this,"endCircle",null),ft(this,"onClick",e=>{if(this.state==="idle")this.state="drawing",this.startPoint=this.getPoint(e),this.endPoint=this.getPoint(e),this.initGraphic(),this.updateGraphic();else if(this.state==="drawing"){if(this.state="finished",this.endPoint=this.getPoint(e),this.updateGraphic(),this.startPoint&&this.endPoint){const i=this.context.coordinateConversion.pixelToData({x:this.startPoint[0],y:this.startPoint[1]}),n=this.context.coordinateConversion.pixelToData({x:this.endPoint[0],y:this.endPoint[1]});if(i&&n){const r=i.paneIndex||0;this.context.addDrawing({id:`line-${Date.now()}`,type:"line",points:[i,n],paneIndex:r,style:{color:"#d1d4dc",lineWidth:1}})}}this.removeGraphic(),this.context.disableTools()}}),ft(this,"onMouseMove",e=>{this.state==="drawing"&&(this.endPoint=this.getPoint(e),this.updateGraphic())})}onInit(){this.zr=this.chart.getZr(),this.context.registerDrawingRenderer(new fe)}onActivate(){this.state="idle",this.chart.getZr().setCursorStyle("crosshair"),this.zr.on("click",this.onClick),this.zr.on("mousemove",this.onMouseMove)}onDeactivate(){this.state="idle",this.chart.getZr().setCursorStyle("default"),this.zr.off("click",this.onClick),this.zr.off("mousemove",this.onMouseMove),this.state==="drawing"&&this.removeGraphic()}onDestroy(){this.removeGraphic()}initGraphic(){this.group||(this.group=new _.graphic.Group,this.line=new _.graphic.Line({shape:{x1:0,y1:0,x2:0,y2:0},style:{stroke:"#d1d4dc",lineWidth:1},z:100}),this.startCircle=new _.graphic.Circle({shape:{cx:0,cy:0,r:4},style:{fill:"#fff",stroke:"#d1d4dc",lineWidth:1},z:101}),this.endCircle=new _.graphic.Circle({shape:{cx:0,cy:0,r:4},style:{fill:"#fff",stroke:"#d1d4dc",lineWidth:1},z:101}),this.group.add(this.line),this.group.add(this.startCircle),this.group.add(this.endCircle),this.zr.add(this.group))}removeGraphic(){this.group&&(this.zr.remove(this.group),this.group=null)}updateGraphic(){if(!this.startPoint||!this.endPoint||!this.group)return;const[t,e]=this.startPoint,[i,n]=this.endPoint;this.line.setShape({x1:t,y1:e,x2:i,y2:n}),this.startCircle.setShape({cx:t,cy:e}),this.endCircle.setShape({cx:i,cy:n})}}var tn=Object.defineProperty,en=(h,t,e)=>t in h?tn(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,nn=(h,t,e)=>(en(h,typeof t!="symbol"?t+"":t,e),e);class xe{constructor(){nn(this,"type","ray")}render(t){const{drawing:e,pixelPoints:i,isSelected:n,coordSys:r}=t,[s,l]=i[0],[a,o]=i[1],c=e.style?.color||"#d1d4dc",[y,d]=this.extendToEdge(s,l,a,o,r);return{type:"group",children:[{type:"line",name:"line",shape:{x1:s,y1:l,x2:y,y2:d},style:{stroke:c,lineWidth:e.style?.lineWidth||1}},{type:"circle",name:"point-0",shape:{cx:s,cy:l,r:4},style:{fill:"#fff",stroke:c,lineWidth:1,opacity:n?1:0}},{type:"circle",name:"point-1",shape:{cx:a,cy:o,r:4},style:{fill:"#fff",stroke:c,lineWidth:1,opacity:n?1:0}}]}}extendToEdge(t,e,i,n,r){const s=i-t,l=n-e;if(s===0&&l===0)return[i,n];const a=r.x,o=r.x+r.width,c=r.y,y=r.y+r.height;let d=1/0;if(s!==0){const u=s>0?(o-t)/s:(a-t)/s;u>0&&(d=Math.min(d,u))}if(l!==0){const u=l>0?(y-e)/l:(c-e)/l;u>0&&(d=Math.min(d,u))}return isFinite(d)||(d=1),[t+d*s,e+d*l]}}var sn=Object.defineProperty,on=(h,t,e)=>t in h?sn(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,gt=(h,t,e)=>(on(h,typeof t!="symbol"?t+"":t,e),e);const Tt="#d1d4dc";class rn extends K{constructor(t={}){super({id:"ray-tool",name:t?.name||"Ray",icon:t?.icon||'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="20" x2="21" y2="4"/><circle cx="21" cy="4" r="0" fill="currentColor"/><polyline points="16,4 21,4 21,9" stroke-width="1.5"/></svg>'}),gt(this,"zr"),gt(this,"state","idle"),gt(this,"startPoint",null),gt(this,"endPoint",null),gt(this,"group",null),gt(this,"line",null),gt(this,"dashLine",null),gt(this,"startCircle",null),gt(this,"endCircle",null),gt(this,"onClick",e=>{if(this.state==="idle")this.state="drawing",this.startPoint=this.getPoint(e),this.endPoint=this.getPoint(e),this.initGraphic(),this.updateGraphic();else if(this.state==="drawing"){if(this.state="finished",this.endPoint=this.getPoint(e),this.startPoint&&this.endPoint){const i=this.context.coordinateConversion.pixelToData({x:this.startPoint[0],y:this.startPoint[1]}),n=this.context.coordinateConversion.pixelToData({x:this.endPoint[0],y:this.endPoint[1]});i&&n&&this.context.addDrawing({id:`ray-${Date.now()}`,type:"ray",points:[i,n],paneIndex:i.paneIndex||0,style:{color:Tt,lineWidth:1}})}this.removeGraphic(),this.context.disableTools()}}),gt(this,"onMouseMove",e=>{this.state==="drawing"&&(this.endPoint=this.getPoint(e),this.updateGraphic())})}onInit(){this.zr=this.chart.getZr(),this.context.registerDrawingRenderer(new xe)}onActivate(){this.state="idle",this.chart.getZr().setCursorStyle("crosshair"),this.zr.on("click",this.onClick),this.zr.on("mousemove",this.onMouseMove)}onDeactivate(){this.state="idle",this.chart.getZr().setCursorStyle("default"),this.zr.off("click",this.onClick),this.zr.off("mousemove",this.onMouseMove),this.removeGraphic()}onDestroy(){this.removeGraphic()}initGraphic(){this.group||(this.group=new _.graphic.Group,this.line=new _.graphic.Line({shape:{x1:0,y1:0,x2:0,y2:0},style:{stroke:Tt,lineWidth:1},z:100}),this.dashLine=new _.graphic.Line({shape:{x1:0,y1:0,x2:0,y2:0},style:{stroke:Tt,lineWidth:1,lineDash:[4,4],opacity:.5},z:99}),this.startCircle=new _.graphic.Circle({shape:{cx:0,cy:0,r:4},style:{fill:"#fff",stroke:Tt,lineWidth:1},z:101}),this.endCircle=new _.graphic.Circle({shape:{cx:0,cy:0,r:4},style:{fill:"#fff",stroke:Tt,lineWidth:1},z:101}),this.group.add(this.dashLine),this.group.add(this.line),this.group.add(this.startCircle),this.group.add(this.endCircle),this.zr.add(this.group))}removeGraphic(){this.group&&(this.zr.remove(this.group),this.group=null)}updateGraphic(){if(!this.startPoint||!this.endPoint||!this.group)return;const[t,e]=this.startPoint,[i,n]=this.endPoint;this.line.setShape({x1:t,y1:e,x2:i,y2:n}),this.startCircle.setShape({cx:t,cy:e}),this.endCircle.setShape({cx:i,cy:n});const[r,s]=this.extendToEdge(t,e,i,n);this.dashLine.setShape({x1:i,y1:n,x2:r,y2:s})}extendToEdge(t,e,i,n){const r=i-t,s=n-e;if(r===0&&s===0)return[i,n];const l=this.chart.getWidth(),a=this.chart.getHeight();let o=1/0;if(r!==0){const c=r>0?(l-t)/r:-t/r;c>0&&(o=Math.min(o,c))}if(s!==0){const c=s>0?(a-e)/s:-e/s;c>0&&(o=Math.min(o,c))}return isFinite(o)||(o=1),[t+o*r,e+o*s]}}var an=Object.defineProperty,ln=(h,t,e)=>t in h?an(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,hn=(h,t,e)=>(ln(h,typeof t!="symbol"?t+"":t,e),e);class me{constructor(){hn(this,"type","info-line")}render(t){const{drawing:e,pixelPoints:i,isSelected:n}=t,[r,s]=i[0],[l,a]=i[1],o=e.style?.color||"#d1d4dc",c=e.points[0],y=e.points[1],d=y.value-c.value,u=c.value!==0?d/c.value*100:0,p=Math.abs(y.timeIndex-c.timeIndex),f=d>=0?"+":"",g=`${f}${d.toFixed(2)} (${f}${u.toFixed(2)}%)  ${p} bars`,m=(r+l)/2,x=(s+a)/2,P=d>=0?"#26a69a":"#ef5350";return{type:"group",children:[{type:"line",name:"line",shape:{x1:r,y1:s,x2:l,y2:a},style:{stroke:o,lineWidth:e.style?.lineWidth||1}},{type:"rect",shape:{x:m-2,y:x-22,width:g.length*6.5+12,height:18,r:3},style:{fill:"#1e293b",stroke:"#475569",lineWidth:1,opacity:.9},z2:10},{type:"text",x:m+4,y:x-20,style:{text:g,fill:P,fontSize:11,fontFamily:"monospace"},z2:11},{type:"circle",name:"point-0",shape:{cx:r,cy:s,r:4},style:{fill:"#fff",stroke:o,lineWidth:1,opacity:n?1:0}},{type:"circle",name:"point-1",shape:{cx:l,cy:a,r:4},style:{fill:"#fff",stroke:o,lineWidth:1,opacity:n?1:0}}]}}}var cn=Object.defineProperty,dn=(h,t,e)=>t in h?cn(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,xt=(h,t,e)=>(dn(h,typeof t!="symbol"?t+"":t,e),e);class pn extends K{constructor(t={}){super({id:"info-line-tool",name:t?.name||"Info Line",icon:t?.icon||'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="2" y1="22" x2="22" y2="2"/><rect x="12" y="8" width="8" height="5" rx="1" fill="none" stroke-width="1.5"/></svg>'}),xt(this,"zr"),xt(this,"state","idle"),xt(this,"startPoint",null),xt(this,"endPoint",null),xt(this,"group",null),xt(this,"line",null),xt(this,"startCircle",null),xt(this,"endCircle",null),xt(this,"onClick",e=>{if(this.state==="idle")this.state="drawing",this.startPoint=this.getPoint(e),this.endPoint=this.getPoint(e),this.initGraphic(),this.updateGraphic();else if(this.state==="drawing"){if(this.state="finished",this.endPoint=this.getPoint(e),this.updateGraphic(),this.startPoint&&this.endPoint){const i=this.context.coordinateConversion.pixelToData({x:this.startPoint[0],y:this.startPoint[1]}),n=this.context.coordinateConversion.pixelToData({x:this.endPoint[0],y:this.endPoint[1]});i&&n&&this.context.addDrawing({id:`info-line-${Date.now()}`,type:"info-line",points:[i,n],paneIndex:i.paneIndex||0,style:{color:"#d1d4dc",lineWidth:1}})}this.removeGraphic(),this.context.disableTools()}}),xt(this,"onMouseMove",e=>{this.state==="drawing"&&(this.endPoint=this.getPoint(e),this.updateGraphic())})}onInit(){this.zr=this.chart.getZr(),this.context.registerDrawingRenderer(new me)}onActivate(){this.state="idle",this.chart.getZr().setCursorStyle("crosshair"),this.zr.on("click",this.onClick),this.zr.on("mousemove",this.onMouseMove)}onDeactivate(){this.state="idle",this.chart.getZr().setCursorStyle("default"),this.zr.off("click",this.onClick),this.zr.off("mousemove",this.onMouseMove),this.removeGraphic()}onDestroy(){this.removeGraphic()}initGraphic(){this.group||(this.group=new _.graphic.Group,this.line=new _.graphic.Line({shape:{x1:0,y1:0,x2:0,y2:0},style:{stroke:"#d1d4dc",lineWidth:1},z:100}),this.startCircle=new _.graphic.Circle({shape:{cx:0,cy:0,r:4},style:{fill:"#fff",stroke:"#d1d4dc",lineWidth:1},z:101}),this.endCircle=new _.graphic.Circle({shape:{cx:0,cy:0,r:4},style:{fill:"#fff",stroke:"#d1d4dc",lineWidth:1},z:101}),this.group.add(this.line),this.group.add(this.startCircle),this.group.add(this.endCircle),this.zr.add(this.group))}removeGraphic(){this.group&&(this.zr.remove(this.group),this.group=null)}updateGraphic(){if(!this.startPoint||!this.endPoint||!this.group)return;const[t,e]=this.startPoint,[i,n]=this.endPoint;this.line.setShape({x1:t,y1:e,x2:i,y2:n}),this.startCircle.setShape({cx:t,cy:e}),this.endCircle.setShape({cx:i,cy:n})}}var un=Object.defineProperty,gn=(h,t,e)=>t in h?un(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,yn=(h,t,e)=>(gn(h,typeof t!="symbol"?t+"":t,e),e);class be{constructor(){yn(this,"type","extended-line")}render(t){const{drawing:e,pixelPoints:i,isSelected:n,coordSys:r}=t,[s,l]=i[0],[a,o]=i[1],c=e.style?.color||"#d1d4dc",y=a-s,d=o-l;let u=s,p=l,f=a,g=o;if(y!==0||d!==0){const m=r.x,x=r.x+r.width,P=r.y,w=r.y+r.height;[f,g]=this.extendToEdge(s,l,y,d,m,x,P,w),[u,p]=this.extendToEdge(a,o,-y,-d,m,x,P,w)}return{type:"group",children:[{type:"line",name:"line",shape:{x1:u,y1:p,x2:f,y2:g},style:{stroke:c,lineWidth:e.style?.lineWidth||1}},{type:"circle",name:"point-0",shape:{cx:s,cy:l,r:4},style:{fill:"#fff",stroke:c,lineWidth:1,opacity:n?1:0}},{type:"circle",name:"point-1",shape:{cx:a,cy:o,r:4},style:{fill:"#fff",stroke:c,lineWidth:1,opacity:n?1:0}}]}}extendToEdge(t,e,i,n,r,s,l,a){let o=1/0;if(i!==0){const c=i>0?(s-t)/i:(r-t)/i;c>0&&(o=Math.min(o,c))}if(n!==0){const c=n>0?(a-e)/n:(l-e)/n;c>0&&(o=Math.min(o,c))}return isFinite(o)||(o=1),[t+o*i,e+o*n]}}var fn=Object.defineProperty,xn=(h,t,e)=>t in h?fn(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,ut=(h,t,e)=>(xn(h,typeof t!="symbol"?t+"":t,e),e);const zt="#d1d4dc";class mn extends K{constructor(t={}){super({id:"extended-line-tool",name:t?.name||"Extended Line",icon:t?.icon||'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="1" y1="23" x2="23" y2="1" stroke-dasharray="2,2" opacity="0.4"/><line x1="6" y1="18" x2="18" y2="6"/></svg>'}),ut(this,"zr"),ut(this,"state","idle"),ut(this,"startPoint",null),ut(this,"endPoint",null),ut(this,"group",null),ut(this,"line",null),ut(this,"dashLineForward",null),ut(this,"dashLineBackward",null),ut(this,"startCircle",null),ut(this,"endCircle",null),ut(this,"onClick",e=>{if(this.state==="idle")this.state="drawing",this.startPoint=this.getPoint(e),this.endPoint=this.getPoint(e),this.initGraphic(),this.updateGraphic();else if(this.state==="drawing"){if(this.state="finished",this.endPoint=this.getPoint(e),this.startPoint&&this.endPoint){const i=this.context.coordinateConversion.pixelToData({x:this.startPoint[0],y:this.startPoint[1]}),n=this.context.coordinateConversion.pixelToData({x:this.endPoint[0],y:this.endPoint[1]});i&&n&&this.context.addDrawing({id:`extended-line-${Date.now()}`,type:"extended-line",points:[i,n],paneIndex:i.paneIndex||0,style:{color:zt,lineWidth:1}})}this.removeGraphic(),this.context.disableTools()}}),ut(this,"onMouseMove",e=>{this.state==="drawing"&&(this.endPoint=this.getPoint(e),this.updateGraphic())})}onInit(){this.zr=this.chart.getZr(),this.context.registerDrawingRenderer(new be)}onActivate(){this.state="idle",this.chart.getZr().setCursorStyle("crosshair"),this.zr.on("click",this.onClick),this.zr.on("mousemove",this.onMouseMove)}onDeactivate(){this.state="idle",this.chart.getZr().setCursorStyle("default"),this.zr.off("click",this.onClick),this.zr.off("mousemove",this.onMouseMove),this.removeGraphic()}onDestroy(){this.removeGraphic()}initGraphic(){this.group||(this.group=new _.graphic.Group,this.line=new _.graphic.Line({shape:{x1:0,y1:0,x2:0,y2:0},style:{stroke:zt,lineWidth:1},z:100}),this.dashLineForward=new _.graphic.Line({shape:{x1:0,y1:0,x2:0,y2:0},style:{stroke:zt,lineWidth:1,lineDash:[4,4],opacity:.5},z:99}),this.dashLineBackward=new _.graphic.Line({shape:{x1:0,y1:0,x2:0,y2:0},style:{stroke:zt,lineWidth:1,lineDash:[4,4],opacity:.5},z:99}),this.startCircle=new _.graphic.Circle({shape:{cx:0,cy:0,r:4},style:{fill:"#fff",stroke:zt,lineWidth:1},z:101}),this.endCircle=new _.graphic.Circle({shape:{cx:0,cy:0,r:4},style:{fill:"#fff",stroke:zt,lineWidth:1},z:101}),this.group.add(this.dashLineBackward),this.group.add(this.dashLineForward),this.group.add(this.line),this.group.add(this.startCircle),this.group.add(this.endCircle),this.zr.add(this.group))}removeGraphic(){this.group&&(this.zr.remove(this.group),this.group=null)}updateGraphic(){if(!this.startPoint||!this.endPoint||!this.group)return;const[t,e]=this.startPoint,[i,n]=this.endPoint;this.line.setShape({x1:t,y1:e,x2:i,y2:n}),this.startCircle.setShape({cx:t,cy:e}),this.endCircle.setShape({cx:i,cy:n});const r=i-t,s=n-e;if(r===0&&s===0)return;const[l,a]=this.extendToEdge(t,e,r,s);this.dashLineForward.setShape({x1:i,y1:n,x2:l,y2:a});const[o,c]=this.extendToEdge(i,n,-r,-s);this.dashLineBackward.setShape({x1:t,y1:e,x2:o,y2:c})}extendToEdge(t,e,i,n){const r=this.chart.getWidth(),s=this.chart.getHeight();let l=1/0;if(i!==0){const a=i>0?(r-t)/i:-t/i;a>0&&(l=Math.min(l,a))}if(n!==0){const a=n>0?(s-e)/n:-e/n;a>0&&(l=Math.min(l,a))}return isFinite(l)||(l=1),[t+l*i,e+l*n]}}var bn=Object.defineProperty,vn=(h,t,e)=>t in h?bn(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,wn=(h,t,e)=>(vn(h,typeof t!="symbol"?t+"":t,e),e);class ve{constructor(){wn(this,"type","trend-angle")}render(t){const{drawing:e,pixelPoints:i,isSelected:n}=t,[r,s]=i[0],[l,a]=i[1],o=e.style?.color||"#d1d4dc",c=l-r,y=a-s,d=Math.atan2(-y,c),u=(d*(180/Math.PI)).toFixed(1),p=Math.min(30,Math.sqrt(c*c+y*y)*.3),f=r+Math.max(Math.abs(c),p+20),g=0,m=-d;return{type:"group",children:[{type:"line",name:"line",shape:{x1:r,y1:s,x2:l,y2:a},style:{stroke:o,lineWidth:e.style?.lineWidth||1}},{type:"line",shape:{x1:r,y1:s,x2:f,y2:s},style:{stroke:o,lineWidth:1,opacity:.4,lineDash:[4,4]}},{type:"arc",shape:{cx:r,cy:s,r:p,startAngle:Math.min(g,m),endAngle:Math.max(g,m)},style:{stroke:o,lineWidth:1.5,fill:"none"}},{type:"text",x:r+p+6,y:s+(y<0?-14:2),style:{text:`${u}\xB0`,fill:o,fontSize:11,fontFamily:"sans-serif"},z2:10},{type:"circle",name:"point-0",shape:{cx:r,cy:s,r:4},style:{fill:"#fff",stroke:o,lineWidth:1,opacity:n?1:0}},{type:"circle",name:"point-1",shape:{cx:l,cy:a,r:4},style:{fill:"#fff",stroke:o,lineWidth:1,opacity:n?1:0}}]}}}var Cn=Object.defineProperty,Pn=(h,t,e)=>t in h?Cn(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,dt=(h,t,e)=>(Pn(h,typeof t!="symbol"?t+"":t,e),e);const kt="#d1d4dc";class kn extends K{constructor(t={}){super({id:"trend-angle-tool",name:t?.name||"Trend Angle",icon:t?.icon||'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="20" x2="21" y2="6"/><line x1="3" y1="20" x2="14" y2="20" opacity="0.4"/><path d="M8 20 A5 5 0 0 1 7 16" stroke-width="1.5"/></svg>'}),dt(this,"zr"),dt(this,"state","idle"),dt(this,"startPoint",null),dt(this,"endPoint",null),dt(this,"group",null),dt(this,"line",null),dt(this,"hRefLine",null),dt(this,"arc",null),dt(this,"angleText",null),dt(this,"startCircle",null),dt(this,"endCircle",null),dt(this,"onClick",e=>{if(this.state==="idle")this.state="drawing",this.startPoint=this.getPoint(e),this.endPoint=this.getPoint(e),this.initGraphic(),this.updateGraphic();else if(this.state==="drawing"){if(this.state="finished",this.endPoint=this.getPoint(e),this.startPoint&&this.endPoint){const i=this.context.coordinateConversion.pixelToData({x:this.startPoint[0],y:this.startPoint[1]}),n=this.context.coordinateConversion.pixelToData({x:this.endPoint[0],y:this.endPoint[1]});i&&n&&this.context.addDrawing({id:`trend-angle-${Date.now()}`,type:"trend-angle",points:[i,n],paneIndex:i.paneIndex||0,style:{color:kt,lineWidth:1}})}this.removeGraphic(),this.context.disableTools()}}),dt(this,"onMouseMove",e=>{this.state==="drawing"&&(this.endPoint=this.getPoint(e),this.updateGraphic())})}onInit(){this.zr=this.chart.getZr(),this.context.registerDrawingRenderer(new ve)}onActivate(){this.state="idle",this.chart.getZr().setCursorStyle("crosshair"),this.zr.on("click",this.onClick),this.zr.on("mousemove",this.onMouseMove)}onDeactivate(){this.state="idle",this.chart.getZr().setCursorStyle("default"),this.zr.off("click",this.onClick),this.zr.off("mousemove",this.onMouseMove),this.removeGraphic()}onDestroy(){this.removeGraphic()}initGraphic(){this.group||(this.group=new _.graphic.Group,this.line=new _.graphic.Line({shape:{x1:0,y1:0,x2:0,y2:0},style:{stroke:kt,lineWidth:1},z:100}),this.hRefLine=new _.graphic.Line({shape:{x1:0,y1:0,x2:0,y2:0},style:{stroke:kt,lineWidth:1,lineDash:[4,4],opacity:.4},z:99}),this.arc=new _.graphic.Arc({shape:{cx:0,cy:0,r:25,startAngle:0,endAngle:0},style:{stroke:kt,lineWidth:1,fill:"none"},z:99}),this.angleText=new _.graphic.Text({style:{text:"",fill:kt,fontSize:11,fontFamily:"sans-serif"},z:101}),this.startCircle=new _.graphic.Circle({shape:{cx:0,cy:0,r:4},style:{fill:"#fff",stroke:kt,lineWidth:1},z:101}),this.endCircle=new _.graphic.Circle({shape:{cx:0,cy:0,r:4},style:{fill:"#fff",stroke:kt,lineWidth:1},z:101}),this.group.add(this.hRefLine),this.group.add(this.arc),this.group.add(this.line),this.group.add(this.angleText),this.group.add(this.startCircle),this.group.add(this.endCircle),this.zr.add(this.group))}removeGraphic(){this.group&&(this.zr.remove(this.group),this.group=null)}updateGraphic(){if(!this.startPoint||!this.endPoint||!this.group)return;const[t,e]=this.startPoint,[i,n]=this.endPoint;this.line.setShape({x1:t,y1:e,x2:i,y2:n}),this.startCircle.setShape({cx:t,cy:e}),this.endCircle.setShape({cx:i,cy:n});const r=i-t,s=n-e,l=Math.max(Math.abs(r),40);this.hRefLine.setShape({x1:t,y1:e,x2:t+l,y2:e});const a=Math.atan2(-s,r)*(180/Math.PI),o=Math.min(25,Math.sqrt(r*r+s*s)*.3),c=Math.atan2(s,r),y=Math.min(0,c),d=Math.max(0,c);this.arc.setShape({cx:t,cy:e,r:o,startAngle:y,endAngle:d}),this.angleText.setStyle({text:`${a.toFixed(1)}\xB0`}),this.angleText.x=t+o+6,this.angleText.y=e+(s<0?-14:2),this.angleText.markRedraw()}}var Dn=Object.defineProperty,Mn=(h,t,e)=>t in h?Dn(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,In=(h,t,e)=>(Mn(h,typeof t!="symbol"?t+"":t,e),e);class we{constructor(){In(this,"type","horizontal-line")}render(t){const{drawing:e,pixelPoints:i,isSelected:n,coordSys:r}=t,[s,l]=i[0],a=e.style?.color||"#d1d4dc",o=r.x,c=r.x+r.width;return{type:"group",children:[{type:"line",name:"line",shape:{x1:o,y1:l,x2:c,y2:l},style:{stroke:a,lineWidth:e.style?.lineWidth||1}},{type:"rect",shape:{x:c-70,y:l-10,width:65,height:18,r:2},style:{fill:a,opacity:.9},z2:10},{type:"text",x:c-67,y:l-8,style:{text:e.points[0].value.toFixed(2),fill:"#fff",fontSize:10,fontFamily:"monospace"},z2:11},{type:"circle",name:"point-0",shape:{cx:s,cy:l,r:4},style:{fill:"#fff",stroke:a,lineWidth:1,opacity:n?1:0}}]}}}var An=Object.defineProperty,_n=(h,t,e)=>t in h?An(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Ce=(h,t,e)=>(_n(h,typeof t!="symbol"?t+"":t,e),e);class Sn extends K{constructor(t={}){super({id:"horizontal-line-tool",name:t?.name||"Horizontal Line",icon:t?.icon||'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="2" y1="12" x2="22" y2="12"/><circle cx="12" cy="12" r="2" fill="currentColor"/></svg>'}),Ce(this,"zr"),Ce(this,"onClick",e=>{const i=this.getPoint(e);if(!i)return;const n=this.context.coordinateConversion.pixelToData({x:i[0],y:i[1]});n&&this.context.addDrawing({id:`hline-${Date.now()}`,type:"horizontal-line",points:[n],paneIndex:n.paneIndex||0,style:{color:"#d1d4dc",lineWidth:1}}),this.context.disableTools()})}onInit(){this.zr=this.chart.getZr(),this.context.registerDrawingRenderer(new we)}onActivate(){this.chart.getZr().setCursorStyle("crosshair"),this.zr.on("click",this.onClick)}onDeactivate(){this.chart.getZr().setCursorStyle("default"),this.zr.off("click",this.onClick)}onDestroy(){}}var zn=Object.defineProperty,$n=(h,t,e)=>t in h?zn(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Gn=(h,t,e)=>($n(h,typeof t!="symbol"?t+"":t,e),e);class Pe{constructor(){Gn(this,"type","horizontal-ray")}render(t){const{drawing:e,pixelPoints:i,isSelected:n,coordSys:r}=t,[s,l]=i[0],a=e.style?.color||"#d1d4dc",o=r.x+r.width;return{type:"group",children:[{type:"line",name:"line",shape:{x1:s,y1:l,x2:o,y2:l},style:{stroke:a,lineWidth:e.style?.lineWidth||1}},{type:"circle",name:"point-0",shape:{cx:s,cy:l,r:4},style:{fill:"#fff",stroke:a,lineWidth:1,opacity:n?1:0}}]}}}var En=Object.defineProperty,Ln=(h,t,e)=>t in h?En(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,ke=(h,t,e)=>(Ln(h,typeof t!="symbol"?t+"":t,e),e);class Tn extends K{constructor(t={}){super({id:"horizontal-ray-tool",name:t?.name||"Horizontal Ray",icon:t?.icon||'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="4" y1="12" x2="22" y2="12"/><circle cx="4" cy="12" r="2" fill="currentColor"/></svg>'}),ke(this,"zr"),ke(this,"onClick",e=>{const i=this.getPoint(e);if(!i)return;const n=this.context.coordinateConversion.pixelToData({x:i[0],y:i[1]});n&&this.context.addDrawing({id:`hray-${Date.now()}`,type:"horizontal-ray",points:[n],paneIndex:n.paneIndex||0,style:{color:"#d1d4dc",lineWidth:1}}),this.context.disableTools()})}onInit(){this.zr=this.chart.getZr(),this.context.registerDrawingRenderer(new Pe)}onActivate(){this.chart.getZr().setCursorStyle("crosshair"),this.zr.on("click",this.onClick)}onDeactivate(){this.chart.getZr().setCursorStyle("default"),this.zr.off("click",this.onClick)}onDestroy(){}}var Wn=Object.defineProperty,Nn=(h,t,e)=>t in h?Wn(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Fn=(h,t,e)=>(Nn(h,typeof t!="symbol"?t+"":t,e),e);class De{constructor(){Fn(this,"type","vertical-line")}render(t){const{drawing:e,pixelPoints:i,isSelected:n,coordSys:r}=t,[s,l]=i[0],a=e.style?.color||"#d1d4dc",o=r.y,c=r.y+r.height;return{type:"group",children:[{type:"line",name:"line",shape:{x1:s,y1:o,x2:s,y2:c},style:{stroke:a,lineWidth:e.style?.lineWidth||1}},{type:"circle",name:"point-0",shape:{cx:s,cy:l,r:4},style:{fill:"#fff",stroke:a,lineWidth:1,opacity:n?1:0}}]}}}var Zn=Object.defineProperty,Rn=(h,t,e)=>t in h?Zn(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Me=(h,t,e)=>(Rn(h,typeof t!="symbol"?t+"":t,e),e);class Hn extends K{constructor(t={}){super({id:"vertical-line-tool",name:t?.name||"Vertical Line",icon:t?.icon||'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="2" x2="12" y2="22"/><circle cx="12" cy="12" r="2" fill="currentColor"/></svg>'}),Me(this,"zr"),Me(this,"onClick",e=>{const i=this.getPoint(e);if(!i)return;const n=this.context.coordinateConversion.pixelToData({x:i[0],y:i[1]});n&&this.context.addDrawing({id:`vline-${Date.now()}`,type:"vertical-line",points:[n],paneIndex:n.paneIndex||0,style:{color:"#d1d4dc",lineWidth:1}}),this.context.disableTools()})}onInit(){this.zr=this.chart.getZr(),this.context.registerDrawingRenderer(new De)}onActivate(){this.chart.getZr().setCursorStyle("crosshair"),this.zr.on("click",this.onClick)}onDeactivate(){this.chart.getZr().setCursorStyle("default"),this.zr.off("click",this.onClick)}onDestroy(){}}var On=Object.defineProperty,Bn=(h,t,e)=>t in h?On(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,jn=(h,t,e)=>(Bn(h,typeof t!="symbol"?t+"":t,e),e);class Ie{constructor(){jn(this,"type","cross-line")}render(t){const{drawing:e,pixelPoints:i,isSelected:n,coordSys:r}=t,[s,l]=i[0],a=e.style?.color||"#d1d4dc",o=r.x,c=r.x+r.width,y=r.y,d=r.y+r.height;return{type:"group",children:[{type:"line",name:"line-h",shape:{x1:o,y1:l,x2:c,y2:l},style:{stroke:a,lineWidth:e.style?.lineWidth||1}},{type:"line",name:"line-v",shape:{x1:s,y1:y,x2:s,y2:d},style:{stroke:a,lineWidth:e.style?.lineWidth||1}},{type:"circle",name:"point-0",shape:{cx:s,cy:l,r:4},style:{fill:"#fff",stroke:a,lineWidth:1,opacity:n?1:0}}]}}}var Yn=Object.defineProperty,Vn=(h,t,e)=>t in h?Yn(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Ae=(h,t,e)=>(Vn(h,typeof t!="symbol"?t+"":t,e),e);class Xn extends K{constructor(t={}){super({id:"cross-line-tool",name:t?.name||"Cross Line",icon:t?.icon||'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="2" x2="12" y2="22"/><line x1="2" y1="12" x2="22" y2="12"/></svg>'}),Ae(this,"zr"),Ae(this,"onClick",e=>{const i=this.getPoint(e);if(!i)return;const n=this.context.coordinateConversion.pixelToData({x:i[0],y:i[1]});n&&this.context.addDrawing({id:`crossline-${Date.now()}`,type:"cross-line",points:[n],paneIndex:n.paneIndex||0,style:{color:"#d1d4dc",lineWidth:1}}),this.context.disableTools()})}onInit(){this.zr=this.chart.getZr(),this.context.registerDrawingRenderer(new Ie)}onActivate(){this.chart.getZr().setCursorStyle("crosshair"),this.zr.on("click",this.onClick)}onDeactivate(){this.chart.getZr().setCursorStyle("default"),this.zr.off("click",this.onClick)}onDestroy(){}}var qn=Object.defineProperty,Un=(h,t,e)=>t in h?qn(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Kn=(h,t,e)=>(Un(h,typeof t!="symbol"?t+"":t,e),e);const ne=[0,.236,.382,.5,.618,.786,1],Vt=["#787b86","#f44336","#ff9800","#4caf50","#2196f3","#00bcd4","#787b86"];class _e{constructor(){Kn(this,"type","fibonacci")}render(t){const{drawing:e,pixelPoints:i,isSelected:n}=t,[r,s]=i[0],[l,a]=i[1],o=e.style?.color||"#3b82f6",c=Math.min(r,l),y=Math.max(r,l),d=y-c,u=a-s,p=e.points[0].value,f=e.points[1].value,g=f-p,m=[],x=[];return ne.forEach((P,w)=>{const D=a-u*P,S=Vt[w%Vt.length];x.push({type:"line",shape:{x1:c,y1:D,x2:y,y2:D},style:{stroke:S,lineWidth:1},silent:!0});const M=f-g*P;if(x.push({type:"text",style:{text:`${P} (${M.toFixed(2)})`,x:c+5,y:D-10,fill:S,fontSize:10},silent:!0}),w<ne.length-1){const b=ne[w+1],k=a-u*b,C=Math.abs(k-D),A=Math.min(D,k);m.push({type:"rect",name:"line",shape:{x:c,y:A,width:d,height:C},style:{fill:Vt[(w+1)%Vt.length],opacity:.1}})}}),{type:"group",children:[...m,...x,{type:"line",name:"line",shape:{x1:r,y1:s,x2:l,y2:a},style:{stroke:"#999",lineWidth:1,lineDash:[4,4]}},{type:"circle",name:"point-0",shape:{cx:r,cy:s,r:4},style:{fill:"#fff",stroke:o,lineWidth:1,opacity:n?1:0},z:100},{type:"circle",name:"point-1",shape:{cx:l,cy:a,r:4},style:{fill:"#fff",stroke:o,lineWidth:1,opacity:n?1:0},z:100}]}}}var Jn=Object.defineProperty,Qn=(h,t,e)=>t in h?Jn(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,wt=(h,t,e)=>(Qn(h,typeof t!="symbol"?t+"":t,e),e);class ts extends K{constructor(t={}){super({id:"fibonacci-tool",name:t.name||"Fibonacci Retracement",icon:t.icon||'<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M120-80v-80h720v80H120Zm0-240v-80h720v80H120Zm0-240v-80h720v80H120Zm0-240v-80h720v80H120Z"/></svg>'}),wt(this,"startPoint",null),wt(this,"endPoint",null),wt(this,"state","idle"),wt(this,"graphicGroup",null),wt(this,"levels",[0,.236,.382,.5,.618,.786,1]),wt(this,"colors",["#787b86","#f44336","#ff9800","#4caf50","#2196f3","#00bcd4","#787b86"]),wt(this,"onClick",e=>{this.state==="idle"?(this.state="drawing",this.startPoint=this.getPoint(e),this.endPoint=this.getPoint(e),this.initGraphic(),this.updateGraphic()):this.state==="drawing"&&(this.state="finished",this.endPoint=this.getPoint(e),this.updateGraphic(),this.saveDrawing(),this.removeGraphic(),this.context.disableTools())}),wt(this,"onMouseMove",e=>{this.state==="drawing"&&(this.endPoint=this.getPoint(e),this.updateGraphic())})}onInit(){this.context.registerDrawingRenderer(new _e)}onActivate(){this.state="idle",this.startPoint=null,this.endPoint=null,this.context.getChart().getZr().setCursorStyle("crosshair"),this.bindEvents()}onDeactivate(){this.state="idle",this.startPoint=null,this.endPoint=null,this.removeGraphic(),this.unbindEvents(),this.context.getChart().getZr().setCursorStyle("default")}bindEvents(){const t=this.context.getChart().getZr();t.on("click",this.onClick),t.on("mousemove",this.onMouseMove)}unbindEvents(){const t=this.context.getChart().getZr();t.off("click",this.onClick),t.off("mousemove",this.onMouseMove)}initGraphic(){this.graphicGroup=new _.graphic.Group,this.context.getChart().getZr().add(this.graphicGroup)}removeGraphic(){this.graphicGroup&&(this.context.getChart().getZr().remove(this.graphicGroup),this.graphicGroup=null)}updateGraphic(){if(!this.graphicGroup||!this.startPoint||!this.endPoint)return;this.graphicGroup.removeAll();const t=this.startPoint[0],e=this.startPoint[1],i=this.endPoint[0],n=this.endPoint[1],r=new _.graphic.Line({shape:{x1:t,y1:e,x2:i,y2:n},style:{stroke:"#999",lineWidth:1,lineDash:[4,4]},silent:!0});this.graphicGroup.add(r);const s=Math.min(t,i),l=Math.max(t,i),a=l-s,o=n-e;this.levels.forEach((c,y)=>{const d=n-o*c,u=this.colors[y%this.colors.length],p=new _.graphic.Line({shape:{x1:s,y1:d,x2:l,y2:d},style:{stroke:u,lineWidth:1},silent:!0});if(this.graphicGroup.add(p),y<this.levels.length-1){const f=this.levels[y+1],g=n-o*f,m=Math.abs(g-d),x=Math.min(d,g),P=new _.graphic.Rect({shape:{x:s,y:x,width:a,height:m},style:{fill:this.colors[(y+1)%this.colors.length],opacity:.1},silent:!0});this.graphicGroup.add(P)}})}saveDrawing(){if(!this.startPoint||!this.endPoint)return;const t=this.context.coordinateConversion.pixelToData({x:this.startPoint[0],y:this.startPoint[1]}),e=this.context.coordinateConversion.pixelToData({x:this.endPoint[0],y:this.endPoint[1]});if(t&&e){const i=t.paneIndex||0;this.context.addDrawing({id:`fib-${Date.now()}`,type:"fibonacci",points:[t,e],paneIndex:i,style:{color:"#3b82f6",lineWidth:1}})}}}var es=Object.defineProperty,is=(h,t,e)=>t in h?es(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,ns=(h,t,e)=>(is(h,typeof t!="symbol"?t+"":t,e),e);const Xt=[0,.236,.382,.5,.618,.786,1],qt=["#787b86","#f44336","#ff9800","#4caf50","#2196f3","#00bcd4","#787b86"];class Se{constructor(){ns(this,"type","fibonacci_channel")}render(t){const{drawing:e,pixelPoints:i,isSelected:n}=t,[r,s]=i[0],[l,a]=i[1],[o,c]=i[2],y=e.style?.color||"#3b82f6",d=l-r,u=a-s,p=Math.sqrt(d*d+u*u);if(p===0)return;const f=-u/p,g=d/p,m=(o-r)*f+(c-s)*g,x=[],P=[];return Xt.forEach((w,D)=>{const S=f*m*w,M=g*m*w,b=r+S,k=s+M,C=l+S,A=a+M;if(P.push({lx1:b,ly1:k,lx2:C,ly2:A}),D<Xt.length-1){const G=Xt[D+1],z=f*m*G,$=g*m*G;x.push({type:"polygon",name:"line",shape:{points:[[b,k],[C,A],[l+z,a+$],[r+z,s+$]]},style:{fill:qt[(D+1)%qt.length],opacity:.1}})}}),P.forEach((w,D)=>{const S=qt[D%qt.length];x.push({type:"line",shape:{x1:w.lx1,y1:w.ly1,x2:w.lx2,y2:w.ly2},style:{stroke:S,lineWidth:1},silent:!0}),x.push({type:"text",style:{text:`${Xt[D]}`,x:w.lx2+5,y:w.ly2-5,fill:S,fontSize:10},silent:!0})}),x.push({type:"line",name:"line",shape:{x1:r,y1:s,x2:l,y2:a},style:{stroke:"#999",lineWidth:1,lineDash:[4,4]}}),x.push({type:"circle",name:"point-0",shape:{cx:r,cy:s,r:4},style:{fill:"#fff",stroke:y,lineWidth:1,opacity:n?1:0},z:100}),x.push({type:"circle",name:"point-1",shape:{cx:l,cy:a,r:4},style:{fill:"#fff",stroke:y,lineWidth:1,opacity:n?1:0},z:100}),x.push({type:"circle",name:"point-2",shape:{cx:o,cy:c,r:4},style:{fill:"#fff",stroke:y,lineWidth:1,opacity:n?1:0},z:100}),{type:"group",children:x}}}var ss=Object.defineProperty,os=(h,t,e)=>t in h?ss(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,bt=(h,t,e)=>(os(h,typeof t!="symbol"?t+"":t,e),e);class rs extends K{constructor(t={}){super({id:"fibonacci-channel-tool",name:t.name||"Fibonacci Channel",icon:t.icon||'<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M120-200v-80l80-80H120v-80h160l120-120H120v-80h360l120-120H120v-80h720v80H520l-120 120h440v80H320L200-440h640v80H280l-80 80h640v80H120Z"/></svg>'}),bt(this,"startPoint",null),bt(this,"endPoint",null),bt(this,"widthPoint",null),bt(this,"state","idle"),bt(this,"graphicGroup",null),bt(this,"levels",[0,.236,.382,.5,.618,.786,1]),bt(this,"colors",["#787b86","#f44336","#ff9800","#4caf50","#2196f3","#00bcd4","#787b86"]),bt(this,"onClick",e=>{this.state==="idle"?(this.state="drawing-baseline",this.startPoint=this.getPoint(e),this.endPoint=this.getPoint(e),this.initGraphic(),this.updateGraphic()):this.state==="drawing-baseline"?(this.state="drawing-width",this.endPoint=this.getPoint(e),this.widthPoint=this.getPoint(e),this.updateGraphic()):this.state==="drawing-width"&&(this.state="finished",this.widthPoint=this.getPoint(e),this.updateGraphic(),this.saveDrawing(),this.removeGraphic(),this.context.disableTools())}),bt(this,"onMouseMove",e=>{this.state==="drawing-baseline"?(this.endPoint=this.getPoint(e),this.updateGraphic()):this.state==="drawing-width"&&(this.widthPoint=this.getPoint(e),this.updateGraphic())})}onInit(){this.context.registerDrawingRenderer(new Se)}onActivate(){this.state="idle",this.startPoint=null,this.endPoint=null,this.widthPoint=null,this.context.getChart().getZr().setCursorStyle("crosshair"),this.bindEvents()}onDeactivate(){this.state="idle",this.startPoint=null,this.endPoint=null,this.widthPoint=null,this.removeGraphic(),this.unbindEvents(),this.context.getChart().getZr().setCursorStyle("default")}bindEvents(){const t=this.context.getChart().getZr();t.on("click",this.onClick),t.on("mousemove",this.onMouseMove)}unbindEvents(){const t=this.context.getChart().getZr();t.off("click",this.onClick),t.off("mousemove",this.onMouseMove)}initGraphic(){this.graphicGroup=new _.graphic.Group,this.context.getChart().getZr().add(this.graphicGroup)}removeGraphic(){this.graphicGroup&&(this.context.getChart().getZr().remove(this.graphicGroup),this.graphicGroup=null)}updateGraphic(){if(!this.graphicGroup||!this.startPoint||!this.endPoint)return;this.graphicGroup.removeAll();const t=this.startPoint[0],e=this.startPoint[1],i=this.endPoint[0],n=this.endPoint[1];if(this.graphicGroup.add(new _.graphic.Line({shape:{x1:t,y1:e,x2:i,y2:n},style:{stroke:"#787b86",lineWidth:2},silent:!0})),this.widthPoint&&this.state!=="drawing-baseline"){const r=this.widthPoint,s=i-t,l=n-e,a=Math.sqrt(s*s+l*l);if(a===0)return;const o=-l/a,c=s/a,y=(r[0]-t)*o+(r[1]-e)*c;this.levels.forEach((d,u)=>{const p=o*y*d,f=c*y*d,g=t+p,m=e+f,x=i+p,P=n+f,w=this.colors[u%this.colors.length];if(this.graphicGroup.add(new _.graphic.Line({shape:{x1:g,y1:m,x2:x,y2:P},style:{stroke:w,lineWidth:1},silent:!0})),u<this.levels.length-1){const D=this.levels[u+1],S=o*y*D,M=c*y*D,b=t+S,k=e+M,C=i+S,A=n+M;this.graphicGroup.add(new _.graphic.Polygon({shape:{points:[[g,m],[x,P],[C,A],[b,k]]},style:{fill:this.colors[(u+1)%this.colors.length],opacity:.1},silent:!0}))}})}}saveDrawing(){if(!this.startPoint||!this.endPoint||!this.widthPoint)return;const t=this.context.coordinateConversion.pixelToData({x:this.startPoint[0],y:this.startPoint[1]}),e=this.context.coordinateConversion.pixelToData({x:this.endPoint[0],y:this.endPoint[1]}),i=this.context.coordinateConversion.pixelToData({x:this.widthPoint[0],y:this.widthPoint[1]});if(t&&e&&i){const n=t.paneIndex||0;this.context.addDrawing({id:`fib-channel-${Date.now()}`,type:"fibonacci_channel",points:[t,e,i],paneIndex:n,style:{color:"#3b82f6",lineWidth:1}})}}}var as=Object.defineProperty,ls=(h,t,e)=>t in h?as(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,hs=(h,t,e)=>(ls(h,typeof t!="symbol"?t+"":t,e),e);const se=[0,.236,.382,.5,.618,.786,1],Ct=["#787b86","#f44336","#ff9800","#4caf50","#2196f3","#00bcd4","#787b86"];class ze{constructor(){hs(this,"type","fib_speed_resistance_fan")}render(t){const{drawing:e,pixelPoints:i,isSelected:n}=t,[r,s]=i[0],[l,a]=i[1],o=e.style?.color||"#3b82f6",c=l-r,y=a-s,d=[],u=[],p=[];for(const f of se)u.push([r+c,s+y*f]),p.push([r+c*f,s+y]);for(let f=0;f<u.length-1;f++)d.push({type:"polygon",name:"line",shape:{points:[[r,s],u[f],u[f+1]]},style:{fill:Ct[(f+1)%Ct.length],opacity:.06}});for(let f=0;f<p.length-1;f++)d.push({type:"polygon",name:"line",shape:{points:[[r,s],p[f],p[f+1]]},style:{fill:Ct[(f+1)%Ct.length],opacity:.06}});return se.forEach((f,g)=>{const[m,x]=u[g],P=Ct[g%Ct.length];d.push({type:"line",shape:{x1:r,y1:s,x2:m,y2:x},style:{stroke:P,lineWidth:1},silent:!0}),d.push({type:"text",style:{text:`${f}`,x:m+3,y:x-2,fill:P,fontSize:9},silent:!0})}),se.forEach((f,g)=>{const[m,x]=p[g],P=Ct[g%Ct.length];d.push({type:"line",shape:{x1:r,y1:s,x2:m,y2:x},style:{stroke:P,lineWidth:1},silent:!0}),d.push({type:"text",style:{text:`${f}`,x:m-2,y:x+8,fill:P,fontSize:9},silent:!0})}),d.push({type:"line",name:"line",shape:{x1:l,y1:s,x2:l,y2:a},style:{stroke:"#555",lineWidth:1,lineDash:[3,3]}}),d.push({type:"line",name:"line",shape:{x1:r,y1:a,x2:l,y2:a},style:{stroke:"#555",lineWidth:1,lineDash:[3,3]}}),d.push({type:"line",name:"line",shape:{x1:r,y1:s,x2:l,y2:a},style:{stroke:"#999",lineWidth:1,lineDash:[4,4]}}),d.push({type:"circle",name:"point-0",shape:{cx:r,cy:s,r:4},style:{fill:"#fff",stroke:o,lineWidth:1,opacity:n?1:0},z:100}),d.push({type:"circle",name:"point-1",shape:{cx:l,cy:a,r:4},style:{fill:"#fff",stroke:o,lineWidth:1,opacity:n?1:0},z:100}),{type:"group",children:d}}}var cs=Object.defineProperty,ds=(h,t,e)=>t in h?cs(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,$t=(h,t,e)=>(ds(h,typeof t!="symbol"?t+"":t,e),e);const Dt=[0,.236,.382,.5,.618,.786,1],Gt=["#787b86","#f44336","#ff9800","#4caf50","#2196f3","#00bcd4","#787b86"];class ps extends K{constructor(t={}){super({id:"fib-speed-resistance-fan-tool",name:t.name||"Fib Speed Resistance Fan",icon:t.icon||'<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#e3e3e3"><path d="M2 21L22 3M2 21l20-6M2 21l20-9M2 21l20-12M2 21l20-15M2 21l6-18M2 21l9-18M2 21l12-18M2 21l15-18" stroke="#e3e3e3" stroke-width="1" fill="none"/></svg>'}),$t(this,"startPoint",null),$t(this,"endPoint",null),$t(this,"state","idle"),$t(this,"graphicGroup",null),$t(this,"onClick",e=>{this.state==="idle"?(this.state="drawing",this.startPoint=this.getPoint(e),this.endPoint=this.getPoint(e),this.initGraphic(),this.updateGraphic()):this.state==="drawing"&&(this.state="finished",this.endPoint=this.getPoint(e),this.updateGraphic(),this.saveDrawing(),this.removeGraphic(),this.context.disableTools())}),$t(this,"onMouseMove",e=>{this.state==="drawing"&&(this.endPoint=this.getPoint(e),this.updateGraphic())})}onInit(){this.context.registerDrawingRenderer(new ze)}onActivate(){this.state="idle",this.startPoint=null,this.endPoint=null,this.context.getChart().getZr().setCursorStyle("crosshair"),this.bindEvents()}onDeactivate(){this.state="idle",this.startPoint=null,this.endPoint=null,this.removeGraphic(),this.unbindEvents(),this.context.getChart().getZr().setCursorStyle("default")}bindEvents(){const t=this.context.getChart().getZr();t.on("click",this.onClick),t.on("mousemove",this.onMouseMove)}unbindEvents(){const t=this.context.getChart().getZr();t.off("click",this.onClick),t.off("mousemove",this.onMouseMove)}initGraphic(){this.graphicGroup=new _.graphic.Group,this.context.getChart().getZr().add(this.graphicGroup)}removeGraphic(){this.graphicGroup&&(this.context.getChart().getZr().remove(this.graphicGroup),this.graphicGroup=null)}updateGraphic(){if(!this.graphicGroup||!this.startPoint||!this.endPoint)return;this.graphicGroup.removeAll();const t=this.startPoint[0],e=this.startPoint[1],i=this.endPoint[0],n=this.endPoint[1],r=i-t,s=n-e;Dt.forEach((l,a)=>{const o=Gt[a%Gt.length];this.graphicGroup.add(new _.graphic.Line({shape:{x1:t,y1:e,x2:t+r,y2:e+s*l},style:{stroke:o,lineWidth:1},silent:!0})),this.graphicGroup.add(new _.graphic.Line({shape:{x1:t,y1:e,x2:t+r*l,y2:e+s},style:{stroke:o,lineWidth:1},silent:!0}))});for(let l=0;l<Dt.length-1;l++){const a=[t+r,e+s*Dt[l]],o=[t+r,e+s*Dt[l+1]];this.graphicGroup.add(new _.graphic.Polygon({shape:{points:[[t,e],a,o]},style:{fill:Gt[(l+1)%Gt.length],opacity:.06},silent:!0}))}for(let l=0;l<Dt.length-1;l++){const a=[t+r*Dt[l],e+s],o=[t+r*Dt[l+1],e+s];this.graphicGroup.add(new _.graphic.Polygon({shape:{points:[[t,e],a,o]},style:{fill:Gt[(l+1)%Gt.length],opacity:.06},silent:!0}))}this.graphicGroup.add(new _.graphic.Line({shape:{x1:i,y1:e,x2:i,y2:n},style:{stroke:"#555",lineWidth:1,lineDash:[3,3]},silent:!0})),this.graphicGroup.add(new _.graphic.Line({shape:{x1:t,y1:n,x2:i,y2:n},style:{stroke:"#555",lineWidth:1,lineDash:[3,3]},silent:!0})),this.graphicGroup.add(new _.graphic.Line({shape:{x1:t,y1:e,x2:i,y2:n},style:{stroke:"#999",lineWidth:1,lineDash:[4,4]},silent:!0}))}saveDrawing(){if(!this.startPoint||!this.endPoint)return;const t=this.context.coordinateConversion.pixelToData({x:this.startPoint[0],y:this.startPoint[1]}),e=this.context.coordinateConversion.pixelToData({x:this.endPoint[0],y:this.endPoint[1]});t&&e&&this.context.addDrawing({id:`fib-fan-${Date.now()}`,type:"fib_speed_resistance_fan",points:[t,e],paneIndex:t.paneIndex||0,style:{color:"#3b82f6",lineWidth:1}})}}var us=Object.defineProperty,gs=(h,t,e)=>t in h?us(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,ys=(h,t,e)=>(gs(h,typeof t!="symbol"?t+"":t,e),e);const $e=[0,.236,.382,.5,.618,.786,1,1.272,1.618,2,2.618],Ge=["#787b86","#f44336","#ff9800","#4caf50","#2196f3","#00bcd4","#787b86","#e91e63","#9c27b0","#673ab7","#3f51b5"];class Ee{constructor(){ys(this,"type","fib_trend_extension")}render(t){const{drawing:e,pixelPoints:i,isSelected:n,api:r}=t,s=e.style?.color||"#3b82f6";if(i.length<3)return;const[l,a]=i[0],[o,c]=i[1],[y,d]=i[2],u=e.points,p=u[1].value-u[0].value,f=Math.min(l,o,y),g=Math.max(l,o,y),m=(g-f)*.5,x=f,P=g+m,w=[],D=[];for(let b=0;b<$e.length;b++){const k=$e[b],C=u[2].value+p*k;r.coord([u[2].timeIndex+t.drawing.points[2].timeIndex-u[2].timeIndex,C]);const A=d+(c-a)*k;D.push({level:k,y:A,price:C,color:Ge[b%Ge.length]})}for(let b=0;b<D.length-1;b++){const k=D[b],C=D[b+1],A=Math.min(k.y,C.y),G=Math.abs(C.y-k.y);w.push({type:"rect",name:"line",shape:{x,y:A,width:P-x,height:G},style:{fill:C.color,opacity:.06}})}for(const b of D)w.push({type:"line",shape:{x1:x,y1:b.y,x2:P,y2:b.y},style:{stroke:b.color,lineWidth:1},silent:!0}),w.push({type:"text",style:{text:`${b.level} (${b.price.toFixed(2)})`,x:P+4,y:b.y-6,fill:b.color,fontSize:9},silent:!0});w.push({type:"line",name:"line",shape:{x1:l,y1:a,x2:o,y2:c},style:{stroke:"#2196f3",lineWidth:1.5,lineDash:[5,4]}}),w.push({type:"line",name:"line",shape:{x1:o,y1:c,x2:y,y2:d},style:{stroke:"#ff9800",lineWidth:1.5,lineDash:[5,4]}}),w.push({type:"circle",name:"point-0",shape:{cx:l,cy:a,r:4},style:{fill:"#fff",stroke:s,lineWidth:1,opacity:n?1:0},z:100}),w.push({type:"circle",name:"point-1",shape:{cx:o,cy:c,r:4},style:{fill:"#fff",stroke:s,lineWidth:1,opacity:n?1:0},z:100}),w.push({type:"circle",name:"point-2",shape:{cx:y,cy:d,r:4},style:{fill:"#fff",stroke:s,lineWidth:1,opacity:n?1:0},z:100});const S=["1","2","3"],M=[i[0],i[1],i[2]];for(let b=0;b<3;b++){const[k,C]=M[b],A=(b===0||C<=M[b-1][1])&&(b===2||C<=M[b+1]?.[1]);w.push({type:"text",style:{text:S[b],x:k,y:A?C-14:C+16,fill:"#e2e8f0",fontSize:12,fontWeight:"bold",align:"center",verticalAlign:"middle"},silent:!0})}return{type:"group",children:w}}}var fs=Object.defineProperty,xs=(h,t,e)=>t in h?fs(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Wt=(h,t,e)=>(xs(h,typeof t!="symbol"?t+"":t,e),e);const Ut=[0,.236,.382,.5,.618,.786,1,1.272,1.618,2,2.618],Kt=["#787b86","#f44336","#ff9800","#4caf50","#2196f3","#00bcd4","#787b86","#e91e63","#9c27b0","#673ab7","#3f51b5"];class ms extends K{constructor(t={}){super({id:"fib-trend-extension-tool",name:t.name||"Fib Trend Extension",icon:t.icon||'<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M120-80v-80h720v80H120Zm0-160v-80h720v80H120Zm0-160v-80h720v80H120Zm0-160v-80h720v80H120Zm0-160v-80h720v80H120Zm0-160v-80h720v80H120Z"/></svg>'}),Wt(this,"points",[]),Wt(this,"state","idle"),Wt(this,"graphicGroup",null),Wt(this,"onClick",e=>{const i=this.getPoint(e);this.state==="idle"?(this.state="drawing-trend",this.points=[i,[...i]],this.initGraphic(),this.updateGraphic()):this.state==="drawing-trend"?(this.state="drawing-retracement",this.points[1]=i,this.points.push([...i]),this.updateGraphic()):this.state==="drawing-retracement"&&(this.state="finished",this.points[2]=i,this.updateGraphic(),this.saveDrawing(),this.removeGraphic(),this.context.disableTools())}),Wt(this,"onMouseMove",e=>{this.state==="drawing-trend"?(this.points[1]=this.getPoint(e),this.updateGraphic()):this.state==="drawing-retracement"&&(this.points[2]=this.getPoint(e),this.updateGraphic())})}onInit(){this.context.registerDrawingRenderer(new Ee)}onActivate(){this.state="idle",this.points=[],this.context.getChart().getZr().setCursorStyle("crosshair"),this.bindEvents()}onDeactivate(){this.state="idle",this.points=[],this.removeGraphic(),this.unbindEvents(),this.context.getChart().getZr().setCursorStyle("default")}bindEvents(){const t=this.context.getChart().getZr();t.on("click",this.onClick),t.on("mousemove",this.onMouseMove)}unbindEvents(){const t=this.context.getChart().getZr();t.off("click",this.onClick),t.off("mousemove",this.onMouseMove)}initGraphic(){this.graphicGroup=new _.graphic.Group,this.context.getChart().getZr().add(this.graphicGroup)}removeGraphic(){this.graphicGroup&&(this.context.getChart().getZr().remove(this.graphicGroup),this.graphicGroup=null)}updateGraphic(){if(!this.graphicGroup)return;this.graphicGroup.removeAll();const[t,e]=this.points[0],[i,n]=this.points[1];if(this.graphicGroup.add(new _.graphic.Line({shape:{x1:t,y1:e,x2:i,y2:n},style:{stroke:"#2196f3",lineWidth:1.5,lineDash:[5,4]},silent:!0})),this.points.length>=3){const[r,s]=this.points[2];this.graphicGroup.add(new _.graphic.Line({shape:{x1:i,y1:n,x2:r,y2:s},style:{stroke:"#ff9800",lineWidth:1.5,lineDash:[5,4]},silent:!0}));const l=n-e,a=Math.min(t,i,r),o=Math.max(t,i,r),c=(o-a)*.5,y=a,d=o+c;for(let u=0;u<Ut.length;u++){const p=Ut[u],f=s+l*p,g=Kt[u%Kt.length];if(this.graphicGroup.add(new _.graphic.Line({shape:{x1:y,y1:f,x2:d,y2:f},style:{stroke:g,lineWidth:1},silent:!0})),this.graphicGroup.add(new _.graphic.Text({style:{text:`${p}`,x:d+4,y:f-6,fill:g,fontSize:9},silent:!0})),u<Ut.length-1){const m=s+l*Ut[u+1],x=Math.min(f,m),P=Math.abs(m-f);this.graphicGroup.add(new _.graphic.Rect({shape:{x:y,y:x,width:d-y,height:P},style:{fill:Kt[(u+1)%Kt.length],opacity:.06},silent:!0}))}}}for(const r of this.points)this.graphicGroup.add(new _.graphic.Circle({shape:{cx:r[0],cy:r[1],r:4},style:{fill:"#fff",stroke:"#3b82f6",lineWidth:1.5},z:101,silent:!0}))}saveDrawing(){const t=this.points.map(e=>this.context.coordinateConversion.pixelToData({x:e[0],y:e[1]}));t.every(e=>e!==null)&&this.context.addDrawing({id:`fib-ext-${Date.now()}`,type:"fib_trend_extension",points:t,paneIndex:t[0].paneIndex||0,style:{color:"#3b82f6",lineWidth:1}})}}var bs=Object.defineProperty,vs=(h,t,e)=>t in h?bs(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,ws=(h,t,e)=>(vs(h,typeof t!="symbol"?t+"":t,e),e);const Le=["X","A","B","C","D"],Te=["#2196f3","#ff9800","#4caf50","#f44336"],Cs="rgba(33, 150, 243, 0.08)",Ps="rgba(244, 67, 54, 0.08)";class We{constructor(){ws(this,"type","xabcd_pattern")}render(t){const{drawing:e,pixelPoints:i,isSelected:n}=t,r=e.style?.color||"#3b82f6";if(i.length<2)return;const s=[];i.length>=3&&s.push({type:"polygon",name:"line",shape:{points:i.slice(0,3).map(([a,o])=>[a,o])},style:{fill:Cs,opacity:1}}),i.length>=5&&s.push({type:"polygon",name:"line",shape:{points:i.slice(2,5).map(([a,o])=>[a,o])},style:{fill:Ps,opacity:1}});for(let a=0;a<i.length-1;a++){const[o,c]=i[a],[y,d]=i[a+1],u=Te[a%Te.length];s.push({type:"line",name:"line",shape:{x1:o,y1:c,x2:y,y2:d},style:{stroke:u,lineWidth:e.style?.lineWidth||2}})}const l=[[0,2],[1,3],[2,4]];for(const[a,o]of l)if(a<i.length&&o<i.length){const[c,y]=i[a],[d,u]=i[o];s.push({type:"line",shape:{x1:c,y1:y,x2:d,y2:u},style:{stroke:"#555",lineWidth:1,lineDash:[4,4]},silent:!0})}if(e.points.length>=3){const a=Math.abs(e.points[1].value-e.points[0].value),o=Math.abs(e.points[2].value-e.points[1].value);if(a!==0){const c=(o/a).toFixed(3),y=(i[1][0]+i[2][0])/2,d=(i[1][1]+i[2][1])/2;s.push({type:"text",style:{text:c,x:y+8,y:d,fill:"#ff9800",fontSize:10},silent:!0})}}if(e.points.length>=4){const a=Math.abs(e.points[2].value-e.points[1].value),o=Math.abs(e.points[3].value-e.points[2].value);if(a!==0){const c=(o/a).toFixed(3),y=(i[2][0]+i[3][0])/2,d=(i[2][1]+i[3][1])/2;s.push({type:"text",style:{text:c,x:y+8,y:d,fill:"#4caf50",fontSize:10},silent:!0})}}if(e.points.length>=5){const a=Math.abs(e.points[3].value-e.points[2].value),o=Math.abs(e.points[4].value-e.points[3].value);if(a!==0){const d=(o/a).toFixed(3),u=(i[3][0]+i[4][0])/2,p=(i[3][1]+i[4][1])/2;s.push({type:"text",style:{text:d,x:u+8,y:p,fill:"#f44336",fontSize:10},silent:!0})}const c=Math.abs(e.points[1].value-e.points[0].value),y=Math.abs(e.points[4].value-e.points[1].value);if(c!==0){const d=(y/c).toFixed(3),[u,p]=i[4];s.push({type:"text",style:{text:`AD/XA: ${d}`,x:u+10,y:p+14,fill:"#aaa",fontSize:9},silent:!0})}}for(let a=0;a<i.length&&a<Le.length;a++){const[o,c]=i[a],y=(a===0||c<=i[a-1][1])&&(a===i.length-1||c<=i[a+1]?.[1])?c-14:c+16;s.push({type:"text",style:{text:Le[a],x:o,y,fill:"#e2e8f0",fontSize:12,fontWeight:"bold",align:"center",verticalAlign:"middle"},silent:!0})}for(let a=0;a<i.length;a++){const[o,c]=i[a];s.push({type:"circle",name:`point-${a}`,shape:{cx:o,cy:c,r:4},style:{fill:"#fff",stroke:r,lineWidth:1,opacity:n?1:0},z:100})}return{type:"group",children:s}}}var ks=Object.defineProperty,Ds=(h,t,e)=>t in h?ks(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Nt=(h,t,e)=>(Ds(h,typeof t!="symbol"?t+"":t,e),e);const Ne=["X","A","B","C","D"],Fe=["#2196f3","#ff9800","#4caf50","#f44336"],Ms=5;class Is extends K{constructor(t={}){super({id:"xabcd-pattern-tool",name:t.name||"XABCD Pattern",icon:t.icon||'<svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="#e3e3e3" stroke-width="1.5"><polyline points="2,18 6,6 11,14 16,4 21,16"/><circle cx="2" cy="18" r="1.5" fill="#e3e3e3"/><circle cx="6" cy="6" r="1.5" fill="#e3e3e3"/><circle cx="11" cy="14" r="1.5" fill="#e3e3e3"/><circle cx="16" cy="4" r="1.5" fill="#e3e3e3"/><circle cx="21" cy="16" r="1.5" fill="#e3e3e3"/></svg>'}),Nt(this,"points",[]),Nt(this,"state","idle"),Nt(this,"graphicGroup",null),Nt(this,"onClick",e=>{const i=this.getPoint(e);this.state==="idle"?(this.state="drawing",this.points=[i,[...i]],this.initGraphic(),this.updateGraphic()):this.state==="drawing"&&(this.points[this.points.length-1]=i,this.points.length>=Ms?(this.state="finished",this.updateGraphic(),this.saveDrawing(),this.removeGraphic(),this.context.disableTools()):(this.points.push([...i]),this.updateGraphic()))}),Nt(this,"onMouseMove",e=>{this.state!=="drawing"||this.points.length<2||(this.points[this.points.length-1]=this.getPoint(e),this.updateGraphic())})}onInit(){this.context.registerDrawingRenderer(new We)}onActivate(){this.state="idle",this.points=[],this.context.getChart().getZr().setCursorStyle("crosshair"),this.bindEvents()}onDeactivate(){this.state="idle",this.points=[],this.removeGraphic(),this.unbindEvents(),this.context.getChart().getZr().setCursorStyle("default")}bindEvents(){const t=this.context.getChart().getZr();t.on("click",this.onClick),t.on("mousemove",this.onMouseMove)}unbindEvents(){const t=this.context.getChart().getZr();t.off("click",this.onClick),t.off("mousemove",this.onMouseMove)}initGraphic(){this.graphicGroup=new _.graphic.Group,this.context.getChart().getZr().add(this.graphicGroup)}removeGraphic(){this.graphicGroup&&(this.context.getChart().getZr().remove(this.graphicGroup),this.graphicGroup=null)}updateGraphic(){if(!this.graphicGroup)return;this.graphicGroup.removeAll();const t=this.points;t.length>=3&&this.graphicGroup.add(new _.graphic.Polygon({shape:{points:t.slice(0,3)},style:{fill:"rgba(33, 150, 243, 0.08)"},silent:!0})),t.length>=5&&this.graphicGroup.add(new _.graphic.Polygon({shape:{points:t.slice(2,5)},style:{fill:"rgba(244, 67, 54, 0.08)"},silent:!0}));for(let i=0;i<t.length-1;i++){const[n,r]=t[i],[s,l]=t[i+1];this.graphicGroup.add(new _.graphic.Line({shape:{x1:n,y1:r,x2:s,y2:l},style:{stroke:Fe[i%Fe.length],lineWidth:2},silent:!0}))}const e=[[0,2],[1,3],[2,4]];for(const[i,n]of e)if(i<t.length&&n<t.length){const[r,s]=t[i],[l,a]=t[n];this.graphicGroup.add(new _.graphic.Line({shape:{x1:r,y1:s,x2:l,y2:a},style:{stroke:"#555",lineWidth:1,lineDash:[4,4]},silent:!0}))}for(let i=0;i<t.length&&i<Ne.length;i++){const[n,r]=t[i],s=(i===0||r<=t[i-1][1])&&(i===t.length-1||r<=t[i+1]?.[1])?r-14:r+16;this.graphicGroup.add(new _.graphic.Text({style:{text:Ne[i],x:n,y:s,fill:"#e2e8f0",fontSize:12,fontWeight:"bold",align:"center",verticalAlign:"middle"},silent:!0}))}for(let i=0;i<t.length;i++){const[n,r]=t[i];this.graphicGroup.add(new _.graphic.Circle({shape:{cx:n,cy:r,r:4},style:{fill:"#fff",stroke:"#3b82f6",lineWidth:1.5},z:101,silent:!0}))}}saveDrawing(){const t=this.points.map(e=>this.context.coordinateConversion.pixelToData({x:e[0],y:e[1]}));t.every(e=>e!==null)&&this.context.addDrawing({id:`xabcd-${Date.now()}`,type:"xabcd_pattern",points:t,paneIndex:t[0].paneIndex||0,style:{color:"#3b82f6",lineWidth:2}})}}var As=Object.defineProperty,_s=(h,t,e)=>t in h?As(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Ss=(h,t,e)=>(_s(h,typeof t!="symbol"?t+"":t,e),e);const Ze=["A","B","C","D"],Re=["#2196f3","#ff9800","#4caf50"];class He{constructor(){Ss(this,"type","abcd_pattern")}render(t){const{drawing:e,pixelPoints:i,isSelected:n}=t,r=e.style?.color||"#3b82f6";if(i.length<2)return;const s=[];i.length>=3&&s.push({type:"polygon",name:"line",shape:{points:i.slice(0,3).map(([l,a])=>[l,a])},style:{fill:"rgba(33, 150, 243, 0.08)"}}),i.length>=4&&s.push({type:"polygon",name:"line",shape:{points:i.slice(1,4).map(([l,a])=>[l,a])},style:{fill:"rgba(244, 67, 54, 0.08)"}});for(let l=0;l<i.length-1;l++){const[a,o]=i[l],[c,y]=i[l+1];s.push({type:"line",name:"line",shape:{x1:a,y1:o,x2:c,y2:y},style:{stroke:Re[l%Re.length],lineWidth:e.style?.lineWidth||2}})}if(i.length>=3&&s.push({type:"line",shape:{x1:i[0][0],y1:i[0][1],x2:i[2][0],y2:i[2][1]},style:{stroke:"#555",lineWidth:1,lineDash:[4,4]},silent:!0}),i.length>=4&&s.push({type:"line",shape:{x1:i[1][0],y1:i[1][1],x2:i[3][0],y2:i[3][1]},style:{stroke:"#555",lineWidth:1,lineDash:[4,4]},silent:!0}),e.points.length>=3){const l=Math.abs(e.points[1].value-e.points[0].value),a=Math.abs(e.points[2].value-e.points[1].value);if(l!==0){const o=(a/l).toFixed(3),c=(i[1][0]+i[2][0])/2,y=(i[1][1]+i[2][1])/2;s.push({type:"text",style:{text:o,x:c+8,y,fill:"#ff9800",fontSize:10},silent:!0})}}if(e.points.length>=4){const l=Math.abs(e.points[2].value-e.points[1].value),a=Math.abs(e.points[3].value-e.points[2].value);if(l!==0){const o=(a/l).toFixed(3),c=(i[2][0]+i[3][0])/2,y=(i[2][1]+i[3][1])/2;s.push({type:"text",style:{text:o,x:c+8,y,fill:"#4caf50",fontSize:10},silent:!0})}}for(let l=0;l<i.length&&l<Ze.length;l++){const[a,o]=i[l],c=(l===0||o<=i[l-1][1])&&(l===i.length-1||o<=i[l+1]?.[1]);s.push({type:"text",style:{text:Ze[l],x:a,y:c?o-14:o+16,fill:"#e2e8f0",fontSize:12,fontWeight:"bold",align:"center",verticalAlign:"middle"},silent:!0})}for(let l=0;l<i.length;l++)s.push({type:"circle",name:`point-${l}`,shape:{cx:i[l][0],cy:i[l][1],r:4},style:{fill:"#fff",stroke:r,lineWidth:1,opacity:n?1:0},z:100});return{type:"group",children:s}}}var zs=Object.defineProperty,$s=(h,t,e)=>t in h?zs(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Ft=(h,t,e)=>($s(h,typeof t!="symbol"?t+"":t,e),e);const Oe=["A","B","C","D"],Be=["#2196f3","#ff9800","#4caf50"],Gs=4;class Es extends K{constructor(t={}){super({id:"abcd-pattern-tool",name:t.name||"ABCD Pattern",icon:t.icon||'<svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="#e3e3e3" stroke-width="1.5"><polyline points="3,18 8,5 15,15 21,3"/><circle cx="3" cy="18" r="1.5" fill="#e3e3e3"/><circle cx="8" cy="5" r="1.5" fill="#e3e3e3"/><circle cx="15" cy="15" r="1.5" fill="#e3e3e3"/><circle cx="21" cy="3" r="1.5" fill="#e3e3e3"/></svg>'}),Ft(this,"points",[]),Ft(this,"state","idle"),Ft(this,"graphicGroup",null),Ft(this,"onClick",e=>{const i=this.getPoint(e);this.state==="idle"?(this.state="drawing",this.points=[i,[...i]],this.initGraphic(),this.updateGraphic()):this.state==="drawing"&&(this.points[this.points.length-1]=i,this.points.length>=Gs?(this.state="finished",this.updateGraphic(),this.saveDrawing(),this.removeGraphic(),this.context.disableTools()):(this.points.push([...i]),this.updateGraphic()))}),Ft(this,"onMouseMove",e=>{this.state!=="drawing"||this.points.length<2||(this.points[this.points.length-1]=this.getPoint(e),this.updateGraphic())})}onInit(){this.context.registerDrawingRenderer(new He)}onActivate(){this.state="idle",this.points=[],this.context.getChart().getZr().setCursorStyle("crosshair");const t=this.context.getChart().getZr();t.on("click",this.onClick),t.on("mousemove",this.onMouseMove)}onDeactivate(){this.state="idle",this.points=[],this.removeGraphic();const t=this.context.getChart().getZr();t.off("click",this.onClick),t.off("mousemove",this.onMouseMove),this.context.getChart().getZr().setCursorStyle("default")}initGraphic(){this.graphicGroup=new _.graphic.Group,this.context.getChart().getZr().add(this.graphicGroup)}removeGraphic(){this.graphicGroup&&(this.context.getChart().getZr().remove(this.graphicGroup),this.graphicGroup=null)}updateGraphic(){if(!this.graphicGroup)return;this.graphicGroup.removeAll();const t=this.points;t.length>=3&&this.graphicGroup.add(new _.graphic.Polygon({shape:{points:t.slice(0,3)},style:{fill:"rgba(33,150,243,0.08)"},silent:!0})),t.length>=4&&this.graphicGroup.add(new _.graphic.Polygon({shape:{points:t.slice(1,4)},style:{fill:"rgba(244,67,54,0.08)"},silent:!0}));for(let e=0;e<t.length-1;e++)this.graphicGroup.add(new _.graphic.Line({shape:{x1:t[e][0],y1:t[e][1],x2:t[e+1][0],y2:t[e+1][1]},style:{stroke:Be[e%Be.length],lineWidth:2},silent:!0}));t.length>=3&&this.graphicGroup.add(new _.graphic.Line({shape:{x1:t[0][0],y1:t[0][1],x2:t[2][0],y2:t[2][1]},style:{stroke:"#555",lineWidth:1,lineDash:[4,4]},silent:!0})),t.length>=4&&this.graphicGroup.add(new _.graphic.Line({shape:{x1:t[1][0],y1:t[1][1],x2:t[3][0],y2:t[3][1]},style:{stroke:"#555",lineWidth:1,lineDash:[4,4]},silent:!0}));for(let e=0;e<t.length&&e<Oe.length;e++){const[i,n]=t[e],r=(e===0||n<=t[e-1][1])&&(e===t.length-1||n<=t[e+1]?.[1]);this.graphicGroup.add(new _.graphic.Text({style:{text:Oe[e],x:i,y:r?n-14:n+16,fill:"#e2e8f0",fontSize:12,fontWeight:"bold",align:"center",verticalAlign:"middle"},silent:!0})),this.graphicGroup.add(new _.graphic.Circle({shape:{cx:i,cy:n,r:4},style:{fill:"#fff",stroke:"#3b82f6",lineWidth:1.5},z:101,silent:!0}))}}saveDrawing(){const t=this.points.map(e=>this.context.coordinateConversion.pixelToData({x:e[0],y:e[1]}));t.every(e=>e!==null)&&this.context.addDrawing({id:`abcd-${Date.now()}`,type:"abcd_pattern",points:t,paneIndex:t[0].paneIndex||0,style:{color:"#3b82f6",lineWidth:2}})}}var Ls=Object.defineProperty,Ts=(h,t,e)=>t in h?Ls(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Ws=(h,t,e)=>(Ts(h,typeof t!="symbol"?t+"":t,e),e);const je=["X","A","B","C","D"],Ye=["#00bcd4","#e91e63","#8bc34a","#ff5722"];class Ve{constructor(){Ws(this,"type","cypher_pattern")}render(t){const{drawing:e,pixelPoints:i,isSelected:n}=t,r=e.style?.color||"#3b82f6";if(i.length<2)return;const s=[];i.length>=3&&s.push({type:"polygon",name:"line",shape:{points:i.slice(0,3).map(([o,c])=>[o,c])},style:{fill:"rgba(0, 188, 212, 0.08)"}}),i.length>=5&&s.push({type:"polygon",name:"line",shape:{points:i.slice(2,5).map(([o,c])=>[o,c])},style:{fill:"rgba(233, 30, 99, 0.08)"}});for(let o=0;o<i.length-1;o++){const[c,y]=i[o],[d,u]=i[o+1];s.push({type:"line",name:"line",shape:{x1:c,y1:y,x2:d,y2:u},style:{stroke:Ye[o%Ye.length],lineWidth:e.style?.lineWidth||2}})}const l=[[0,2],[0,3],[1,4]];for(const[o,c]of l)o<i.length&&c<i.length&&s.push({type:"line",shape:{x1:i[o][0],y1:i[o][1],x2:i[c][0],y2:i[c][1]},style:{stroke:"#555",lineWidth:1,lineDash:[4,4]},silent:!0});const a=e.points;if(a.length>=3){const o=Math.abs(a[1].value-a[0].value),c=Math.abs(a[2].value-a[1].value);if(o!==0){const y=(c/o).toFixed(3);s.push({type:"text",style:{text:y,x:(i[1][0]+i[2][0])/2+8,y:(i[1][1]+i[2][1])/2,fill:"#e91e63",fontSize:10},silent:!0})}}if(a.length>=4){const o=Math.abs(a[1].value-a[0].value),c=Math.abs(a[3].value-a[0].value);if(o!==0){const y=(c/o).toFixed(3);s.push({type:"text",style:{text:`XC/XA: ${y}`,x:(i[0][0]+i[3][0])/2+8,y:(i[0][1]+i[3][1])/2,fill:"#8bc34a",fontSize:10},silent:!0})}}if(a.length>=5){const o=Math.abs(a[3].value-a[0].value),c=Math.abs(a[4].value-a[3].value);if(o!==0){const y=(c/o).toFixed(3);s.push({type:"text",style:{text:y,x:(i[3][0]+i[4][0])/2+8,y:(i[3][1]+i[4][1])/2,fill:"#ff5722",fontSize:10},silent:!0})}}for(let o=0;o<i.length&&o<je.length;o++){const[c,y]=i[o],d=(o===0||y<=i[o-1][1])&&(o===i.length-1||y<=i[o+1]?.[1]);s.push({type:"text",style:{text:je[o],x:c,y:d?y-14:y+16,fill:"#e2e8f0",fontSize:12,fontWeight:"bold",align:"center",verticalAlign:"middle"},silent:!0})}for(let o=0;o<i.length;o++)s.push({type:"circle",name:`point-${o}`,shape:{cx:i[o][0],cy:i[o][1],r:4},style:{fill:"#fff",stroke:r,lineWidth:1,opacity:n?1:0},z:100});return{type:"group",children:s}}}var Ns=Object.defineProperty,Fs=(h,t,e)=>t in h?Ns(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Zt=(h,t,e)=>(Fs(h,typeof t!="symbol"?t+"":t,e),e);const Xe=["X","A","B","C","D"],qe=["#00bcd4","#e91e63","#8bc34a","#ff5722"],Zs=5;class Rs extends K{constructor(t={}){super({id:"cypher-pattern-tool",name:t.name||"Cypher Pattern",icon:t.icon||'<svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="#e3e3e3" stroke-width="1.5"><polyline points="2,16 7,4 11,12 17,2 22,14"/><circle cx="2" cy="16" r="1.5" fill="#e3e3e3"/><circle cx="7" cy="4" r="1.5" fill="#e3e3e3"/><circle cx="11" cy="12" r="1.5" fill="#e3e3e3"/><circle cx="17" cy="2" r="1.5" fill="#e3e3e3"/><circle cx="22" cy="14" r="1.5" fill="#e3e3e3"/></svg>'}),Zt(this,"points",[]),Zt(this,"state","idle"),Zt(this,"graphicGroup",null),Zt(this,"onClick",e=>{const i=this.getPoint(e);this.state==="idle"?(this.state="drawing",this.points=[i,[...i]],this.initGraphic(),this.updateGraphic()):this.state==="drawing"&&(this.points[this.points.length-1]=i,this.points.length>=Zs?(this.state="finished",this.updateGraphic(),this.saveDrawing(),this.removeGraphic(),this.context.disableTools()):(this.points.push([...i]),this.updateGraphic()))}),Zt(this,"onMouseMove",e=>{this.state!=="drawing"||this.points.length<2||(this.points[this.points.length-1]=this.getPoint(e),this.updateGraphic())})}onInit(){this.context.registerDrawingRenderer(new Ve)}onActivate(){this.state="idle",this.points=[],this.context.getChart().getZr().setCursorStyle("crosshair");const t=this.context.getChart().getZr();t.on("click",this.onClick),t.on("mousemove",this.onMouseMove)}onDeactivate(){this.state="idle",this.points=[],this.removeGraphic();const t=this.context.getChart().getZr();t.off("click",this.onClick),t.off("mousemove",this.onMouseMove),t.setCursorStyle("default")}initGraphic(){this.graphicGroup=new _.graphic.Group,this.context.getChart().getZr().add(this.graphicGroup)}removeGraphic(){this.graphicGroup&&(this.context.getChart().getZr().remove(this.graphicGroup),this.graphicGroup=null)}updateGraphic(){if(!this.graphicGroup)return;this.graphicGroup.removeAll();const t=this.points;t.length>=3&&this.graphicGroup.add(new _.graphic.Polygon({shape:{points:t.slice(0,3)},style:{fill:"rgba(0,188,212,0.08)"},silent:!0})),t.length>=5&&this.graphicGroup.add(new _.graphic.Polygon({shape:{points:t.slice(2,5)},style:{fill:"rgba(233,30,99,0.08)"},silent:!0}));for(let e=0;e<t.length-1;e++)this.graphicGroup.add(new _.graphic.Line({shape:{x1:t[e][0],y1:t[e][1],x2:t[e+1][0],y2:t[e+1][1]},style:{stroke:qe[e%qe.length],lineWidth:2},silent:!0}));for(let e=0;e<t.length&&e<Xe.length;e++){const[i,n]=t[e],r=(e===0||n<=t[e-1][1])&&(e===t.length-1||n<=t[e+1]?.[1]);this.graphicGroup.add(new _.graphic.Text({style:{text:Xe[e],x:i,y:r?n-14:n+16,fill:"#e2e8f0",fontSize:12,fontWeight:"bold",align:"center",verticalAlign:"middle"},silent:!0})),this.graphicGroup.add(new _.graphic.Circle({shape:{cx:i,cy:n,r:4},style:{fill:"#fff",stroke:"#3b82f6",lineWidth:1.5},z:101,silent:!0}))}}saveDrawing(){const t=this.points.map(e=>this.context.coordinateConversion.pixelToData({x:e[0],y:e[1]}));t.every(e=>e!==null)&&this.context.addDrawing({id:`cypher-${Date.now()}`,type:"cypher_pattern",points:t,paneIndex:t[0].paneIndex||0,style:{color:"#3b82f6",lineWidth:2}})}}var Hs=Object.defineProperty,Os=(h,t,e)=>t in h?Hs(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Bs=(h,t,e)=>(Os(h,typeof t!="symbol"?t+"":t,e),e);const oe=["","LS","","H","","RS",""];class Ue{constructor(){Bs(this,"type","head_and_shoulders")}render(t){const{drawing:e,pixelPoints:i,isSelected:n}=t,r=e.style?.color||"#3b82f6";if(i.length<2)return;const s=[];i.length>=3&&s.push({type:"polygon",name:"line",shape:{points:i.slice(0,3).map(([l,a])=>[l,a])},style:{fill:"rgba(33, 150, 243, 0.06)"}}),i.length>=5&&s.push({type:"polygon",name:"line",shape:{points:i.slice(2,5).map(([l,a])=>[l,a])},style:{fill:"rgba(244, 67, 54, 0.08)"}}),i.length>=7&&s.push({type:"polygon",name:"line",shape:{points:i.slice(4,7).map(([l,a])=>[l,a])},style:{fill:"rgba(33, 150, 243, 0.06)"}});for(let l=0;l<i.length-1;l++){const[a,o]=i[l],[c,y]=i[l+1];s.push({type:"line",name:"line",shape:{x1:a,y1:o,x2:c,y2:y},style:{stroke:"#2196f3",lineWidth:e.style?.lineWidth||2}})}if(i.length>=5){const[l,a]=i[2],[o,c]=i[4],y=o-l,d=c-a,u=.3,p=.3,f=l-y*u,g=a-d*u,m=o+y*p,x=c+d*p;s.push({type:"line",shape:{x1:f,y1:g,x2:m,y2:x},style:{stroke:"#ff9800",lineWidth:2,lineDash:[6,4]},silent:!0}),s.push({type:"text",style:{text:"Neckline",x:(l+o)/2,y:(a+c)/2+14,fill:"#ff9800",fontSize:10,align:"center"},silent:!0})}for(let l=0;l<i.length&&l<oe.length;l++){if(!oe[l])continue;const[a,o]=i[l],c=(l===0||o<=i[l-1][1])&&(l===i.length-1||o<=i[l+1]?.[1]);s.push({type:"text",style:{text:oe[l],x:a,y:c?o-14:o+16,fill:"#e2e8f0",fontSize:12,fontWeight:"bold",align:"center",verticalAlign:"middle"},silent:!0})}for(let l=0;l<i.length;l++)s.push({type:"circle",name:`point-${l}`,shape:{cx:i[l][0],cy:i[l][1],r:4},style:{fill:"#fff",stroke:r,lineWidth:1,opacity:n?1:0},z:100});return{type:"group",children:s}}}var js=Object.defineProperty,Ys=(h,t,e)=>t in h?js(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Rt=(h,t,e)=>(Ys(h,typeof t!="symbol"?t+"":t,e),e);const re=["","LS","","H","","RS",""],Vs=7;class Xs extends K{constructor(t={}){super({id:"head-and-shoulders-tool",name:t.name||"Head & Shoulders",icon:t.icon||'<svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="#e3e3e3" stroke-width="1.5"><polyline points="1,18 4,10 7,14 12,3 17,14 20,10 23,18"/></svg>'}),Rt(this,"points",[]),Rt(this,"state","idle"),Rt(this,"graphicGroup",null),Rt(this,"onClick",e=>{const i=this.getPoint(e);this.state==="idle"?(this.state="drawing",this.points=[i,[...i]],this.initGraphic(),this.updateGraphic()):this.state==="drawing"&&(this.points[this.points.length-1]=i,this.points.length>=Vs?(this.state="finished",this.updateGraphic(),this.saveDrawing(),this.removeGraphic(),this.context.disableTools()):(this.points.push([...i]),this.updateGraphic()))}),Rt(this,"onMouseMove",e=>{this.state!=="drawing"||this.points.length<2||(this.points[this.points.length-1]=this.getPoint(e),this.updateGraphic())})}onInit(){this.context.registerDrawingRenderer(new Ue)}onActivate(){this.state="idle",this.points=[],this.context.getChart().getZr().setCursorStyle("crosshair");const t=this.context.getChart().getZr();t.on("click",this.onClick),t.on("mousemove",this.onMouseMove)}onDeactivate(){this.state="idle",this.points=[],this.removeGraphic();const t=this.context.getChart().getZr();t.off("click",this.onClick),t.off("mousemove",this.onMouseMove),t.setCursorStyle("default")}initGraphic(){this.graphicGroup=new _.graphic.Group,this.context.getChart().getZr().add(this.graphicGroup)}removeGraphic(){this.graphicGroup&&(this.context.getChart().getZr().remove(this.graphicGroup),this.graphicGroup=null)}updateGraphic(){if(!this.graphicGroup)return;this.graphicGroup.removeAll();const t=this.points;t.length>=3&&this.graphicGroup.add(new _.graphic.Polygon({shape:{points:t.slice(0,3)},style:{fill:"rgba(33,150,243,0.06)"},silent:!0})),t.length>=5&&this.graphicGroup.add(new _.graphic.Polygon({shape:{points:t.slice(2,5)},style:{fill:"rgba(244,67,54,0.08)"},silent:!0})),t.length>=7&&this.graphicGroup.add(new _.graphic.Polygon({shape:{points:t.slice(4,7)},style:{fill:"rgba(33,150,243,0.06)"},silent:!0}));for(let e=0;e<t.length-1;e++)this.graphicGroup.add(new _.graphic.Line({shape:{x1:t[e][0],y1:t[e][1],x2:t[e+1][0],y2:t[e+1][1]},style:{stroke:"#2196f3",lineWidth:2},silent:!0}));if(t.length>=5){const[e,i]=t[2],[n,r]=t[4],s=n-e,l=r-i;this.graphicGroup.add(new _.graphic.Line({shape:{x1:e-s*.3,y1:i-l*.3,x2:n+s*.3,y2:r+l*.3},style:{stroke:"#ff9800",lineWidth:2,lineDash:[6,4]},silent:!0}))}for(let e=0;e<t.length&&e<re.length;e++){const[i,n]=t[e],r=(e===0||n<=t[e-1][1])&&(e===t.length-1||n<=t[e+1]?.[1]);re[e]&&this.graphicGroup.add(new _.graphic.Text({style:{text:re[e],x:i,y:r?n-14:n+16,fill:"#e2e8f0",fontSize:12,fontWeight:"bold",align:"center",verticalAlign:"middle"},silent:!0})),this.graphicGroup.add(new _.graphic.Circle({shape:{cx:i,cy:n,r:4},style:{fill:"#fff",stroke:"#3b82f6",lineWidth:1.5},z:101,silent:!0}))}}saveDrawing(){const t=this.points.map(e=>this.context.coordinateConversion.pixelToData({x:e[0],y:e[1]}));t.every(e=>e!==null)&&this.context.addDrawing({id:`hs-${Date.now()}`,type:"head_and_shoulders",points:t,paneIndex:t[0].paneIndex||0,style:{color:"#3b82f6",lineWidth:2}})}}var qs=Object.defineProperty,Us=(h,t,e)=>t in h?qs(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Ks=(h,t,e)=>(Us(h,typeof t!="symbol"?t+"":t,e),e);const Ke=["1","2","3","4","5"];class Je{constructor(){Ks(this,"type","triangle_pattern")}render(t){const{drawing:e,pixelPoints:i,isSelected:n}=t,r=e.style?.color||"#3b82f6";if(i.length<2)return;const s=[];i.length>=3&&s.push({type:"polygon",name:"line",shape:{points:i.map(([o,c])=>[o,c])},style:{fill:"rgba(156, 39, 176, 0.06)"}});const l=i.filter((o,c)=>c%2===0);if(l.length>=2){for(let o=0;o<l.length-1;o++)s.push({type:"line",name:"line",shape:{x1:l[o][0],y1:l[o][1],x2:l[o+1][0],y2:l[o+1][1]},style:{stroke:"#f44336",lineWidth:2}});if(l.length>=2){const o=l[l.length-1],c=l[l.length-2],y=o[0]-c[0],d=o[1]-c[1];if(y!==0){const u=o[0]+y*.5,p=o[1]+d*.5;s.push({type:"line",shape:{x1:o[0],y1:o[1],x2:u,y2:p},style:{stroke:"#f44336",lineWidth:1,lineDash:[4,4]},silent:!0})}}}const a=i.filter((o,c)=>c%2===1);if(a.length>=2){for(let o=0;o<a.length-1;o++)s.push({type:"line",name:"line",shape:{x1:a[o][0],y1:a[o][1],x2:a[o+1][0],y2:a[o+1][1]},style:{stroke:"#4caf50",lineWidth:2}});if(a.length>=2){const o=a[a.length-1],c=a[a.length-2],y=o[0]-c[0],d=o[1]-c[1];if(y!==0){const u=o[0]+y*.5,p=o[1]+d*.5;s.push({type:"line",shape:{x1:o[0],y1:o[1],x2:u,y2:p},style:{stroke:"#4caf50",lineWidth:1,lineDash:[4,4]},silent:!0})}}}for(let o=0;o<i.length-1;o++)s.push({type:"line",shape:{x1:i[o][0],y1:i[o][1],x2:i[o+1][0],y2:i[o+1][1]},style:{stroke:"#9c27b0",lineWidth:1,lineDash:[2,2]},silent:!0});for(let o=0;o<i.length&&o<Ke.length;o++){const[c,y]=i[o],d=o%2===0;s.push({type:"text",style:{text:Ke[o],x:c,y:d?y-14:y+16,fill:"#e2e8f0",fontSize:12,fontWeight:"bold",align:"center",verticalAlign:"middle"},silent:!0})}for(let o=0;o<i.length;o++)s.push({type:"circle",name:`point-${o}`,shape:{cx:i[o][0],cy:i[o][1],r:4},style:{fill:"#fff",stroke:r,lineWidth:1,opacity:n?1:0},z:100});return{type:"group",children:s}}}var Js=Object.defineProperty,Qs=(h,t,e)=>t in h?Js(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Ht=(h,t,e)=>(Qs(h,typeof t!="symbol"?t+"":t,e),e);const Qe=["1","2","3","4","5"],to=5;class eo extends K{constructor(t={}){super({id:"triangle-pattern-tool",name:t.name||"Triangle Pattern",icon:t.icon||'<svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="#e3e3e3" stroke-width="1.5"><path d="M2,4 L22,4 L12,20 Z"/></svg>'}),Ht(this,"points",[]),Ht(this,"state","idle"),Ht(this,"graphicGroup",null),Ht(this,"onClick",e=>{const i=this.getPoint(e);this.state==="idle"?(this.state="drawing",this.points=[i,[...i]],this.initGraphic(),this.updateGraphic()):this.state==="drawing"&&(this.points[this.points.length-1]=i,this.points.length>=to?(this.state="finished",this.updateGraphic(),this.saveDrawing(),this.removeGraphic(),this.context.disableTools()):(this.points.push([...i]),this.updateGraphic()))}),Ht(this,"onMouseMove",e=>{this.state!=="drawing"||this.points.length<2||(this.points[this.points.length-1]=this.getPoint(e),this.updateGraphic())})}onInit(){this.context.registerDrawingRenderer(new Je)}onActivate(){this.state="idle",this.points=[],this.context.getChart().getZr().setCursorStyle("crosshair");const t=this.context.getChart().getZr();t.on("click",this.onClick),t.on("mousemove",this.onMouseMove)}onDeactivate(){this.state="idle",this.points=[],this.removeGraphic();const t=this.context.getChart().getZr();t.off("click",this.onClick),t.off("mousemove",this.onMouseMove),t.setCursorStyle("default")}initGraphic(){this.graphicGroup=new _.graphic.Group,this.context.getChart().getZr().add(this.graphicGroup)}removeGraphic(){this.graphicGroup&&(this.context.getChart().getZr().remove(this.graphicGroup),this.graphicGroup=null)}updateGraphic(){if(!this.graphicGroup)return;this.graphicGroup.removeAll();const t=this.points;t.length>=3&&this.graphicGroup.add(new _.graphic.Polygon({shape:{points:t},style:{fill:"rgba(156,39,176,0.06)"},silent:!0}));for(let n=0;n<t.length-1;n++)this.graphicGroup.add(new _.graphic.Line({shape:{x1:t[n][0],y1:t[n][1],x2:t[n+1][0],y2:t[n+1][1]},style:{stroke:"#9c27b0",lineWidth:2},silent:!0}));const e=t.filter((n,r)=>r%2===0);if(e.length>=2)for(let n=0;n<e.length-1;n++)this.graphicGroup.add(new _.graphic.Line({shape:{x1:e[n][0],y1:e[n][1],x2:e[n+1][0],y2:e[n+1][1]},style:{stroke:"#f44336",lineWidth:1,lineDash:[4,4]},silent:!0}));const i=t.filter((n,r)=>r%2===1);if(i.length>=2)for(let n=0;n<i.length-1;n++)this.graphicGroup.add(new _.graphic.Line({shape:{x1:i[n][0],y1:i[n][1],x2:i[n+1][0],y2:i[n+1][1]},style:{stroke:"#4caf50",lineWidth:1,lineDash:[4,4]},silent:!0}));for(let n=0;n<t.length&&n<Qe.length;n++){const[r,s]=t[n],l=n%2===0;this.graphicGroup.add(new _.graphic.Text({style:{text:Qe[n],x:r,y:l?s-14:s+16,fill:"#e2e8f0",fontSize:12,fontWeight:"bold",align:"center",verticalAlign:"middle"},silent:!0})),this.graphicGroup.add(new _.graphic.Circle({shape:{cx:r,cy:s,r:4},style:{fill:"#fff",stroke:"#3b82f6",lineWidth:1.5},z:101,silent:!0}))}}saveDrawing(){const t=this.points.map(e=>this.context.coordinateConversion.pixelToData({x:e[0],y:e[1]}));t.every(e=>e!==null)&&this.context.addDrawing({id:`triangle-${Date.now()}`,type:"triangle_pattern",points:t,paneIndex:t[0].paneIndex||0,style:{color:"#3b82f6",lineWidth:2}})}}var io=Object.defineProperty,no=(h,t,e)=>t in h?io(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,so=(h,t,e)=>(no(h,typeof t!="symbol"?t+"":t,e),e);const ae=["0","D1","C1","D2","C2","D3",""],ti=["#2196f3","#ff9800","#4caf50","#f44336","#00bcd4","#e91e63"];class ei{constructor(){so(this,"type","three_drives_pattern")}render(t){const{drawing:e,pixelPoints:i,isSelected:n}=t,r=e.style?.color||"#3b82f6";if(i.length<2)return;const s=[];i.length>=3&&s.push({type:"polygon",name:"line",shape:{points:i.slice(0,3).map(([o,c])=>[o,c])},style:{fill:"rgba(33, 150, 243, 0.06)"}}),i.length>=5&&s.push({type:"polygon",name:"line",shape:{points:i.slice(2,5).map(([o,c])=>[o,c])},style:{fill:"rgba(76, 175, 80, 0.06)"}}),i.length>=7&&s.push({type:"polygon",name:"line",shape:{points:i.slice(4,7).map(([o,c])=>[o,c])},style:{fill:"rgba(0, 188, 212, 0.06)"}});for(let o=0;o<i.length-1;o++){const[c,y]=i[o],[d,u]=i[o+1];s.push({type:"line",name:"line",shape:{x1:c,y1:y,x2:d,y2:u},style:{stroke:ti[o%ti.length],lineWidth:e.style?.lineWidth||2}})}const l=[[1,3],[3,5],[2,4]];for(const[o,c]of l)o<i.length&&c<i.length&&s.push({type:"line",shape:{x1:i[o][0],y1:i[o][1],x2:i[c][0],y2:i[c][1]},style:{stroke:"#555",lineWidth:1,lineDash:[4,4]},silent:!0});const a=e.points;if(a.length>=4){const o=Math.abs(a[1].value-a[0].value),c=Math.abs(a[3].value-a[2].value);if(o!==0){const y=(c/o).toFixed(3),d=(i[2][0]+i[3][0])/2,u=(i[2][1]+i[3][1])/2;s.push({type:"text",style:{text:`D2/D1: ${y}`,x:d+10,y:u,fill:"#4caf50",fontSize:9},silent:!0})}}if(a.length>=6){const o=Math.abs(a[3].value-a[2].value),c=Math.abs(a[5].value-a[4].value);if(o!==0){const y=(c/o).toFixed(3),d=(i[4][0]+i[5][0])/2,u=(i[4][1]+i[5][1])/2;s.push({type:"text",style:{text:`D3/D2: ${y}`,x:d+10,y:u,fill:"#00bcd4",fontSize:9},silent:!0})}}if(a.length>=3){const o=Math.abs(a[1].value-a[0].value),c=Math.abs(a[2].value-a[1].value);if(o!==0){const y=(c/o).toFixed(3),d=(i[1][0]+i[2][0])/2,u=(i[1][1]+i[2][1])/2;s.push({type:"text",style:{text:y,x:d+8,y:u,fill:"#ff9800",fontSize:10},silent:!0})}}for(let o=0;o<i.length&&o<ae.length;o++){if(!ae[o])continue;const[c,y]=i[o],d=(o===0||y<=i[o-1][1])&&(o===i.length-1||y<=i[o+1]?.[1]);s.push({type:"text",style:{text:ae[o],x:c,y:d?y-14:y+16,fill:"#e2e8f0",fontSize:11,fontWeight:"bold",align:"center",verticalAlign:"middle"},silent:!0})}for(let o=0;o<i.length;o++)s.push({type:"circle",name:`point-${o}`,shape:{cx:i[o][0],cy:i[o][1],r:4},style:{fill:"#fff",stroke:r,lineWidth:1,opacity:n?1:0},z:100});return{type:"group",children:s}}}var oo=Object.defineProperty,ro=(h,t,e)=>t in h?oo(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Ot=(h,t,e)=>(ro(h,typeof t!="symbol"?t+"":t,e),e);const le=["0","D1","C1","D2","C2","D3",""],ii=["#2196f3","#ff9800","#4caf50","#f44336","#00bcd4","#e91e63"],ao=7;class lo extends K{constructor(t={}){super({id:"three-drives-pattern-tool",name:t.name||"Three Drives",icon:t.icon||'<svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="#e3e3e3" stroke-width="1.5"><polyline points="1,20 4,8 7,14 11,5 15,12 19,2 23,10"/></svg>'}),Ot(this,"points",[]),Ot(this,"state","idle"),Ot(this,"graphicGroup",null),Ot(this,"onClick",e=>{const i=this.getPoint(e);this.state==="idle"?(this.state="drawing",this.points=[i,[...i]],this.initGraphic(),this.updateGraphic()):this.state==="drawing"&&(this.points[this.points.length-1]=i,this.points.length>=ao?(this.state="finished",this.updateGraphic(),this.saveDrawing(),this.removeGraphic(),this.context.disableTools()):(this.points.push([...i]),this.updateGraphic()))}),Ot(this,"onMouseMove",e=>{this.state!=="drawing"||this.points.length<2||(this.points[this.points.length-1]=this.getPoint(e),this.updateGraphic())})}onInit(){this.context.registerDrawingRenderer(new ei)}onActivate(){this.state="idle",this.points=[],this.context.getChart().getZr().setCursorStyle("crosshair");const t=this.context.getChart().getZr();t.on("click",this.onClick),t.on("mousemove",this.onMouseMove)}onDeactivate(){this.state="idle",this.points=[],this.removeGraphic();const t=this.context.getChart().getZr();t.off("click",this.onClick),t.off("mousemove",this.onMouseMove),t.setCursorStyle("default")}initGraphic(){this.graphicGroup=new _.graphic.Group,this.context.getChart().getZr().add(this.graphicGroup)}removeGraphic(){this.graphicGroup&&(this.context.getChart().getZr().remove(this.graphicGroup),this.graphicGroup=null)}updateGraphic(){if(!this.graphicGroup)return;this.graphicGroup.removeAll();const t=this.points;t.length>=3&&this.graphicGroup.add(new _.graphic.Polygon({shape:{points:t.slice(0,3)},style:{fill:"rgba(33,150,243,0.06)"},silent:!0})),t.length>=5&&this.graphicGroup.add(new _.graphic.Polygon({shape:{points:t.slice(2,5)},style:{fill:"rgba(76,175,80,0.06)"},silent:!0})),t.length>=7&&this.graphicGroup.add(new _.graphic.Polygon({shape:{points:t.slice(4,7)},style:{fill:"rgba(0,188,212,0.06)"},silent:!0}));for(let i=0;i<t.length-1;i++)this.graphicGroup.add(new _.graphic.Line({shape:{x1:t[i][0],y1:t[i][1],x2:t[i+1][0],y2:t[i+1][1]},style:{stroke:ii[i%ii.length],lineWidth:2},silent:!0}));const e=[[1,3],[3,5],[2,4]];for(const[i,n]of e)i<t.length&&n<t.length&&this.graphicGroup.add(new _.graphic.Line({shape:{x1:t[i][0],y1:t[i][1],x2:t[n][0],y2:t[n][1]},style:{stroke:"#555",lineWidth:1,lineDash:[4,4]},silent:!0}));for(let i=0;i<t.length&&i<le.length;i++){const[n,r]=t[i],s=(i===0||r<=t[i-1][1])&&(i===t.length-1||r<=t[i+1]?.[1]);le[i]&&this.graphicGroup.add(new _.graphic.Text({style:{text:le[i],x:n,y:s?r-14:r+16,fill:"#e2e8f0",fontSize:11,fontWeight:"bold",align:"center",verticalAlign:"middle"},silent:!0})),this.graphicGroup.add(new _.graphic.Circle({shape:{cx:n,cy:r,r:4},style:{fill:"#fff",stroke:"#3b82f6",lineWidth:1.5},z:101,silent:!0}))}}saveDrawing(){const t=this.points.map(e=>this.context.coordinateConversion.pixelToData({x:e[0],y:e[1]}));t.every(e=>e!==null)&&this.context.addDrawing({id:`3drives-${Date.now()}`,type:"three_drives_pattern",points:t,paneIndex:t[0].paneIndex||0,style:{color:"#3b82f6",lineWidth:2}})}}var ho=Object.defineProperty,co=(h,t,e)=>t in h?ho(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e,Mt=(h,t,e)=>(co(h,typeof t!="symbol"?t+"":t,e),e);class po extends K{constructor(t){const e='<svg width="8" height="8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="position: absolute; right: -4px; top: 50%; transform: translateY(-50%); opacity: 0.6;"><polyline points="9 18 15 12 9 6"></polyline></svg>';let i="";t.icon?i=`<div style="position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;">
+                <div style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;">
+                    ${t.icon}
+                </div>
+                ${e}
+            </div>`:i=`<div style="position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;">
+                <span>${t.name.substring(0,2).toUpperCase()}</span>
+                ${e}
+            </div>`,super({id:t.id||`group-${t.name.toLowerCase().replace(/\s+/g,"-")}`,name:t.name,icon:i}),Mt(this,"plugins",[]),Mt(this,"activeSubPlugin",null),Mt(this,"menuElement",null),Mt(this,"buttonElement",null),Mt(this,"originalIcon",""),Mt(this,"arrowSvg",""),Mt(this,"handleOutsideClick",n=>{this.menuElement&&!this.menuElement.contains(n.target)&&(this.hideMenu(),this.activeSubPlugin||this.buttonElement?.click())}),this.originalIcon=i,this.arrowSvg=e}add(t){this.plugins.push(t)}onInit(){this.plugins.forEach(t=>t.init(this.context))}onActivate(){this.showMenu()}onDeactivate(){this.hideMenu(),this.activeSubPlugin&&(this.activeSubPlugin.deactivate?.(),this.activeSubPlugin=null),this.buttonElement&&(this.buttonElement.innerHTML=this.originalIcon)}onDestroy(){this.hideMenu(),this.plugins.forEach(t=>t.destroy?.())}showMenu(){if(this.buttonElement=document.getElementById(`qfchart-plugin-btn-${this.id}`),!this.buttonElement)return;this.menuElement&&this.hideMenu(),this.menuElement=document.createElement("div"),Object.assign(this.menuElement.style,{position:"fixed",backgroundColor:"#1e293b",border:"1px solid #334155",borderRadius:"6px",padding:"4px",display:"flex",flexDirection:"column",gap:"2px",zIndex:"10000",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.3)",minWidth:"150px"}),this.plugins.forEach(e=>{const i=document.createElement("div");if(Object.assign(i.style,{display:"flex",alignItems:"center",padding:"8px 12px",cursor:"pointer",color:"#cbd5e1",borderRadius:"4px",fontSize:"13px",fontFamily:this.context.getOptions().fontFamily||"sans-serif",transition:"background-color 0.2s"}),i.addEventListener("mouseenter",()=>{i.style.backgroundColor="rgba(255, 255, 255, 0.1)"}),i.addEventListener("mouseleave",()=>{i.style.backgroundColor="transparent"}),e.icon){const r=document.createElement("div");r.innerHTML=e.icon,Object.assign(r.style,{width:"20px",height:"20px",marginRight:"10px",display:"flex",alignItems:"center",justifyContent:"center"});const s=r.querySelector("svg");s&&(s.style.width="100%",s.style.height="100%"),i.appendChild(r)}const n=document.createElement("span");n.textContent=e.name||e.id,i.appendChild(n),i.addEventListener("click",r=>{r.stopPropagation(),this.activateSubPlugin(e)}),this.menuElement.appendChild(i)}),document.body.appendChild(this.menuElement);const t=this.buttonElement.getBoundingClientRect();this.menuElement.style.top=`${t.top}px`,this.menuElement.style.left=`${t.right+5}px`,setTimeout(()=>{document.addEventListener("click",this.handleOutsideClick)},0)}hideMenu(){this.menuElement&&this.menuElement.parentNode&&this.menuElement.parentNode.removeChild(this.menuElement),this.menuElement=null,document.removeEventListener("click",this.handleOutsideClick)}activateSubPlugin(t){if(this.hideMenu(),this.activeSubPlugin&&this.activeSubPlugin.deactivate?.(),this.activeSubPlugin=t,this.activeSubPlugin.activate?.(),this.buttonElement){let e="";t.icon?e=`<div style="position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;">
+                    <div style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;">
+                        ${t.icon}
+                    </div>
+                    ${this.arrowSvg}
+                </div>`:e=`<div style="position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;">
+                    <span>${(t.name||t.id).substring(0,2).toUpperCase()}</span>
+                    ${this.arrowSvg}
+                </div>`,this.buttonElement.innerHTML=e}}}T.ABCDPatternDrawingRenderer=He,T.ABCDPatternTool=Es,T.AbstractPlugin=K,T.CrossLineDrawingRenderer=Ie,T.CrossLineTool=Xn,T.CypherPatternDrawingRenderer=Ve,T.CypherPatternTool=Rs,T.DrawingRendererRegistry=ye,T.ExtendedLineDrawingRenderer=be,T.ExtendedLineTool=mn,T.FibSpeedResistanceFanDrawingRenderer=ze,T.FibSpeedResistanceFanTool=ps,T.FibTrendExtensionDrawingRenderer=Ee,T.FibTrendExtensionTool=ms,T.FibonacciChannelDrawingRenderer=Se,T.FibonacciChannelTool=rs,T.FibonacciDrawingRenderer=_e,T.FibonacciTool=ts,T.HeadAndShouldersDrawingRenderer=Ue,T.HeadAndShouldersTool=Xs,T.HorizontalLineDrawingRenderer=we,T.HorizontalLineTool=Sn,T.HorizontalRayDrawingRenderer=Pe,T.HorizontalRayTool=Tn,T.InfoLineDrawingRenderer=me,T.InfoLineTool=pn,T.LineDrawingRenderer=fe,T.LineTool=Qi,T.MeasureTool=Vi,T.QFChart=Hi,T.RayDrawingRenderer=xe,T.RayTool=rn,T.ThreeDrivesPatternDrawingRenderer=ei,T.ThreeDrivesPatternTool=lo,T.ToolGroup=po,T.TrendAngleDrawingRenderer=ve,T.TrendAngleTool=kn,T.TrianglePatternDrawingRenderer=Je,T.TrianglePatternTool=eo,T.VerticalLineDrawingRenderer=De,T.VerticalLineTool=Hn,T.XABCDPatternDrawingRenderer=We,T.XABCDPatternTool=Is});