@petal-nexus/toolkit 0.2.5 → 0.3.0

package/dist/petal-toolkit.es29.js

@@ -1,12 +1,12 @@
 var f = Object.defineProperty;
-var L = (c, d, e) => d in c ? f(c, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[d] = e;
-var n = (c, d, e) => L(c, typeof d != "symbol" ? d + "" : d, e);
-import { s as o } from "./petal-toolkit.es57.js";
-import { FinChartLegendAnnotation as A } from "./petal-toolkit.es28.js";
-class m extends o.ChartModifierBase2D {
+var L = (c, l, e) => l in c ? f(c, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[l] = e;
+var n = (c, l, e) => L(c, typeof l != "symbol" ? l + "" : l, e);
+import { s as r } from "./petal-toolkit.es57.js";
+import { FinChartLegendAnnotation as g } from "./petal-toolkit.es28.js";
+class x extends r.ChartModifierBase2D {
   constructor(e) {
     super();
-    n(this, "type", o.EChart2DModifierType.Custom);
+    n(this, "type", r.EChart2DModifierType.Custom);
     n(this, "legendTemplate");
     n(this, "crosshairStroke", "#888888");
     n(this, "crosshairStrokeThickness", 1);
@@ -16,6 +16,7 @@ class m extends o.ChartModifierBase2D {
     n(this, "axisLabelFill", "#1a3a4a");
     n(this, "legendOffsetX", 10);
     n(this, "legendOffsetY", 8);
+    n(this, "legendPlacement", "top-left");
     n(this, "textColor", "#e0e0e0");
     n(this, "xLineAnnotations", /* @__PURE__ */ new Map());
     n(this, "yLineAnnotations", /* @__PURE__ */ new Map());
@@ -23,7 +24,7 @@ class m extends o.ChartModifierBase2D {
     n(this, "mousePositionSciChartSurface");
     n(this, "translatedMousePoint");
     n(this, "legendAnnotations", /* @__PURE__ */ new Map());
-    this.legendTemplate = e == null ? void 0 : e.legendTemplate, this.legendOffsetX = (e == null ? void 0 : e.legendOffsetX) ?? this.legendOffsetX, this.legendOffsetY = (e == null ? void 0 : e.legendOffsetY) ?? this.legendOffsetY, this.crosshairStroke = (e == null ? void 0 : e.crosshairStroke) ?? this.crosshairStroke, this.crosshairStrokeThickness = (e == null ? void 0 : e.crosshairStrokeThickness) ?? this.crosshairStrokeThickness, this.crosshairStrokeDashArray = (e == null ? void 0 : e.crosshairStrokeDashArray) ?? this.crosshairStrokeDashArray, this.showAxisLabels = (e == null ? void 0 : e.showAxisLabels) ?? this.showAxisLabels, this.axisLabelStroke = (e == null ? void 0 : e.axisLabelStroke) ?? this.axisLabelStroke, this.axisLabelFill = (e == null ? void 0 : e.axisLabelFill) ?? this.axisLabelFill, this.textColor = (e == null ? void 0 : e.textColor) ?? this.textColor;
+    this.receiveHandledEvents = !0, this.legendTemplate = e == null ? void 0 : e.legendTemplate, this.legendOffsetX = (e == null ? void 0 : e.legendOffsetX) ?? this.legendOffsetX, this.legendOffsetY = (e == null ? void 0 : e.legendOffsetY) ?? this.legendOffsetY, this.legendPlacement = (e == null ? void 0 : e.legendPlacement) ?? this.legendPlacement, this.crosshairStroke = (e == null ? void 0 : e.crosshairStroke) ?? this.crosshairStroke, this.crosshairStrokeThickness = (e == null ? void 0 : e.crosshairStrokeThickness) ?? this.crosshairStrokeThickness, this.crosshairStrokeDashArray = (e == null ? void 0 : e.crosshairStrokeDashArray) ?? this.crosshairStrokeDashArray, this.showAxisLabels = (e == null ? void 0 : e.showAxisLabels) ?? this.showAxisLabels, this.axisLabelStroke = (e == null ? void 0 : e.axisLabelStroke) ?? this.axisLabelStroke, this.axisLabelFill = (e == null ? void 0 : e.axisLabelFill) ?? this.axisLabelFill, this.textColor = (e == null ? void 0 : e.textColor) ?? this.textColor;
   }
   modifierMouseMove(e) {
     super.modifierMouseMove(e), this.updateMousePosition(), this.update();
@@ -42,9 +43,9 @@ class m extends o.ChartModifierBase2D {
     return (i = this.parentSurface) == null ? void 0 : i.subCharts.find((t) => t.id === e);
   }
   newLineAnnotation() {
-    return new o.LineAnnotation({
-      xCoordinateMode: o.ECoordinateMode.Pixel,
-      yCoordinateMode: o.ECoordinateMode.Pixel,
+    return new r.LineAnnotation({
+      xCoordinateMode: r.ECoordinateMode.Pixel,
+      yCoordinateMode: r.ECoordinateMode.Pixel,
       strokeThickness: this.crosshairStrokeThickness,
       strokeDashArray: this.crosshairStrokeDashArray,
       stroke: this.crosshairStroke,
@@ -66,9 +67,9 @@ class m extends o.ChartModifierBase2D {
         if (!t) continue;
         const s = (i = t.getSubChartRect) == null ? void 0 : i.call(t);
         if (!s || typeof s.top != "number" || typeof s.bottom != "number") continue;
-        const { left: l, right: a, top: r, bottom: h } = s;
-        if (o.testIsInBounds(this.mousePoint.x, this.mousePoint.y, l, h, a, r)) {
-          this.mousePositionSciChartSurface = t, this.translatedMousePoint = o.translateFromCanvasToSeriesViewRect(
+        const { left: d, right: a, top: o, bottom: h } = s;
+        if (r.testIsInBounds(this.mousePoint.x, this.mousePoint.y, d, h, a, o)) {
+          this.mousePositionSciChartSurface = t, this.translatedMousePoint = r.translateFromCanvasToSeriesViewRect(
             this.mousePoint,
             t.seriesViewRect
           ), this.translatedMousePoint ? this.mousePosition = 2 : this.mousePosition = 1, e = !0;
@@ -84,17 +85,17 @@ class m extends o.ChartModifierBase2D {
   update() {
     if (this.parentSurface)
       if (this.mousePosition === 2 && this.translatedMousePoint) {
-        const { x: e, y: i } = this.translatedMousePoint, t = o.translateToNotScaled(e), s = o.translateToNotScaled(i);
-        let l;
+        const { x: e, y: i } = this.translatedMousePoint, t = r.translateToNotScaled(e), s = r.translateToNotScaled(i);
+        let d;
         if (this.mousePositionSciChartSurface) {
           const a = this.mousePositionSciChartSurface.xAxes.get(0);
-          a && (l = a.getCurrentCoordinateCalculator().getDataValue(e));
+          a && (d = a.getCurrentCoordinateCalculator().getDataValue(e));
         }
         this.parentSurface.subCharts.forEach((a) => {
-          const r = this.xLineAnnotations.get(a.id), h = this.yLineAnnotations.get(a.id);
-          r && (r.isHidden = !1, r.y1 = 0, r.y2 = a.seriesViewRect.bottom / o.DpiHelper.PIXEL_RATIO, r.x1 = t, r.x2 = t), h && (a === this.mousePositionSciChartSurface ? (h.isHidden = !1, h.x1 = 0, h.x2 = a.seriesViewRect.right / o.DpiHelper.PIXEL_RATIO, h.y1 = s, h.y2 = s) : h.isHidden = !0);
+          const o = this.xLineAnnotations.get(a.id), h = this.yLineAnnotations.get(a.id);
+          o && (o.isHidden = !1, o.y1 = 0, o.y2 = a.seriesViewRect.bottom / r.DpiHelper.PIXEL_RATIO, o.x1 = t, o.x2 = t), h && (a === this.mousePositionSciChartSurface ? (h.isHidden = !1, h.x1 = 0, h.x2 = a.seriesViewRect.right / r.DpiHelper.PIXEL_RATIO, h.y1 = s, h.y2 = s) : h.isHidden = !0);
           const u = this.legendAnnotations.get(a.id);
-          u && u.updateLegend(l);
+          u && u.updateLegend(d);
         });
       } else
         this.parentSurface.subCharts.forEach((e) => {
@@ -123,14 +124,15 @@ class m extends o.ChartModifierBase2D {
   addLegendAnnotation(e) {
     const i = this.getSciChartSurface(e);
     if (!i || !this.parentSurface) return;
-    const s = e.includes("macd") || e.includes("rsi") ? -2 : this.legendOffsetY, l = new A(this.parentSurface, {
+    const s = e.includes("macd") || e.includes("rsi") ? -2 : this.legendOffsetY, d = new g(this.parentSurface, {
       template: this.legendTemplate,
       offsetX: this.legendOffsetX,
       offsetY: s,
+      placement: this.legendPlacement,
       paneId: e,
       textColor: this.textColor
     });
-    this.legendAnnotations.set(e, l), i.annotations.add(l);
+    this.legendAnnotations.set(e, d), i.annotations.add(d);
   }
   removeLegendAnnotation(e) {
     const i = this.getSciChartSurface(e);
@@ -140,6 +142,6 @@ class m extends o.ChartModifierBase2D {
   }
 }
 export {
-  m as FinChartLegendModifier
+  x as FinChartLegendModifier
 };
 //# sourceMappingURL=petal-toolkit.es29.js.map

package/dist/petal-toolkit.es29.js.map

@@ -1 +1 @@
-{"version":3,"file":"petal-toolkit.es29.js","sources":["../src/scichart/modifiers/FinChartLegendModifier.ts"],"sourcesContent":["import {\n  ChartModifierBase2D,\n  DpiHelper,\n  ECoordinateMode,\n  EChart2DModifierType,\n  type IChartModifierBaseOptions,\n  LineAnnotation,\n  type ModifierMouseArgs,\n  type Point,\n  type SciChartSubSurface,\n  translateFromCanvasToSeriesViewRect,\n  translateToNotScaled,\n  testIsInBounds,\n  type ISciChartSubSurface,\n} from 'scichart';\nimport { type TFinanceLegendTemplate, FinChartLegendAnnotation } from './FinChartLegendAnnotation';\n\n/**\n * Options for the FinChartLegendModifier\n */\nexport interface IFinanceLegendModifierOptions extends IChartModifierBaseOptions {\n  legendTemplate?: TFinanceLegendTemplate;\n  legendOffsetX?: number;\n  legendOffsetY?: number;\n  crosshairStroke?: string;\n  crosshairStrokeThickness?: number;\n  crosshairStrokeDashArray?: number[];\n  showAxisLabels?: boolean;\n  axisLabelStroke?: string;\n  axisLabelFill?: string;\n  textColor?: string;\n}\n\nenum EMousePosition {\n  OutOfCanvas,\n  AxisArea,\n  SeriesArea,\n}\n\n/**\n * A custom chart modifier that displays a crosshair and legend with OHLC/indicator values.\n * The crosshair syncs across all subcharts, and each subchart gets its own legend annotation.\n *\n * @example\n * ```typescript\n * const legendModifier = new FinChartLegendModifier({\n *   crosshairStroke: '#666666',\n *   crosshairStrokeDashArray: [3, 3],\n *   showAxisLabels: true,\n * });\n * mainSurface.chartModifiers.add(legendModifier);\n * ```\n */\nexport class FinChartLegendModifier extends ChartModifierBase2D {\n  public type = EChart2DModifierType.Custom;\n  public legendTemplate: TFinanceLegendTemplate | undefined;\n  public crosshairStroke: string = '#888888';\n  public crosshairStrokeThickness: number = 1;\n  public crosshairStrokeDashArray: number[] = [3, 3];\n  public showAxisLabels: boolean = true;\n  public axisLabelStroke: string = '#e0e0e0';\n  public axisLabelFill: string = '#1a3a4a';\n  public legendOffsetX: number = 10;\n  public legendOffsetY: number = 8;\n  public textColor: string = '#e0e0e0';\n\n  private readonly xLineAnnotations: Map<string, LineAnnotation> = new Map();\n  private readonly yLineAnnotations: Map<string, LineAnnotation> = new Map();\n  private mousePosition: EMousePosition = EMousePosition.OutOfCanvas;\n  private mousePositionSciChartSurface: ISciChartSubSurface | undefined;\n  private translatedMousePoint: Point | undefined;\n  private readonly legendAnnotations: Map<string, FinChartLegendAnnotation> = new Map();\n\n  constructor(options?: IFinanceLegendModifierOptions) {\n    super();\n    this.legendTemplate = options?.legendTemplate;\n    this.legendOffsetX = options?.legendOffsetX ?? this.legendOffsetX;\n    this.legendOffsetY = options?.legendOffsetY ?? this.legendOffsetY;\n    this.crosshairStroke = options?.crosshairStroke ?? this.crosshairStroke;\n    this.crosshairStrokeThickness =\n      options?.crosshairStrokeThickness ?? this.crosshairStrokeThickness;\n    this.crosshairStrokeDashArray =\n      options?.crosshairStrokeDashArray ?? this.crosshairStrokeDashArray;\n    this.showAxisLabels = options?.showAxisLabels ?? this.showAxisLabels;\n    this.axisLabelStroke = options?.axisLabelStroke ?? this.axisLabelStroke;\n    this.axisLabelFill = options?.axisLabelFill ?? this.axisLabelFill;\n    this.textColor = options?.textColor ?? this.textColor;\n  }\n\n  public modifierMouseMove(args: ModifierMouseArgs): void {\n    super.modifierMouseMove(args);\n    this.updateMousePosition();\n    this.update();\n  }\n\n  public modifierMouseLeave(args: ModifierMouseArgs): void {\n    super.modifierMouseLeave(args);\n    this.mousePosition = EMousePosition.OutOfCanvas;\n    this.update();\n  }\n\n  public onAttachSubSurface(subChart: SciChartSubSurface): void {\n    this.addLineAnnotations(subChart.id);\n    this.addLegendAnnotation(subChart.id);\n  }\n\n  public onDetachSubSurface(subChart: SciChartSubSurface): void {\n    this.removeLineAnnotations(subChart.id);\n    this.removeLegendAnnotation(subChart.id);\n  }\n\n  private getSciChartSurface(paneId: string) {\n    return this.parentSurface?.subCharts.find((subChart) => subChart.id === paneId);\n  }\n\n  private newLineAnnotation() {\n    return new LineAnnotation({\n      xCoordinateMode: ECoordinateMode.Pixel,\n      yCoordinateMode: ECoordinateMode.Pixel,\n      strokeThickness: this.crosshairStrokeThickness,\n      strokeDashArray: this.crosshairStrokeDashArray,\n      stroke: this.crosshairStroke,\n      isHidden: true,\n      showLabel: this.showAxisLabels,\n      axisLabelFill: this.axisLabelFill,\n      axisLabelStroke: this.axisLabelStroke,\n    });\n  }\n\n  private updateMousePosition() {\n    if (!this.mousePoint || !this.parentSurface) {\n      this.mousePosition = EMousePosition.OutOfCanvas;\n      return;\n    }\n\n    // Check all subcharts to find which one the mouse is over\n    let found = false;\n    try {\n      for (const scs of this.parentSurface.subCharts) {\n        // Skip if subchart is not ready\n        if (!scs) continue;\n\n        const rect = scs.getSubChartRect?.();\n        // Skip if subchart rect not yet initialized or incomplete\n        if (!rect || typeof rect.top !== 'number' || typeof rect.bottom !== 'number') continue;\n\n        const { left, right, top, bottom } = rect;\n        if (testIsInBounds(this.mousePoint.x, this.mousePoint.y, left, bottom, right, top)) {\n          this.mousePositionSciChartSurface = scs;\n\n          this.translatedMousePoint = translateFromCanvasToSeriesViewRect(\n            this.mousePoint,\n            scs.seriesViewRect\n          );\n          if (!this.translatedMousePoint) {\n            this.mousePosition = EMousePosition.AxisArea;\n          } else {\n            this.mousePosition = EMousePosition.SeriesArea;\n          }\n          found = true;\n          break;\n        }\n      }\n    } catch {\n      // Subchart may not be fully initialized yet\n      this.mousePosition = EMousePosition.OutOfCanvas;\n      return;\n    }\n\n    if (!found) {\n      this.mousePosition = EMousePosition.OutOfCanvas;\n    }\n  }\n\n  private update() {\n    if (!this.parentSurface) return;\n\n    if (this.mousePosition === EMousePosition.SeriesArea && this.translatedMousePoint) {\n      const { x: scaledX, y: scaledY } = this.translatedMousePoint;\n      const x = translateToNotScaled(scaledX);\n      const y = translateToNotScaled(scaledY);\n\n      // Get the data x-value for legend updates\n      let xDataValue: number | undefined;\n      if (this.mousePositionSciChartSurface) {\n        const xAxis = this.mousePositionSciChartSurface.xAxes.get(0);\n        if (xAxis) {\n          const coordCalc = xAxis.getCurrentCoordinateCalculator();\n          xDataValue = coordCalc.getDataValue(scaledX);\n        }\n      }\n\n      this.parentSurface.subCharts.forEach((scs: ISciChartSubSurface) => {\n        const xLineAnnotation = this.xLineAnnotations.get(scs.id);\n        const yLineAnnotation = this.yLineAnnotations.get(scs.id);\n\n        if (xLineAnnotation) {\n          // Vertical crosshair line - shown on all panes\n          xLineAnnotation.isHidden = false;\n          xLineAnnotation.y1 = 0;\n          xLineAnnotation.y2 = scs.seriesViewRect.bottom / DpiHelper.PIXEL_RATIO;\n          xLineAnnotation.x1 = x;\n          xLineAnnotation.x2 = x;\n        }\n\n        if (yLineAnnotation) {\n          // Horizontal crosshair line - only on active pane\n          if (scs === this.mousePositionSciChartSurface) {\n            yLineAnnotation.isHidden = false;\n            yLineAnnotation.x1 = 0;\n            yLineAnnotation.x2 = scs.seriesViewRect.right / DpiHelper.PIXEL_RATIO;\n            yLineAnnotation.y1 = y;\n            yLineAnnotation.y2 = y;\n          } else {\n            yLineAnnotation.isHidden = true;\n          }\n        }\n\n        // Update legend\n        const legendAnnotation = this.legendAnnotations.get(scs.id);\n        if (legendAnnotation) {\n          legendAnnotation.updateLegend(xDataValue);\n        }\n      });\n    } else {\n      // Mouse out of canvas - hide crosshairs but show legends with latest values\n      this.parentSurface.subCharts.forEach((scs) => {\n        const xLine = this.xLineAnnotations.get(scs.id);\n        const yLine = this.yLineAnnotations.get(scs.id);\n        if (xLine) xLine.isHidden = true;\n        if (yLine) yLine.isHidden = true;\n\n        const legendAnnotation = this.legendAnnotations.get(scs.id);\n        if (legendAnnotation) {\n          legendAnnotation.updateLegend(undefined);\n        }\n      });\n    }\n  }\n\n  private addLineAnnotations(paneId: string) {\n    const subChart = this.getSciChartSurface(paneId);\n    if (!subChart) return;\n\n    const xLineAnnotation = this.newLineAnnotation();\n    this.xLineAnnotations.set(paneId, xLineAnnotation);\n\n    const yLineAnnotation = this.newLineAnnotation();\n    this.yLineAnnotations.set(paneId, yLineAnnotation);\n\n    subChart.annotations.add(xLineAnnotation, yLineAnnotation);\n  }\n\n  private removeLineAnnotations(paneId: string) {\n    const scs = this.getSciChartSurface(paneId);\n    if (!scs) return;\n\n    const xLineAnnotation = this.xLineAnnotations.get(paneId);\n    if (xLineAnnotation) {\n      xLineAnnotation.delete();\n      scs.annotations.remove(xLineAnnotation);\n      this.xLineAnnotations.delete(paneId);\n    }\n\n    const yLineAnnotation = this.yLineAnnotations.get(paneId);\n    if (yLineAnnotation) {\n      yLineAnnotation.delete();\n      scs.annotations.remove(yLineAnnotation);\n      this.yLineAnnotations.delete(paneId);\n    }\n  }\n\n  private addLegendAnnotation(paneId: string) {\n    const subChart = this.getSciChartSurface(paneId);\n    if (!subChart || !this.parentSurface) return;\n\n    // Adjust offsetY based on pane - indicator charts get moved up more\n    const isIndicatorChart = paneId.includes('macd') || paneId.includes('rsi');\n    const adjustedOffsetY = isIndicatorChart ? -2 : this.legendOffsetY;\n\n    const legendAnnotation = new FinChartLegendAnnotation(this.parentSurface, {\n      template: this.legendTemplate,\n      offsetX: this.legendOffsetX,\n      offsetY: adjustedOffsetY,\n      paneId,\n      textColor: this.textColor,\n    });\n    this.legendAnnotations.set(paneId, legendAnnotation);\n    subChart.annotations.add(legendAnnotation);\n  }\n\n  private removeLegendAnnotation(paneId: string) {\n    const scs = this.getSciChartSurface(paneId);\n    if (!scs) return;\n\n    const legendAnnotation = this.legendAnnotations.get(paneId);\n    if (legendAnnotation) {\n      legendAnnotation.delete();\n      scs.annotations.remove(legendAnnotation);\n      this.legendAnnotations.delete(paneId);\n    }\n  }\n}\n"],"names":["FinChartLegendModifier","ChartModifierBase2D","options","__publicField","EChart2DModifierType","args","subChart","paneId","_a","LineAnnotation","ECoordinateMode","found","scs","rect","left","right","top","bottom","testIsInBounds","translateFromCanvasToSeriesViewRect","scaledX","scaledY","x","translateToNotScaled","y","xDataValue","xAxis","xLineAnnotation","yLineAnnotation","DpiHelper","legendAnnotation","xLine","yLine","adjustedOffsetY","FinChartLegendAnnotation"],"mappings":"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"}
+{"version":3,"file":"petal-toolkit.es29.js","sources":["../src/scichart/modifiers/FinChartLegendModifier.ts"],"sourcesContent":["import {\n  ChartModifierBase2D,\n  DpiHelper,\n  ECoordinateMode,\n  EChart2DModifierType,\n  type IChartModifierBaseOptions,\n  LineAnnotation,\n  type ModifierMouseArgs,\n  type Point,\n  type SciChartSubSurface,\n  translateFromCanvasToSeriesViewRect,\n  translateToNotScaled,\n  testIsInBounds,\n  type ISciChartSubSurface,\n} from 'scichart';\nimport { type TFinanceLegendTemplate, FinChartLegendAnnotation } from './FinChartLegendAnnotation';\n\n/**\n * Legend placement options (4 corners)\n */\nexport type LegendPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n\n/**\n * Options for the FinChartLegendModifier\n */\nexport interface IFinanceLegendModifierOptions extends IChartModifierBaseOptions {\n  legendTemplate?: TFinanceLegendTemplate;\n  legendOffsetX?: number;\n  legendOffsetY?: number;\n  legendPlacement?: LegendPlacement;\n  crosshairStroke?: string;\n  crosshairStrokeThickness?: number;\n  crosshairStrokeDashArray?: number[];\n  showAxisLabels?: boolean;\n  axisLabelStroke?: string;\n  axisLabelFill?: string;\n  textColor?: string;\n}\n\nenum EMousePosition {\n  OutOfCanvas,\n  AxisArea,\n  SeriesArea,\n}\n\n/**\n * A custom chart modifier that displays a crosshair and legend with OHLC/indicator values.\n * The crosshair syncs across all subcharts, and each subchart gets its own legend annotation.\n *\n * @example\n * ```typescript\n * const legendModifier = new FinChartLegendModifier({\n *   crosshairStroke: '#666666',\n *   crosshairStrokeDashArray: [3, 3],\n *   showAxisLabels: true,\n * });\n * mainSurface.chartModifiers.add(legendModifier);\n * ```\n */\nexport class FinChartLegendModifier extends ChartModifierBase2D {\n  public type = EChart2DModifierType.Custom;\n  public legendTemplate: TFinanceLegendTemplate | undefined;\n  public crosshairStroke: string = '#888888';\n  public crosshairStrokeThickness: number = 1;\n  public crosshairStrokeDashArray: number[] = [3, 3];\n  public showAxisLabels: boolean = true;\n  public axisLabelStroke: string = '#e0e0e0';\n  public axisLabelFill: string = '#1a3a4a';\n  public legendOffsetX: number = 10;\n  public legendOffsetY: number = 8;\n  public legendPlacement: LegendPlacement = 'top-left';\n  public textColor: string = '#e0e0e0';\n\n  private readonly xLineAnnotations: Map<string, LineAnnotation> = new Map();\n  private readonly yLineAnnotations: Map<string, LineAnnotation> = new Map();\n  private mousePosition: EMousePosition = EMousePosition.OutOfCanvas;\n  private mousePositionSciChartSurface: ISciChartSubSurface | undefined;\n  private translatedMousePoint: Point | undefined;\n  private readonly legendAnnotations: Map<string, FinChartLegendAnnotation> = new Map();\n\n  constructor(options?: IFinanceLegendModifierOptions) {\n    super();\n    // Allow other modifiers (zoom, pan) to receive events even after this modifier handles them\n    this.receiveHandledEvents = true;\n\n    this.legendTemplate = options?.legendTemplate;\n    this.legendOffsetX = options?.legendOffsetX ?? this.legendOffsetX;\n    this.legendOffsetY = options?.legendOffsetY ?? this.legendOffsetY;\n    this.legendPlacement = options?.legendPlacement ?? this.legendPlacement;\n    this.crosshairStroke = options?.crosshairStroke ?? this.crosshairStroke;\n    this.crosshairStrokeThickness =\n      options?.crosshairStrokeThickness ?? this.crosshairStrokeThickness;\n    this.crosshairStrokeDashArray =\n      options?.crosshairStrokeDashArray ?? this.crosshairStrokeDashArray;\n    this.showAxisLabels = options?.showAxisLabels ?? this.showAxisLabels;\n    this.axisLabelStroke = options?.axisLabelStroke ?? this.axisLabelStroke;\n    this.axisLabelFill = options?.axisLabelFill ?? this.axisLabelFill;\n    this.textColor = options?.textColor ?? this.textColor;\n  }\n\n  public modifierMouseMove(args: ModifierMouseArgs): void {\n    super.modifierMouseMove(args);\n    this.updateMousePosition();\n    this.update();\n  }\n\n  public modifierMouseLeave(args: ModifierMouseArgs): void {\n    super.modifierMouseLeave(args);\n    this.mousePosition = EMousePosition.OutOfCanvas;\n    this.update();\n  }\n\n  public onAttachSubSurface(subChart: SciChartSubSurface): void {\n    this.addLineAnnotations(subChart.id);\n    this.addLegendAnnotation(subChart.id);\n  }\n\n  public onDetachSubSurface(subChart: SciChartSubSurface): void {\n    this.removeLineAnnotations(subChart.id);\n    this.removeLegendAnnotation(subChart.id);\n  }\n\n  private getSciChartSurface(paneId: string) {\n    return this.parentSurface?.subCharts.find((subChart) => subChart.id === paneId);\n  }\n\n  private newLineAnnotation() {\n    return new LineAnnotation({\n      xCoordinateMode: ECoordinateMode.Pixel,\n      yCoordinateMode: ECoordinateMode.Pixel,\n      strokeThickness: this.crosshairStrokeThickness,\n      strokeDashArray: this.crosshairStrokeDashArray,\n      stroke: this.crosshairStroke,\n      isHidden: true,\n      showLabel: this.showAxisLabels,\n      axisLabelFill: this.axisLabelFill,\n      axisLabelStroke: this.axisLabelStroke,\n    });\n  }\n\n  private updateMousePosition() {\n    if (!this.mousePoint || !this.parentSurface) {\n      this.mousePosition = EMousePosition.OutOfCanvas;\n      return;\n    }\n\n    // Check all subcharts to find which one the mouse is over\n    let found = false;\n    try {\n      for (const scs of this.parentSurface.subCharts) {\n        // Skip if subchart is not ready\n        if (!scs) continue;\n\n        const rect = scs.getSubChartRect?.();\n        // Skip if subchart rect not yet initialized or incomplete\n        if (!rect || typeof rect.top !== 'number' || typeof rect.bottom !== 'number') continue;\n\n        const { left, right, top, bottom } = rect;\n        if (testIsInBounds(this.mousePoint.x, this.mousePoint.y, left, bottom, right, top)) {\n          this.mousePositionSciChartSurface = scs;\n\n          this.translatedMousePoint = translateFromCanvasToSeriesViewRect(\n            this.mousePoint,\n            scs.seriesViewRect\n          );\n          if (!this.translatedMousePoint) {\n            this.mousePosition = EMousePosition.AxisArea;\n          } else {\n            this.mousePosition = EMousePosition.SeriesArea;\n          }\n          found = true;\n          break;\n        }\n      }\n    } catch {\n      // Subchart may not be fully initialized yet\n      this.mousePosition = EMousePosition.OutOfCanvas;\n      return;\n    }\n\n    if (!found) {\n      this.mousePosition = EMousePosition.OutOfCanvas;\n    }\n  }\n\n  private update() {\n    if (!this.parentSurface) return;\n\n    if (this.mousePosition === EMousePosition.SeriesArea && this.translatedMousePoint) {\n      const { x: scaledX, y: scaledY } = this.translatedMousePoint;\n      const x = translateToNotScaled(scaledX);\n      const y = translateToNotScaled(scaledY);\n\n      // Get the data x-value for legend updates\n      let xDataValue: number | undefined;\n      if (this.mousePositionSciChartSurface) {\n        const xAxis = this.mousePositionSciChartSurface.xAxes.get(0);\n        if (xAxis) {\n          const coordCalc = xAxis.getCurrentCoordinateCalculator();\n          xDataValue = coordCalc.getDataValue(scaledX);\n        }\n      }\n\n      this.parentSurface.subCharts.forEach((scs: ISciChartSubSurface) => {\n        const xLineAnnotation = this.xLineAnnotations.get(scs.id);\n        const yLineAnnotation = this.yLineAnnotations.get(scs.id);\n\n        if (xLineAnnotation) {\n          // Vertical crosshair line - shown on all panes\n          xLineAnnotation.isHidden = false;\n          xLineAnnotation.y1 = 0;\n          xLineAnnotation.y2 = scs.seriesViewRect.bottom / DpiHelper.PIXEL_RATIO;\n          xLineAnnotation.x1 = x;\n          xLineAnnotation.x2 = x;\n        }\n\n        if (yLineAnnotation) {\n          // Horizontal crosshair line - only on active pane\n          if (scs === this.mousePositionSciChartSurface) {\n            yLineAnnotation.isHidden = false;\n            yLineAnnotation.x1 = 0;\n            yLineAnnotation.x2 = scs.seriesViewRect.right / DpiHelper.PIXEL_RATIO;\n            yLineAnnotation.y1 = y;\n            yLineAnnotation.y2 = y;\n          } else {\n            yLineAnnotation.isHidden = true;\n          }\n        }\n\n        // Update legend\n        const legendAnnotation = this.legendAnnotations.get(scs.id);\n        if (legendAnnotation) {\n          legendAnnotation.updateLegend(xDataValue);\n        }\n      });\n    } else {\n      // Mouse out of canvas - hide crosshairs but show legends with latest values\n      this.parentSurface.subCharts.forEach((scs) => {\n        const xLine = this.xLineAnnotations.get(scs.id);\n        const yLine = this.yLineAnnotations.get(scs.id);\n        if (xLine) xLine.isHidden = true;\n        if (yLine) yLine.isHidden = true;\n\n        const legendAnnotation = this.legendAnnotations.get(scs.id);\n        if (legendAnnotation) {\n          legendAnnotation.updateLegend(undefined);\n        }\n      });\n    }\n  }\n\n  private addLineAnnotations(paneId: string) {\n    const subChart = this.getSciChartSurface(paneId);\n    if (!subChart) return;\n\n    const xLineAnnotation = this.newLineAnnotation();\n    this.xLineAnnotations.set(paneId, xLineAnnotation);\n\n    const yLineAnnotation = this.newLineAnnotation();\n    this.yLineAnnotations.set(paneId, yLineAnnotation);\n\n    subChart.annotations.add(xLineAnnotation, yLineAnnotation);\n  }\n\n  private removeLineAnnotations(paneId: string) {\n    const scs = this.getSciChartSurface(paneId);\n    if (!scs) return;\n\n    const xLineAnnotation = this.xLineAnnotations.get(paneId);\n    if (xLineAnnotation) {\n      xLineAnnotation.delete();\n      scs.annotations.remove(xLineAnnotation);\n      this.xLineAnnotations.delete(paneId);\n    }\n\n    const yLineAnnotation = this.yLineAnnotations.get(paneId);\n    if (yLineAnnotation) {\n      yLineAnnotation.delete();\n      scs.annotations.remove(yLineAnnotation);\n      this.yLineAnnotations.delete(paneId);\n    }\n  }\n\n  private addLegendAnnotation(paneId: string) {\n    const subChart = this.getSciChartSurface(paneId);\n    if (!subChart || !this.parentSurface) return;\n\n    // Adjust offsetY based on pane - indicator charts get moved up more\n    const isIndicatorChart = paneId.includes('macd') || paneId.includes('rsi');\n    const adjustedOffsetY = isIndicatorChart ? -2 : this.legendOffsetY;\n\n    const legendAnnotation = new FinChartLegendAnnotation(this.parentSurface, {\n      template: this.legendTemplate,\n      offsetX: this.legendOffsetX,\n      offsetY: adjustedOffsetY,\n      placement: this.legendPlacement,\n      paneId,\n      textColor: this.textColor,\n    });\n    this.legendAnnotations.set(paneId, legendAnnotation);\n    subChart.annotations.add(legendAnnotation);\n  }\n\n  private removeLegendAnnotation(paneId: string) {\n    const scs = this.getSciChartSurface(paneId);\n    if (!scs) return;\n\n    const legendAnnotation = this.legendAnnotations.get(paneId);\n    if (legendAnnotation) {\n      legendAnnotation.delete();\n      scs.annotations.remove(legendAnnotation);\n      this.legendAnnotations.delete(paneId);\n    }\n  }\n}\n"],"names":["FinChartLegendModifier","ChartModifierBase2D","options","__publicField","EChart2DModifierType","args","subChart","paneId","_a","LineAnnotation","ECoordinateMode","found","scs","rect","left","right","top","bottom","testIsInBounds","translateFromCanvasToSeriesViewRect","scaledX","scaledY","x","translateToNotScaled","y","xDataValue","xAxis","xLineAnnotation","yLineAnnotation","DpiHelper","legendAnnotation","xLine","yLine","adjustedOffsetY","FinChartLegendAnnotation"],"mappings":"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"}

package/dist/petal-toolkit.es290.js

@@ -1,4 +1,4 @@
-import { __exports as i } from "./petal-toolkit.es927.js";
+import { __exports as i } from "./petal-toolkit.es926.js";
 import { __require as y } from "./petal-toolkit.es606.js";
 import { __require as P } from "./petal-toolkit.es612.js";
 import { __require as D } from "./petal-toolkit.es661.js";

package/dist/petal-toolkit.es291.js

@@ -1,4 +1,4 @@
-import { __exports as u } from "./petal-toolkit.es928.js";
+import { __exports as u } from "./petal-toolkit.es927.js";
 import { __require as O } from "./petal-toolkit.es555.js";
 import { __require as U } from "./petal-toolkit.es571.js";
 import { __require as B } from "./petal-toolkit.es657.js";

package/dist/petal-toolkit.es292.js

@@ -1,4 +1,4 @@
-import { __exports as o } from "./petal-toolkit.es929.js";
+import { __exports as o } from "./petal-toolkit.es928.js";
 import { __require as f } from "./petal-toolkit.es554.js";
 var u;
 function y() {

package/dist/petal-toolkit.es293.js

@@ -1,5 +1,5 @@
-import { __exports as g } from "./petal-toolkit.es930.js";
-import { __require as E } from "./petal-toolkit.es727.js";
+import { __exports as g } from "./petal-toolkit.es929.js";
+import { __require as E } from "./petal-toolkit.es726.js";
 import { __require as R } from "./petal-toolkit.es650.js";
 import { __require as z } from "./petal-toolkit.es313.js";
 import { __require as V } from "./petal-toolkit.es234.js";

package/dist/petal-toolkit.es294.js

@@ -1,4 +1,4 @@
-import { __exports as a } from "./petal-toolkit.es931.js";
+import { __exports as a } from "./petal-toolkit.es930.js";
 import { __require as p } from "./petal-toolkit.es612.js";
 import { __require as d } from "./petal-toolkit.es661.js";
 import { __require as h } from "./petal-toolkit.es295.js";

package/dist/petal-toolkit.es295.js

@@ -1,4 +1,4 @@
-import { __exports as n } from "./petal-toolkit.es932.js";
+import { __exports as n } from "./petal-toolkit.es931.js";
 import { __require as b } from "./petal-toolkit.es606.js";
 import { __require as y } from "./petal-toolkit.es612.js";
 import { __require as g } from "./petal-toolkit.es661.js";

package/dist/petal-toolkit.es296.js

@@ -1,4 +1,4 @@
-import { __exports as o } from "./petal-toolkit.es933.js";
+import { __exports as o } from "./petal-toolkit.es932.js";
 import { __require as d } from "./petal-toolkit.es606.js";
 import { __require as y } from "./petal-toolkit.es612.js";
 import { __require as b } from "./petal-toolkit.es661.js";

package/dist/petal-toolkit.es297.js

@@ -1,4 +1,4 @@
-import { __exports as u } from "./petal-toolkit.es934.js";
+import { __exports as u } from "./petal-toolkit.es933.js";
 import { __require as P } from "./petal-toolkit.es295.js";
 var v;
 function m() {

package/dist/petal-toolkit.es298.js

@@ -1,4 +1,4 @@
-import { __exports as m } from "./petal-toolkit.es935.js";
+import { __exports as m } from "./petal-toolkit.es934.js";
 import { __require as F } from "./petal-toolkit.es606.js";
 import { __require as W } from "./petal-toolkit.es612.js";
 import { __require as x } from "./petal-toolkit.es646.js";

package/dist/petal-toolkit.es299.js

@@ -1,4 +1,4 @@
-import { __exports as u } from "./petal-toolkit.es936.js";
+import { __exports as u } from "./petal-toolkit.es935.js";
 import { __require as L } from "./petal-toolkit.es606.js";
 import { __require as P } from "./petal-toolkit.es493.js";
 import { __require as T } from "./petal-toolkit.es291.js";

package/dist/petal-toolkit.es3.js.map

@@ -1 +1 @@
-{"version":3,"file":"petal-toolkit.es3.js","sources":["../src/scichart/modifiers/index.ts"],"sourcesContent":["/**\n * SciChart Modifier Configuration System\n *\n * Provides type-safe, props-based configuration for chart interactions.\n * Users can choose from presets or provide custom configurations.\n */\n\nimport {\n  ZoomPanModifier,\n  MouseWheelZoomModifier,\n  ZoomExtentsModifier,\n  RubberBandXyZoomModifier,\n  CursorModifier,\n  RolloverModifier,\n  type SciChartSurface,\n  type ICursorModifierOptions,\n  type IRolloverModifierOptions,\n} from 'scichart';\nimport type { PetalChartTheme } from '@/themes/types';\nimport { TOOLTIP_STYLE } from './tooltipTemplates';\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/**\n * Interaction presets for common chart use cases\n */\nexport type ChartInteractionPreset =\n  | 'default' // Full interactions: rubber band zoom, pan, cursor tooltip\n  | 'pan-only'; // Pan-only: x-axis zoom/pan, crosshair cursor\n\n/**\n * Cursor/crosshair appearance configuration\n */\nexport interface CursorAppearance {\n  /** Crosshair line color */\n  stroke?: string;\n  /** Crosshair line thickness */\n  strokeThickness?: number;\n  /** Crosshair line dash pattern [dashLength, gapLength] */\n  dashArray?: number[];\n  /** Show vertical crosshair line */\n  showXLine?: boolean;\n  /** Show horizontal crosshair line */\n  showYLine?: boolean;\n}\n\n/**\n * Tooltip appearance configuration\n */\nexport interface TooltipAppearance {\n  /** Tooltip background color */\n  background?: string;\n  /** Tooltip text color */\n  textColor?: string;\n  /** Tooltip shadow color */\n  shadow?: string;\n}\n\n/**\n * Axis label appearance configuration\n */\nexport interface AxisLabelAppearance {\n  /** Label background fill */\n  fill?: string;\n  /** Label text color */\n  stroke?: string;\n}\n\n/**\n * Cursor modifier configuration (crosshair with tooltip)\n */\nexport interface CursorConfig {\n  enabled?: boolean;\n  showTooltip?: boolean;\n  showAxisLabels?: boolean;\n  cursor?: CursorAppearance;\n  tooltip?: TooltipAppearance;\n  axisLabel?: AxisLabelAppearance;\n  /** Custom tooltip SVG template function */\n  tooltipTemplate?: ICursorModifierOptions['tooltipSvgTemplate'];\n  /** Custom tooltip data template function */\n  tooltipDataTemplate?: ICursorModifierOptions['tooltipDataTemplate'];\n}\n\n/**\n * Rollover modifier configuration (series-snapping tooltip)\n */\nexport interface RolloverConfig {\n  enabled?: boolean;\n  showTooltip?: boolean;\n  showRolloverLine?: boolean;\n  showAxisLabel?: boolean;\n  snapToDataPoint?: boolean;\n  allowTooltipOverlapping?: boolean;\n  /** Rollover line color */\n  lineStroke?: string;\n  /** Rollover line thickness */\n  lineStrokeThickness?: number;\n  /** Custom tooltip legend template */\n  tooltipLegendTemplate?: IRolloverModifierOptions['tooltipLegendTemplate'];\n  /** Custom tooltip data template */\n  tooltipDataTemplate?: IRolloverModifierOptions['tooltipDataTemplate'];\n}\n\n/**\n * Zoom configuration\n */\nexport interface ZoomConfig {\n  enabled?: boolean;\n  /** Enable mouse wheel zoom */\n  mouseWheel?: boolean;\n  /** Enable rubber band (box) zoom */\n  rubberBand?: boolean;\n  /** Enable double-tap zoom extents */\n  zoomExtents?: boolean;\n  /** Zoom direction constraint */\n  direction?: 'xy' | 'x' | 'y';\n}\n\n/**\n * Pan configuration\n */\nexport interface PanConfig {\n  enabled?: boolean;\n  /** Pan direction constraint */\n  direction?: 'xy' | 'x' | 'y';\n}\n\n/**\n * Complete chart modifier configuration\n */\nexport interface ChartModifierConfig {\n  /** Use cursor modifier (crosshair) instead of rollover */\n  useCursor?: boolean;\n  cursor?: CursorConfig;\n  rollover?: RolloverConfig;\n  zoom?: ZoomConfig;\n  pan?: PanConfig;\n}\n\n// ============================================================================\n// Preset Configurations\n// ============================================================================\n\n/**\n * Get preset configuration by name\n */\nexport function getPresetConfig(preset: ChartInteractionPreset): ChartModifierConfig {\n  switch (preset) {\n    case 'default':\n      return {\n        useCursor: true,\n        cursor: {\n          enabled: true,\n          showTooltip: true,\n          showAxisLabels: true,\n        },\n        zoom: { enabled: true, mouseWheel: true, rubberBand: true, zoomExtents: true },\n        pan: { enabled: true },\n      };\n\n    case 'pan-only':\n      return {\n        useCursor: true,\n        cursor: {\n          enabled: true,\n          showTooltip: true,\n          showAxisLabels: true,\n          cursor: { showXLine: true, showYLine: true, dashArray: [5, 5] },\n        },\n        zoom: { enabled: false },\n        pan: { enabled: true, direction: 'x' },\n      };\n  }\n}\n\n// ============================================================================\n// Modifier Application\n// ============================================================================\n\n/**\n * Apply modifiers to a SciChart surface based on configuration\n */\nexport function applyModifiers(\n  surface: SciChartSurface,\n  config: ChartModifierConfig,\n  theme: PetalChartTheme\n): void {\n  // Clear existing modifiers\n  surface.chartModifiers.clear();\n\n  // Pan modifier\n  if (config.pan?.enabled !== false) {\n    surface.chartModifiers.add(\n      new ZoomPanModifier({\n        xyDirection: getXyDirection(config.pan?.direction),\n      })\n    );\n  }\n\n  // Zoom modifiers\n  if (config.zoom?.enabled !== false) {\n    if (config.zoom?.mouseWheel !== false) {\n      surface.chartModifiers.add(\n        new MouseWheelZoomModifier({\n          xyDirection: getXyDirection(config.zoom?.direction),\n        })\n      );\n    }\n\n    if (config.zoom?.zoomExtents !== false) {\n      surface.chartModifiers.add(\n        new ZoomExtentsModifier({\n          isAnimated: true,\n          animationDuration: 300,\n          xyDirection: getXyDirection(config.zoom?.direction),\n        })\n      );\n    }\n\n    if (config.zoom?.rubberBand) {\n      surface.chartModifiers.add(\n        new RubberBandXyZoomModifier({\n          isAnimated: true,\n          animationDuration: 300,\n          xyDirection: getXyDirection(config.zoom?.direction),\n          fill: `${theme.colors.primary}20`,\n          stroke: `${theme.colors.primary}80`,\n        })\n      );\n    }\n  }\n\n  // Cursor or Rollover modifier\n  if (config.useCursor && config.cursor?.enabled !== false) {\n    surface.chartModifiers.add(createCursorModifier(config.cursor ?? {}, theme));\n  } else if (config.rollover?.enabled !== false) {\n    surface.chartModifiers.add(createRolloverModifier(config.rollover ?? {}, theme));\n  }\n}\n\n/**\n * Create a themed CursorModifier\n */\nexport function createCursorModifier(config: CursorConfig, theme: PetalChartTheme): CursorModifier {\n  return new CursorModifier({\n    showTooltip: config.showTooltip ?? true,\n    showAxisLabels: config.showAxisLabels ?? true,\n    showXLine: config.cursor?.showXLine ?? true,\n    showYLine: config.cursor?.showYLine ?? true,\n    // Crosshair styling from theme\n    crosshairStroke: config.cursor?.stroke ?? theme.crosshair.lineColor,\n    crosshairStrokeThickness: config.cursor?.strokeThickness ?? theme.crosshair.lineThickness,\n    crosshairStrokeDashArray: config.cursor?.dashArray,\n    // Tooltip styling from theme\n    tooltipContainerBackground: config.tooltip?.background ?? theme.tooltip.background,\n    tooltipTextStroke: config.tooltip?.textColor ?? theme.tooltip.text,\n    tooltipShadow: config.tooltip?.shadow ?? theme.tooltip.shadow,\n    // Axis label styling from theme\n    axisLabelFill: config.axisLabel?.fill ?? theme.crosshair.labelBackground,\n    axisLabelStroke: config.axisLabel?.stroke ?? theme.crosshair.labelText,\n    tooltipSvgTemplate: config.tooltipTemplate,\n    tooltipDataTemplate: config.tooltipDataTemplate,\n  });\n}\n\n/**\n * Create a themed RolloverModifier\n */\nexport function createRolloverModifier(\n  config: RolloverConfig,\n  theme: PetalChartTheme\n): RolloverModifier {\n  return new RolloverModifier({\n    showTooltip: config.showTooltip ?? true,\n    showRolloverLine: config.showRolloverLine ?? true,\n    showAxisLabel: config.showAxisLabel ?? false,\n    snapToDataPoint: config.snapToDataPoint ?? true,\n    allowTooltipOverlapping: config.allowTooltipOverlapping ?? false,\n    // Rollover line uses crosshair colors\n    rolloverLineStroke: config.lineStroke ?? `${theme.crosshair.lineColor}99`,\n    rolloverLineStrokeThickness: config.lineStrokeThickness ?? theme.crosshair.lineThickness,\n    tooltipLegendTemplate: config.tooltipLegendTemplate,\n    tooltipDataTemplate: config.tooltipDataTemplate,\n  });\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nimport { EXyDirection } from 'scichart';\n\nfunction getXyDirection(direction?: 'xy' | 'x' | 'y'): EXyDirection {\n  switch (direction) {\n    case 'x':\n      return EXyDirection.XDirection;\n    case 'y':\n      return EXyDirection.YDirection;\n    default:\n      return EXyDirection.XyDirection;\n  }\n}\n\n// ============================================================================\n// Tooltip Templates\n// ============================================================================\n\nimport type { RolloverTooltipSvgAnnotation, SeriesInfo } from 'scichart';\n\n/**\n * Create an OHLC tooltip template for candlestick charts.\n * Returns an SVG template function for use with rolloverModifierProps.tooltipTemplate\n */\nexport function createOHLCTooltipTemplate(theme: PetalChartTheme) {\n  return (\n    _id: string,\n    seriesInfo: SeriesInfo,\n    rolloverTooltip: RolloverTooltipSvgAnnotation\n  ): string => {\n    const xValue = seriesInfo.xValue;\n    if (xValue === undefined) {\n      return '<svg width=\"0\" height=\"0\"></svg>';\n    }\n\n    // Access OHLC values from the series info\n    const ohlcInfo = seriesInfo as SeriesInfo & {\n      openValue?: number;\n      highValue?: number;\n      lowValue?: number;\n      closeValue?: number;\n    };\n\n    const date = new Date(xValue * 1000);\n    const dateStr = date.toLocaleDateString('en-US', {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n    });\n\n    const o = ohlcInfo.openValue?.toFixed(2) ?? '-';\n    const h = ohlcInfo.highValue?.toFixed(2) ?? '-';\n    const l = ohlcInfo.lowValue?.toFixed(2) ?? '-';\n    const c = ohlcInfo.closeValue?.toFixed(2) ?? '-';\n\n    const isUp = (ohlcInfo.closeValue ?? 0) >= (ohlcInfo.openValue ?? 0);\n    const changeColor = isUp ? theme.colors.positive : theme.colors.negative;\n\n    const width = 140;\n    const height = 80;\n    rolloverTooltip.updateSize(width, height);\n\n    const bg = theme.tooltip.background;\n    const text = theme.tooltip.text;\n    const border = theme.tooltip.border;\n\n    return `<svg width=\"${width}\" height=\"${height}\">\n      <rect width=\"100%\" height=\"100%\" fill=\"${bg}\" stroke=\"${border}\" stroke-width=\"1\" rx=\"4\"/>\n      <text x=\"8\" y=\"18\" font-size=\"11\" font-weight=\"600\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${text}\">${dateStr}</text>\n      <text x=\"8\" y=\"38\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${theme.text.secondary}\">O</text>\n      <text x=\"24\" y=\"38\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${text}\">${o}</text>\n      <text x=\"72\" y=\"38\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${theme.text.secondary}\">H</text>\n      <text x=\"88\" y=\"38\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${text}\">${h}</text>\n      <text x=\"8\" y=\"56\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${theme.text.secondary}\">L</text>\n      <text x=\"24\" y=\"56\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${text}\">${l}</text>\n      <text x=\"72\" y=\"56\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${theme.text.secondary}\">C</text>\n      <text x=\"88\" y=\"56\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${changeColor}\">${c}</text>\n    </svg>`;\n  };\n}\n\n/**\n * Create a simple value tooltip template for line/area charts.\n */\nexport function createValueTooltipTemplate(theme: PetalChartTheme, label: string = 'Value') {\n  return (\n    _id: string,\n    seriesInfo: SeriesInfo,\n    rolloverTooltip: RolloverTooltipSvgAnnotation\n  ): string => {\n    const xValue = seriesInfo.xValue;\n    if (xValue === undefined) {\n      return '<svg width=\"0\" height=\"0\"></svg>';\n    }\n\n    const date = new Date(xValue * 1000);\n    const dateStr = date.toLocaleDateString('en-US', {\n      month: 'short',\n      day: 'numeric',\n    });\n    const value = seriesInfo.yValue?.toFixed(2) ?? '-';\n\n    const width = 120;\n    const height = 50;\n    rolloverTooltip.updateSize(width, height);\n\n    const bg = theme.tooltip.background;\n    const text = theme.tooltip.text;\n    const border = theme.tooltip.border;\n\n    return `<svg width=\"${width}\" height=\"${height}\">\n      <rect width=\"100%\" height=\"100%\" fill=\"${bg}\" stroke=\"${border}\" stroke-width=\"1\" rx=\"4\"/>\n      <text x=\"8\" y=\"18\" font-size=\"11\" font-weight=\"600\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${text}\">${dateStr}</text>\n      <text x=\"8\" y=\"36\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${theme.text.secondary}\">${label}:</text>\n      <text x=\"50\" y=\"36\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${text}\">${value}</text>\n    </svg>`;\n  };\n}\n\n// Re-export types\nexport type { ICursorModifierOptions, IRolloverModifierOptions };\n\n// Tooltip templates\nexport {\n  createRolloverTooltip,\n  createCursorTooltip,\n  tooltipFormatters,\n  TOOLTIP_STYLE,\n  createPriceTargetSimpleTooltip,\n  createPriceTargetRangeTooltip,\n} from './tooltipTemplates';\n\n// Legend modifier for financial charts\nexport { FinChartLegendModifier } from './FinChartLegendModifier';\nexport type { IFinanceLegendModifierOptions } from './FinChartLegendModifier';\nexport { FinChartLegendAnnotation } from './FinChartLegendAnnotation';\nexport type {\n  TFinanceLegendTemplate,\n  LegendSeriesInfo,\n  IFinChartLegendAnnotationOptions,\n} from './FinChartLegendAnnotation';\n\n// Drawing modifier for interactive drawings\nexport { DrawingModifier } from './DrawingModifier';\nexport type { IDrawingModifierOptions } from './DrawingModifier';\n"],"names":["getPresetConfig","preset","applyModifiers","surface","config","theme","_a","ZoomPanModifier","getXyDirection","_b","_c","_d","MouseWheelZoomModifier","_e","_f","ZoomExtentsModifier","_g","_h","RubberBandXyZoomModifier","_i","_j","createCursorModifier","_k","createRolloverModifier","CursorModifier","RolloverModifier","direction","EXyDirection","createOHLCTooltipTemplate","_id","seriesInfo","rolloverTooltip","xValue","ohlcInfo","dateStr","o","h","l","changeColor","width","height","bg","text","border","TOOLTIP_STYLE","createValueTooltipTemplate","label","value"],"mappings":"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"}
+{"version":3,"file":"petal-toolkit.es3.js","sources":["../src/scichart/modifiers/index.ts"],"sourcesContent":["/**\n * SciChart Modifier Configuration System\n *\n * Provides type-safe, props-based configuration for chart interactions.\n * Users can choose from presets or provide custom configurations.\n */\n\nimport {\n  ZoomPanModifier,\n  MouseWheelZoomModifier,\n  ZoomExtentsModifier,\n  RubberBandXyZoomModifier,\n  CursorModifier,\n  RolloverModifier,\n  type SciChartSurface,\n  type ICursorModifierOptions,\n  type IRolloverModifierOptions,\n} from 'scichart';\nimport type { PetalChartTheme } from '@/themes/types';\nimport { TOOLTIP_STYLE } from './tooltipTemplates';\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/**\n * Interaction presets for common chart use cases\n */\nexport type ChartInteractionPreset =\n  | 'default' // Full interactions: rubber band zoom, pan, cursor tooltip\n  | 'pan-only'; // Pan-only: x-axis zoom/pan, crosshair cursor\n\n/**\n * Cursor/crosshair appearance configuration\n */\nexport interface CursorAppearance {\n  /** Crosshair line color */\n  stroke?: string;\n  /** Crosshair line thickness */\n  strokeThickness?: number;\n  /** Crosshair line dash pattern [dashLength, gapLength] */\n  dashArray?: number[];\n  /** Show vertical crosshair line */\n  showXLine?: boolean;\n  /** Show horizontal crosshair line */\n  showYLine?: boolean;\n}\n\n/**\n * Tooltip appearance configuration\n */\nexport interface TooltipAppearance {\n  /** Tooltip background color */\n  background?: string;\n  /** Tooltip text color */\n  textColor?: string;\n  /** Tooltip shadow color */\n  shadow?: string;\n}\n\n/**\n * Axis label appearance configuration\n */\nexport interface AxisLabelAppearance {\n  /** Label background fill */\n  fill?: string;\n  /** Label text color */\n  stroke?: string;\n}\n\n/**\n * Cursor modifier configuration (crosshair with tooltip)\n */\nexport interface CursorConfig {\n  enabled?: boolean;\n  showTooltip?: boolean;\n  showAxisLabels?: boolean;\n  cursor?: CursorAppearance;\n  tooltip?: TooltipAppearance;\n  axisLabel?: AxisLabelAppearance;\n  /** Custom tooltip SVG template function */\n  tooltipTemplate?: ICursorModifierOptions['tooltipSvgTemplate'];\n  /** Custom tooltip data template function */\n  tooltipDataTemplate?: ICursorModifierOptions['tooltipDataTemplate'];\n}\n\n/**\n * Rollover modifier configuration (series-snapping tooltip)\n */\nexport interface RolloverConfig {\n  enabled?: boolean;\n  showTooltip?: boolean;\n  showRolloverLine?: boolean;\n  showAxisLabel?: boolean;\n  snapToDataPoint?: boolean;\n  allowTooltipOverlapping?: boolean;\n  /** Rollover line color */\n  lineStroke?: string;\n  /** Rollover line thickness */\n  lineStrokeThickness?: number;\n  /** Custom tooltip legend template */\n  tooltipLegendTemplate?: IRolloverModifierOptions['tooltipLegendTemplate'];\n  /** Custom tooltip data template */\n  tooltipDataTemplate?: IRolloverModifierOptions['tooltipDataTemplate'];\n}\n\n/**\n * Zoom configuration\n */\nexport interface ZoomConfig {\n  enabled?: boolean;\n  /** Enable mouse wheel zoom */\n  mouseWheel?: boolean;\n  /** Enable rubber band (box) zoom */\n  rubberBand?: boolean;\n  /** Enable double-tap zoom extents */\n  zoomExtents?: boolean;\n  /** Zoom direction constraint */\n  direction?: 'xy' | 'x' | 'y';\n}\n\n/**\n * Pan configuration\n */\nexport interface PanConfig {\n  enabled?: boolean;\n  /** Pan direction constraint */\n  direction?: 'xy' | 'x' | 'y';\n}\n\n/**\n * Complete chart modifier configuration\n */\nexport interface ChartModifierConfig {\n  /** Use cursor modifier (crosshair) instead of rollover */\n  useCursor?: boolean;\n  cursor?: CursorConfig;\n  rollover?: RolloverConfig;\n  zoom?: ZoomConfig;\n  pan?: PanConfig;\n}\n\n// ============================================================================\n// Preset Configurations\n// ============================================================================\n\n/**\n * Get preset configuration by name\n */\nexport function getPresetConfig(preset: ChartInteractionPreset): ChartModifierConfig {\n  switch (preset) {\n    case 'default':\n      return {\n        useCursor: true,\n        cursor: {\n          enabled: true,\n          showTooltip: true,\n          showAxisLabels: true,\n        },\n        zoom: { enabled: true, mouseWheel: true, rubberBand: true, zoomExtents: true },\n        pan: { enabled: true },\n      };\n\n    case 'pan-only':\n      return {\n        useCursor: true,\n        cursor: {\n          enabled: true,\n          showTooltip: true,\n          showAxisLabels: true,\n          cursor: { showXLine: true, showYLine: true, dashArray: [5, 5] },\n        },\n        zoom: { enabled: false },\n        pan: { enabled: true, direction: 'x' },\n      };\n  }\n}\n\n// ============================================================================\n// Modifier Application\n// ============================================================================\n\n/**\n * Apply modifiers to a SciChart surface based on configuration\n */\nexport function applyModifiers(\n  surface: SciChartSurface,\n  config: ChartModifierConfig,\n  theme: PetalChartTheme\n): void {\n  // Clear existing modifiers\n  surface.chartModifiers.clear();\n\n  // Pan modifier\n  if (config.pan?.enabled !== false) {\n    surface.chartModifiers.add(\n      new ZoomPanModifier({\n        xyDirection: getXyDirection(config.pan?.direction),\n      })\n    );\n  }\n\n  // Zoom modifiers\n  if (config.zoom?.enabled !== false) {\n    if (config.zoom?.mouseWheel !== false) {\n      surface.chartModifiers.add(\n        new MouseWheelZoomModifier({\n          xyDirection: getXyDirection(config.zoom?.direction),\n        })\n      );\n    }\n\n    if (config.zoom?.zoomExtents !== false) {\n      surface.chartModifiers.add(\n        new ZoomExtentsModifier({\n          isAnimated: true,\n          animationDuration: 300,\n          xyDirection: getXyDirection(config.zoom?.direction),\n        })\n      );\n    }\n\n    if (config.zoom?.rubberBand) {\n      surface.chartModifiers.add(\n        new RubberBandXyZoomModifier({\n          isAnimated: true,\n          animationDuration: 300,\n          xyDirection: getXyDirection(config.zoom?.direction),\n          fill: `${theme.colors.primary}20`,\n          stroke: `${theme.colors.primary}80`,\n        })\n      );\n    }\n  }\n\n  // Cursor or Rollover modifier\n  if (config.useCursor && config.cursor?.enabled !== false) {\n    surface.chartModifiers.add(createCursorModifier(config.cursor ?? {}, theme));\n  } else if (config.rollover?.enabled !== false) {\n    surface.chartModifiers.add(createRolloverModifier(config.rollover ?? {}, theme));\n  }\n}\n\n/**\n * Create a themed CursorModifier\n */\nexport function createCursorModifier(config: CursorConfig, theme: PetalChartTheme): CursorModifier {\n  return new CursorModifier({\n    showTooltip: config.showTooltip ?? true,\n    showAxisLabels: config.showAxisLabels ?? true,\n    showXLine: config.cursor?.showXLine ?? true,\n    showYLine: config.cursor?.showYLine ?? true,\n    // Crosshair styling from theme\n    crosshairStroke: config.cursor?.stroke ?? theme.crosshair.lineColor,\n    crosshairStrokeThickness: config.cursor?.strokeThickness ?? theme.crosshair.lineThickness,\n    crosshairStrokeDashArray: config.cursor?.dashArray,\n    // Tooltip styling from theme\n    tooltipContainerBackground: config.tooltip?.background ?? theme.tooltip.background,\n    tooltipTextStroke: config.tooltip?.textColor ?? theme.tooltip.text,\n    tooltipShadow: config.tooltip?.shadow ?? theme.tooltip.shadow,\n    // Axis label styling from theme\n    axisLabelFill: config.axisLabel?.fill ?? theme.crosshair.labelBackground,\n    axisLabelStroke: config.axisLabel?.stroke ?? theme.crosshair.labelText,\n    tooltipSvgTemplate: config.tooltipTemplate,\n    tooltipDataTemplate: config.tooltipDataTemplate,\n  });\n}\n\n/**\n * Create a themed RolloverModifier\n */\nexport function createRolloverModifier(\n  config: RolloverConfig,\n  theme: PetalChartTheme\n): RolloverModifier {\n  return new RolloverModifier({\n    showTooltip: config.showTooltip ?? true,\n    showRolloverLine: config.showRolloverLine ?? true,\n    showAxisLabel: config.showAxisLabel ?? false,\n    snapToDataPoint: config.snapToDataPoint ?? true,\n    allowTooltipOverlapping: config.allowTooltipOverlapping ?? false,\n    // Rollover line uses crosshair colors\n    rolloverLineStroke: config.lineStroke ?? `${theme.crosshair.lineColor}99`,\n    rolloverLineStrokeThickness: config.lineStrokeThickness ?? theme.crosshair.lineThickness,\n    tooltipLegendTemplate: config.tooltipLegendTemplate,\n    tooltipDataTemplate: config.tooltipDataTemplate,\n  });\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nimport { EXyDirection } from 'scichart';\n\nfunction getXyDirection(direction?: 'xy' | 'x' | 'y'): EXyDirection {\n  switch (direction) {\n    case 'x':\n      return EXyDirection.XDirection;\n    case 'y':\n      return EXyDirection.YDirection;\n    default:\n      return EXyDirection.XyDirection;\n  }\n}\n\n// ============================================================================\n// Tooltip Templates\n// ============================================================================\n\nimport type { RolloverTooltipSvgAnnotation, SeriesInfo } from 'scichart';\n\n/**\n * Create an OHLC tooltip template for candlestick charts.\n * Returns an SVG template function for use with rolloverModifierProps.tooltipTemplate\n */\nexport function createOHLCTooltipTemplate(theme: PetalChartTheme) {\n  return (\n    _id: string,\n    seriesInfo: SeriesInfo,\n    rolloverTooltip: RolloverTooltipSvgAnnotation\n  ): string => {\n    const xValue = seriesInfo.xValue;\n    if (xValue === undefined) {\n      return '<svg width=\"0\" height=\"0\"></svg>';\n    }\n\n    // Access OHLC values from the series info\n    const ohlcInfo = seriesInfo as SeriesInfo & {\n      openValue?: number;\n      highValue?: number;\n      lowValue?: number;\n      closeValue?: number;\n    };\n\n    const date = new Date(xValue * 1000);\n    const dateStr = date.toLocaleDateString('en-US', {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n    });\n\n    const o = ohlcInfo.openValue?.toFixed(2) ?? '-';\n    const h = ohlcInfo.highValue?.toFixed(2) ?? '-';\n    const l = ohlcInfo.lowValue?.toFixed(2) ?? '-';\n    const c = ohlcInfo.closeValue?.toFixed(2) ?? '-';\n\n    const isUp = (ohlcInfo.closeValue ?? 0) >= (ohlcInfo.openValue ?? 0);\n    const changeColor = isUp ? theme.colors.positive : theme.colors.negative;\n\n    const width = 140;\n    const height = 80;\n    rolloverTooltip.updateSize(width, height);\n\n    const bg = theme.tooltip.background;\n    const text = theme.tooltip.text;\n    const border = theme.tooltip.border;\n\n    return `<svg width=\"${width}\" height=\"${height}\">\n      <rect width=\"100%\" height=\"100%\" fill=\"${bg}\" stroke=\"${border}\" stroke-width=\"1\" rx=\"4\"/>\n      <text x=\"8\" y=\"18\" font-size=\"11\" font-weight=\"600\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${text}\">${dateStr}</text>\n      <text x=\"8\" y=\"38\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${theme.text.secondary}\">O</text>\n      <text x=\"24\" y=\"38\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${text}\">${o}</text>\n      <text x=\"72\" y=\"38\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${theme.text.secondary}\">H</text>\n      <text x=\"88\" y=\"38\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${text}\">${h}</text>\n      <text x=\"8\" y=\"56\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${theme.text.secondary}\">L</text>\n      <text x=\"24\" y=\"56\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${text}\">${l}</text>\n      <text x=\"72\" y=\"56\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${theme.text.secondary}\">C</text>\n      <text x=\"88\" y=\"56\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${changeColor}\">${c}</text>\n    </svg>`;\n  };\n}\n\n/**\n * Create a simple value tooltip template for line/area charts.\n */\nexport function createValueTooltipTemplate(theme: PetalChartTheme, label: string = 'Value') {\n  return (\n    _id: string,\n    seriesInfo: SeriesInfo,\n    rolloverTooltip: RolloverTooltipSvgAnnotation\n  ): string => {\n    const xValue = seriesInfo.xValue;\n    if (xValue === undefined) {\n      return '<svg width=\"0\" height=\"0\"></svg>';\n    }\n\n    const date = new Date(xValue * 1000);\n    const dateStr = date.toLocaleDateString('en-US', {\n      month: 'short',\n      day: 'numeric',\n    });\n    const value = seriesInfo.yValue?.toFixed(2) ?? '-';\n\n    const width = 120;\n    const height = 50;\n    rolloverTooltip.updateSize(width, height);\n\n    const bg = theme.tooltip.background;\n    const text = theme.tooltip.text;\n    const border = theme.tooltip.border;\n\n    return `<svg width=\"${width}\" height=\"${height}\">\n      <rect width=\"100%\" height=\"100%\" fill=\"${bg}\" stroke=\"${border}\" stroke-width=\"1\" rx=\"4\"/>\n      <text x=\"8\" y=\"18\" font-size=\"11\" font-weight=\"600\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${text}\">${dateStr}</text>\n      <text x=\"8\" y=\"36\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${theme.text.secondary}\">${label}:</text>\n      <text x=\"50\" y=\"36\" font-size=\"10\" font-family=\"${TOOLTIP_STYLE.fontFamily}\" fill=\"${text}\">${value}</text>\n    </svg>`;\n  };\n}\n\n// Re-export types\nexport type { ICursorModifierOptions, IRolloverModifierOptions };\n\n// Tooltip templates\nexport {\n  createRolloverTooltip,\n  createCursorTooltip,\n  tooltipFormatters,\n  TOOLTIP_STYLE,\n  createPriceTargetSimpleTooltip,\n  createPriceTargetRangeTooltip,\n} from './tooltipTemplates';\n\n// Legend modifier for financial charts\nexport { FinChartLegendModifier } from './FinChartLegendModifier';\nexport type { IFinanceLegendModifierOptions, LegendPlacement } from './FinChartLegendModifier';\nexport { FinChartLegendAnnotation } from './FinChartLegendAnnotation';\nexport type {\n  TFinanceLegendTemplate,\n  LegendSeriesInfo,\n  IFinChartLegendAnnotationOptions,\n} from './FinChartLegendAnnotation';\n\n// Drawing modifier for interactive drawings\nexport { DrawingModifier } from './DrawingModifier';\nexport type { IDrawingModifierOptions } from './DrawingModifier';\n"],"names":["getPresetConfig","preset","applyModifiers","surface","config","theme","_a","ZoomPanModifier","getXyDirection","_b","_c","_d","MouseWheelZoomModifier","_e","_f","ZoomExtentsModifier","_g","_h","RubberBandXyZoomModifier","_i","_j","createCursorModifier","_k","createRolloverModifier","CursorModifier","RolloverModifier","direction","EXyDirection","createOHLCTooltipTemplate","_id","seriesInfo","rolloverTooltip","xValue","ohlcInfo","dateStr","o","h","l","changeColor","width","height","bg","text","border","TOOLTIP_STYLE","createValueTooltipTemplate","label","value"],"mappings":"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"}