@petal-nexus/toolkit 0.2.5 → 0.2.6

package/dist/petal-toolkit.es30.js

@@ -1,21 +1,21 @@
-import { jsxs as Te, jsx as xe } from "react/jsx-runtime";
-import { memo as Ca, useId as wa, useRef as N, useEffect as $e } from "react";
-import { s as e } from "./petal-toolkit.es57.js";
-import { getThemeFromPreset as ka, getFinancialChartColors as Aa } from "./petal-toolkit.es59.js";
-import { toUnixTimestamp as je, formatAxisLabel as Da } from "./petal-toolkit.es675.js";
-import { DEFAULT_BOLLINGER_CONFIG as Ta, DEFAULT_VWAP_CONFIG as ve, DEFAULT_RSI_CONFIG as va, DEFAULT_MACD_CONFIG as Ea, DEFAULT_STOCHASTIC_CONFIG as Ba, DEFAULT_ADX_CONFIG as La } from "./petal-toolkit.es677.js";
-import { calculateEMA as Ue, calculateSMA as Ee } from "./petal-toolkit.es53.js";
-import { calculateBollingerBands as We } from "./petal-toolkit.es60.js";
-import { calculateVWAP as Ze } from "./petal-toolkit.es61.js";
-import { calculateMACD as Va } from "./petal-toolkit.es16.js";
-import { calculateRSI as Ma } from "./petal-toolkit.es17.js";
-import { calculateStochastic as Na } from "./petal-toolkit.es62.js";
-import { calculateADX as Ra } from "./petal-toolkit.es63.js";
-import { VolumePaletteProvider as Fa } from "./petal-toolkit.es51.js";
-import { MACDGradientPaletteProvider as Ia } from "./petal-toolkit.es58.js";
-import { MACDHistogramPaletteProvider as Pa } from "./petal-toolkit.es33.js";
-import { FinChartLegendModifier as Oa } from "./petal-toolkit.es29.js";
-const rt = {
+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 = {
   /** Fast momentum, popular with day traders */
   FAST: 9,
   /** Institutional standard, medium-term */
@@ -26,7 +26,7 @@ const rt = {
   LONG: 100,
   /** The big one, defines bull vs bear market */
   VERY_LONG: 200
-}, ot = [9, 20, 50, 100, 200], Be = "VolumeAxis", ze = [
+}, pt = [9, 20, 50, 100, 200], Re = "VolumeAxis", Ke = [
   "#FF9800",
   // Orange - 9 EMA
   "#2196F3",
@@ -40,31 +40,31 @@ const rt = {
   "#00BCD4"
   // Cyan
 ];
-function Ye(i) {
-  for (let n = 0; n < i.length; n++)
-    if (!isNaN(i[n])) return n;
-  return i.length;
+function Qe(l) {
+  for (let a = 0; a < l.length; a++)
+    if (!isNaN(l[a])) return a;
+  return l.length;
 }
-function be(i, n) {
-  const p = Ye(n);
-  return p >= n.length ? { x: [], y: [] } : {
-    x: i.slice(p),
-    y: n.slice(p)
+function Se(l, a) {
+  const g = Qe(a);
+  return g >= a.length ? { x: [], y: [] } : {
+    x: l.slice(g),
+    y: a.slice(g)
   };
 }
-function Q(i, ...n) {
-  let p = 0;
-  for (const R of n) {
-    const L = Ye(R);
-    L > p && (p = L);
+function ee(l, ...a) {
+  let g = 0;
+  for (const A of a) {
+    const M = Qe(A);
+    M > g && (g = M);
   }
-  return p >= i.length ? { x: [], ys: n.map(() => []) } : {
-    x: i.slice(p),
-    ys: n.map((R) => R.slice(p))
+  return g >= l.length ? { x: [], ys: a.map(() => []) } : {
+    x: l.slice(g),
+    ys: a.map((A) => A.slice(g))
   };
 }
-function Ga(i) {
-  switch (i) {
+function Uo(l) {
+  switch (l) {
     case "ohlc":
       return {
         strokeThickness: 2,
@@ -97,410 +97,430 @@ function Ga(i) {
       };
   }
 }
-function Je(i) {
-  const n = [];
-  return n.push(
-    new e.BoxAnnotation({
+function qe(l) {
+  const a = [];
+  return a.push(
+    new o.BoxAnnotation({
       x1: 0,
       x2: 1,
-      y1: i.overboughtStart,
-      y2: i.overboughtEnd,
-      fill: i.overboughtColor,
+      y1: l.overboughtStart,
+      y2: l.overboughtEnd,
+      fill: l.overboughtColor,
       stroke: "transparent",
       strokeThickness: 0,
-      xCoordinateMode: e.ECoordinateMode.Relative,
-      yCoordinateMode: e.ECoordinateMode.DataValue,
-      annotationLayer: e.EAnnotationLayer.BelowChart
+      xCoordinateMode: o.ECoordinateMode.Relative,
+      yCoordinateMode: o.ECoordinateMode.DataValue,
+      annotationLayer: o.EAnnotationLayer.BelowChart
     })
-  ), n.push(
-    new e.BoxAnnotation({
+  ), a.push(
+    new o.BoxAnnotation({
       x1: 0,
       x2: 1,
-      y1: i.oversoldStart,
-      y2: i.oversoldEnd,
-      fill: i.oversoldColor,
+      y1: l.oversoldStart,
+      y2: l.oversoldEnd,
+      fill: l.oversoldColor,
       stroke: "transparent",
       strokeThickness: 0,
-      xCoordinateMode: e.ECoordinateMode.Relative,
-      yCoordinateMode: e.ECoordinateMode.DataValue,
-      annotationLayer: e.EAnnotationLayer.BelowChart
+      xCoordinateMode: o.ECoordinateMode.Relative,
+      yCoordinateMode: o.ECoordinateMode.DataValue,
+      annotationLayer: o.EAnnotationLayer.BelowChart
     })
-  ), n.push(
-    new e.HorizontalLineAnnotation({
-      y1: i.overboughtStart,
-      stroke: i.thresholdColor,
+  ), a.push(
+    new o.HorizontalLineAnnotation({
+      y1: l.overboughtStart,
+      stroke: l.thresholdColor,
       strokeThickness: 1,
       strokeDashArray: [4, 4],
-      annotationLayer: e.EAnnotationLayer.BelowChart
+      annotationLayer: o.EAnnotationLayer.BelowChart
     })
-  ), n.push(
-    new e.HorizontalLineAnnotation({
-      y1: i.oversoldEnd,
-      stroke: i.thresholdColor,
+  ), a.push(
+    new o.HorizontalLineAnnotation({
+      y1: l.oversoldEnd,
+      stroke: l.thresholdColor,
       strokeThickness: 1,
       strokeDashArray: [4, 4],
-      annotationLayer: e.EAnnotationLayer.BelowChart
+      annotationLayer: o.EAnnotationLayer.BelowChart
     })
-  ), i.centerLine !== void 0 && n.push(
-    new e.HorizontalLineAnnotation({
-      y1: i.centerLine,
-      stroke: i.centerLineColor ?? "rgba(156, 163, 175, 0.5)",
+  ), l.centerLine !== void 0 && a.push(
+    new o.HorizontalLineAnnotation({
+      y1: l.centerLine,
+      stroke: l.centerLineColor ?? "rgba(156, 163, 175, 0.5)",
       strokeThickness: 1,
       strokeDashArray: [6, 3],
-      annotationLayer: e.EAnnotationLayer.BelowChart
+      annotationLayer: o.EAnnotationLayer.BelowChart
     })
-  ), n;
+  ), a;
 }
-function _a(i, n) {
-  const p = [];
-  return p.push(
-    new e.BoxAnnotation({
+function jo(l, a, g) {
+  const A = [];
+  return A.push(
+    new o.BoxAnnotation({
       x1: 0,
       x2: 1,
       y1: 0,
-      y2: i,
-      fill: "rgba(156, 163, 175, 0.08)",
+      y2: l,
+      fill: g ?? "rgba(156, 163, 175, 0.08)",
       stroke: "transparent",
       strokeThickness: 0,
-      xCoordinateMode: e.ECoordinateMode.Relative,
-      yCoordinateMode: e.ECoordinateMode.DataValue,
-      annotationLayer: e.EAnnotationLayer.BelowChart
+      xCoordinateMode: o.ECoordinateMode.Relative,
+      yCoordinateMode: o.ECoordinateMode.DataValue,
+      annotationLayer: o.EAnnotationLayer.BelowChart
     })
-  ), p.push(
-    new e.HorizontalLineAnnotation({
-      y1: i,
+  ), A.push(
+    new o.HorizontalLineAnnotation({
+      y1: l,
       stroke: "rgba(156, 163, 175, 0.5)",
       strokeThickness: 1,
       strokeDashArray: [4, 4],
-      annotationLayer: e.EAnnotationLayer.BelowChart
+      annotationLayer: o.EAnnotationLayer.BelowChart
     })
-  ), p.push(
-    new e.HorizontalLineAnnotation({
-      y1: n,
+  ), A.push(
+    new o.HorizontalLineAnnotation({
+      y1: a,
       stroke: "rgba(168, 85, 247, 0.5)",
       strokeThickness: 1,
       strokeDashArray: [4, 4],
-      annotationLayer: e.EAnnotationLayer.BelowChart
+      annotationLayer: o.EAnnotationLayer.BelowChart
     })
-  ), p;
+  ), A;
 }
-const st = Ca(function({
-  data: n,
-  width: p = "100%",
-  height: R = 500,
-  showVolume: L = !0,
-  className: Ke,
-  themePreset: X = "dark",
-  theme: qe,
-  volumeUpColor: Qe,
-  volumeDownColor: ea,
-  volumeOpacity: Le = 0.5,
-  onChartReady: ee,
+const ht = Bo(function({
+  data: a,
+  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",
   // Config-based API
-  movingAverages: aa,
-  rsi: ta,
-  macd: na,
-  stochastic: ra,
-  adx: oa,
-  bollinger: sa,
-  vwap: ia,
-  showLegend: Ve = !0,
+  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],
   // Volume enhancement props
-  showVolumeAverage: la = !1,
-  volumeAveragePeriod: Me = 20,
-  volumeAverageColor: da
+  showVolumeAverage: fo = !1,
+  volumeAveragePeriod: Ae = 20,
+  volumeAverageColor: yo
 }) {
-  const ae = wa(), ge = N(null), j = N(null), J = N(null), Se = N(null), te = N([]), Ce = N(null), ne = N(null), re = N(null), U = aa ?? [], b = ta ?? { ...va, enabled: !1 }, g = na ?? { ...Ea, enabled: !1 }, f = ra ?? {
-    ...Ba,
+  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,
     enabled: !1
-  }, w = oa ?? { ...La, enabled: !1 }, m = sa ?? {
-    ...Ta,
+  }, k = lo ?? { ...Io, enabled: !1 }, m = co ?? {
+    ...Ro,
     enabled: !1
-  }, d = ia ?? { ...ve, enabled: !1 }, F = qe ?? ka(X), T = Aa(X), Ne = Qe ?? T.upColor + "CC", Re = ea ?? T.downColor + "CC", we = m.bandColor ?? "#2196F380", ca = d.color ?? "#FF5722", oe = d.bandColor ?? "#FF572240", se = `financial-main-${ae}`, Fe = `financial-momentum-${ae}`, Ie = `financial-macd-${ae}`, Pe = `financial-adx-${ae}`, I = b.enabled || f.enabled, P = g.enabled, O = w.enabled, Oe = [I, P, O].filter(Boolean).length, ie = 5e-3, Ge = {
+  }, 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 = {
     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: ua, indicator: ke } = Ge[Oe] ?? Ge[3], pa = ie * Oe, W = ua - pa, Y = I ? ke : 0, le = P ? ke : 0, _e = O ? ke : 0;
-  $e(() => {
-    if (!ge.current || n.length === 0) return;
-    let S = !1;
+  }, { 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;
     return (async () => {
-      var ce;
+      var pe;
       try {
-        const y = n.map((a) => je(a.date)), Z = n.map((a) => a.open), Ae = n.map((a) => a.high), r = n.map((a) => a.low), l = n.map((a) => a.close), v = n.map((a) => a.volume ?? 0), V = [];
-        for (const a of U) {
-          if (a.visible === !1) continue;
-          const t = a.type === "ema" ? Ue(l, a.period) : Ee(l, a.period), o = be(y, t);
-          V.push({ config: a, trimmed: o });
+        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) {
+          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 k = g.enabled ? Va(l, {
-          fastPeriod: g.fastPeriod ?? 12,
-          slowPeriod: g.slowPeriod ?? 26,
-          signalPeriod: g.signalPeriod ?? 9
-        }) : null, He = b.enabled ? Ma(l, b.period ?? 14) : null, ue = m.enabled ? We(l, {
+        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, De = f.enabled ? Na(
-          n.map((a) => ({ high: a.high, low: a.low, close: a.close })),
+        }) : null, Ee = y.enabled ? Xo(
+          a.map((e) => ({ high: e.high, low: e.low, close: e.close })),
           {
-            kPeriod: f.kPeriod ?? 14,
-            dPeriod: f.dPeriod ?? 3,
-            smoothK: f.smoothK ?? 3
+            kPeriod: y.kPeriod ?? 14,
+            dPeriod: y.dPeriod ?? 3,
+            smoothK: y.smoothK ?? 3
           }
-        ) : null, pe = w.enabled ? Ra(
-          n.map((a) => ({ high: a.high, low: a.low, close: a.close })),
-          { period: w.period ?? 14 }
-        ) : null, z = d.enabled ? Ze(
-          n.map((a) => ({
-            high: a.high,
-            low: a.low,
-            close: a.close,
-            volume: a.volume ?? 0
+        ) : 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) => ({
+            high: e.high,
+            low: e.low,
+            close: e.close,
+            volume: e.volume ?? 0
           })),
           {
-            includeBands: d.includeBands ?? ve.includeBands,
-            bandCount: d.bandCount ?? ve.bandCount
+            includeBands: c.includeBands ?? ve.includeBands,
+            bandCount: c.bandCount ?? ve.bandCount
           }
-        ) : null, E = k ? Q(
-          y,
-          k.macdLine,
-          k.signalLine,
-          k.histogram
-        ) : null, he = He ? be(y, He.rsi) : null, C = ue ? Q(
-          y,
-          ue.upperBand,
-          ue.middleBand,
-          ue.lowerBand
-        ) : null, K = De ? Q(y, De.percentK, De.percentD) : null, M = pe ? Q(y, pe.adx, pe.plusDI, pe.minusDI) : null, s = z ? {
-          x: y,
-          vwap: z.vwap,
-          upperBand1: z.upperBand1,
-          lowerBand1: z.lowerBand1,
-          upperBand2: z.upperBand2,
-          lowerBand2: z.lowerBand2
-        } : null, me = [
-          { type: e.EChart2DModifierType.ZoomPan, options: { xyDirection: e.EXyDirection.XDirection } },
+        ) : null, v = D ? ee(
+          f,
+          D.macdLine,
+          D.signalLine,
+          D.histogram
+        ) : null, fe = $e ? Se(f, $e.rsi) : null, w = he ? ee(
+          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 ? {
+          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 } },
           {
-            type: e.EChart2DModifierType.ZoomExtents,
-            options: { xyDirection: e.EXyDirection.XDirection }
+            type: o.EChart2DModifierType.ZoomExtents,
+            options: { xyDirection: o.EXyDirection.XDirection }
           },
           {
-            type: e.EChart2DModifierType.MouseWheelZoom,
-            options: { xyDirection: e.EXyDirection.XDirection }
+            type: o.EChart2DModifierType.MouseWheelZoom,
+            options: { xyDirection: o.EXyDirection.XDirection }
           }
-        ], Xe = [
+        ], _e = [
           // PRIMARY Y-AXIS: Price
           {
-            type: e.EAxisType.NumericAxis,
+            type: o.EAxisType.NumericAxis,
             options: {
-              axisAlignment: e.EAxisAlignment.Right,
-              growBy: new e.NumberRange(0.1, 0.1),
-              labelFormat: e.ENumericFormat.Decimal,
+              axisAlignment: o.EAxisAlignment.Right,
+              growBy: new o.NumberRange(0.1, 0.1),
+              labelFormat: o.ENumericFormat.Decimal,
               labelPrecision: 2,
-              autoRange: e.EAutoRange.Always,
+              autoRange: o.EAutoRange.Always,
               drawMajorGridLines: !0,
               drawMinorGridLines: !1
             }
           }
         ];
-        L && Xe.push({
-          type: e.EAxisType.NumericAxis,
+        M && _e.push({
+          type: o.EAxisType.NumericAxis,
           options: {
-            id: Be,
-            axisAlignment: e.EAxisAlignment.Right,
-            growBy: new e.NumberRange(0, 4),
+            id: Re,
+            axisAlignment: o.EAxisAlignment.Right,
+            growBy: new o.NumberRange(0, 4),
             // Volume takes bottom ~20% of chart
             isVisible: !1,
             // Hidden axis
-            autoRange: e.EAutoRange.Always
+            autoRange: o.EAutoRange.Always
           }
         });
-        const fa = Ga($), x = [];
-        $ === "line" ? x.push({
-          type: e.ESeriesType.LineSeries,
+        const ko = Uo($), S = [];
+        $ === "line" ? S.push({
+          type: o.ESeriesType.LineSeries,
           xyData: {
-            xValues: y,
-            yValues: l,
+            xValues: f,
+            yValues: d,
             dataSeriesName: "Price"
           },
           options: {
-            strokeThickness: 2
+            strokeThickness: 2,
+            isVisible: !i("Price")
           }
-        }) : x.push({
-          type: e.ESeriesType.CandlestickSeries,
+        }) : S.push({
+          type: o.ESeriesType.CandlestickSeries,
           ohlcData: {
-            xValues: y,
-            openValues: Z,
-            highValues: Ae,
+            xValues: f,
+            openValues: z,
+            highValues: Be,
             lowValues: r,
-            closeValues: l,
+            closeValues: d,
             dataSeriesName: "OHLC"
           },
           options: {
-            ...fa
+            ...ko,
+            isVisible: !i("OHLC")
           }
         });
-        for (let a = 0; a < V.length; a++) {
-          const { config: t, trimmed: o } = V[a];
-          if (o.y.length === 0) continue;
-          const c = t.color ?? ze[a % ze.length], u = `${t.type.toUpperCase()}${t.period}`;
-          x.push({
-            type: e.ESeriesType.LineSeries,
+        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,
             xyData: {
-              xValues: o.x,
-              yValues: o.y,
-              dataSeriesName: u
+              xValues: n.x,
+              yValues: n.y,
+              dataSeriesName: p
             },
             options: {
-              stroke: c,
-              strokeThickness: t.strokeThickness ?? 1.5
+              stroke: u,
+              strokeThickness: t.strokeThickness ?? 1.5,
+              strokeDashArray: t.strokeDashArray,
+              opacity: t.opacity ?? 1,
+              isVisible: !i(p)
             }
           });
         }
-        if (m.enabled && C && C.x.length > 0) {
-          const [a, t, o] = C.ys;
-          x.push({
-            type: e.ESeriesType.LineSeries,
+        if (m.enabled && w && w.x.length > 0) {
+          const [e, t, n] = w.ys;
+          S.push({
+            type: o.ESeriesType.LineSeries,
             xyData: {
-              xValues: C.x,
-              yValues: a,
+              xValues: w.x,
+              yValues: e,
               dataSeriesName: "BB Upper"
             },
             options: {
-              stroke: we,
-              strokeThickness: 1
+              stroke: Te,
+              strokeThickness: 1,
+              isVisible: !i("BB Upper") && !i("Bollinger")
             }
-          }), x.push({
-            type: e.ESeriesType.LineSeries,
+          }), S.push({
+            type: o.ESeriesType.LineSeries,
             xyData: {
-              xValues: C.x,
+              xValues: w.x,
               yValues: t,
               dataSeriesName: "BB Middle"
             },
             options: {
-              stroke: m.middleColor ?? we,
+              stroke: m.middleColor ?? Te,
               strokeThickness: 1,
-              strokeDashArray: [5, 5]
+              strokeDashArray: [5, 5],
+              isVisible: !i("BB Middle") && !i("Bollinger")
             }
-          }), x.push({
-            type: e.ESeriesType.LineSeries,
+          }), S.push({
+            type: o.ESeriesType.LineSeries,
             xyData: {
-              xValues: C.x,
-              yValues: o,
+              xValues: w.x,
+              yValues: n,
               dataSeriesName: "BB Lower"
             },
             options: {
-              stroke: we,
-              strokeThickness: 1
+              stroke: Te,
+              strokeThickness: 1,
+              isVisible: !i("BB Lower") && !i("Bollinger")
             }
           });
         }
-        if (d.enabled && s && s.vwap.length > 0 && (x.push({
-          type: e.ESeriesType.LineSeries,
+        if (c.enabled && s && s.vwap.length > 0 && (S.push({
+          type: o.ESeriesType.LineSeries,
           xyData: {
             xValues: s.x,
             yValues: s.vwap,
             dataSeriesName: "VWAP"
           },
           options: {
-            stroke: ca,
-            strokeThickness: 2
+            stroke: bo,
+            strokeThickness: 2,
+            isVisible: !i("VWAP")
           }
-        }), d.includeBands !== !1 && (s.upperBand1 && s.lowerBand1 && (x.push({
-          type: e.ESeriesType.LineSeries,
+        }), c.includeBands !== !1 && (s.upperBand1 && s.lowerBand1 && (S.push({
+          type: o.ESeriesType.LineSeries,
           xyData: {
             xValues: s.x,
             yValues: s.upperBand1,
             dataSeriesName: "VWAP +1σ"
           },
           options: {
-            stroke: oe,
-            strokeThickness: 1
+            stroke: se,
+            strokeThickness: 1,
+            isVisible: !i("VWAP +1σ") && !i("VWAP")
           }
-        }), x.push({
-          type: e.ESeriesType.LineSeries,
+        }), S.push({
+          type: o.ESeriesType.LineSeries,
           xyData: {
             xValues: s.x,
             yValues: s.lowerBand1,
             dataSeriesName: "VWAP -1σ"
           },
           options: {
-            stroke: oe,
-            strokeThickness: 1
+            stroke: se,
+            strokeThickness: 1,
+            isVisible: !i("VWAP -1σ") && !i("VWAP")
           }
-        })), (d.bandCount ?? 2) === 2 && s.upperBand2 && s.lowerBand2 && (x.push({
-          type: e.ESeriesType.LineSeries,
+        })), (c.bandCount ?? 2) === 2 && s.upperBand2 && s.lowerBand2 && (S.push({
+          type: o.ESeriesType.LineSeries,
           xyData: {
             xValues: s.x,
             yValues: s.upperBand2,
             dataSeriesName: "VWAP +2σ"
           },
           options: {
-            stroke: oe,
+            stroke: se,
             strokeThickness: 1,
-            strokeDashArray: [3, 3]
+            strokeDashArray: [3, 3],
+            isVisible: !i("VWAP +2σ") && !i("VWAP")
           }
-        }), x.push({
-          type: e.ESeriesType.LineSeries,
+        }), S.push({
+          type: o.ESeriesType.LineSeries,
           xyData: {
             xValues: s.x,
             yValues: s.lowerBand2,
             dataSeriesName: "VWAP -2σ"
           },
           options: {
-            stroke: oe,
+            stroke: se,
             strokeThickness: 1,
-            strokeDashArray: [3, 3]
+            strokeDashArray: [3, 3],
+            isVisible: !i("VWAP -2σ") && !i("VWAP")
           }
-        })))), L && (x.push({
-          type: e.ESeriesType.ColumnSeries,
+        })))), M && (S.push({
+          type: o.ESeriesType.ColumnSeries,
           xyData: {
-            xValues: y,
-            yValues: v,
+            xValues: f,
+            yValues: L,
             dataSeriesName: "Volume"
           },
           options: {
-            yAxisId: Be,
+            yAxisId: Re,
             strokeThickness: 0,
             dataPointWidth: 0.7,
-            opacity: Le
+            opacity: Ne,
+            isVisible: !i("Volume")
           }
-        }), la)) {
-          const a = Ee(v, Me), t = be(y, a);
-          t.y.length > 0 && x.push({
-            type: e.ESeriesType.LineSeries,
+        }), fo)) {
+          const e = Me(L, Ae), t = Se(f, e);
+          t.y.length > 0 && S.push({
+            type: o.ESeriesType.LineSeries,
             xyData: {
               xValues: t.x,
               yValues: t.y,
-              dataSeriesName: `Vol SMA${Me}`
+              dataSeriesName: `Vol SMA${Ae}`
             },
             options: {
-              yAxisId: Be,
-              stroke: da ?? "#f97316",
+              yAxisId: Re,
+              stroke: yo ?? "#f97316",
               strokeThickness: 1.5,
-              strokeDashArray: [4, 4]
+              strokeDashArray: [4, 4],
+              isVisible: !i(`Vol SMA${Ae}`) && !i("Volume")
             }
           });
         }
-        const q = [];
-        let _ = 0;
-        const ye = O ? "adx" : P ? "macd" : I ? "momentum" : "main";
-        if (q.push({
+        const Q = [];
+        let H = 0;
+        const be = X ? "adx" : G ? "macd" : O ? "momentum" : "main";
+        if (Q.push({
           surface: {
             id: "mainChart",
-            position: new e.Rect(0, _, 1, W),
-            theme: F,
-            subChartContainerId: se
+            position: new o.Rect(0, H, 1, j),
+            theme: I,
+            subChartContainerId: le
           },
           xAxes: {
-            type: e.EAxisType.DateTimeNumericAxis,
+            type: o.EAxisType.DateTimeNumericAxis,
             options: {
-              drawLabels: ye === "main",
+              drawLabels: be === "main",
               drawMajorTickLines: !0,
               drawMinorTickLines: !1,
-              autoRange: e.EAutoRange.Always,
+              autoRange: o.EAutoRange.Always,
               drawMajorGridLines: !0,
               maxAutoTicks: 10,
               axisBorder: {
@@ -509,63 +529,66 @@ const st = Ca(function({
               }
             }
           },
-          yAxes: Xe,
-          series: x,
-          modifiers: me
-        }), _ += W + ie, I) {
-          const a = [];
-          if (b.enabled && he && he.y.length > 0 && a.push({
-            type: e.ESeriesType.LineSeries,
+          yAxes: _e,
+          series: S,
+          modifiers: ye
+        }), H += j + de, O) {
+          const e = [];
+          if (x.enabled && fe && fe.y.length > 0 && e.push({
+            type: o.ESeriesType.LineSeries,
             xyData: {
-              xValues: he.x,
-              yValues: he.y,
+              xValues: fe.x,
+              yValues: fe.y,
               dataSeriesName: "RSI"
             },
             options: {
-              stroke: b.color ?? T.rsiColor,
-              strokeThickness: 1.5
+              stroke: x.color ?? E.rsiColor,
+              strokeThickness: 1.5,
+              isVisible: !i("RSI")
             }
-          }), f.enabled && K && K.x.length > 0) {
-            const [t, o] = K.ys;
-            a.push({
-              type: e.ESeriesType.LineSeries,
+          }), y.enabled && q && q.x.length > 0) {
+            const [t, n] = q.ys;
+            e.push({
+              type: o.ESeriesType.LineSeries,
               xyData: {
-                xValues: K.x,
+                xValues: q.x,
                 yValues: t,
                 dataSeriesName: "%K"
               },
               options: {
-                stroke: f.kColor ?? "#3b82f6",
-                strokeThickness: 1.5
+                stroke: y.kColor ?? "#3b82f6",
+                strokeThickness: 1.5,
+                isVisible: !i("%K") && !i("Stochastic")
               }
-            }), a.push({
-              type: e.ESeriesType.LineSeries,
+            }), e.push({
+              type: o.ESeriesType.LineSeries,
               xyData: {
-                xValues: K.x,
-                yValues: o,
+                xValues: q.x,
+                yValues: n,
                 dataSeriesName: "%D"
               },
               options: {
-                stroke: f.dColor ?? "#f97316",
+                stroke: y.dColor ?? "#f97316",
                 strokeThickness: 1.5,
-                strokeDashArray: [3, 3]
+                strokeDashArray: [3, 3],
+                isVisible: !i("%D") && !i("Stochastic")
               }
             });
           }
-          q.push({
+          Q.push({
             surface: {
               id: "momentumChart",
-              position: new e.Rect(0, _, 1, Y),
-              theme: F,
-              subChartContainerId: Fe
+              position: new o.Rect(0, H, 1, K),
+              theme: I,
+              subChartContainerId: Oe
             },
             xAxes: {
-              type: e.EAxisType.DateTimeNumericAxis,
+              type: o.EAxisType.DateTimeNumericAxis,
               options: {
-                drawLabels: ye === "momentum",
+                drawLabels: be === "momentum",
                 drawMajorTickLines: !0,
                 drawMinorTickLines: !1,
-                autoRange: e.EAutoRange.Never,
+                autoRange: o.EAutoRange.Never,
                 // Synced from main chart
                 drawMajorGridLines: !0,
                 maxAutoTicks: 10,
@@ -576,37 +599,37 @@ const st = Ca(function({
               }
             },
             yAxes: {
-              type: e.EAxisType.NumericAxis,
+              type: o.EAxisType.NumericAxis,
               options: {
-                axisAlignment: e.EAxisAlignment.Right,
-                visibleRange: new e.NumberRange(0, 100),
-                autoRange: e.EAutoRange.Never,
+                axisAlignment: o.EAxisAlignment.Right,
+                visibleRange: new o.NumberRange(0, 100),
+                autoRange: o.EAutoRange.Never,
                 drawMajorGridLines: !0,
                 drawMinorGridLines: !1,
-                labelFormat: e.ENumericFormat.Decimal,
+                labelFormat: o.ENumericFormat.Decimal,
                 labelPrecision: 0
               }
             },
-            series: a,
-            modifiers: me
-          }), _ += Y + ie;
+            series: e,
+            modifiers: ye
+          }), H += K + de;
         }
-        if (P && E && E.x.length > 0) {
-          const [a, t, o] = E.ys;
-          q.push({
+        if (G && v && v.x.length > 0) {
+          const [e, t, n] = v.ys;
+          Q.push({
             surface: {
               id: "macdChart",
-              position: new e.Rect(0, _, 1, le),
-              theme: F,
-              subChartContainerId: Ie
+              position: new o.Rect(0, H, 1, ce),
+              theme: I,
+              subChartContainerId: Ge
             },
             xAxes: {
-              type: e.EAxisType.DateTimeNumericAxis,
+              type: o.EAxisType.DateTimeNumericAxis,
               options: {
-                drawLabels: ye === "macd",
+                drawLabels: be === "macd",
                 drawMajorTickLines: !0,
                 drawMinorTickLines: !1,
-                autoRange: e.EAutoRange.Never,
+                autoRange: o.EAutoRange.Never,
                 // Synced from main chart
                 drawMajorGridLines: !0,
                 maxAutoTicks: 10,
@@ -617,77 +640,80 @@ const st = Ca(function({
               }
             },
             yAxes: {
-              type: e.EAxisType.NumericAxis,
+              type: o.EAxisType.NumericAxis,
               options: {
-                axisAlignment: e.EAxisAlignment.Right,
-                growBy: new e.NumberRange(0.1, 0.1),
-                autoRange: e.EAutoRange.Always,
+                axisAlignment: o.EAxisAlignment.Right,
+                growBy: new o.NumberRange(0.1, 0.1),
+                autoRange: o.EAutoRange.Always,
                 drawMajorGridLines: !0,
                 drawMinorGridLines: !1,
-                labelFormat: e.ENumericFormat.Decimal,
+                labelFormat: o.ENumericFormat.Decimal,
                 labelPrecision: 4
               }
             },
             series: [
               // MACD Histogram
               {
-                type: e.ESeriesType.ColumnSeries,
+                type: o.ESeriesType.ColumnSeries,
                 xyData: {
-                  xValues: E.x,
-                  yValues: o,
+                  xValues: v.x,
+                  yValues: n,
                   dataSeriesName: "Histogram"
                 },
                 options: {
                   strokeThickness: 0,
-                  dataPointWidth: 0.6
+                  dataPointWidth: 0.6,
+                  isVisible: !i("Histogram") && !i("MACD")
                 }
               },
               // MACD Line
               {
-                type: e.ESeriesType.LineSeries,
+                type: o.ESeriesType.LineSeries,
                 xyData: {
-                  xValues: E.x,
-                  yValues: a,
+                  xValues: v.x,
+                  yValues: e,
                   dataSeriesName: "MACD"
                 },
                 options: {
-                  stroke: g.macdColor ?? T.macdLineColor,
-                  strokeThickness: 1.5
+                  stroke: C.macdColor ?? E.macdLineColor,
+                  strokeThickness: 1.5,
+                  isVisible: !i("MACD")
                 }
               },
               // Signal Line
               {
-                type: e.ESeriesType.LineSeries,
+                type: o.ESeriesType.LineSeries,
                 xyData: {
-                  xValues: E.x,
+                  xValues: v.x,
                   yValues: t,
                   dataSeriesName: "Signal"
                 },
                 options: {
-                  stroke: g.signalColor ?? T.signalLineColor,
-                  strokeThickness: 1.5
+                  stroke: C.signalColor ?? E.signalLineColor,
+                  strokeThickness: 1.5,
+                  isVisible: !i("Signal") && !i("MACD")
                 }
               }
             ],
-            modifiers: me
-          }), _ += le + ie;
+            modifiers: ye
+          }), H += ce + de;
         }
-        if (O && M && M.x.length > 0) {
-          const [a, t, o] = M.ys;
-          q.push({
+        if (X && N && N.x.length > 0) {
+          const [e, t, n] = N.ys;
+          Q.push({
             surface: {
               id: "adxChart",
-              position: new e.Rect(0, _, 1, _e),
-              theme: F,
-              subChartContainerId: Pe
+              position: new o.Rect(0, H, 1, Ze),
+              theme: I,
+              subChartContainerId: Xe
             },
             xAxes: {
-              type: e.EAxisType.DateTimeNumericAxis,
+              type: o.EAxisType.DateTimeNumericAxis,
               options: {
-                drawLabels: ye === "adx",
+                drawLabels: be === "adx",
                 drawMajorTickLines: !0,
                 drawMinorTickLines: !1,
-                autoRange: e.EAutoRange.Never,
+                autoRange: o.EAutoRange.Never,
                 // Synced from main chart
                 drawMajorGridLines: !0,
                 maxAutoTicks: 10,
@@ -698,392 +724,422 @@ const st = Ca(function({
               }
             },
             yAxes: {
-              type: e.EAxisType.NumericAxis,
+              type: o.EAxisType.NumericAxis,
               options: {
-                axisAlignment: e.EAxisAlignment.Right,
-                growBy: new e.NumberRange(0.1, 0.1),
-                autoRange: e.EAutoRange.Always,
+                axisAlignment: o.EAxisAlignment.Right,
+                growBy: new o.NumberRange(0.1, 0.1),
+                autoRange: o.EAutoRange.Always,
                 drawMajorGridLines: !0,
                 drawMinorGridLines: !1,
-                labelFormat: e.ENumericFormat.Decimal,
+                labelFormat: o.ENumericFormat.Decimal,
                 labelPrecision: 0
               }
             },
             series: [
               // ADX Line
               {
-                type: e.ESeriesType.LineSeries,
+                type: o.ESeriesType.LineSeries,
                 xyData: {
-                  xValues: M.x,
-                  yValues: a,
+                  xValues: N.x,
+                  yValues: e,
                   dataSeriesName: "ADX"
                 },
                 options: {
-                  stroke: w.adxColor ?? "#a855f7",
-                  strokeThickness: 2
+                  stroke: k.adxColor ?? "#a855f7",
+                  strokeThickness: 2,
+                  isVisible: !i("ADX")
                 }
               },
               // +DI Line
               {
-                type: e.ESeriesType.LineSeries,
+                type: o.ESeriesType.LineSeries,
                 xyData: {
-                  xValues: M.x,
+                  xValues: N.x,
                   yValues: t,
                   dataSeriesName: "+DI"
                 },
                 options: {
-                  stroke: w.plusDIColor ?? T.upColor,
-                  strokeThickness: 1.5
+                  stroke: k.plusDIColor ?? E.upColor,
+                  strokeThickness: 1.5,
+                  isVisible: !i("+DI") && !i("ADX")
                 }
               },
               // -DI Line
               {
-                type: e.ESeriesType.LineSeries,
+                type: o.ESeriesType.LineSeries,
                 xyData: {
-                  xValues: M.x,
-                  yValues: o,
+                  xValues: N.x,
+                  yValues: n,
                   dataSeriesName: "-DI"
                 },
                 options: {
-                  stroke: w.minusDIColor ?? T.downColor,
-                  strokeThickness: 1.5
+                  stroke: k.minusDIColor ?? E.downColor,
+                  strokeThickness: 1.5,
+                  isVisible: !i("-DI") && !i("ADX")
                 }
               }
             ],
-            modifiers: me
+            modifiers: ye
           });
         }
-        const { sciChartSurface: h } = await e.chartBuilder.build2DChart(ge.current, {
-          subCharts: q
+        const { sciChartSurface: h } = await o.chartBuilder.build2DChart(ke.current, {
+          subCharts: Q
         });
-        if (S) {
+        if (b) {
           h.delete();
           return;
         }
-        j.current = h, h.applyTheme(F), h.subCharts.forEach((a) => {
-          a.applyTheme(F);
-        }), h.padding = e.Thickness.fromNumber(0), h.subCharts.forEach((a) => {
-          a.padding = e.Thickness.fromNumber(0);
+        _.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) => {
+          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 })
+          );
         });
-        const xa = new e.SciChartVerticalGroup();
-        h.subCharts.forEach((a) => {
-          xa.addSurfaceToGroup(a);
+        const wo = new o.SciChartVerticalGroup();
+        h.subCharts.forEach((e) => {
+          wo.addSurfaceToGroup(e);
         });
-        const ba = new e.SciChartHorizontalGroup();
-        h.subCharts.forEach((a) => {
-          ba.addSurfaceToGroup(a);
+        const Do = new o.SciChartHorizontalGroup();
+        h.subCharts.forEach((e) => {
+          Do.addSurfaceToGroup(e);
         });
-        const ga = Math.min(...y), Sa = Math.max(...y);
-        h.subCharts.forEach((a) => {
-          const t = a.xAxes.get(0);
-          t != null && t.labelProvider && (t.labelProvider.formatLabel = (o) => Da(o, [ga, Sa]));
+        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 B = h.subCharts[0];
         if ($ !== "line") {
-          const a = B.renderableSeries.get(
+          const e = B.renderableSeries.get(
             0
           );
-          J.current = a.dataSeries;
+          Y.current = e.dataSeries;
         }
-        let H = 1;
-        te.current = [];
-        for (let a = 0; a < V.length; a++) {
+        let Z = 1;
+        re.current = [];
+        for (let e = 0; e < R.length; e++) {
           const t = B.renderableSeries.get(
-            H
+            Z
           );
-          t && te.current.push(t.dataSeries), H++;
+          t && re.current.push(t.dataSeries), Z++;
         }
-        if (m.enabled && C && C.x.length > 0 && (H += 3), d.enabled && s && s.vwap.length > 0 && (H += 1, d.includeBands !== !1 && (H += 2, (d.bandCount ?? 2) === 2 && (H += 2))), L) {
-          const a = B.renderableSeries.get(
-            H
+        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) {
+          const e = B.renderableSeries.get(
+            Z
           );
-          a && (Se.current = a.dataSeries, J.current && (a.paletteProvider = new Fa(
-            J.current,
-            Ne,
-            Re
+          e && (we.current = e.dataSeries, Y.current && (e.paletteProvider = new Ho(
+            Y.current,
+            Fe,
+            Ie
           )));
         }
-        if (P && E && E.x.length > 0) {
-          const a = h.subCharts.find((t) => t.id === "macdChart");
-          if (a) {
-            const t = a.renderableSeries.get(
+        if (G && v && v.x.length > 0) {
+          const e = h.subCharts.find((t) => t.id === "macdChart");
+          if (e) {
+            const t = e.renderableSeries.get(
               0
             );
             if (t)
-              if (g.useGradientHistogram !== !1) {
-                const o = new Ia();
-                o.setHistogramData(E.ys[2]), t.paletteProvider = o;
+              if (C.useGradientHistogram !== !1) {
+                const n = new Zo();
+                n.setHistogramData(v.ys[2]), t.paletteProvider = n;
               } else
-                t.paletteProvider = new Pa(
-                  g.histogramUpColor ?? T.histogramUpColor,
-                  g.histogramDownColor ?? T.histogramDownColor
+                t.paletteProvider = new $o(
+                  C.histogramUpColor ?? E.histogramUpColor,
+                  C.histogramDownColor ?? E.histogramDownColor
                 );
-            g.showZeroLine !== !1 && a.annotations.add(
-              new e.HorizontalLineAnnotation({
+            C.showZeroLine !== !1 && e.annotations.add(
+              new o.HorizontalLineAnnotation({
                 y1: 0,
                 stroke: "rgba(156, 163, 175, 0.6)",
                 strokeThickness: 1.5,
                 strokeDashArray: [6, 3],
-                annotationLayer: e.EAnnotationLayer.BelowChart
+                annotationLayer: o.EAnnotationLayer.BelowChart
               })
             );
           }
         }
-        if (I) {
-          const a = h.subCharts.find(
+        if (O) {
+          const e = h.subCharts.find(
             (t) => t.id === "momentumChart"
           );
-          if (a) {
-            if (b.enabled && b.showZones !== !1) {
-              const t = b.overbought ?? 70, o = b.oversold ?? 30;
-              Je({
+          if (e) {
+            if (x.enabled && x.showZones !== !1) {
+              const t = x.overbought ?? 70, n = x.oversold ?? 30;
+              qe({
                 overboughtStart: t,
                 overboughtEnd: 100,
                 oversoldStart: 0,
-                oversoldEnd: o,
-                overboughtColor: "rgba(239, 68, 68, 0.1)",
-                oversoldColor: "rgba(34, 197, 94, 0.1)",
+                oversoldEnd: n,
+                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)",
-                centerLine: b.showCenterLine !== !1 ? 50 : void 0,
+                centerLine: x.showCenterLine !== !1 ? 50 : void 0,
                 centerLineColor: "rgba(156, 163, 175, 0.5)"
-              }).forEach((u) => a.annotations.add(u));
+              }).forEach((p) => e.annotations.add(p));
             }
-            if (f.enabled && f.showZones !== !1 && !b.enabled) {
-              const t = f.overboughtLevel ?? 80, o = f.oversoldLevel ?? 20;
-              Je({
+            if (y.enabled && y.showZones !== !1 && !x.enabled) {
+              const t = y.overboughtLevel ?? 80, n = y.oversoldLevel ?? 20;
+              qe({
                 overboughtStart: t,
                 overboughtEnd: 100,
                 oversoldStart: 0,
-                oversoldEnd: o,
-                overboughtColor: "rgba(239, 68, 68, 0.1)",
-                oversoldColor: "rgba(34, 197, 94, 0.1)",
+                oversoldEnd: n,
+                overboughtColor: y.overboughtZoneColor ?? "rgba(239, 68, 68, 0.1)",
+                oversoldColor: y.oversoldZoneColor ?? "rgba(34, 197, 94, 0.1)",
                 thresholdColor: "rgba(156, 163, 175, 0.5)"
-              }).forEach((u) => a.annotations.add(u));
+              }).forEach((p) => e.annotations.add(p));
             }
           }
         }
-        if (O && M && M.x.length > 0) {
-          const a = h.subCharts.find((t) => t.id === "adxChart");
-          if (a && w.showZones !== !1) {
-            const t = w.weakTrendLevel ?? 20, o = w.strongTrendLevel ?? 40;
-            _a(t, o).forEach((u) => a.annotations.add(u));
+        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 (m.enabled && m.showFill !== !1 && C && C.x.length > 0) {
-          const a = B.webAssemblyContext2D, [t, , o] = C.ys, c = m.fillColor ?? "rgba(59, 130, 246, 0.1)", u = new e.XyyDataSeries(a, {
-            xValues: C.x,
+        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: o,
+            y1Values: n,
             dataSeriesName: "BB Fill"
           });
-          Ce.current = u;
-          const A = new e.FastBandRenderableSeries(a, {
-            dataSeries: u,
+          De.current = p;
+          const T = new o.FastBandRenderableSeries(e, {
+            dataSeries: p,
             stroke: "transparent",
             strokeY1: "transparent",
-            fill: c,
-            fillY1: c,
+            fill: u,
+            fillY1: u,
             strokeThickness: 0
           });
-          B.renderableSeries.insert(0, A);
+          B.renderableSeries.insert(0, T);
         }
-        if (d.enabled && d.showFill !== !1 && d.includeBands !== !1 && s) {
-          const a = B.webAssemblyContext2D, t = d.band1Fill ?? "rgba(255, 87, 34, 0.15)", o = d.band2Fill ?? "rgba(255, 87, 34, 0.08)";
-          if ((d.bandCount ?? 2) === 2 && s.upperBand2 && s.lowerBand2) {
-            const c = new e.XyyDataSeries(a, {
+        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, {
               xValues: s.x,
               yValues: s.upperBand2,
               y1Values: s.lowerBand2,
               dataSeriesName: "VWAP ±2σ Fill"
             });
-            re.current = c;
-            const u = new e.FastBandRenderableSeries(a, {
-              dataSeries: c,
+            ne.current = u;
+            const p = new o.FastBandRenderableSeries(e, {
+              dataSeries: u,
               stroke: "transparent",
               strokeY1: "transparent",
-              fill: o,
-              fillY1: o,
+              fill: n,
+              fillY1: n,
               strokeThickness: 0
             });
-            B.renderableSeries.insert(0, u);
+            B.renderableSeries.insert(0, p);
           }
           if (s.upperBand1 && s.lowerBand1) {
-            const c = new e.XyyDataSeries(a, {
+            const u = new o.XyyDataSeries(e, {
               xValues: s.x,
               yValues: s.upperBand1,
               y1Values: s.lowerBand1,
               dataSeriesName: "VWAP ±1σ Fill"
             });
-            ne.current = c;
-            const u = new e.FastBandRenderableSeries(a, {
-              dataSeries: c,
+            ie.current = u;
+            const p = new o.FastBandRenderableSeries(e, {
+              dataSeries: u,
               stroke: "transparent",
               strokeY1: "transparent",
               fill: t,
               fillY1: t,
               strokeThickness: 0
             });
-            B.renderableSeries.insert(0, u);
+            B.renderableSeries.insert(0, p);
           }
         }
-        if (Ve) {
-          const a = new Oa({
-            crosshairStroke: "#666666",
-            crosshairStrokeDashArray: [3, 3],
+        if (Pe) {
+          const e = new _o({
+            crosshairStroke: po,
+            crosshairStrokeThickness: ho,
+            crosshairStrokeDashArray: mo,
             showAxisLabels: !0,
-            axisLabelFill: X === "light" ? "#ffffff" : "#1a3a4a",
-            axisLabelStroke: X === "light" ? "#333333" : "#e0e0e0",
-            textColor: X === "light" ? "#1f2937" : "#e0e0e0"
+            legendPlacement: "top-left",
+            axisLabelFill: F === "light" ? "#ffffff" : "#1a3a4a",
+            axisLabelStroke: F === "light" ? "#333333" : "#e0e0e0",
+            textColor: F === "light" ? "#1f2937" : "#e0e0e0"
           });
-          h.chartModifiers.add(a);
+          h.chartModifiers.add(e);
         }
-        if (h.subCharts.length > 1) {
-          let a = !1;
+        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 ?? "";
+          B.annotations.add(
+            new o.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,
+              axisLabelFill: e.color ?? "#9ca3af",
+              axisLabelStroke: F === "light" ? "#ffffff" : "#1a3a4a"
+            })
+          );
+        }), h.subCharts.length > 1) {
+          let e = !1;
           const t = B.xAxes.get(0);
           if (t) {
-            const o = (c) => {
-              a || (a = !0, h.subCharts.forEach((u) => {
-                if (u.id !== "mainChart") {
-                  const A = u.xAxes.get(0);
-                  A && (A.visibleRange = c.visibleRange, c.majorDelta !== void 0 && (A.majorDelta = c.majorDelta), c.minorDelta !== void 0 && (A.minorDelta = c.minorDelta));
+            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));
                 }
-              }), a = !1);
+              }), e = !1);
             };
-            o(t), (ce = t.visibleRangeChanged) != null && ce.subscribe && t.visibleRangeChanged.subscribe(() => {
-              o(t);
-            }), h.subCharts.forEach((c) => {
-              var u;
-              if (c.id !== "mainChart") {
-                const A = c.xAxes.get(0);
-                (u = A == null ? void 0 : A.visibleRangeChanged) != null && u.subscribe && A.visibleRangeChanged.subscribe((fe) => {
-                  a || !(fe != null && fe.visibleRange) || (a = !0, t.visibleRange = fe.visibleRange, a = !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);
                 });
               }
             });
           }
         }
-        ee == null || ee(h);
-      } catch (y) {
-        console.error("Failed to initialize FinancialChart:", y);
+        oe == null || oe(h);
+      } catch (f) {
+        console.error("Failed to initialize FinancialChart:", f);
       }
     })(), () => {
-      S = !0, j.current && (j.current.delete(), j.current = null);
+      b = !0, _.current && (_.current.delete(), _.current = null);
     };
   }, [
-    F,
-    L,
+    I,
+    M,
+    Fe,
+    Ie,
     Ne,
-    Re,
-    Le,
     $,
     // New config API
     JSON.stringify(U),
-    JSON.stringify(b),
-    JSON.stringify(g),
-    JSON.stringify(f),
-    JSON.stringify(w),
+    JSON.stringify(x),
+    JSON.stringify(C),
+    JSON.stringify(y),
+    JSON.stringify(k),
     JSON.stringify(m),
-    JSON.stringify(d),
-    Ve,
-    X,
-    ee
-  ]), $e(() => {
-    if (!j.current || n.length === 0) return;
-    const S = n.map((r) => je(r.date)), G = n.map((r) => r.open), ce = n.map((r) => r.high), y = n.map((r) => r.low), Z = n.map((r) => r.close), Ae = n.map((r) => r.volume ?? 0);
-    if (J.current) {
-      const r = J.current;
-      r.clear(), r.appendRange(S, G, ce, y, Z);
+    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);
     }
-    for (let r = 0; r < te.current.length; r++) {
-      const l = te.current[r], v = U[r];
-      if (l && v) {
-        const V = v.type === "ema" ? Ue(Z, v.period) : Ee(Z, v.period), k = be(S, V);
-        l.clear(), k.x.length > 0 && l.appendRange(k.x, k.y);
+    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);
       }
     }
-    if (Se.current) {
-      const r = Se.current;
-      r.clear(), r.appendRange(S, Ae);
+    if (we.current) {
+      const r = we.current;
+      r.clear(), r.appendRange(b, Be);
     }
-    if (Ce.current && m.enabled) {
-      const r = We(Z, {
+    if (De.current && m.enabled) {
+      const r = Je(z, {
         period: m.period ?? 20,
         stdDevMultiplier: m.stdDevMultiplier ?? 2
-      }), l = Q(
-        S,
+      }), d = ee(
+        b,
         r.upperBand,
         r.middleBand,
         r.lowerBand
       );
-      if (l.x.length > 0) {
-        const [v, , V] = l.ys, k = Ce.current;
-        k.clear(), k.appendRange(l.x, v, V);
+      if (d.x.length > 0) {
+        const [L, , R] = d.ys, D = De.current;
+        D.clear(), D.appendRange(d.x, L, R);
       }
     }
-    if ((ne.current || re.current) && d.enabled) {
-      const r = Ze(
-        n.map((l) => ({
-          high: l.high,
-          low: l.low,
-          close: l.close,
-          volume: l.volume ?? 0
+    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
         })),
         {
-          includeBands: d.includeBands ?? !0,
-          bandCount: d.bandCount ?? 2
+          includeBands: c.includeBands ?? !0,
+          bandCount: c.bandCount ?? 2
         }
       );
-      if (ne.current && r.upperBand1 && r.lowerBand1) {
-        const l = ne.current;
-        l.clear(), l.appendRange(S, r.upperBand1, r.lowerBand1);
+      if (ie.current && r.upperBand1 && r.lowerBand1) {
+        const d = ie.current;
+        d.clear(), d.appendRange(b, r.upperBand1, r.lowerBand1);
       }
-      if (re.current && r.upperBand2 && r.lowerBand2) {
-        const l = re.current;
-        l.clear(), l.appendRange(S, r.upperBand2, r.lowerBand2);
+      if (ne.current && r.upperBand2 && r.lowerBand2) {
+        const d = ne.current;
+        d.clear(), d.appendRange(b, r.upperBand2, r.lowerBand2);
       }
     }
-    j.current.invalidateElement();
+    _.current.invalidateElement();
   }, [
-    n,
+    a,
     JSON.stringify(U),
     JSON.stringify(m),
-    JSON.stringify(d)
+    JSON.stringify(c)
   ]);
-  const ha = {
-    width: typeof p == "number" ? `${p}px` : p,
-    height: typeof R == "number" ? `${R}px` : R,
+  const So = {
+    width: typeof g == "number" ? `${g}px` : g,
+    height: typeof A == "number" ? `${A}px` : A,
     position: "relative",
     overflow: "hidden"
-  }, ma = {
+  }, Co = {
     position: "absolute",
     width: "100%",
     height: "100%"
-  }, de = (S, G) => ({
+  }, ue = (b, W) => ({
     position: "absolute",
     left: 0,
     right: 0,
-    top: `${S * 100}%`,
-    height: `${G * 100}%`
-  }), D = [];
-  if (L && D.push("volume"), U.length > 0) {
-    const S = U.map((G) => `${G.type.toUpperCase()}${G.period}`).join(", ");
-    D.push(`moving averages (${S})`);
+    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})`);
   }
-  m.enabled && D.push("Bollinger Bands"), d.enabled && D.push("VWAP"), b.enabled && D.push("RSI"), f.enabled && D.push("Stochastic"), g.enabled && D.push("MACD"), w.enabled && D.push("ADX");
-  const ya = D.length > 0 ? ` with ${D.join(", ")} indicators` : "";
-  return /* @__PURE__ */ Te(
+  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(
     "div",
     {
-      className: Ke,
-      style: ha,
+      className: eo,
+      style: So,
       role: "img",
-      "aria-label": `Financial chart displaying ${n.length} ${$} price points${ya}`,
-      "aria-describedby": `${se}-desc`,
+      "aria-label": `Financial chart displaying ${a.length} ${$} price points${Ao}`,
+      "aria-describedby": `${le}-desc`,
       children: [
-        /* @__PURE__ */ Te(
+        /* @__PURE__ */ Le(
           "span",
           {
-            id: `${se}-desc`,
+            id: `${le}-desc`,
             style: {
               position: "absolute",
               width: "1px",
@@ -1101,46 +1157,46 @@ const st = Ca(function({
               " display.",
               " ",
               m.enabled ? "Includes Bollinger Bands overlay. " : "",
-              d.enabled ? "Includes VWAP overlay. " : "",
-              I ? "Includes Momentum (RSI/Stochastic) subchart. " : "",
-              P ? "Includes MACD subchart. " : "",
-              O ? "Includes ADX subchart. " : "",
+              c.enabled ? "Includes VWAP overlay. " : "",
+              O ? "Includes Momentum (RSI/Stochastic) subchart. " : "",
+              G ? "Includes MACD subchart. " : "",
+              X ? "Includes ADX subchart. " : "",
               "Chart features zoom, pan, and synchronized crosshair across all panes."
             ]
           }
         ),
-        /* @__PURE__ */ Te("div", { ref: ge, style: ma, children: [
-          /* @__PURE__ */ xe("div", { id: se, style: de(0, W) }),
+        /* @__PURE__ */ Le("div", { ref: ke, style: Co, children: [
+          /* @__PURE__ */ xe("div", { id: le, style: ue(0, j) }),
           /* @__PURE__ */ xe(
             "div",
             {
-              id: Fe,
+              id: Oe,
               style: {
-                ...de(W, Y),
-                display: I ? "block" : "none"
+                ...ue(j, K),
+                display: O ? "block" : "none"
               }
             }
           ),
           /* @__PURE__ */ xe(
             "div",
             {
-              id: Ie,
+              id: Ge,
               style: {
-                ...de(W + Y, le),
-                display: P ? "block" : "none"
+                ...ue(j + K, ce),
+                display: G ? "block" : "none"
               }
             }
           ),
           /* @__PURE__ */ xe(
             "div",
             {
-              id: Pe,
+              id: Xe,
               style: {
-                ...de(
-                  W + Y + le,
-                  _e
+                ...ue(
+                  j + K + ce,
+                  Ze
                 ),
-                display: O ? "block" : "none"
+                display: X ? "block" : "none"
               }
             }
           )
@@ -1150,8 +1206,8 @@ const st = Ca(function({
   );
 });
 export {
-  st as FinancialChart,
-  rt as MA_PERIODS,
-  ot as MA_PERIOD_OPTIONS
+  ht as FinancialChart,
+  ut as MA_PERIODS,
+  pt as MA_PERIOD_OPTIONS
 };
 //# sourceMappingURL=petal-toolkit.es30.js.map