@petal-nexus/toolkit 0.2.6 → 0.3.0

package/dist/petal-toolkit.es30.js

@@ -1,21 +1,26 @@
-import { jsxs as Le, jsx as xe } from "react/jsx-runtime";
-import { memo as Bo, useId as Eo, useRef as P, useEffect as Ue } from "react";
-import { s as o } from "./petal-toolkit.es57.js";
-import { getThemeFromPreset as Lo, getFinancialChartColors as vo } from "./petal-toolkit.es58.js";
-import { toUnixTimestamp as je, formatAxisLabel as Mo } from "./petal-toolkit.es1323.js";
-import { DEFAULT_BOLLINGER_CONFIG as Ro, DEFAULT_VWAP_CONFIG as ve, DEFAULT_RSI_CONFIG as No, DEFAULT_MACD_CONFIG as Po, DEFAULT_STOCHASTIC_CONFIG as Fo, DEFAULT_ADX_CONFIG as Io } from "./petal-toolkit.es1327.js";
-import { calculateEMA as ze, calculateSMA as Me } from "./petal-toolkit.es53.js";
-import { calculateBollingerBands as Je } from "./petal-toolkit.es59.js";
-import { calculateVWAP as Ye } from "./petal-toolkit.es60.js";
-import { calculateMACD as Oo } from "./petal-toolkit.es16.js";
-import { calculateRSI as Go } from "./petal-toolkit.es17.js";
-import { calculateStochastic as Xo } from "./petal-toolkit.es61.js";
-import { calculateADX as Wo } from "./petal-toolkit.es62.js";
-import { VolumePaletteProvider as Ho } from "./petal-toolkit.es51.js";
-import { MACDGradientPaletteProvider as Zo } from "./petal-toolkit.es63.js";
-import { MACDHistogramPaletteProvider as $o } from "./petal-toolkit.es33.js";
-import { FinChartLegendModifier as _o } from "./petal-toolkit.es29.js";
-const ut = {
+import { jsxs as Re, jsx as U } from "react/jsx-runtime";
+import { memo as Mt, useId as Rt, useRef as v, useState as Nt, useEffect as Ke } from "react";
+import { s as t } from "./petal-toolkit.es57.js";
+import { DrawingManager as Pt } from "./petal-toolkit.es1326.js";
+import { DrawingToolbar as Ft } from "./petal-toolkit.es1327.js";
+import { ObjectTreePanel as It } from "./petal-toolkit.es1328.js";
+import { PropertiesPanel as Ot } from "./petal-toolkit.es1329.js";
+import { getThemeFromPreset as Gt, getFinancialChartColors as Xt } from "./petal-toolkit.es63.js";
+import { toUnixTimestamp as qe, formatAxisLabel as Wt } from "./petal-toolkit.es676.js";
+import { DEFAULT_BOLLINGER_CONFIG as Ht, DEFAULT_VWAP_CONFIG as Ne, DEFAULT_RSI_CONFIG as Zt, DEFAULT_MACD_CONFIG as $t, DEFAULT_STOCHASTIC_CONFIG as _t, DEFAULT_ADX_CONFIG as jt } from "./petal-toolkit.es1330.js";
+import { calculateEMA as Qe, calculateSMA as Pe } from "./petal-toolkit.es53.js";
+import { calculateBollingerBands as et } from "./petal-toolkit.es59.js";
+import { calculateVWAP as tt } from "./petal-toolkit.es60.js";
+import { calculateMACD as Ut } from "./petal-toolkit.es16.js";
+import { calculateRSI as zt } from "./petal-toolkit.es17.js";
+import { calculateStochastic as Jt } from "./petal-toolkit.es61.js";
+import { calculateADX as Yt } from "./petal-toolkit.es62.js";
+import { VolumePaletteProvider as Kt } from "./petal-toolkit.es51.js";
+import { MACDGradientPaletteProvider as qt } from "./petal-toolkit.es58.js";
+import { MACDHistogramPaletteProvider as Qt } from "./petal-toolkit.es33.js";
+import { FinChartLegendModifier as er } from "./petal-toolkit.es29.js";
+import { DrawingModifier as tr } from "./petal-toolkit.es675.js";
+const Vr = {
   /** Fast momentum, popular with day traders */
   FAST: 9,
   /** Institutional standard, medium-term */
@@ -26,7 +31,7 @@ const ut = {
   LONG: 100,
   /** The big one, defines bull vs bear market */
   VERY_LONG: 200
-}, pt = [9, 20, 50, 100, 200], Re = "VolumeAxis", Ke = [
+}, Er = [9, 20, 50, 100, 200], Fe = "VolumeAxis", rt = [
   "#FF9800",
   // Orange - 9 EMA
   "#2196F3",
@@ -40,30 +45,30 @@ const ut = {
   "#00BCD4"
   // Cyan
 ];
-function Qe(l) {
-  for (let a = 0; a < l.length; a++)
-    if (!isNaN(l[a])) return a;
+function at(l) {
+  for (let n = 0; n < l.length; n++)
+    if (!isNaN(l[n])) return n;
   return l.length;
 }
-function Se(l, a) {
-  const g = Qe(a);
-  return g >= a.length ? { x: [], y: [] } : {
+function Ae(l, n) {
+  const g = at(n);
+  return g >= n.length ? { x: [], y: [] } : {
     x: l.slice(g),
-    y: a.slice(g)
+    y: n.slice(g)
   };
 }
-function ee(l, ...a) {
+function oe(l, ...n) {
   let g = 0;
-  for (const A of a) {
-    const M = Qe(A);
-    M > g && (g = M);
+  for (const k of n) {
+    const I = at(k);
+    I > g && (g = I);
   }
-  return g >= l.length ? { x: [], ys: a.map(() => []) } : {
+  return g >= l.length ? { x: [], ys: n.map(() => []) } : {
     x: l.slice(g),
-    ys: a.map((A) => A.slice(g))
+    ys: n.map((k) => k.slice(g))
   };
 }
-function Uo(l) {
+function rr(l) {
   switch (l) {
     case "ohlc":
       return {
@@ -97,10 +102,10 @@ function Uo(l) {
       };
   }
 }
-function qe(l) {
-  const a = [];
-  return a.push(
-    new o.BoxAnnotation({
+function nt(l) {
+  const n = [];
+  return n.push(
+    new t.BoxAnnotation({
       x1: 0,
       x2: 1,
       y1: l.overboughtStart,
@@ -108,12 +113,12 @@ function qe(l) {
       fill: l.overboughtColor,
       stroke: "transparent",
       strokeThickness: 0,
-      xCoordinateMode: o.ECoordinateMode.Relative,
-      yCoordinateMode: o.ECoordinateMode.DataValue,
-      annotationLayer: o.EAnnotationLayer.BelowChart
+      xCoordinateMode: t.ECoordinateMode.Relative,
+      yCoordinateMode: t.ECoordinateMode.DataValue,
+      annotationLayer: t.EAnnotationLayer.BelowChart
     })
-  ), a.push(
-    new o.BoxAnnotation({
+  ), n.push(
+    new t.BoxAnnotation({
       x1: 0,
       x2: 1,
       y1: l.oversoldStart,
@@ -121,40 +126,40 @@ function qe(l) {
       fill: l.oversoldColor,
       stroke: "transparent",
       strokeThickness: 0,
-      xCoordinateMode: o.ECoordinateMode.Relative,
-      yCoordinateMode: o.ECoordinateMode.DataValue,
-      annotationLayer: o.EAnnotationLayer.BelowChart
+      xCoordinateMode: t.ECoordinateMode.Relative,
+      yCoordinateMode: t.ECoordinateMode.DataValue,
+      annotationLayer: t.EAnnotationLayer.BelowChart
     })
-  ), a.push(
-    new o.HorizontalLineAnnotation({
+  ), n.push(
+    new t.HorizontalLineAnnotation({
       y1: l.overboughtStart,
       stroke: l.thresholdColor,
       strokeThickness: 1,
       strokeDashArray: [4, 4],
-      annotationLayer: o.EAnnotationLayer.BelowChart
+      annotationLayer: t.EAnnotationLayer.BelowChart
     })
-  ), a.push(
-    new o.HorizontalLineAnnotation({
+  ), n.push(
+    new t.HorizontalLineAnnotation({
       y1: l.oversoldEnd,
       stroke: l.thresholdColor,
       strokeThickness: 1,
       strokeDashArray: [4, 4],
-      annotationLayer: o.EAnnotationLayer.BelowChart
+      annotationLayer: t.EAnnotationLayer.BelowChart
     })
-  ), l.centerLine !== void 0 && a.push(
-    new o.HorizontalLineAnnotation({
+  ), l.centerLine !== void 0 && n.push(
+    new t.HorizontalLineAnnotation({
       y1: l.centerLine,
       stroke: l.centerLineColor ?? "rgba(156, 163, 175, 0.5)",
       strokeThickness: 1,
       strokeDashArray: [6, 3],
-      annotationLayer: o.EAnnotationLayer.BelowChart
+      annotationLayer: t.EAnnotationLayer.BelowChart
     })
-  ), a;
+  ), n;
 }
-function jo(l, a, g) {
-  const A = [];
-  return A.push(
-    new o.BoxAnnotation({
+function nr(l, n, g) {
+  const k = [];
+  return k.push(
+    new t.BoxAnnotation({
       x1: 0,
       x2: 1,
       y1: 0,
@@ -162,365 +167,366 @@ function jo(l, a, g) {
       fill: g ?? "rgba(156, 163, 175, 0.08)",
       stroke: "transparent",
       strokeThickness: 0,
-      xCoordinateMode: o.ECoordinateMode.Relative,
-      yCoordinateMode: o.ECoordinateMode.DataValue,
-      annotationLayer: o.EAnnotationLayer.BelowChart
+      xCoordinateMode: t.ECoordinateMode.Relative,
+      yCoordinateMode: t.ECoordinateMode.DataValue,
+      annotationLayer: t.EAnnotationLayer.BelowChart
     })
-  ), A.push(
-    new o.HorizontalLineAnnotation({
+  ), k.push(
+    new t.HorizontalLineAnnotation({
       y1: l,
       stroke: "rgba(156, 163, 175, 0.5)",
       strokeThickness: 1,
       strokeDashArray: [4, 4],
-      annotationLayer: o.EAnnotationLayer.BelowChart
+      annotationLayer: t.EAnnotationLayer.BelowChart
     })
-  ), A.push(
-    new o.HorizontalLineAnnotation({
-      y1: a,
+  ), k.push(
+    new t.HorizontalLineAnnotation({
+      y1: n,
       stroke: "rgba(168, 85, 247, 0.5)",
       strokeThickness: 1,
       strokeDashArray: [4, 4],
-      annotationLayer: o.EAnnotationLayer.BelowChart
+      annotationLayer: t.EAnnotationLayer.BelowChart
     })
-  ), A;
+  ), k;
 }
-const ht = Bo(function({
-  data: a,
+const Br = Mt(function({
+  data: n,
   width: g = "100%",
-  height: A = 500,
-  showVolume: M = !0,
-  className: eo,
-  themePreset: F = "dark",
-  theme: oo,
-  volumeUpColor: to,
-  volumeDownColor: ao,
-  volumeOpacity: Ne = 0.5,
-  onChartReady: oe,
-  chartType: $ = "candlestick",
+  height: k = 500,
+  showVolume: I = !0,
+  className: ot,
+  themePreset: X = "dark",
+  theme: it,
+  volumeUpColor: st,
+  volumeDownColor: lt,
+  volumeOpacity: Ie = 0.5,
+  onChartReady: ie,
+  chartType: z = "candlestick",
   // Config-based API
-  movingAverages: ro,
-  rsi: io,
-  macd: no,
-  stochastic: so,
-  adx: lo,
-  bollinger: co,
-  vwap: uo,
-  showLegend: Pe = !0,
-  hiddenSeries: te,
-  priceLevels: Ce = [],
-  crosshairColor: po = "#666666",
-  crosshairThickness: ho = 1,
-  crosshairDashArray: mo = [3, 3],
+  movingAverages: ct,
+  rsi: dt,
+  macd: ut,
+  stochastic: pt,
+  adx: ht,
+  bollinger: mt,
+  vwap: ft,
+  showLegend: Oe = !0,
+  hiddenSeries: se,
+  priceLevels: ke = [],
+  drawingTools: c,
+  crosshairColor: yt = "#666666",
+  crosshairThickness: bt = 1,
+  crosshairDashArray: xt = [3, 3],
   // Volume enhancement props
-  showVolumeAverage: fo = !1,
-  volumeAveragePeriod: Ae = 20,
-  volumeAverageColor: yo
+  showVolumeAverage: gt = !1,
+  volumeAveragePeriod: we = 20,
+  volumeAverageColor: St
 }) {
-  const ae = Eo(), ke = P(null), _ = P(null), Y = P(null), we = P(null), re = P([]), De = P(null), ie = P(null), ne = P(null), i = (b) => te ? Array.isArray(te) ? te.includes(b) : te[b] === !1 : !1, U = ro ?? [], x = io ?? { ...No, enabled: !1 }, C = no ?? { ...Po, enabled: !1 }, y = so ?? {
-    ...Fo,
+  const le = Rt(), Ve = v(null), J = v(null), ee = v(null), Ee = v(null), ce = v([]), Be = v(null), de = v(null), ue = v(null), S = v(null), te = v(null), [Ge, Xe] = Nt(null), o = (d) => se ? Array.isArray(se) ? se.includes(d) : se[d] === !1 : !1, Y = ct ?? [], C = dt ?? { ...Zt, enabled: !1 }, A = ut ?? { ...$t, enabled: !1 }, x = pt ?? {
+    ..._t,
     enabled: !1
-  }, k = lo ?? { ...Io, enabled: !1 }, m = co ?? {
-    ...Ro,
+  }, w = ht ?? { ...jt, enabled: !1 }, b = mt ?? {
+    ...Ht,
     enabled: !1
-  }, c = uo ?? { ...ve, enabled: !1 }, I = oo ?? Lo(F), E = vo(F), Fe = to ?? E.upColor + "CC", Ie = ao ?? E.downColor + "CC", Te = m.bandColor ?? "#2196F380", bo = c.color ?? "#FF5722", se = c.bandColor ?? "#FF572240", le = `financial-main-${ae}`, Oe = `financial-momentum-${ae}`, Ge = `financial-macd-${ae}`, Xe = `financial-adx-${ae}`, O = x.enabled || y.enabled, G = C.enabled, X = k.enabled, We = [O, G, X].filter(Boolean).length, de = 5e-3, He = {
+  }, p = ft ?? { ...Ne, enabled: !1 }, W = it ?? Gt(X), M = Xt(X), We = st ?? M.upColor + "CC", He = lt ?? M.downColor + "CC", Le = b.bandColor ?? "#2196F380", Ct = p.color ?? "#FF5722", pe = p.bandColor ?? "#FF572240", he = `financial-main-${le}`, Ze = `financial-momentum-${le}`, $e = `financial-macd-${le}`, _e = `financial-adx-${le}`, H = C.enabled || x.enabled, Z = A.enabled, $ = w.enabled, je = [H, Z, $].filter(Boolean).length, me = 5e-3, Ue = {
     0: { main: 1, indicator: 0 },
     1: { main: 0.7, indicator: 0.3 },
     2: { main: 0.6, indicator: 0.2 },
     3: { main: 0.55, indicator: 0.15 }
-  }, { main: go, indicator: Ve } = He[We] ?? He[3], xo = de * We, j = go - xo, K = O ? Ve : 0, ce = G ? Ve : 0, Ze = X ? Ve : 0;
-  Ue(() => {
-    if (!ke.current || a.length === 0) return;
-    let b = !1;
+  }, { main: Dt, indicator: Te } = Ue[je] ?? Ue[3], At = me * je, K = Dt - At, re = H ? Te : 0, fe = Z ? Te : 0, ze = $ ? Te : 0;
+  Ke(() => {
+    if (!Ve.current || n.length === 0) return;
+    let d = !1;
     return (async () => {
-      var pe;
+      var N;
       try {
-        const f = a.map((e) => je(e.date)), z = a.map((e) => e.open), Be = a.map((e) => e.high), r = a.map((e) => e.low), d = a.map((e) => e.close), L = a.map((e) => e.volume ?? 0), R = [];
-        for (const e of U) {
+        const f = n.map((e) => qe(e.date)), q = n.map((e) => e.open), ve = n.map((e) => e.high), a = n.map((e) => e.low), u = n.map((e) => e.close), P = n.map((e) => e.volume ?? 0), O = [];
+        for (const e of Y) {
           if (e.visible === !1) continue;
-          const t = e.type === "ema" ? ze(d, e.period) : Me(d, e.period), n = Se(f, t);
-          R.push({ config: e, trimmed: n });
+          const r = e.type === "ema" ? Qe(u, e.period) : Pe(u, e.period), i = Ae(f, r);
+          O.push({ config: e, trimmed: i });
         }
-        const D = C.enabled ? Oo(d, {
-          fastPeriod: C.fastPeriod ?? 12,
-          slowPeriod: C.slowPeriod ?? 26,
-          signalPeriod: C.signalPeriod ?? 9
-        }) : null, $e = x.enabled ? Go(d, x.period ?? 14) : null, he = m.enabled ? Je(d, {
-          period: m.period ?? 20,
-          stdDevMultiplier: m.stdDevMultiplier ?? 2
-        }) : null, Ee = y.enabled ? Xo(
-          a.map((e) => ({ high: e.high, low: e.low, close: e.close })),
+        const E = A.enabled ? Ut(u, {
+          fastPeriod: A.fastPeriod ?? 12,
+          slowPeriod: A.slowPeriod ?? 26,
+          signalPeriod: A.signalPeriod ?? 9
+        }) : null, Je = C.enabled ? zt(u, C.period ?? 14) : null, be = b.enabled ? et(u, {
+          period: b.period ?? 20,
+          stdDevMultiplier: b.stdDevMultiplier ?? 2
+        }) : null, Me = x.enabled ? Jt(
+          n.map((e) => ({ high: e.high, low: e.low, close: e.close })),
           {
-            kPeriod: y.kPeriod ?? 14,
-            dPeriod: y.dPeriod ?? 3,
-            smoothK: y.smoothK ?? 3
+            kPeriod: x.kPeriod ?? 14,
+            dPeriod: x.dPeriod ?? 3,
+            smoothK: x.smoothK ?? 3
           }
-        ) : null, me = k.enabled ? Wo(
-          a.map((e) => ({ high: e.high, low: e.low, close: e.close })),
-          { period: k.period ?? 14 }
-        ) : null, J = c.enabled ? Ye(
-          a.map((e) => ({
+        ) : null, xe = w.enabled ? Yt(
+          n.map((e) => ({ high: e.high, low: e.low, close: e.close })),
+          { period: w.period ?? 14 }
+        ) : null, Q = p.enabled ? tt(
+          n.map((e) => ({
             high: e.high,
             low: e.low,
             close: e.close,
             volume: e.volume ?? 0
           })),
           {
-            includeBands: c.includeBands ?? ve.includeBands,
-            bandCount: c.bandCount ?? ve.bandCount
+            includeBands: p.includeBands ?? Ne.includeBands,
+            bandCount: p.bandCount ?? Ne.bandCount
           }
-        ) : null, v = D ? ee(
+        ) : null, F = E ? oe(
           f,
-          D.macdLine,
-          D.signalLine,
-          D.histogram
-        ) : null, fe = $e ? Se(f, $e.rsi) : null, w = he ? ee(
+          E.macdLine,
+          E.signalLine,
+          E.histogram
+        ) : null, ge = Je ? Ae(f, Je.rsi) : null, V = be ? oe(
           f,
-          he.upperBand,
-          he.middleBand,
-          he.lowerBand
-        ) : null, q = Ee ? ee(f, Ee.percentK, Ee.percentD) : null, N = me ? ee(f, me.adx, me.plusDI, me.minusDI) : null, s = J ? {
+          be.upperBand,
+          be.middleBand,
+          be.lowerBand
+        ) : null, ne = Me ? oe(f, Me.percentK, Me.percentD) : null, G = xe ? oe(f, xe.adx, xe.plusDI, xe.minusDI) : null, s = Q ? {
           x: f,
-          vwap: J.vwap,
-          upperBand1: J.upperBand1,
-          lowerBand1: J.lowerBand1,
-          upperBand2: J.upperBand2,
-          lowerBand2: J.lowerBand2
-        } : null, ye = [
-          { type: o.EChart2DModifierType.ZoomPan, options: { xyDirection: o.EXyDirection.XDirection } },
+          vwap: Q.vwap,
+          upperBand1: Q.upperBand1,
+          lowerBand1: Q.lowerBand1,
+          upperBand2: Q.upperBand2,
+          lowerBand2: Q.lowerBand2
+        } : null, Se = [
+          { type: t.EChart2DModifierType.ZoomPan, options: { xyDirection: t.EXyDirection.XDirection } },
           {
-            type: o.EChart2DModifierType.ZoomExtents,
-            options: { xyDirection: o.EXyDirection.XDirection }
+            type: t.EChart2DModifierType.ZoomExtents,
+            options: { xyDirection: t.EXyDirection.XDirection }
           },
           {
-            type: o.EChart2DModifierType.MouseWheelZoom,
-            options: { xyDirection: o.EXyDirection.XDirection }
+            type: t.EChart2DModifierType.MouseWheelZoom,
+            options: { xyDirection: t.EXyDirection.XDirection }
           }
-        ], _e = [
+        ], Ye = [
           // PRIMARY Y-AXIS: Price
           {
-            type: o.EAxisType.NumericAxis,
+            type: t.EAxisType.NumericAxis,
             options: {
-              axisAlignment: o.EAxisAlignment.Right,
-              growBy: new o.NumberRange(0.1, 0.1),
-              labelFormat: o.ENumericFormat.Decimal,
+              axisAlignment: t.EAxisAlignment.Right,
+              growBy: new t.NumberRange(0.1, 0.1),
+              labelFormat: t.ENumericFormat.Decimal,
               labelPrecision: 2,
-              autoRange: o.EAutoRange.Always,
+              autoRange: t.EAutoRange.Always,
               drawMajorGridLines: !0,
               drawMinorGridLines: !1
             }
           }
         ];
-        M && _e.push({
-          type: o.EAxisType.NumericAxis,
+        I && Ye.push({
+          type: t.EAxisType.NumericAxis,
           options: {
-            id: Re,
-            axisAlignment: o.EAxisAlignment.Right,
-            growBy: new o.NumberRange(0, 4),
+            id: Fe,
+            axisAlignment: t.EAxisAlignment.Right,
+            growBy: new t.NumberRange(0, 4),
             // Volume takes bottom ~20% of chart
             isVisible: !1,
             // Hidden axis
-            autoRange: o.EAutoRange.Always
+            autoRange: t.EAutoRange.Always
           }
         });
-        const ko = Uo($), S = [];
-        $ === "line" ? S.push({
-          type: o.ESeriesType.LineSeries,
+        const Et = rr(z), D = [];
+        z === "line" ? D.push({
+          type: t.ESeriesType.LineSeries,
           xyData: {
             xValues: f,
-            yValues: d,
+            yValues: u,
             dataSeriesName: "Price"
           },
           options: {
             strokeThickness: 2,
-            isVisible: !i("Price")
+            isVisible: !o("Price")
           }
-        }) : S.push({
-          type: o.ESeriesType.CandlestickSeries,
+        }) : D.push({
+          type: t.ESeriesType.CandlestickSeries,
           ohlcData: {
             xValues: f,
-            openValues: z,
-            highValues: Be,
-            lowValues: r,
-            closeValues: d,
+            openValues: q,
+            highValues: ve,
+            lowValues: a,
+            closeValues: u,
             dataSeriesName: "OHLC"
           },
           options: {
-            ...ko,
-            isVisible: !i("OHLC")
+            ...Et,
+            isVisible: !o("OHLC")
           }
         });
-        for (let e = 0; e < R.length; e++) {
-          const { config: t, trimmed: n } = R[e];
-          if (n.y.length === 0) continue;
-          const u = t.color ?? Ke[e % Ke.length], p = `${t.type.toUpperCase()}${t.period}`;
-          S.push({
-            type: o.ESeriesType.LineSeries,
+        for (let e = 0; e < O.length; e++) {
+          const { config: r, trimmed: i } = O[e];
+          if (i.y.length === 0) continue;
+          const h = r.color ?? rt[e % rt.length], m = `${r.type.toUpperCase()}${r.period}`;
+          D.push({
+            type: t.ESeriesType.LineSeries,
             xyData: {
-              xValues: n.x,
-              yValues: n.y,
-              dataSeriesName: p
+              xValues: i.x,
+              yValues: i.y,
+              dataSeriesName: m
             },
             options: {
-              stroke: u,
-              strokeThickness: t.strokeThickness ?? 1.5,
-              strokeDashArray: t.strokeDashArray,
-              opacity: t.opacity ?? 1,
-              isVisible: !i(p)
+              stroke: h,
+              strokeThickness: r.strokeThickness ?? 1.5,
+              strokeDashArray: r.strokeDashArray,
+              opacity: r.opacity ?? 1,
+              isVisible: !o(m)
             }
           });
         }
-        if (m.enabled && w && w.x.length > 0) {
-          const [e, t, n] = w.ys;
-          S.push({
-            type: o.ESeriesType.LineSeries,
+        if (b.enabled && V && V.x.length > 0) {
+          const [e, r, i] = V.ys;
+          D.push({
+            type: t.ESeriesType.LineSeries,
             xyData: {
-              xValues: w.x,
+              xValues: V.x,
               yValues: e,
               dataSeriesName: "BB Upper"
             },
             options: {
-              stroke: Te,
+              stroke: Le,
               strokeThickness: 1,
-              isVisible: !i("BB Upper") && !i("Bollinger")
+              isVisible: !o("BB Upper") && !o("Bollinger")
             }
-          }), S.push({
-            type: o.ESeriesType.LineSeries,
+          }), D.push({
+            type: t.ESeriesType.LineSeries,
             xyData: {
-              xValues: w.x,
-              yValues: t,
+              xValues: V.x,
+              yValues: r,
               dataSeriesName: "BB Middle"
             },
             options: {
-              stroke: m.middleColor ?? Te,
+              stroke: b.middleColor ?? Le,
               strokeThickness: 1,
               strokeDashArray: [5, 5],
-              isVisible: !i("BB Middle") && !i("Bollinger")
+              isVisible: !o("BB Middle") && !o("Bollinger")
             }
-          }), S.push({
-            type: o.ESeriesType.LineSeries,
+          }), D.push({
+            type: t.ESeriesType.LineSeries,
             xyData: {
-              xValues: w.x,
-              yValues: n,
+              xValues: V.x,
+              yValues: i,
               dataSeriesName: "BB Lower"
             },
             options: {
-              stroke: Te,
+              stroke: Le,
               strokeThickness: 1,
-              isVisible: !i("BB Lower") && !i("Bollinger")
+              isVisible: !o("BB Lower") && !o("Bollinger")
             }
           });
         }
-        if (c.enabled && s && s.vwap.length > 0 && (S.push({
-          type: o.ESeriesType.LineSeries,
+        if (p.enabled && s && s.vwap.length > 0 && (D.push({
+          type: t.ESeriesType.LineSeries,
           xyData: {
             xValues: s.x,
             yValues: s.vwap,
             dataSeriesName: "VWAP"
           },
           options: {
-            stroke: bo,
+            stroke: Ct,
             strokeThickness: 2,
-            isVisible: !i("VWAP")
+            isVisible: !o("VWAP")
           }
-        }), c.includeBands !== !1 && (s.upperBand1 && s.lowerBand1 && (S.push({
-          type: o.ESeriesType.LineSeries,
+        }), p.includeBands !== !1 && (s.upperBand1 && s.lowerBand1 && (D.push({
+          type: t.ESeriesType.LineSeries,
           xyData: {
             xValues: s.x,
             yValues: s.upperBand1,
             dataSeriesName: "VWAP +1σ"
           },
           options: {
-            stroke: se,
+            stroke: pe,
             strokeThickness: 1,
-            isVisible: !i("VWAP +1σ") && !i("VWAP")
+            isVisible: !o("VWAP +1σ") && !o("VWAP")
           }
-        }), S.push({
-          type: o.ESeriesType.LineSeries,
+        }), D.push({
+          type: t.ESeriesType.LineSeries,
           xyData: {
             xValues: s.x,
             yValues: s.lowerBand1,
             dataSeriesName: "VWAP -1σ"
           },
           options: {
-            stroke: se,
+            stroke: pe,
             strokeThickness: 1,
-            isVisible: !i("VWAP -1σ") && !i("VWAP")
+            isVisible: !o("VWAP -1σ") && !o("VWAP")
           }
-        })), (c.bandCount ?? 2) === 2 && s.upperBand2 && s.lowerBand2 && (S.push({
-          type: o.ESeriesType.LineSeries,
+        })), (p.bandCount ?? 2) === 2 && s.upperBand2 && s.lowerBand2 && (D.push({
+          type: t.ESeriesType.LineSeries,
           xyData: {
             xValues: s.x,
             yValues: s.upperBand2,
             dataSeriesName: "VWAP +2σ"
           },
           options: {
-            stroke: se,
+            stroke: pe,
             strokeThickness: 1,
             strokeDashArray: [3, 3],
-            isVisible: !i("VWAP +2σ") && !i("VWAP")
+            isVisible: !o("VWAP +2σ") && !o("VWAP")
           }
-        }), S.push({
-          type: o.ESeriesType.LineSeries,
+        }), D.push({
+          type: t.ESeriesType.LineSeries,
           xyData: {
             xValues: s.x,
             yValues: s.lowerBand2,
             dataSeriesName: "VWAP -2σ"
           },
           options: {
-            stroke: se,
+            stroke: pe,
             strokeThickness: 1,
             strokeDashArray: [3, 3],
-            isVisible: !i("VWAP -2σ") && !i("VWAP")
+            isVisible: !o("VWAP -2σ") && !o("VWAP")
           }
-        })))), M && (S.push({
-          type: o.ESeriesType.ColumnSeries,
+        })))), I && (D.push({
+          type: t.ESeriesType.ColumnSeries,
           xyData: {
             xValues: f,
-            yValues: L,
+            yValues: P,
             dataSeriesName: "Volume"
           },
           options: {
-            yAxisId: Re,
+            yAxisId: Fe,
             strokeThickness: 0,
             dataPointWidth: 0.7,
-            opacity: Ne,
-            isVisible: !i("Volume")
+            opacity: Ie,
+            isVisible: !o("Volume")
           }
-        }), fo)) {
-          const e = Me(L, Ae), t = Se(f, e);
-          t.y.length > 0 && S.push({
-            type: o.ESeriesType.LineSeries,
+        }), gt)) {
+          const e = Pe(P, we), r = Ae(f, e);
+          r.y.length > 0 && D.push({
+            type: t.ESeriesType.LineSeries,
             xyData: {
-              xValues: t.x,
-              yValues: t.y,
-              dataSeriesName: `Vol SMA${Ae}`
+              xValues: r.x,
+              yValues: r.y,
+              dataSeriesName: `Vol SMA${we}`
             },
             options: {
-              yAxisId: Re,
-              stroke: yo ?? "#f97316",
+              yAxisId: Fe,
+              stroke: St ?? "#f97316",
               strokeThickness: 1.5,
               strokeDashArray: [4, 4],
-              isVisible: !i(`Vol SMA${Ae}`) && !i("Volume")
+              isVisible: !o(`Vol SMA${we}`) && !o("Volume")
             }
           });
         }
-        const Q = [];
-        let H = 0;
-        const be = X ? "adx" : G ? "macd" : O ? "momentum" : "main";
-        if (Q.push({
+        const ae = [];
+        let _ = 0;
+        const Ce = $ ? "adx" : Z ? "macd" : H ? "momentum" : "main";
+        if (ae.push({
           surface: {
             id: "mainChart",
-            position: new o.Rect(0, H, 1, j),
-            theme: I,
-            subChartContainerId: le
+            position: new t.Rect(0, _, 1, K),
+            theme: W,
+            subChartContainerId: he
           },
           xAxes: {
-            type: o.EAxisType.DateTimeNumericAxis,
+            type: t.EAxisType.DateTimeNumericAxis,
             options: {
-              drawLabels: be === "main",
+              drawLabels: Ce === "main",
               drawMajorTickLines: !0,
               drawMinorTickLines: !1,
-              autoRange: o.EAutoRange.Always,
+              autoRange: t.EAutoRange.Always,
               drawMajorGridLines: !0,
               maxAutoTicks: 10,
               axisBorder: {
@@ -529,66 +535,66 @@ const ht = Bo(function({
               }
             }
           },
-          yAxes: _e,
-          series: S,
-          modifiers: ye
-        }), H += j + de, O) {
+          yAxes: Ye,
+          series: D,
+          modifiers: Se
+        }), _ += K + me, H) {
           const e = [];
-          if (x.enabled && fe && fe.y.length > 0 && e.push({
-            type: o.ESeriesType.LineSeries,
+          if (C.enabled && ge && ge.y.length > 0 && e.push({
+            type: t.ESeriesType.LineSeries,
             xyData: {
-              xValues: fe.x,
-              yValues: fe.y,
+              xValues: ge.x,
+              yValues: ge.y,
               dataSeriesName: "RSI"
             },
             options: {
-              stroke: x.color ?? E.rsiColor,
+              stroke: C.color ?? M.rsiColor,
               strokeThickness: 1.5,
-              isVisible: !i("RSI")
+              isVisible: !o("RSI")
             }
-          }), y.enabled && q && q.x.length > 0) {
-            const [t, n] = q.ys;
+          }), x.enabled && ne && ne.x.length > 0) {
+            const [r, i] = ne.ys;
             e.push({
-              type: o.ESeriesType.LineSeries,
+              type: t.ESeriesType.LineSeries,
               xyData: {
-                xValues: q.x,
-                yValues: t,
+                xValues: ne.x,
+                yValues: r,
                 dataSeriesName: "%K"
               },
               options: {
-                stroke: y.kColor ?? "#3b82f6",
+                stroke: x.kColor ?? "#3b82f6",
                 strokeThickness: 1.5,
-                isVisible: !i("%K") && !i("Stochastic")
+                isVisible: !o("%K") && !o("Stochastic")
               }
             }), e.push({
-              type: o.ESeriesType.LineSeries,
+              type: t.ESeriesType.LineSeries,
               xyData: {
-                xValues: q.x,
-                yValues: n,
+                xValues: ne.x,
+                yValues: i,
                 dataSeriesName: "%D"
               },
               options: {
-                stroke: y.dColor ?? "#f97316",
+                stroke: x.dColor ?? "#f97316",
                 strokeThickness: 1.5,
                 strokeDashArray: [3, 3],
-                isVisible: !i("%D") && !i("Stochastic")
+                isVisible: !o("%D") && !o("Stochastic")
               }
             });
           }
-          Q.push({
+          ae.push({
             surface: {
               id: "momentumChart",
-              position: new o.Rect(0, H, 1, K),
-              theme: I,
-              subChartContainerId: Oe
+              position: new t.Rect(0, _, 1, re),
+              theme: W,
+              subChartContainerId: Ze
             },
             xAxes: {
-              type: o.EAxisType.DateTimeNumericAxis,
+              type: t.EAxisType.DateTimeNumericAxis,
               options: {
-                drawLabels: be === "momentum",
+                drawLabels: Ce === "momentum",
                 drawMajorTickLines: !0,
                 drawMinorTickLines: !1,
-                autoRange: o.EAutoRange.Never,
+                autoRange: t.EAutoRange.Never,
                 // Synced from main chart
                 drawMajorGridLines: !0,
                 maxAutoTicks: 10,
@@ -599,37 +605,37 @@ const ht = Bo(function({
               }
             },
             yAxes: {
-              type: o.EAxisType.NumericAxis,
+              type: t.EAxisType.NumericAxis,
               options: {
-                axisAlignment: o.EAxisAlignment.Right,
-                visibleRange: new o.NumberRange(0, 100),
-                autoRange: o.EAutoRange.Never,
+                axisAlignment: t.EAxisAlignment.Right,
+                visibleRange: new t.NumberRange(0, 100),
+                autoRange: t.EAutoRange.Never,
                 drawMajorGridLines: !0,
                 drawMinorGridLines: !1,
-                labelFormat: o.ENumericFormat.Decimal,
+                labelFormat: t.ENumericFormat.Decimal,
                 labelPrecision: 0
               }
             },
             series: e,
-            modifiers: ye
-          }), H += K + de;
+            modifiers: Se
+          }), _ += re + me;
         }
-        if (G && v && v.x.length > 0) {
-          const [e, t, n] = v.ys;
-          Q.push({
+        if (Z && F && F.x.length > 0) {
+          const [e, r, i] = F.ys;
+          ae.push({
             surface: {
               id: "macdChart",
-              position: new o.Rect(0, H, 1, ce),
-              theme: I,
-              subChartContainerId: Ge
+              position: new t.Rect(0, _, 1, fe),
+              theme: W,
+              subChartContainerId: $e
             },
             xAxes: {
-              type: o.EAxisType.DateTimeNumericAxis,
+              type: t.EAxisType.DateTimeNumericAxis,
               options: {
-                drawLabels: be === "macd",
+                drawLabels: Ce === "macd",
                 drawMajorTickLines: !0,
                 drawMinorTickLines: !1,
-                autoRange: o.EAutoRange.Never,
+                autoRange: t.EAutoRange.Never,
                 // Synced from main chart
                 drawMajorGridLines: !0,
                 maxAutoTicks: 10,
@@ -640,80 +646,80 @@ const ht = Bo(function({
               }
             },
             yAxes: {
-              type: o.EAxisType.NumericAxis,
+              type: t.EAxisType.NumericAxis,
               options: {
-                axisAlignment: o.EAxisAlignment.Right,
-                growBy: new o.NumberRange(0.1, 0.1),
-                autoRange: o.EAutoRange.Always,
+                axisAlignment: t.EAxisAlignment.Right,
+                growBy: new t.NumberRange(0.1, 0.1),
+                autoRange: t.EAutoRange.Always,
                 drawMajorGridLines: !0,
                 drawMinorGridLines: !1,
-                labelFormat: o.ENumericFormat.Decimal,
+                labelFormat: t.ENumericFormat.Decimal,
                 labelPrecision: 4
               }
             },
             series: [
               // MACD Histogram
               {
-                type: o.ESeriesType.ColumnSeries,
+                type: t.ESeriesType.ColumnSeries,
                 xyData: {
-                  xValues: v.x,
-                  yValues: n,
+                  xValues: F.x,
+                  yValues: i,
                   dataSeriesName: "Histogram"
                 },
                 options: {
                   strokeThickness: 0,
                   dataPointWidth: 0.6,
-                  isVisible: !i("Histogram") && !i("MACD")
+                  isVisible: !o("Histogram") && !o("MACD")
                 }
               },
               // MACD Line
               {
-                type: o.ESeriesType.LineSeries,
+                type: t.ESeriesType.LineSeries,
                 xyData: {
-                  xValues: v.x,
+                  xValues: F.x,
                   yValues: e,
                   dataSeriesName: "MACD"
                 },
                 options: {
-                  stroke: C.macdColor ?? E.macdLineColor,
+                  stroke: A.macdColor ?? M.macdLineColor,
                   strokeThickness: 1.5,
-                  isVisible: !i("MACD")
+                  isVisible: !o("MACD")
                 }
               },
               // Signal Line
               {
-                type: o.ESeriesType.LineSeries,
+                type: t.ESeriesType.LineSeries,
                 xyData: {
-                  xValues: v.x,
-                  yValues: t,
+                  xValues: F.x,
+                  yValues: r,
                   dataSeriesName: "Signal"
                 },
                 options: {
-                  stroke: C.signalColor ?? E.signalLineColor,
+                  stroke: A.signalColor ?? M.signalLineColor,
                   strokeThickness: 1.5,
-                  isVisible: !i("Signal") && !i("MACD")
+                  isVisible: !o("Signal") && !o("MACD")
                 }
               }
             ],
-            modifiers: ye
-          }), H += ce + de;
+            modifiers: Se
+          }), _ += fe + me;
         }
-        if (X && N && N.x.length > 0) {
-          const [e, t, n] = N.ys;
-          Q.push({
+        if ($ && G && G.x.length > 0) {
+          const [e, r, i] = G.ys;
+          ae.push({
             surface: {
               id: "adxChart",
-              position: new o.Rect(0, H, 1, Ze),
-              theme: I,
-              subChartContainerId: Xe
+              position: new t.Rect(0, _, 1, ze),
+              theme: W,
+              subChartContainerId: _e
             },
             xAxes: {
-              type: o.EAxisType.DateTimeNumericAxis,
+              type: t.EAxisType.DateTimeNumericAxis,
               options: {
-                drawLabels: be === "adx",
+                drawLabels: Ce === "adx",
                 drawMajorTickLines: !0,
                 drawMinorTickLines: !1,
-                autoRange: o.EAutoRange.Never,
+                autoRange: t.EAutoRange.Never,
                 // Synced from main chart
                 drawMajorGridLines: !0,
                 maxAutoTicks: 10,
@@ -724,422 +730,441 @@ const ht = Bo(function({
               }
             },
             yAxes: {
-              type: o.EAxisType.NumericAxis,
+              type: t.EAxisType.NumericAxis,
               options: {
-                axisAlignment: o.EAxisAlignment.Right,
-                growBy: new o.NumberRange(0.1, 0.1),
-                autoRange: o.EAutoRange.Always,
+                axisAlignment: t.EAxisAlignment.Right,
+                growBy: new t.NumberRange(0.1, 0.1),
+                autoRange: t.EAutoRange.Always,
                 drawMajorGridLines: !0,
                 drawMinorGridLines: !1,
-                labelFormat: o.ENumericFormat.Decimal,
+                labelFormat: t.ENumericFormat.Decimal,
                 labelPrecision: 0
               }
             },
             series: [
               // ADX Line
               {
-                type: o.ESeriesType.LineSeries,
+                type: t.ESeriesType.LineSeries,
                 xyData: {
-                  xValues: N.x,
+                  xValues: G.x,
                   yValues: e,
                   dataSeriesName: "ADX"
                 },
                 options: {
-                  stroke: k.adxColor ?? "#a855f7",
+                  stroke: w.adxColor ?? "#a855f7",
                   strokeThickness: 2,
-                  isVisible: !i("ADX")
+                  isVisible: !o("ADX")
                 }
               },
               // +DI Line
               {
-                type: o.ESeriesType.LineSeries,
+                type: t.ESeriesType.LineSeries,
                 xyData: {
-                  xValues: N.x,
-                  yValues: t,
+                  xValues: G.x,
+                  yValues: r,
                   dataSeriesName: "+DI"
                 },
                 options: {
-                  stroke: k.plusDIColor ?? E.upColor,
+                  stroke: w.plusDIColor ?? M.upColor,
                   strokeThickness: 1.5,
-                  isVisible: !i("+DI") && !i("ADX")
+                  isVisible: !o("+DI") && !o("ADX")
                 }
               },
               // -DI Line
               {
-                type: o.ESeriesType.LineSeries,
+                type: t.ESeriesType.LineSeries,
                 xyData: {
-                  xValues: N.x,
-                  yValues: n,
+                  xValues: G.x,
+                  yValues: i,
                   dataSeriesName: "-DI"
                 },
                 options: {
-                  stroke: k.minusDIColor ?? E.downColor,
+                  stroke: w.minusDIColor ?? M.downColor,
                   strokeThickness: 1.5,
-                  isVisible: !i("-DI") && !i("ADX")
+                  isVisible: !o("-DI") && !o("ADX")
                 }
               }
             ],
-            modifiers: ye
+            modifiers: Se
           });
         }
-        const { sciChartSurface: h } = await o.chartBuilder.build2DChart(ke.current, {
-          subCharts: Q
+        const { sciChartSurface: y } = await t.chartBuilder.build2DChart(Ve.current, {
+          subCharts: ae
         });
-        if (b) {
-          h.delete();
+        if (d) {
+          y.delete();
           return;
         }
-        _.current = h, h.applyTheme(I), h.subCharts.forEach((e) => {
-          e.applyTheme(I);
-        }), h.padding = o.Thickness.fromNumber(0), h.subCharts.forEach((e) => {
-          e.padding = o.Thickness.fromNumber(0);
-        }), h.subCharts.forEach((e) => {
+        J.current = y, y.applyTheme(W), y.subCharts.forEach((e) => {
+          e.applyTheme(W);
+        }), y.padding = t.Thickness.fromNumber(0), y.subCharts.forEach((e) => {
+          e.padding = t.Thickness.fromNumber(0);
+        }), y.subCharts.forEach((e) => {
           e.chartModifiers.size() === 0 && e.chartModifiers.add(
-            new o.ZoomPanModifier({ xyDirection: o.EXyDirection.XDirection }),
-            new o.ZoomExtentsModifier({ xyDirection: o.EXyDirection.XDirection }),
-            new o.MouseWheelZoomModifier({ xyDirection: o.EXyDirection.XDirection })
+            new t.ZoomPanModifier({ xyDirection: t.EXyDirection.XDirection }),
+            new t.ZoomExtentsModifier({ xyDirection: t.EXyDirection.XDirection }),
+            new t.MouseWheelZoomModifier({ xyDirection: t.EXyDirection.XDirection })
           );
         });
-        const wo = new o.SciChartVerticalGroup();
-        h.subCharts.forEach((e) => {
-          wo.addSurfaceToGroup(e);
+        const Bt = new t.SciChartVerticalGroup();
+        y.subCharts.forEach((e) => {
+          Bt.addSurfaceToGroup(e);
         });
-        const Do = new o.SciChartHorizontalGroup();
-        h.subCharts.forEach((e) => {
-          Do.addSurfaceToGroup(e);
+        const Lt = new t.SciChartHorizontalGroup();
+        y.subCharts.forEach((e) => {
+          Lt.addSurfaceToGroup(e);
         });
-        const To = Math.min(...f), Vo = Math.max(...f);
-        h.subCharts.forEach((e) => {
-          const t = e.xAxes.get(0);
-          t != null && t.labelProvider && (t.labelProvider.formatLabel = (n) => Mo(n, [To, Vo]));
+        const Tt = Math.min(...f), vt = Math.max(...f);
+        y.subCharts.forEach((e) => {
+          const r = e.xAxes.get(0);
+          r != null && r.labelProvider && (r.labelProvider.formatLabel = (i) => Wt(i, [Tt, vt]));
         });
-        const B = h.subCharts[0];
-        if ($ !== "line") {
+        const B = y.subCharts[0];
+        if (z !== "line") {
           const e = B.renderableSeries.get(
             0
           );
-          Y.current = e.dataSeries;
+          ee.current = e.dataSeries;
         }
-        let Z = 1;
-        re.current = [];
-        for (let e = 0; e < R.length; e++) {
-          const t = B.renderableSeries.get(
-            Z
+        let j = 1;
+        ce.current = [];
+        for (let e = 0; e < O.length; e++) {
+          const r = B.renderableSeries.get(
+            j
           );
-          t && re.current.push(t.dataSeries), Z++;
+          r && ce.current.push(r.dataSeries), j++;
         }
-        if (m.enabled && w && w.x.length > 0 && (Z += 3), c.enabled && s && s.vwap.length > 0 && (Z += 1, c.includeBands !== !1 && (Z += 2, (c.bandCount ?? 2) === 2 && (Z += 2))), M) {
+        if (b.enabled && V && V.x.length > 0 && (j += 3), p.enabled && s && s.vwap.length > 0 && (j += 1, p.includeBands !== !1 && (j += 2, (p.bandCount ?? 2) === 2 && (j += 2))), I) {
           const e = B.renderableSeries.get(
-            Z
+            j
           );
-          e && (we.current = e.dataSeries, Y.current && (e.paletteProvider = new Ho(
-            Y.current,
-            Fe,
-            Ie
+          e && (Ee.current = e.dataSeries, ee.current && (e.paletteProvider = new Kt(
+            ee.current,
+            We,
+            He
           )));
         }
-        if (G && v && v.x.length > 0) {
-          const e = h.subCharts.find((t) => t.id === "macdChart");
+        if (Z && F && F.x.length > 0) {
+          const e = y.subCharts.find((r) => r.id === "macdChart");
           if (e) {
-            const t = e.renderableSeries.get(
+            const r = e.renderableSeries.get(
               0
             );
-            if (t)
-              if (C.useGradientHistogram !== !1) {
-                const n = new Zo();
-                n.setHistogramData(v.ys[2]), t.paletteProvider = n;
+            if (r)
+              if (A.useGradientHistogram !== !1) {
+                const i = new qt();
+                i.setHistogramData(F.ys[2]), r.paletteProvider = i;
               } else
-                t.paletteProvider = new $o(
-                  C.histogramUpColor ?? E.histogramUpColor,
-                  C.histogramDownColor ?? E.histogramDownColor
+                r.paletteProvider = new Qt(
+                  A.histogramUpColor ?? M.histogramUpColor,
+                  A.histogramDownColor ?? M.histogramDownColor
                 );
-            C.showZeroLine !== !1 && e.annotations.add(
-              new o.HorizontalLineAnnotation({
+            A.showZeroLine !== !1 && e.annotations.add(
+              new t.HorizontalLineAnnotation({
                 y1: 0,
                 stroke: "rgba(156, 163, 175, 0.6)",
                 strokeThickness: 1.5,
                 strokeDashArray: [6, 3],
-                annotationLayer: o.EAnnotationLayer.BelowChart
+                annotationLayer: t.EAnnotationLayer.BelowChart
               })
             );
           }
         }
-        if (O) {
-          const e = h.subCharts.find(
-            (t) => t.id === "momentumChart"
+        if (H) {
+          const e = y.subCharts.find(
+            (r) => r.id === "momentumChart"
           );
           if (e) {
-            if (x.enabled && x.showZones !== !1) {
-              const t = x.overbought ?? 70, n = x.oversold ?? 30;
-              qe({
-                overboughtStart: t,
+            if (C.enabled && C.showZones !== !1) {
+              const r = C.overbought ?? 70, i = C.oversold ?? 30;
+              nt({
+                overboughtStart: r,
                 overboughtEnd: 100,
                 oversoldStart: 0,
-                oversoldEnd: n,
-                overboughtColor: x.overboughtZoneColor ?? "rgba(239, 68, 68, 0.1)",
-                oversoldColor: x.oversoldZoneColor ?? "rgba(34, 197, 94, 0.1)",
+                oversoldEnd: i,
+                overboughtColor: C.overboughtZoneColor ?? "rgba(239, 68, 68, 0.1)",
+                oversoldColor: C.oversoldZoneColor ?? "rgba(34, 197, 94, 0.1)",
                 thresholdColor: "rgba(156, 163, 175, 0.5)",
-                centerLine: x.showCenterLine !== !1 ? 50 : void 0,
+                centerLine: C.showCenterLine !== !1 ? 50 : void 0,
                 centerLineColor: "rgba(156, 163, 175, 0.5)"
-              }).forEach((p) => e.annotations.add(p));
+              }).forEach((m) => e.annotations.add(m));
             }
-            if (y.enabled && y.showZones !== !1 && !x.enabled) {
-              const t = y.overboughtLevel ?? 80, n = y.oversoldLevel ?? 20;
-              qe({
-                overboughtStart: t,
+            if (x.enabled && x.showZones !== !1 && !C.enabled) {
+              const r = x.overboughtLevel ?? 80, i = x.oversoldLevel ?? 20;
+              nt({
+                overboughtStart: r,
                 overboughtEnd: 100,
                 oversoldStart: 0,
-                oversoldEnd: n,
-                overboughtColor: y.overboughtZoneColor ?? "rgba(239, 68, 68, 0.1)",
-                oversoldColor: y.oversoldZoneColor ?? "rgba(34, 197, 94, 0.1)",
+                oversoldEnd: i,
+                overboughtColor: x.overboughtZoneColor ?? "rgba(239, 68, 68, 0.1)",
+                oversoldColor: x.oversoldZoneColor ?? "rgba(34, 197, 94, 0.1)",
                 thresholdColor: "rgba(156, 163, 175, 0.5)"
-              }).forEach((p) => e.annotations.add(p));
+              }).forEach((m) => e.annotations.add(m));
             }
           }
         }
-        if (X && N && N.x.length > 0) {
-          const e = h.subCharts.find((t) => t.id === "adxChart");
-          if (e && k.showZones !== !1) {
-            const t = k.weakTrendLevel ?? 20, n = k.strongTrendLevel ?? 40;
-            jo(
-              t,
-              n,
-              k.weakTrendZoneColor
-            ).forEach((p) => e.annotations.add(p));
+        if ($ && G && G.x.length > 0) {
+          const e = y.subCharts.find((r) => r.id === "adxChart");
+          if (e && w.showZones !== !1) {
+            const r = w.weakTrendLevel ?? 20, i = w.strongTrendLevel ?? 40;
+            nr(
+              r,
+              i,
+              w.weakTrendZoneColor
+            ).forEach((m) => e.annotations.add(m));
           }
         }
-        if (m.enabled && m.showFill !== !1 && w && w.x.length > 0) {
-          const e = B.webAssemblyContext2D, [t, , n] = w.ys, u = m.fillColor ?? "rgba(59, 130, 246, 0.1)", p = new o.XyyDataSeries(e, {
-            xValues: w.x,
-            yValues: t,
-            y1Values: n,
+        if (b.enabled && b.showFill !== !1 && V && V.x.length > 0) {
+          const e = B.webAssemblyContext2D, [r, , i] = V.ys, h = b.fillColor ?? "rgba(59, 130, 246, 0.1)", m = new t.XyyDataSeries(e, {
+            xValues: V.x,
+            yValues: r,
+            y1Values: i,
             dataSeriesName: "BB Fill"
           });
-          De.current = p;
-          const T = new o.FastBandRenderableSeries(e, {
-            dataSeries: p,
+          Be.current = m;
+          const L = new t.FastBandRenderableSeries(e, {
+            dataSeries: m,
             stroke: "transparent",
             strokeY1: "transparent",
-            fill: u,
-            fillY1: u,
+            fill: h,
+            fillY1: h,
             strokeThickness: 0
           });
-          B.renderableSeries.insert(0, T);
+          B.renderableSeries.insert(0, L);
         }
-        if (c.enabled && c.showFill !== !1 && c.includeBands !== !1 && s) {
-          const e = B.webAssemblyContext2D, t = c.band1Fill ?? "rgba(255, 87, 34, 0.15)", n = c.band2Fill ?? "rgba(255, 87, 34, 0.08)";
-          if ((c.bandCount ?? 2) === 2 && s.upperBand2 && s.lowerBand2) {
-            const u = new o.XyyDataSeries(e, {
+        if (p.enabled && p.showFill !== !1 && p.includeBands !== !1 && s) {
+          const e = B.webAssemblyContext2D, r = p.band1Fill ?? "rgba(255, 87, 34, 0.15)", i = p.band2Fill ?? "rgba(255, 87, 34, 0.08)";
+          if ((p.bandCount ?? 2) === 2 && s.upperBand2 && s.lowerBand2) {
+            const h = new t.XyyDataSeries(e, {
               xValues: s.x,
               yValues: s.upperBand2,
               y1Values: s.lowerBand2,
               dataSeriesName: "VWAP ±2σ Fill"
             });
-            ne.current = u;
-            const p = new o.FastBandRenderableSeries(e, {
-              dataSeries: u,
+            ue.current = h;
+            const m = new t.FastBandRenderableSeries(e, {
+              dataSeries: h,
               stroke: "transparent",
               strokeY1: "transparent",
-              fill: n,
-              fillY1: n,
+              fill: i,
+              fillY1: i,
               strokeThickness: 0
             });
-            B.renderableSeries.insert(0, p);
+            B.renderableSeries.insert(0, m);
           }
           if (s.upperBand1 && s.lowerBand1) {
-            const u = new o.XyyDataSeries(e, {
+            const h = new t.XyyDataSeries(e, {
               xValues: s.x,
               yValues: s.upperBand1,
               y1Values: s.lowerBand1,
               dataSeriesName: "VWAP ±1σ Fill"
             });
-            ie.current = u;
-            const p = new o.FastBandRenderableSeries(e, {
-              dataSeries: u,
+            de.current = h;
+            const m = new t.FastBandRenderableSeries(e, {
+              dataSeries: h,
               stroke: "transparent",
               strokeY1: "transparent",
-              fill: t,
-              fillY1: t,
+              fill: r,
+              fillY1: r,
               strokeThickness: 0
             });
-            B.renderableSeries.insert(0, p);
+            B.renderableSeries.insert(0, m);
           }
         }
-        if (Pe) {
-          const e = new _o({
-            crosshairStroke: po,
-            crosshairStrokeThickness: ho,
-            crosshairStrokeDashArray: mo,
+        if (Oe) {
+          const e = new er({
+            crosshairStroke: yt,
+            crosshairStrokeThickness: bt,
+            crosshairStrokeDashArray: xt,
             showAxisLabels: !0,
             legendPlacement: "top-left",
-            axisLabelFill: F === "light" ? "#ffffff" : "#1a3a4a",
-            axisLabelStroke: F === "light" ? "#333333" : "#e0e0e0",
-            textColor: F === "light" ? "#1f2937" : "#e0e0e0"
+            axisLabelFill: X === "light" ? "#ffffff" : "#1a3a4a",
+            axisLabelStroke: X === "light" ? "#333333" : "#e0e0e0",
+            textColor: X === "light" ? "#1f2937" : "#e0e0e0"
           });
-          h.chartModifiers.add(e);
+          y.chartModifiers.add(e);
         }
-        if (Ce && Ce.length > 0 && Ce.forEach((e) => {
-          const t = e.lineStyle === "solid" ? void 0 : e.lineStyle === "dotted" ? [2, 2] : [5, 5], n = e.showPrice !== !1 ? e.label ? `${e.label}: ${e.price.toFixed(2)}` : e.price.toFixed(2) : e.label ?? "";
+        if (ke && ke.length > 0 && ke.forEach((e) => {
+          const r = e.lineStyle === "solid" ? void 0 : e.lineStyle === "dotted" ? [2, 2] : [5, 5], i = e.showPrice !== !1 ? e.label ? `${e.label}: ${e.price.toFixed(2)}` : e.price.toFixed(2) : e.label ?? "";
           B.annotations.add(
-            new o.HorizontalLineAnnotation({
+            new t.HorizontalLineAnnotation({
               y1: e.price,
               stroke: e.color ?? "#9ca3af",
               strokeThickness: e.strokeThickness ?? 1,
-              strokeDashArray: t,
-              labelPlacement: e.labelPosition === "left" ? o.ELabelPlacement.TopLeft : o.ELabelPlacement.TopRight,
-              showLabel: !!n,
-              labelValue: n,
+              strokeDashArray: r,
+              labelPlacement: e.labelPosition === "left" ? t.ELabelPlacement.TopLeft : t.ELabelPlacement.TopRight,
+              showLabel: !!i,
+              labelValue: i,
               axisLabelFill: e.color ?? "#9ca3af",
-              axisLabelStroke: F === "light" ? "#ffffff" : "#1a3a4a"
+              axisLabelStroke: X === "light" ? "#ffffff" : "#1a3a4a"
             })
           );
-        }), h.subCharts.length > 1) {
+        }), c != null && c.enabled && (S.current = new Pt({
+          maxHistoryLength: 50,
+          enableHistory: !0
+        }), c.onDrawingChange && S.current.addEventListener((e) => {
+          var r;
+          (e.type === "drawing-added" || e.type === "drawing-removed" || e.type === "drawing-modified") && ((r = c.onDrawingChange) == null || r.call(c, S.current.getAllDrawings()));
+        }), c.initialTools && c.initialTools.length > 0 && c.initialTools.forEach((e) => {
+          S.current.addDrawing({
+            type: e.type,
+            x1: e.x1,
+            y1: e.y1,
+            x2: e.x2,
+            y2: e.y2,
+            properties: e.properties
+          });
+        }), te.current = new tr({
+          drawingManager: S.current,
+          hitTestTolerance: c.snapTolerance ?? 10
+        }), B.chartModifiers.add(te.current), c.defaultTool && S.current.setMode("draw", c.defaultTool)), y.subCharts.length > 1) {
           let e = !1;
-          const t = B.xAxes.get(0);
-          if (t) {
-            const n = (u) => {
-              e || (e = !0, h.subCharts.forEach((p) => {
-                if (p.id !== "mainChart") {
-                  const T = p.xAxes.get(0);
-                  T && (T.visibleRange = u.visibleRange, u.majorDelta !== void 0 && (T.majorDelta = u.majorDelta), u.minorDelta !== void 0 && (T.minorDelta = u.minorDelta));
+          const r = B.xAxes.get(0);
+          if (r) {
+            const i = (h) => {
+              e || (e = !0, y.subCharts.forEach((m) => {
+                if (m.id !== "mainChart") {
+                  const L = m.xAxes.get(0);
+                  L && (L.visibleRange = h.visibleRange, h.majorDelta !== void 0 && (L.majorDelta = h.majorDelta), h.minorDelta !== void 0 && (L.minorDelta = h.minorDelta));
                 }
               }), e = !1);
             };
-            n(t), (pe = t.visibleRangeChanged) != null && pe.subscribe && t.visibleRangeChanged.subscribe(() => {
-              n(t);
-            }), h.subCharts.forEach((u) => {
-              var p;
-              if (u.id !== "mainChart") {
-                const T = u.xAxes.get(0);
-                (p = T == null ? void 0 : T.visibleRangeChanged) != null && p.subscribe && T.visibleRangeChanged.subscribe((ge) => {
-                  e || !(ge != null && ge.visibleRange) || (e = !0, t.visibleRange = ge.visibleRange, e = !1);
+            i(r), (N = r.visibleRangeChanged) != null && N.subscribe && r.visibleRangeChanged.subscribe(() => {
+              i(r);
+            }), y.subCharts.forEach((h) => {
+              var m;
+              if (h.id !== "mainChart") {
+                const L = h.xAxes.get(0);
+                (m = L == null ? void 0 : L.visibleRangeChanged) != null && m.subscribe && L.visibleRangeChanged.subscribe((De) => {
+                  e || !(De != null && De.visibleRange) || (e = !0, r.visibleRange = De.visibleRange, e = !1);
                 });
               }
             });
           }
         }
-        oe == null || oe(h);
+        ie == null || ie(y);
       } catch (f) {
         console.error("Failed to initialize FinancialChart:", f);
       }
     })(), () => {
-      b = !0, _.current && (_.current.delete(), _.current = null);
+      var N, f;
+      d = !0, te.current && ((f = (N = te.current).delete) == null || f.call(N), te.current = null), S.current && (S.current.dispose(), S.current = null), J.current && (J.current.delete(), J.current = null);
     };
   }, [
+    W,
     I,
-    M,
-    Fe,
+    We,
+    He,
     Ie,
-    Ne,
-    $,
+    z,
     // New config API
-    JSON.stringify(U),
-    JSON.stringify(x),
+    JSON.stringify(Y),
     JSON.stringify(C),
-    JSON.stringify(y),
-    JSON.stringify(k),
-    JSON.stringify(m),
-    JSON.stringify(c),
-    Pe,
-    F,
-    oe
-  ]), Ue(() => {
-    if (!_.current || a.length === 0) return;
-    const b = a.map((r) => je(r.date)), W = a.map((r) => r.open), pe = a.map((r) => r.high), f = a.map((r) => r.low), z = a.map((r) => r.close), Be = a.map((r) => r.volume ?? 0);
-    if (Y.current) {
-      const r = Y.current;
-      r.clear(), r.appendRange(b, W, pe, f, z);
+    JSON.stringify(A),
+    JSON.stringify(x),
+    JSON.stringify(w),
+    JSON.stringify(b),
+    JSON.stringify(p),
+    Oe,
+    X,
+    ie
+  ]), Ke(() => {
+    if (!J.current || n.length === 0) return;
+    const d = n.map((a) => qe(a.date)), R = n.map((a) => a.open), N = n.map((a) => a.high), f = n.map((a) => a.low), q = n.map((a) => a.close), ve = n.map((a) => a.volume ?? 0);
+    if (ee.current) {
+      const a = ee.current;
+      a.clear(), a.appendRange(d, R, N, f, q);
     }
-    for (let r = 0; r < re.current.length; r++) {
-      const d = re.current[r], L = U[r];
-      if (d && L) {
-        const R = L.type === "ema" ? ze(z, L.period) : Me(z, L.period), D = Se(b, R);
-        d.clear(), D.x.length > 0 && d.appendRange(D.x, D.y);
+    for (let a = 0; a < ce.current.length; a++) {
+      const u = ce.current[a], P = Y[a];
+      if (u && P) {
+        const O = P.type === "ema" ? Qe(q, P.period) : Pe(q, P.period), E = Ae(d, O);
+        u.clear(), E.x.length > 0 && u.appendRange(E.x, E.y);
       }
     }
-    if (we.current) {
-      const r = we.current;
-      r.clear(), r.appendRange(b, Be);
+    if (Ee.current) {
+      const a = Ee.current;
+      a.clear(), a.appendRange(d, ve);
     }
-    if (De.current && m.enabled) {
-      const r = Je(z, {
-        period: m.period ?? 20,
-        stdDevMultiplier: m.stdDevMultiplier ?? 2
-      }), d = ee(
-        b,
-        r.upperBand,
-        r.middleBand,
-        r.lowerBand
+    if (Be.current && b.enabled) {
+      const a = et(q, {
+        period: b.period ?? 20,
+        stdDevMultiplier: b.stdDevMultiplier ?? 2
+      }), u = oe(
+        d,
+        a.upperBand,
+        a.middleBand,
+        a.lowerBand
       );
-      if (d.x.length > 0) {
-        const [L, , R] = d.ys, D = De.current;
-        D.clear(), D.appendRange(d.x, L, R);
+      if (u.x.length > 0) {
+        const [P, , O] = u.ys, E = Be.current;
+        E.clear(), E.appendRange(u.x, P, O);
       }
     }
-    if ((ie.current || ne.current) && c.enabled) {
-      const r = Ye(
-        a.map((d) => ({
-          high: d.high,
-          low: d.low,
-          close: d.close,
-          volume: d.volume ?? 0
+    if ((de.current || ue.current) && p.enabled) {
+      const a = tt(
+        n.map((u) => ({
+          high: u.high,
+          low: u.low,
+          close: u.close,
+          volume: u.volume ?? 0
         })),
         {
-          includeBands: c.includeBands ?? !0,
-          bandCount: c.bandCount ?? 2
+          includeBands: p.includeBands ?? !0,
+          bandCount: p.bandCount ?? 2
         }
       );
-      if (ie.current && r.upperBand1 && r.lowerBand1) {
-        const d = ie.current;
-        d.clear(), d.appendRange(b, r.upperBand1, r.lowerBand1);
+      if (de.current && a.upperBand1 && a.lowerBand1) {
+        const u = de.current;
+        u.clear(), u.appendRange(d, a.upperBand1, a.lowerBand1);
       }
-      if (ne.current && r.upperBand2 && r.lowerBand2) {
-        const d = ne.current;
-        d.clear(), d.appendRange(b, r.upperBand2, r.lowerBand2);
+      if (ue.current && a.upperBand2 && a.lowerBand2) {
+        const u = ue.current;
+        u.clear(), u.appendRange(d, a.upperBand2, a.lowerBand2);
       }
     }
-    _.current.invalidateElement();
+    J.current.invalidateElement();
   }, [
-    a,
-    JSON.stringify(U),
-    JSON.stringify(m),
-    JSON.stringify(c)
+    n,
+    JSON.stringify(Y),
+    JSON.stringify(b),
+    JSON.stringify(p)
   ]);
-  const So = {
+  const kt = {
     width: typeof g == "number" ? `${g}px` : g,
-    height: typeof A == "number" ? `${A}px` : A,
+    height: typeof k == "number" ? `${k}px` : k,
     position: "relative",
     overflow: "hidden"
-  }, Co = {
+  }, wt = {
     position: "absolute",
     width: "100%",
     height: "100%"
-  }, ue = (b, W) => ({
+  }, ye = (d, R) => ({
     position: "absolute",
     left: 0,
     right: 0,
-    top: `${b * 100}%`,
-    height: `${W * 100}%`
-  }), V = [];
-  if (M && V.push("volume"), U.length > 0) {
-    const b = U.map((W) => `${W.type.toUpperCase()}${W.period}`).join(", ");
-    V.push(`moving averages (${b})`);
+    top: `${d * 100}%`,
+    height: `${R * 100}%`
+  }), T = [];
+  if (I && T.push("volume"), Y.length > 0) {
+    const d = Y.map((R) => `${R.type.toUpperCase()}${R.period}`).join(", ");
+    T.push(`moving averages (${d})`);
   }
-  m.enabled && V.push("Bollinger Bands"), c.enabled && V.push("VWAP"), x.enabled && V.push("RSI"), y.enabled && V.push("Stochastic"), C.enabled && V.push("MACD"), k.enabled && V.push("ADX");
-  const Ao = V.length > 0 ? ` with ${V.join(", ")} indicators` : "";
-  return /* @__PURE__ */ Le(
+  b.enabled && T.push("Bollinger Bands"), p.enabled && T.push("VWAP"), C.enabled && T.push("RSI"), x.enabled && T.push("Stochastic"), A.enabled && T.push("MACD"), w.enabled && T.push("ADX");
+  const Vt = T.length > 0 ? ` with ${T.join(", ")} indicators` : "";
+  return /* @__PURE__ */ Re(
     "div",
     {
-      className: eo,
-      style: So,
+      className: ot,
+      style: kt,
       role: "img",
-      "aria-label": `Financial chart displaying ${a.length} ${$} price points${Ao}`,
-      "aria-describedby": `${le}-desc`,
+      "aria-label": `Financial chart displaying ${n.length} ${z} price points${Vt}`,
+      "aria-describedby": `${he}-desc`,
       children: [
-        /* @__PURE__ */ Le(
+        /* @__PURE__ */ Re(
           "span",
           {
-            id: `${le}-desc`,
+            id: `${he}-desc`,
             style: {
               position: "absolute",
               width: "1px",
@@ -1153,61 +1178,93 @@ const ht = Bo(function({
             },
             children: [
               "Interactive financial chart with ",
-              $,
+              z,
               " display.",
               " ",
-              m.enabled ? "Includes Bollinger Bands overlay. " : "",
-              c.enabled ? "Includes VWAP overlay. " : "",
-              O ? "Includes Momentum (RSI/Stochastic) subchart. " : "",
-              G ? "Includes MACD subchart. " : "",
-              X ? "Includes ADX subchart. " : "",
+              b.enabled ? "Includes Bollinger Bands overlay. " : "",
+              p.enabled ? "Includes VWAP overlay. " : "",
+              H ? "Includes Momentum (RSI/Stochastic) subchart. " : "",
+              Z ? "Includes MACD subchart. " : "",
+              $ ? "Includes ADX subchart. " : "",
               "Chart features zoom, pan, and synchronized crosshair across all panes."
             ]
           }
         ),
-        /* @__PURE__ */ Le("div", { ref: ke, style: Co, children: [
-          /* @__PURE__ */ xe("div", { id: le, style: ue(0, j) }),
-          /* @__PURE__ */ xe(
+        /* @__PURE__ */ Re("div", { ref: Ve, style: wt, children: [
+          /* @__PURE__ */ U("div", { id: he, style: ye(0, K) }),
+          /* @__PURE__ */ U(
             "div",
             {
-              id: Oe,
+              id: Ze,
               style: {
-                ...ue(j, K),
-                display: O ? "block" : "none"
+                ...ye(K, re),
+                display: H ? "block" : "none"
               }
             }
           ),
-          /* @__PURE__ */ xe(
+          /* @__PURE__ */ U(
             "div",
             {
-              id: Ge,
+              id: $e,
               style: {
-                ...ue(j + K, ce),
-                display: G ? "block" : "none"
+                ...ye(K + re, fe),
+                display: Z ? "block" : "none"
               }
             }
           ),
-          /* @__PURE__ */ xe(
+          /* @__PURE__ */ U(
             "div",
             {
-              id: Xe,
+              id: _e,
               style: {
-                ...ue(
-                  j + K + ce,
-                  Ze
+                ...ye(
+                  K + re + fe,
+                  ze
                 ),
-                display: X ? "block" : "none"
+                display: $ ? "block" : "none"
               }
             }
           )
-        ] })
+        ] }),
+        (c == null ? void 0 : c.enabled) && c.showToolbar !== !1 && S.current && /* @__PURE__ */ U(
+          Ft,
+          {
+            drawingManager: S.current,
+            enableKeyboardShortcuts: c.enableKeyboardShortcuts ?? !0,
+            onToolChange: (d) => {
+              console.log("Active drawing tool:", d);
+            }
+          }
+        ),
+        (c == null ? void 0 : c.enabled) && c.showObjectTree !== !1 && S.current && /* @__PURE__ */ U(
+          It,
+          {
+            drawingManager: S.current,
+            onDrawingSelect: (d) => {
+              Xe(d), console.log("Selected drawing:", d);
+            },
+            onDrawingDelete: (d) => {
+              Ge === d && Xe(null), console.log("Deleted drawing:", d);
+            }
+          }
+        ),
+        (c == null ? void 0 : c.enabled) && c.showPropertiesPanel !== !1 && S.current && /* @__PURE__ */ U(
+          Ot,
+          {
+            drawingManager: S.current,
+            selectedDrawingId: Ge,
+            onPropertyChange: (d, R, N) => {
+              console.log("Property changed:", { drawingId: d, property: R, value: N });
+            }
+          }
+        )
       ]
     }
   );
 });
 export {
-  ht as FinancialChart,
-  ut as MA_PERIODS,
-  pt as MA_PERIOD_OPTIONS
+  Br as FinancialChart,
+  Vr as MA_PERIODS,
+  Er as MA_PERIOD_OPTIONS
 };
 //# sourceMappingURL=petal-toolkit.es30.js.map