@petal-nexus/toolkit 0.2.5 → 0.3.0

package/CHANGELOG.md

@@ -7,6 +7,81 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.3.0] - 2025-01-30
+
+### Added
+
+- **FinancialChart: Drawing Tools Infrastructure** - Complete interactive drawing system:
+  - `DrawingToolsConfig` interface for enabling and configuring drawing tools
+  - Support for trendlines, Fibonacci retracements, horizontal/vertical lines, shapes, and text annotations
+  - Drawing state persistence with `onDrawingChange` callback for serialization
+  - Initial drawings via `initialTools` prop for loading saved drawings
+  - Configurable default tool, magnetic snapping, and snap tolerance
+  - TypeScript-first API with full type safety for drawing states
+- **UI Components for Drawing Tools**:
+  - `DrawingToolbar` - Toolbar component for selecting and activating drawing tools
+  - `ObjectTreePanel` - Panel for managing drawn objects (visibility, selection, deletion)
+  - `PropertiesPanel` - Panel for editing drawing properties (colors, line styles, text)
+  - Comprehensive Storybook stories with MDX documentation for each component
+  - CSS modules for styling with customizable themes
+- **Drawing Infrastructure Enhancements**:
+  - `DrawingManager` - Enhanced manager for drawing state, serialization, and persistence
+  - `DrawingModifier` - Updated SciChart modifier for interactive drawing
+  - New `DrawingKind` type exports for type-safe drawing type references
+  - Mock data utilities in `src/mocks/` for testing and examples
+- **TypeScript Type Improvements**:
+  - Renamed `MAType` to `MovingAverageKind` for better clarity and consistency
+  - New `DrawingState` interface for drawing serialization
+  - Enhanced type exports for all drawing-related types
+
+### Changed
+
+- **Repository URLs Updated**: Updated all GitHub URLs from `petal/toolkit` to `Petal-Nexus-Inc/petal-toolkit` to match actual repository
+- **CHANGELOG Links**: Updated version comparison links to use correct repository URLs
+- **README**: Updated clone instructions to use correct repository name and path
+
+### Fixed
+
+- **Build Configuration**: Excluded `docs/` folder from git tracking to prevent accidental documentation commits
+
+## [0.2.6] - 2025-01-29
+
+### Added
+
+- **FinancialChart: MA Line Styling** - Added professional styling options to `MovingAverageConfig`:
+  - `strokeDashArray?: number[]` - Dash patterns (e.g., `[5, 5]` for dashed, `[3, 3]` for dotted)
+  - `opacity?: number` - Transparency control (0-1)
+  - Enables visual distinction between multiple moving averages
+- **FinancialChart: Price Level Markers** - New `priceLevels` prop for support/resistance/target lines:
+  - Horizontal lines with customizable labels
+  - Multiple line styles: solid, dashed, dotted
+  - Configurable colors, thickness, and label positions (left/right)
+  - Essential for marking key price levels in technical analysis
+- **FinancialChart: Series Visibility Control** - New `hiddenSeries` prop for programmatic show/hide:
+  - Hide any series by name: `'OHLC'`, `'Volume'`, `'EMA9'`, `'RSI'`, `'MACD'`, etc.
+  - Array syntax: `hiddenSeries={['EMA9', 'Volume']}`
+  - Record syntax: `hiddenSeries={{ 'EMA9': false }}`
+  - Group hiding: Hide `'MACD'` to hide all MACD components (histogram, signal, MACD line)
+  - Supports all indicators: MAs, Bollinger, VWAP, RSI, MACD, Stochastic, ADX
+  - Enables custom interactive legend implementations
+
+### Fixed
+
+- **FinancialChart: Zoom/Pan Not Working** - Fixed interactive chart modifiers being blocked:
+  - Added `receiveHandledEvents = true` to `FinChartLegendModifier` to pass events to other modifiers
+  - Manually instantiate and add modifiers to subcharts (chartBuilder wasn't applying them)
+  - Mouse wheel zoom, click+drag pan, and double-click zoom reset now work correctly
+- **FinancialChart: volumeOpacity Not Applied to Colored Bars** - Fixed opacity not working when volume bars are colored:
+  - `VolumePaletteProvider` now applies opacity parameter to ARGB color
+  - Added `applyOpacity()` helper method for proper alpha channel manipulation
+  - `volumeOpacity={0.5}` now correctly makes colored volume bars 50% transparent
+
+### Removed
+
+- **FinancialChart: legendPlacement Prop** - Removed customizable legend placement:
+  - Legend is now always positioned at top-left
+  - Simplifies API and reduces unnecessary configuration options
+
 ## [0.2.5] - 2025-01-28
 
 ### Added
@@ -128,6 +203,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Custom modifiers: FinChartLegendModifier, DepthCursorModifier
 - TypeScript support with full type definitions
 
-[Unreleased]: https://github.com/petal/toolkit/compare/v0.2.0...HEAD
-[0.2.0]: https://github.com/petal/toolkit/compare/v0.1.0...v0.2.0
-[0.1.0]: https://github.com/petal/toolkit/releases/tag/v0.1.0
+[Unreleased]: https://github.com/Petal-Nexus-Inc/petal-toolkit/compare/v0.3.0...HEAD
+[0.3.0]: https://github.com/Petal-Nexus-Inc/petal-toolkit/compare/v0.2.6...v0.3.0
+[0.2.6]: https://github.com/Petal-Nexus-Inc/petal-toolkit/compare/v0.2.5...v0.2.6
+[0.2.5]: https://github.com/Petal-Nexus-Inc/petal-toolkit/compare/v0.2.4...v0.2.5
+[0.2.4]: https://github.com/Petal-Nexus-Inc/petal-toolkit/compare/v0.2.0...v0.2.4
+[0.2.0]: https://github.com/Petal-Nexus-Inc/petal-toolkit/compare/v0.1.0...v0.2.0
+[0.1.0]: https://github.com/Petal-Nexus-Inc/petal-toolkit/releases/tag/v0.1.0

package/README.md

@@ -145,8 +145,8 @@ SciChartSurface.setRuntimeLicenseKey('YOUR_LICENSE_KEY');
 ### Setup
 
 ```bash
-git clone https://github.com/petal/toolkit.git
-cd toolkit
+git clone https://github.com/Petal-Nexus-Inc/petal-toolkit.git
+cd petal-toolkit
 npm install
 
 # Optional: Set up environment variables for Chromatic

package/dist/charts/core/FinancialChart/FinancialChart.d.ts

@@ -1,13 +1,11 @@
 import { SciChartSurface, IThemeProvider } from 'scichart';
 import { SciChartThemePreset } from '../../../scichart/themes';
 import { OHLCDataPoint } from '../../../types';
-import { MovingAverageConfig, RSIConfig, MACDConfig, StochasticConfig, ADXConfig, BollingerConfig, VWAPConfig } from './types';
+import { MovingAverageConfig, RSIConfig, MACDConfig, StochasticConfig, ADXConfig, BollingerConfig, VWAPConfig, PriceLevelMarker, DrawingToolsConfig, DrawingState, DrawingKind } from './types';
 export type { SciChartThemePreset };
-export type { MovingAverageConfig, RSIConfig, MACDConfig, StochasticConfig, ADXConfig, BollingerConfig, VWAPConfig, };
-/** Chart type options */
-export type ChartType = 'candlestick' | 'hollow-candlestick' | 'ohlc' | 'hlc' | 'line';
-/** Moving average type */
-export type MAType = 'sma' | 'ema';
+export type { MovingAverageConfig, RSIConfig, MACDConfig, StochasticConfig, ADXConfig, BollingerConfig, VWAPConfig, PriceLevelMarker, DrawingToolsConfig, DrawingState, DrawingKind, };
+/** Chart style options */
+export type ChartStyle = 'candlestick' | 'hollow-candlestick' | 'ohlc' | 'hlc' | 'line';
 /** Standard MA periods used by professionals */
 export declare const MA_PERIODS: {
     /** Fast momentum, popular with day traders */
@@ -48,7 +46,7 @@ export interface FinancialChartProps {
     /** Callback when chart is ready */
     onChartReady?: (surface: SciChartSurface) => void;
     /** Chart display type (default: 'candlestick') */
-    chartType?: ChartType;
+    chartType?: ChartStyle;
     /**
      * Multiple moving averages configuration.
      * Supports multiple MAs of different types and periods overlaid on the main chart.
@@ -98,6 +96,25 @@ export interface FinancialChartProps {
     vwap?: VWAPConfig;
     /** Show legend with OHLC values (default: true) */
     showLegend?: boolean;
+    /**
+     * Control which series are visible/hidden.
+     * Provide an array of series names to hide, or a Record mapping series names to visibility.
+     * Series names: 'OHLC', 'Volume', 'EMA9', 'SMA20', 'RSI', 'MACD', etc.
+     * @example
+     * hiddenSeries={['EMA9', 'Volume']} // Hide EMA9 and Volume
+     * hiddenSeries={{ 'EMA9': false, 'Volume': false }} // Same using Record
+     */
+    hiddenSeries?: string[] | Record<string, boolean>;
+    /** Price level markers (support, resistance, targets, stops) */
+    priceLevels?: PriceLevelMarker[];
+    /** Drawing tools configuration (trendlines, Fibonacci, shapes, etc.) */
+    drawingTools?: DrawingToolsConfig;
+    /** Crosshair line color (default: '#666666') */
+    crosshairColor?: string;
+    /** Crosshair line thickness (default: 1) */
+    crosshairThickness?: number;
+    /** Crosshair line dash pattern, e.g., [3, 3] for dashed (default: [3, 3]) */
+    crosshairDashArray?: number[];
     /** Show volume moving average line (default: false) */
     showVolumeAverage?: boolean;
     /** Period for volume moving average (default: 20) */

package/dist/charts/core/FinancialChart/index.d.ts

@@ -1,4 +1,6 @@
 export { FinancialChart, MA_PERIODS, MA_PERIOD_OPTIONS } from './FinancialChart';
-export type { FinancialChartProps, SciChartThemePreset, ChartType, MAType, MAPeriod, MovingAverageConfig, RSIConfig, MACDConfig, StochasticConfig, ADXConfig, BollingerConfig, VWAPConfig, } from './FinancialChart';
+export type { FinancialChartProps, SciChartThemePreset, ChartStyle, MAPeriod, MovingAverageConfig, RSIConfig, MACDConfig, StochasticConfig, ADXConfig, BollingerConfig, VWAPConfig, } from './FinancialChart';
 export { DEFAULT_RSI_CONFIG, DEFAULT_MACD_CONFIG, DEFAULT_STOCHASTIC_CONFIG, DEFAULT_ADX_CONFIG, DEFAULT_BOLLINGER_CONFIG, DEFAULT_VWAP_CONFIG, } from './types';
-export type { ATRConfig, VolumeConfig } from './types';
+export type { MovingAverageKind, ATRConfig, VolumeConfig, PriceLevelMarker, DrawingToolsConfig, DrawingState, DrawingKind, } from './types';
+export { getIndicatorPreset, mergePresetWithOverrides, INDICATOR_PRESETS } from './presets';
+export type { IndicatorPreset, IndicatorPresetConfig } from './presets';

package/dist/charts/core/FinancialChart/presets.d.ts

@@ -0,0 +1,29 @@
+import { MovingAverageConfig, RSIConfig, MACDConfig, StochasticConfig, ADXConfig, BollingerConfig, VWAPConfig } from './types';
+/**
+ * Available indicator preset types
+ */
+export type IndicatorPreset = 'scalper' | 'day-trader' | 'swing-trader' | 'position-trader' | 'mean-reversion' | 'trend-following' | 'momentum' | 'volatility' | 'institutional' | 'custom';
+/**
+ * Full indicator configuration for a preset
+ */
+export interface IndicatorPresetConfig {
+    movingAverages?: MovingAverageConfig[];
+    rsi?: RSIConfig;
+    macd?: MACDConfig;
+    stochastic?: StochasticConfig;
+    adx?: ADXConfig;
+    bollinger?: BollingerConfig;
+    vwap?: VWAPConfig;
+}
+/**
+ * Indicator preset definitions
+ */
+export declare const INDICATOR_PRESETS: Record<IndicatorPreset, IndicatorPresetConfig>;
+/**
+ * Get preset configuration by name
+ */
+export declare function getIndicatorPreset(preset: IndicatorPreset): IndicatorPresetConfig;
+/**
+ * Merge preset configuration with user overrides
+ */
+export declare function mergePresetWithOverrides(preset: IndicatorPreset, overrides: Partial<IndicatorPresetConfig>): IndicatorPresetConfig;

package/dist/charts/core/FinancialChart/types.d.ts

@@ -1,21 +1,22 @@
-/**
- * FinancialChart Type Definitions
- * Configuration interfaces for all indicators and chart options
- */
-/** Moving average type */
-export type MAType = 'sma' | 'ema';
+import { DrawingKind } from '../../../scichart/drawing';
+/** Moving average kind */
+export type MovingAverageKind = 'sma' | 'ema';
 /**
  * Configuration for a single moving average line
  */
 export interface MovingAverageConfig {
     /** Type of moving average */
-    type: MAType;
+    type: MovingAverageKind;
     /** Period for the moving average calculation */
     period: number;
     /** Line color (hex with optional alpha) */
     color?: string;
     /** Line thickness in pixels */
     strokeThickness?: number;
+    /** Line dash pattern, e.g., [5, 5] for dashed, [10, 5] for long dash (default: solid) */
+    strokeDashArray?: number[];
+    /** Line opacity (0-1, default: 1.0) */
+    opacity?: number;
     /** Whether this MA is visible */
     visible?: boolean;
 }
@@ -35,6 +36,10 @@ export interface RSIConfig {
     oversold?: number;
     /** Show overbought/oversold zone shading (default: true) */
     showZones?: boolean;
+    /** Overbought zone background color (default: theme-based) */
+    overboughtZoneColor?: string;
+    /** Oversold zone background color (default: theme-based) */
+    oversoldZoneColor?: string;
     /** Show center line at 50 (default: true) */
     showCenterLine?: boolean;
     /** Show current value marker on Y-axis (default: true) */
@@ -89,6 +94,10 @@ export interface StochasticConfig {
     overboughtLevel?: number;
     /** Oversold level (default: 20) */
     oversoldLevel?: number;
+    /** Overbought zone background color (default: theme-based) */
+    overboughtZoneColor?: string;
+    /** Oversold zone background color (default: theme-based) */
+    oversoldZoneColor?: string;
     /** Show current value markers on Y-axis (default: true) */
     showCurrentValue?: boolean;
 }
@@ -112,6 +121,8 @@ export interface ADXConfig {
     weakTrendLevel?: number;
     /** Strong trend threshold level (default: 40) */
     strongTrendLevel?: number;
+    /** Weak trend zone background color (default: theme-based) */
+    weakTrendZoneColor?: string;
     /** Show current value markers on Y-axis (default: true) */
     showCurrentValue?: boolean;
 }
@@ -168,6 +179,46 @@ export interface ATRConfig {
     /** ATR line color */
     color?: string;
 }
+/**
+ * Drawing tools configuration
+ * Enables chart drawing tools (trendlines, Fibonacci, shapes, etc.)
+ */
+export interface DrawingToolsConfig {
+    /** Enable drawing tools */
+    enabled: boolean;
+    /** Initial drawings to render on chart load */
+    initialTools?: DrawingState[];
+    /** Callback when drawings change (add, modify, delete) */
+    onDrawingChange?: (tools: DrawingState[]) => void;
+    /** Default tool to activate on load (default: none - selection mode) */
+    defaultTool?: DrawingKind;
+    /** Enable drawing toolbar UI (default: true) */
+    showToolbar?: boolean;
+    /** Enable object tree panel UI (default: true) */
+    showObjectTree?: boolean;
+    /** Enable properties panel UI (default: true) */
+    showPropertiesPanel?: boolean;
+    /** Enable keyboard shortcuts for tools (default: true) */
+    enableKeyboardShortcuts?: boolean;
+    /** Enable magnetic snapping to OHLC prices (default: false) */
+    magneticSnapping?: boolean;
+    /** Pixel tolerance for snapping (default: 10) */
+    snapTolerance?: number;
+}
+/**
+ * Drawing state for serialization (from DrawingManager)
+ */
+export interface DrawingState {
+    id: string;
+    type: DrawingKind;
+    x1: number;
+    y1: number;
+    x2?: number;
+    y2?: number;
+    properties: Record<string, unknown>;
+    createdAt: number;
+    modifiedAt: number;
+}
 /**
  * Volume configuration
  */
@@ -193,9 +244,29 @@ export interface VolumeConfig {
     /** Multiplier of average for unusual volume highlight (default: 2.0) */
     unusualThreshold?: number;
 }
-export declare const DEFAULT_RSI_CONFIG: Required<Omit<RSIConfig, 'color'>> & Pick<RSIConfig, 'color'>;
+/**
+ * Price level marker configuration (support, resistance, targets, stops)
+ */
+export interface PriceLevelMarker {
+    /** Price level value */
+    price: number;
+    /** Label text (e.g., "Support", "Target 1", "Stop Loss") */
+    label?: string;
+    /** Line color (default: '#9ca3af') */
+    color?: string;
+    /** Line style: 'solid' | 'dashed' | 'dotted' (default: 'dashed') */
+    lineStyle?: 'solid' | 'dashed' | 'dotted';
+    /** Line thickness (default: 1) */
+    strokeThickness?: number;
+    /** Label position: 'left' | 'right' (default: 'right') */
+    labelPosition?: 'left' | 'right';
+    /** Show price value in label (default: true) */
+    showPrice?: boolean;
+}
+export declare const DEFAULT_RSI_CONFIG: Required<Omit<RSIConfig, 'color' | 'overboughtZoneColor' | 'oversoldZoneColor'>> & Pick<RSIConfig, 'color' | 'overboughtZoneColor' | 'oversoldZoneColor'>;
 export declare const DEFAULT_MACD_CONFIG: Required<Omit<MACDConfig, 'macdColor' | 'signalColor' | 'histogramUpColor' | 'histogramDownColor'>> & Pick<MACDConfig, 'macdColor' | 'signalColor' | 'histogramUpColor' | 'histogramDownColor'>;
-export declare const DEFAULT_STOCHASTIC_CONFIG: Required<Omit<StochasticConfig, 'kColor' | 'dColor'>> & Pick<StochasticConfig, 'kColor' | 'dColor'>;
-export declare const DEFAULT_ADX_CONFIG: Required<Omit<ADXConfig, 'adxColor' | 'plusDIColor' | 'minusDIColor'>> & Pick<ADXConfig, 'adxColor' | 'plusDIColor' | 'minusDIColor'>;
+export declare const DEFAULT_STOCHASTIC_CONFIG: Required<Omit<StochasticConfig, 'kColor' | 'dColor' | 'overboughtZoneColor' | 'oversoldZoneColor'>> & Pick<StochasticConfig, 'kColor' | 'dColor' | 'overboughtZoneColor' | 'oversoldZoneColor'>;
+export declare const DEFAULT_ADX_CONFIG: Required<Omit<ADXConfig, 'adxColor' | 'plusDIColor' | 'minusDIColor' | 'weakTrendZoneColor'>> & Pick<ADXConfig, 'adxColor' | 'plusDIColor' | 'minusDIColor' | 'weakTrendZoneColor'>;
 export declare const DEFAULT_BOLLINGER_CONFIG: Required<Omit<BollingerConfig, 'bandColor' | 'middleColor' | 'fillColor'>> & Pick<BollingerConfig, 'bandColor' | 'middleColor' | 'fillColor'>;
 export declare const DEFAULT_VWAP_CONFIG: Required<Omit<VWAPConfig, 'color' | 'bandColor' | 'band1Fill' | 'band2Fill'>> & Pick<VWAPConfig, 'color' | 'bandColor' | 'band1Fill' | 'band2Fill'>;
+export type { DrawingKind };

package/dist/charts/core/TimeSeriesChart/TimeSeriesChart.d.ts

@@ -4,14 +4,14 @@ import { SciChartThemePreset } from '../../../scichart/themes';
 import { ChartDataPoint } from '../../../types';
 export type { SciChartThemePreset };
 /** Chart type: line or area (mountain) */
-export type TimeSeriesChartType = 'line' | 'area';
+export type TimeSeriesChartStyle = 'line' | 'area';
 /** Display preset for axis visibility */
 export type TimeSeriesDisplayPreset = 'default' | 'minimal';
 export interface TimeSeriesChartProps {
     /** Data points to display */
     data: ChartDataPoint[];
     /** Chart type: 'line' or 'area' (mountain) */
-    chartType?: TimeSeriesChartType;
+    chartType?: TimeSeriesChartStyle;
     /** Chart width (CSS value or number for pixels) */
     width?: string | number;
     /** Chart height (CSS value or number for pixels) */

package/dist/charts/core/TimeSeriesChart/index.d.ts

@@ -1,2 +1,2 @@
 export { TimeSeriesChart } from './TimeSeriesChart';
-export type { TimeSeriesChartProps, TimeSeriesChartType, TimeSeriesDisplayPreset, } from './TimeSeriesChart';
+export type { TimeSeriesChartProps, TimeSeriesChartStyle, TimeSeriesDisplayPreset, } from './TimeSeriesChart';

package/dist/charts/core/index.d.ts

@@ -3,9 +3,9 @@ export type { CandlestickChartProps, SciChartThemePreset } from './CandlestickCh
 export { VolumeChart } from './VolumeChart';
 export type { VolumeChartProps, VolumeChartData } from './VolumeChart';
 export { TimeSeriesChart } from './TimeSeriesChart';
-export type { TimeSeriesChartProps, TimeSeriesChartType } from './TimeSeriesChart';
+export type { TimeSeriesChartProps, TimeSeriesChartStyle } from './TimeSeriesChart';
 export { FinancialChart, MA_PERIODS, MA_PERIOD_OPTIONS } from './FinancialChart';
-export type { FinancialChartProps, ChartType, MAType, MAPeriod } from './FinancialChart';
+export type { FinancialChartProps, ChartStyle, MovingAverageKind, MAPeriod, } from './FinancialChart';
 export { DepthChart, DepthCursorModifier } from './DepthChart';
 export type { DepthChartProps, OrderBookData, OrderBookLevel, DepthChartData, DepthCursorModifierOptions, } from './DepthChart';
 export { PerformanceBarChart } from './PerformanceBarChart';

package/dist/components/DrawingToolbar.d.ts

@@ -0,0 +1,32 @@
+import { DrawingManager, DrawingKind } from '../scichart/drawing';
+export interface DrawingToolbarProps {
+    /** DrawingManager instance to control */
+    drawingManager: DrawingManager;
+    /** Optional className for the toolbar container */
+    className?: string;
+    /** Enable keyboard shortcuts (default: true) */
+    enableKeyboardShortcuts?: boolean;
+    /** Callback when active tool changes */
+    onToolChange?: (tool: DrawingKind | null) => void;
+    /** Enable magnet mode (snap to OHLC) */
+    magnetMode?: boolean;
+    /** Callback when magnet mode toggles */
+    onMagnetModeChange?: (enabled: boolean) => void;
+    /** Stay in drawing mode after creating drawing (default: false) */
+    stayInDrawingMode?: boolean;
+    /** Callback when stay-in-drawing-mode toggles */
+    onStayInDrawingModeChange?: (enabled: boolean) => void;
+}
+/**
+ * DrawingToolbar component - Institutional grade
+ *
+ * @example
+ * ```tsx
+ * <DrawingToolbar
+ *   drawingManager={drawingManagerRef.current}
+ *   magnetMode={true}
+ *   onToolChange={(tool) => console.log('Active tool:', tool)}
+ * />
+ * ```
+ */
+export declare const DrawingToolbar: import('react').NamedExoticComponent<DrawingToolbarProps>;

package/dist/components/ObjectTreePanel.d.ts

@@ -0,0 +1,28 @@
+import { DrawingManager } from '../scichart/drawing';
+export interface ObjectTreePanelProps {
+    /** DrawingManager instance to control */
+    drawingManager: DrawingManager;
+    /** Optional className for the panel container */
+    className?: string;
+    /** Callback when drawing is selected */
+    onDrawingSelect?: (drawingId: string | null) => void;
+    /** Callback when drawing visibility changes */
+    onDrawingVisibilityChange?: (drawingId: string, visible: boolean) => void;
+    /** Callback when drawing is deleted */
+    onDrawingDelete?: (drawingId: string) => void;
+    /** Initially collapsed state (default: false) */
+    initiallyCollapsed?: boolean;
+}
+/**
+ * ObjectTreePanel component - Institutional grade
+ *
+ * @example
+ * ```tsx
+ * <ObjectTreePanel
+ *   drawingManager={drawingManagerRef.current}
+ *   onDrawingSelect={(id) => console.log('Selected:', id)}
+ *   onDrawingDelete={(id) => console.log('Deleted:', id)}
+ * />
+ * ```
+ */
+export declare const ObjectTreePanel: import('react').NamedExoticComponent<ObjectTreePanelProps>;

package/dist/components/PropertiesPanel.d.ts

@@ -0,0 +1,17 @@
+import { DrawingManager } from '../scichart/drawing';
+export interface PropertiesPanelProps {
+    /** DrawingManager instance to control */
+    drawingManager: DrawingManager;
+    /** Currently selected drawing ID (null = no selection) */
+    selectedDrawingId: string | null;
+    /** Optional className for the panel container */
+    className?: string;
+    /** Callback when property changes */
+    onPropertyChange?: (drawingId: string, property: string, value: unknown) => void;
+    /** Initially collapsed state (default: false) */
+    initiallyCollapsed?: boolean;
+}
+/**
+ * PropertiesPanel component
+ */
+export declare const PropertiesPanel: import('react').NamedExoticComponent<PropertiesPanelProps>;

package/dist/components/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Component exports
+ */
+export { DrawingToolbar } from './DrawingToolbar';
+export type { DrawingToolbarProps } from './DrawingToolbar';
+export { ObjectTreePanel } from './ObjectTreePanel';
+export type { ObjectTreePanelProps } from './ObjectTreePanel';
+export { PropertiesPanel } from './PropertiesPanel';
+export type { PropertiesPanelProps } from './PropertiesPanel';

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export { PetalThemeProvider, useTheme, useThemeColors } from './themes';
 export { createTheme, mergeThemes } from './themes/createTheme';
 export type { PetalChartTheme, ThemeColors, ThemeMovingAverages, ThemeBackgrounds, ThemeText, ThemeGrid, ColorWithOpacity, } from './themes/types';
 export { CandlestickChart, VolumeChart, TimeSeriesChart, FinancialChart, DepthChart, DepthCursorModifier, PerformanceBarChart, MA_PERIODS, MA_PERIOD_OPTIONS, } from './charts/core';
-export type { CandlestickChartProps, SciChartThemePreset, VolumeChartProps, VolumeChartData, TimeSeriesChartProps, TimeSeriesChartType, FinancialChartProps, ChartType, MAType, MAPeriod, DepthChartProps, OrderBookData, OrderBookLevel, DepthChartData, DepthCursorModifierOptions, PerformanceBarChartProps, PositionData, SortMode, } from './charts/core';
+export type { CandlestickChartProps, SciChartThemePreset, VolumeChartProps, VolumeChartData, TimeSeriesChartProps, TimeSeriesChartStyle, FinancialChartProps, ChartStyle, MovingAverageKind, MAPeriod, DepthChartProps, OrderBookData, OrderBookLevel, DepthChartData, DepthCursorModifierOptions, PerformanceBarChartProps, PositionData, SortMode, } from './charts/core';
 export { VolumePaletteProvider, MACDHistogramPaletteProvider } from './scichart/palettes';
 export { calculateEMA, calculateSMA, calculateMultipleEMAs, calculateMACD, calculateRSI, detectRSIConditions, DEFAULT_MACD_PARAMS, DEFAULT_RSI_PERIOD, } from './scichart/indicators';
 export type { MACDParams, MACDResult, RSIResult } from './scichart/indicators';

package/dist/mocks/drawingMockData.d.ts

@@ -0,0 +1,41 @@
+import { DrawingState, DrawingKind } from '../charts/core/FinancialChart';
+/**
+ * Generate mock trendline drawings
+ */
+export declare function generateMockTrendlines(count?: number): DrawingState[];
+/**
+ * Generate mock horizontal line drawings (support/resistance)
+ */
+export declare function generateMockHorizontalLines(count?: number): DrawingState[];
+/**
+ * Generate mock Fibonacci retracement
+ */
+export declare function generateMockFibonacci(): DrawingState;
+/**
+ * Generate mock rectangle drawings
+ */
+export declare function generateMockRectangles(count?: number): DrawingState[];
+/**
+ * Generate mock parallel channel
+ */
+export declare function generateMockParallelChannel(): DrawingState;
+/**
+ * Generate mock arrow annotation
+ */
+export declare function generateMockArrows(count?: number): DrawingState[];
+/**
+ * Generate mock text annotation
+ */
+export declare function generateMockTextAnnotations(count?: number): DrawingState[];
+/**
+ * Generate a complete set of sample drawings for demos
+ */
+export declare function generateFullDrawingSet(): DrawingState[];
+/**
+ * Generate drawings by type
+ */
+export declare function generateDrawingsByType(type: DrawingKind, count?: number): DrawingState[];
+/**
+ * Generate a minimal set of drawings for quick demos
+ */
+export declare function generateMinimalDrawingSet(): DrawingState[];

package/dist/mocks/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Mock data exports
+ */
+export * from './drawingMockData';

package/dist/petal-toolkit.cjs10.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react/jsx-runtime"),x=require("react"),E=require("./petal-toolkit.cjs57.js"),M=require("./petal-toolkit.cjs1326.js"),d=require("./petal-toolkit.cjs55.js"),R=require("./petal-toolkit.cjs1328.js"),q=require("./petal-toolkit.cjs1327.js"),s=require("./petal-toolkit.cjs56.js");function j(p){switch(p){case"light":return{capexColor:"#3b82f6",acquisitionsColor:"#8b5cf6",dividendsColor:"#16a34a",buybacksColor:"#f97316",debtColor:"#dc2626"};case"navy":return{capexColor:"#60a5fa",acquisitionsColor:"#a78bfa",dividendsColor:"#10b981",buybacksColor:"#fb923c",debtColor:"#f43f5e"};case"dark":default:return{capexColor:"#3B82F6",acquisitionsColor:"#A78BFA",dividendsColor:"#00FFB3",buybacksColor:"#FFA502",debtColor:"#FF4757"}}}const w=x.memo(function({data:r,width:A="100%",height:v=400,className:S,themePreset:b="dark",theme:g,showLegend:m=!0,onChartReady:c}){const{containerId:n,containerRef:f,surfaceRef:l,sciChartTheme:y,baseColors:a,containerStyle:k}=M.useFinancialChartSetup({chartName:"capital-allocation",width:A,height:v,themePreset:b,customTheme:g}),t=j(b),h=r.some(i=>i.debtRepayment!==void 0&&i.debtRepayment>0);return x.useEffect(()=>{if(!f.current||r.length===0)return;let i=!1;return(async()=>{try{const u=r.map(e=>e.period),D=r.map((e,V)=>V),{sciChartSurface:o,wasmContext:C}=await E.scichartExports.SciChartSurface.create(n,{theme:y});if(i){o.delete();return}l.current=o,o.xAxes.add(d.createCategoryXAxis(C,{labelColor:a.axisLabelColor,labels:u})),o.yAxes.add(d.createNumericYAxis(C,{labelColor:a.axisLabelColor,gridColor:a.gridColor,labelFormatter:d.labelFormatters.currency}));const F=[{yValues:r.map(e=>e.capex),name:"CapEx",color:t.capexColor},{yValues:r.map(e=>e.acquisitions),name:"Acquisitions",color:t.acquisitionsColor},{yValues:r.map(e=>e.dividends),name:"Dividends",color:t.dividendsColor},{yValues:r.map(e=>e.shareRepurchases),name:"Buybacks",color:t.buybacksColor}];h&&F.push({yValues:r.map(e=>e.debtRepayment??0),name:"Debt Repayment",color:t.debtColor}),o.renderableSeries.add(R.createStackedCollection(C,{xValues:D,groupId:"allocation",series:F})),q.addStandardModifiers(o,{crosshairColor:a.crosshairColor,valueFormatters:{CapEx:s.tooltipFormatters.currency,Acquisitions:s.tooltipFormatters.currency,Dividends:s.tooltipFormatters.currency,Buybacks:s.tooltipFormatters.currency,"Debt Repayment":s.tooltipFormatters.currency}}),m&&q.addLegendModifier(o),c==null||c(o)}catch(u){console.error("Failed to initialize CapitalAllocationChart:",u)}})(),()=>{i=!0,l.current&&(l.current.delete(),l.current=null)}},[r,n,y,a,t,m,h,c]),B.jsx("div",{ref:f,id:n,className:S,style:k})});exports.CapitalAllocationChart=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react/jsx-runtime"),x=require("react"),E=require("./petal-toolkit.cjs57.js"),M=require("./petal-toolkit.cjs1331.js"),d=require("./petal-toolkit.cjs55.js"),R=require("./petal-toolkit.cjs1357.js"),q=require("./petal-toolkit.cjs1332.js"),s=require("./petal-toolkit.cjs56.js");function j(p){switch(p){case"light":return{capexColor:"#3b82f6",acquisitionsColor:"#8b5cf6",dividendsColor:"#16a34a",buybacksColor:"#f97316",debtColor:"#dc2626"};case"navy":return{capexColor:"#60a5fa",acquisitionsColor:"#a78bfa",dividendsColor:"#10b981",buybacksColor:"#fb923c",debtColor:"#f43f5e"};case"dark":default:return{capexColor:"#3B82F6",acquisitionsColor:"#A78BFA",dividendsColor:"#00FFB3",buybacksColor:"#FFA502",debtColor:"#FF4757"}}}const w=x.memo(function({data:r,width:A="100%",height:v=400,className:S,themePreset:b="dark",theme:g,showLegend:m=!0,onChartReady:c}){const{containerId:n,containerRef:f,surfaceRef:l,sciChartTheme:y,baseColors:a,containerStyle:k}=M.useFinancialChartSetup({chartName:"capital-allocation",width:A,height:v,themePreset:b,customTheme:g}),t=j(b),h=r.some(i=>i.debtRepayment!==void 0&&i.debtRepayment>0);return x.useEffect(()=>{if(!f.current||r.length===0)return;let i=!1;return(async()=>{try{const u=r.map(e=>e.period),D=r.map((e,V)=>V),{sciChartSurface:o,wasmContext:C}=await E.scichartExports.SciChartSurface.create(n,{theme:y});if(i){o.delete();return}l.current=o,o.xAxes.add(d.createCategoryXAxis(C,{labelColor:a.axisLabelColor,labels:u})),o.yAxes.add(d.createNumericYAxis(C,{labelColor:a.axisLabelColor,gridColor:a.gridColor,labelFormatter:d.labelFormatters.currency}));const F=[{yValues:r.map(e=>e.capex),name:"CapEx",color:t.capexColor},{yValues:r.map(e=>e.acquisitions),name:"Acquisitions",color:t.acquisitionsColor},{yValues:r.map(e=>e.dividends),name:"Dividends",color:t.dividendsColor},{yValues:r.map(e=>e.shareRepurchases),name:"Buybacks",color:t.buybacksColor}];h&&F.push({yValues:r.map(e=>e.debtRepayment??0),name:"Debt Repayment",color:t.debtColor}),o.renderableSeries.add(R.createStackedCollection(C,{xValues:D,groupId:"allocation",series:F})),q.addStandardModifiers(o,{crosshairColor:a.crosshairColor,valueFormatters:{CapEx:s.tooltipFormatters.currency,Acquisitions:s.tooltipFormatters.currency,Dividends:s.tooltipFormatters.currency,Buybacks:s.tooltipFormatters.currency,"Debt Repayment":s.tooltipFormatters.currency}}),m&&q.addLegendModifier(o),c==null||c(o)}catch(u){console.error("Failed to initialize CapitalAllocationChart:",u)}})(),()=>{i=!0,l.current&&(l.current.delete(),l.current=null)}},[r,n,y,a,t,m,h,c]),B.jsx("div",{ref:f,id:n,className:S,style:k})});exports.CapitalAllocationChart=w;
 //# sourceMappingURL=petal-toolkit.cjs10.js.map

package/dist/petal-toolkit.cjs100.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./petal-toolkit.cjs714.js"),s=require("./petal-toolkit.cjs589.js"),l=require("./petal-toolkit.cjs609.js"),y=require("./petal-toolkit.cjs82.js");var f;function M(){if(f)return t.__exports;f=1;var _=t.__exports&&t.__exports.__extends||(function(){var i=function(r,e){return i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(o,n){o.__proto__=n}||function(o,n){for(var u in n)Object.prototype.hasOwnProperty.call(n,u)&&(o[u]=n[u])},i(r,e)};return function(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");i(r,e);function o(){this.constructor=r}r.prototype=e===null?Object.create(e):(o.prototype=e.prototype,new o)}})();Object.defineProperty(t.__exports,"__esModule",{value:!0}),t.__exports.PolarLegendModifier=void 0;var a=s.__require(),d=l.__require(),c=y.__require(),p=(function(i){_(r,i);function r(e){var o=i.call(this,e)||this;return o.type=a.EChart2DModifierType.PolarLegend,o}return Object.defineProperty(r.prototype,"modifierType",{get:function(){return d.EModifierType.Chart2DPolarModifier},enumerable:!1,configurable:!0}),r})(c.LegendModifier);return t.__exports.PolarLegendModifier=p,t.__exports}exports.__require=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./petal-toolkit.cjs713.js"),s=require("./petal-toolkit.cjs589.js"),l=require("./petal-toolkit.cjs609.js"),y=require("./petal-toolkit.cjs82.js");var f;function M(){if(f)return t.__exports;f=1;var _=t.__exports&&t.__exports.__extends||(function(){var i=function(r,e){return i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(o,n){o.__proto__=n}||function(o,n){for(var u in n)Object.prototype.hasOwnProperty.call(n,u)&&(o[u]=n[u])},i(r,e)};return function(r,e){if(typeof e!="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");i(r,e);function o(){this.constructor=r}r.prototype=e===null?Object.create(e):(o.prototype=e.prototype,new o)}})();Object.defineProperty(t.__exports,"__esModule",{value:!0}),t.__exports.PolarLegendModifier=void 0;var a=s.__require(),d=l.__require(),c=y.__require(),p=(function(i){_(r,i);function r(e){var o=i.call(this,e)||this;return o.type=a.EChart2DModifierType.PolarLegend,o}return Object.defineProperty(r.prototype,"modifierType",{get:function(){return d.EModifierType.Chart2DPolarModifier},enumerable:!1,configurable:!0}),r})(c.LegendModifier);return t.__exports.PolarLegendModifier=p,t.__exports}exports.__require=M;
 //# sourceMappingURL=petal-toolkit.cjs100.js.map

package/dist/petal-toolkit.cjs101.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./petal-toolkit.cjs715.js"),g=require("./petal-toolkit.cjs589.js"),P=require("./petal-toolkit.cjs609.js"),T=require("./petal-toolkit.cjs634.js"),A=require("./petal-toolkit.cjs638.js"),E=require("./petal-toolkit.cjs85.js"),O=require("./petal-toolkit.cjs562.js");var _;function S(){if(_)return c.__exports;_=1;var p=c.__exports&&c.__exports.__extends||(function(){var t=function(n,e){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(o,r){o.__proto__=r}||function(o,r){for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(o[i]=r[i])},t(n,e)};return function(n,e){if(typeof e!="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");t(n,e);function o(){this.constructor=n}n.prototype=e===null?Object.create(e):(o.prototype=e.prototype,new o)}})(),h=c.__exports&&c.__exports.__rest||function(t,n){var e={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&n.indexOf(o)<0&&(e[o]=t[o]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,o=Object.getOwnPropertySymbols(t);r<o.length;r++)n.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(e[o[r]]=t[o[r]]);return e};Object.defineProperty(c.__exports,"__esModule",{value:!0}),c.__exports.PolarMouseWheelZoomModifier=void 0;var v=g.__require(),M=P.__require(),l=T.__require(),y=A.__require(),s=E.__require(),m=O.__require(),x=(function(t){p(n,t);function n(e){var o=this,r,i,u,a,d=e??{};d.executeCondition,d.secondaryExecuteCondition;var f=h(d,["executeCondition","secondaryExecuteCondition"]);return o=t.call(this,f)||this,o.type=v.EChart2DModifierType.PolarMouseWheelZoom,o.defaultActionType=s.EActionType.Zoom,o.zoomSize=!0,o.defaultActionType=(r=e==null?void 0:e.defaultActionType)!==null&&r!==void 0?r:o.defaultActionType,o.executeCondition=(i=e==null?void 0:e.executeCondition)!==null&&i!==void 0?i:{key:y.EModifierMouseArgKey.None},o.secondaryExecuteCondition=(u=e==null?void 0:e.secondaryExecuteCondition)!==null&&u!==void 0?u:{key:y.EModifierMouseArgKey.Ctrl},o.zoomSize=(a=e==null?void 0:e.zoomSize)!==null&&a!==void 0?a:o.zoomSize,o}return Object.defineProperty(n.prototype,"modifierType",{get:function(){return M.EModifierType.Chart2DPolarModifier},enumerable:!1,configurable:!0}),n.prototype.modifierMouseWheel=function(e){var o=this.checkExecuteConditions(e),r=o.isPrimary,i=o.isSecondary;r?this.actionType=this.defaultActionType:i?this.actionType=this.defaultActionType===s.EActionType.Pan?s.EActionType.Zoom:s.EActionType.Pan:this.actionType=void 0,this.xyDirection=l.EXyDirection.XyDirection,t.prototype.modifierMouseWheel.call(this,e)},n.prototype.performPan=function(e){var o=this,r=!1;return[l.EXyDirection.XDirection,l.EXyDirection.XyDirection].includes(this.xyDirection)&&this.getIncludedXAxis().forEach(function(i){var u=Math.PI,a=e*o.growFactor*u;i.startAngle+=a,r=!0}),[l.EXyDirection.YDirection,l.EXyDirection.XyDirection].includes(this.xyDirection)&&this.getIncludedYAxis().forEach(function(i){var u=Math.PI,a=e*o.growFactor*u;i.startAngle+=a,r=!0}),r},n.prototype.toJSON=function(){var e=t.prototype.toJSON.call(this),o={zoomSize:this.zoomSize,defaultActionType:this.defaultActionType};return Object.assign(e.options,o),e},n.prototype.growBy=function(e,o,r){var i=o;if(!i.isAngular)if(this.zoomSize)i.lengthScale-=r;else{var u=i.visibleRange,a=u.min,d=u.max,f=d*(1+r);i.visibleRange=new m.NumberRange(a,f)}},n})(s.MouseWheelZoomModifier);return c.__exports.PolarMouseWheelZoomModifier=x,c.__exports}exports.__require=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./petal-toolkit.cjs714.js"),g=require("./petal-toolkit.cjs589.js"),P=require("./petal-toolkit.cjs609.js"),T=require("./petal-toolkit.cjs634.js"),A=require("./petal-toolkit.cjs638.js"),E=require("./petal-toolkit.cjs85.js"),O=require("./petal-toolkit.cjs562.js");var _;function S(){if(_)return c.__exports;_=1;var p=c.__exports&&c.__exports.__extends||(function(){var t=function(n,e){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(o,r){o.__proto__=r}||function(o,r){for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(o[i]=r[i])},t(n,e)};return function(n,e){if(typeof e!="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");t(n,e);function o(){this.constructor=n}n.prototype=e===null?Object.create(e):(o.prototype=e.prototype,new o)}})(),h=c.__exports&&c.__exports.__rest||function(t,n){var e={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&n.indexOf(o)<0&&(e[o]=t[o]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,o=Object.getOwnPropertySymbols(t);r<o.length;r++)n.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(e[o[r]]=t[o[r]]);return e};Object.defineProperty(c.__exports,"__esModule",{value:!0}),c.__exports.PolarMouseWheelZoomModifier=void 0;var v=g.__require(),M=P.__require(),l=T.__require(),y=A.__require(),s=E.__require(),m=O.__require(),x=(function(t){p(n,t);function n(e){var o=this,r,i,u,a,d=e??{};d.executeCondition,d.secondaryExecuteCondition;var f=h(d,["executeCondition","secondaryExecuteCondition"]);return o=t.call(this,f)||this,o.type=v.EChart2DModifierType.PolarMouseWheelZoom,o.defaultActionType=s.EActionType.Zoom,o.zoomSize=!0,o.defaultActionType=(r=e==null?void 0:e.defaultActionType)!==null&&r!==void 0?r:o.defaultActionType,o.executeCondition=(i=e==null?void 0:e.executeCondition)!==null&&i!==void 0?i:{key:y.EModifierMouseArgKey.None},o.secondaryExecuteCondition=(u=e==null?void 0:e.secondaryExecuteCondition)!==null&&u!==void 0?u:{key:y.EModifierMouseArgKey.Ctrl},o.zoomSize=(a=e==null?void 0:e.zoomSize)!==null&&a!==void 0?a:o.zoomSize,o}return Object.defineProperty(n.prototype,"modifierType",{get:function(){return M.EModifierType.Chart2DPolarModifier},enumerable:!1,configurable:!0}),n.prototype.modifierMouseWheel=function(e){var o=this.checkExecuteConditions(e),r=o.isPrimary,i=o.isSecondary;r?this.actionType=this.defaultActionType:i?this.actionType=this.defaultActionType===s.EActionType.Pan?s.EActionType.Zoom:s.EActionType.Pan:this.actionType=void 0,this.xyDirection=l.EXyDirection.XyDirection,t.prototype.modifierMouseWheel.call(this,e)},n.prototype.performPan=function(e){var o=this,r=!1;return[l.EXyDirection.XDirection,l.EXyDirection.XyDirection].includes(this.xyDirection)&&this.getIncludedXAxis().forEach(function(i){var u=Math.PI,a=e*o.growFactor*u;i.startAngle+=a,r=!0}),[l.EXyDirection.YDirection,l.EXyDirection.XyDirection].includes(this.xyDirection)&&this.getIncludedYAxis().forEach(function(i){var u=Math.PI,a=e*o.growFactor*u;i.startAngle+=a,r=!0}),r},n.prototype.toJSON=function(){var e=t.prototype.toJSON.call(this),o={zoomSize:this.zoomSize,defaultActionType:this.defaultActionType};return Object.assign(e.options,o),e},n.prototype.growBy=function(e,o,r){var i=o;if(!i.isAngular)if(this.zoomSize)i.lengthScale-=r;else{var u=i.visibleRange,a=u.min,d=u.max,f=d*(1+r);i.visibleRange=new m.NumberRange(a,f)}},n})(s.MouseWheelZoomModifier);return c.__exports.PolarMouseWheelZoomModifier=x,c.__exports}exports.__require=S;
 //# sourceMappingURL=petal-toolkit.cjs101.js.map

package/dist/petal-toolkit.cjs102.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./petal-toolkit.cjs716.js"),j=require("./petal-toolkit.cjs562.js"),Z=require("./petal-toolkit.cjs637.js"),K=require("./petal-toolkit.cjs638.js"),k=require("./petal-toolkit.cjs589.js"),U=require("./petal-toolkit.cjs609.js"),B=require("./petal-toolkit.cjs634.js"),J=require("./petal-toolkit.cjs636.js"),G=require("./petal-toolkit.cjs670.js"),H=require("./petal-toolkit.cjs87.js");var z;function L(){return z||(z=1,(function(y){var T=S.__exports&&S.__exports.__extends||(function(){var u=function(o,e){return u=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,t){r.__proto__=t}||function(r,t){for(var c in t)Object.prototype.hasOwnProperty.call(t,c)&&(r[c]=t[c])},u(o,e)};return function(o,e){if(typeof e!="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");u(o,e);function r(){this.constructor=o}o.prototype=e===null?Object.create(e):(r.prototype=e.prototype,new r)}})();Object.defineProperty(y,"__esModule",{value:!0}),y.PolarPanModifier=y.EPolarPanModifierPanMode=void 0;var p=j.__require(),q=Z.__require(),b=K.__require(),x=k.__require(),N=U.__require(),P=B.__require(),A=J.__require(),w=G.__require(),I=H.__require(),h;(function(u){u.PolarStartAngle="PolarStartAngle",u.PolarVisibleRange="PolarVisibleRange",u.Cartesian="Cartesian"})(h=y.EPolarPanModifierPanMode||(y.EPolarPanModifierPanMode={}));var V=(function(u){T(o,u);function o(e){var r=this,t,c,n,a,m,i;return r=u.call(this,e)||this,r.primaryPanMode=h.Cartesian,r.secondaryPanMode=h.PolarStartAngle,r.growFactor=1,r.zoomSize=!0,r.type=x.EChart2DModifierType.PolarPan,r.primaryPanMode=(t=e==null?void 0:e.primaryPanMode)!==null&&t!==void 0?t:r.primaryPanMode,r.secondaryPanMode=(c=e==null?void 0:e.secondaryPanMode)!==null&&c!==void 0?c:r.secondaryPanMode,r.growFactor=(n=e==null?void 0:e.growFactor)!==null&&n!==void 0?n:r.growFactor,r.executeCondition=(a=e==null?void 0:e.executeCondition)!==null&&a!==void 0?a:{button:q.EExecuteOn.MouseLeftButton,key:b.EModifierMouseArgKey.None},r.secondaryExecuteCondition=(m=e==null?void 0:e.secondaryExecuteCondition)!==null&&m!==void 0?m:{button:q.EExecuteOn.MouseRightButton,key:b.EModifierMouseArgKey.None},r.zoomSize=(i=e==null?void 0:e.zoomSize)!==null&&i!==void 0?i:r.zoomSize,r}return Object.defineProperty(o.prototype,"modifierType",{get:function(){return N.EModifierType.Chart2DPolarModifier},enumerable:!1,configurable:!0}),o.prototype.modifierMouseDown=function(e){e.nativeEvent.preventDefault();var r=this.checkExecuteConditions(e),t=r.isPrimary,c=r.isSecondary;if(t?this.panMode=this.primaryPanMode:c?this.panMode=this.secondaryPanMode:this.panMode=void 0,!!this.panMode){if(!this.isAttached)throw new Error("Should not call PolarPanModifier.modifierMouseDown if not attached");var n=(0,w.translateFromCanvasToSeriesViewRect)(e.mousePoint,this.parentSurface.seriesViewRect);n&&(this.activePointerEvents.set(e.pointerId,e),this.parentSurface.setZoomState(A.EZoomState.UserZooming))}},o.prototype.modifierMouseMove=function(e){if(!(this.parentSurface.isSubSurface&&!e.isActiveSubChartEvent)&&(this.updatePointerInfo(e),!!this.previousPoint)){var r=this.getIsActionAllowed(e);r&&(this.panMode===h.Cartesian?this.performCartesianPan(e):this.panMode===h.PolarStartAngle?this.performPolarPan(!0,this.zoomSize):this.panMode===h.PolarVisibleRange&&this.performPolarPan(!1,this.zoomSize))}},o.prototype.modifierPointerCancel=function(e){u.prototype.modifierPointerCancel.call(this,e),this.activePointerEvents.clear()},o.prototype.modifierMouseUp=function(e){u.prototype.modifierMouseUp.call(this,e),this.panMode=void 0},o.prototype.toJSON=function(){var e=u.prototype.toJSON.call(this),r={primaryPanMode:this.primaryPanMode,secondaryPanMode:this.secondaryPanMode,growFactor:this.growFactor,zoomSize:this.zoomSize};return Object.assign(e.options,r),e},o.prototype.getIsActionAllowed=function(e){var r=this.activePointerEvents.values().next().value;return r.pointerId===e.pointerId},o.prototype.performCartesianPan=function(e){var r=e.mousePoint,t=r.x-this.previousPoint.x,c=this.previousPoint.y-r.y;this.xyDirection===P.EXyDirection.XDirection&&(c=0),this.xyDirection===P.EXyDirection.YDirection&&(t=0),this.getIncludedXAxis().forEach(function(n){if(n.isPolarAxis){var a=n;a.isAngular&&(a.xCenterOffset+=t,a.yCenterOffset-=c)}}),this.getIncludedYAxis().forEach(function(n){if(n.isPolarAxis){var a=n;a.isAngular&&(a.xCenterOffset+=t,a.yCenterOffset-=c)}})},o.prototype.performPolarPan=function(e,r){var t=this,c=this.parentSurface.seriesViewRect,n=(0,w.translateFromCanvasToSeriesViewRect)(this.previousPoint,c),a=(0,w.translateFromCanvasToSeriesViewRect)(this.mousePoint,c);n&&a&&this.getIncludedXAxis().forEach(function(m){if(m.isPolarAxis){var i=m,s=i.otherAxis;if(i.isAngular){var l=i.reverseTransform(n.x,n.y),d=i.reverseTransform(a.x,a.y),M=d.x-l.x,E=i.startAngle;if(t.xyDirection!==P.EXyDirection.YDirection)if(e){var g=E+M*t.growFactor;i.startAngle=g,s.startAngle=g}else{var f=i.visibleRange,D=i.totalAngle,_=M*t.growFactor*(f.max-f.min)/D;i.visibleRange=new p.NumberRange(f.min-_,f.max-_)}if(t.xyDirection!==P.EXyDirection.XDirection)if(r)s.lengthScale=s.lengthScale+s.lengthScale*(d.y/l.y-1)*t.growFactor;else{var O=s.visibleRange,C=O.min,v=O.max,R=v+(v*l.y/d.y-v)*t.growFactor;s.visibleRange=new p.NumberRange(C,R)}}else{var l=i.reverseTransform(n.x,n.y),d=i.reverseTransform(a.x,a.y),M=d.y-l.y,E=i.startAngle;if(t.xyDirection!==P.EXyDirection.XDirection)if(e){var g=E+M*t.growFactor;i.startAngle=g,s.startAngle=g}else{var f=s.visibleRange,D=s.totalAngle,_=M*t.growFactor*(f.max-f.min)/D;s.visibleRange=new p.NumberRange(f.min-_,f.max-_)}if(t.xyDirection!==P.EXyDirection.YDirection)if(r)i.lengthScale=i.lengthScale+i.lengthScale*(d.x/l.x-1)*t.growFactor;else{var F=i.visibleRange,C=F.min,v=F.max,R=v+(v*l.x/d.x-v)*t.growFactor;i.visibleRange=new p.NumberRange(C,R)}}}})},o})(I.PinchZoomModifier);y.PolarPanModifier=V})(S.__exports)),S.__exports}exports.__require=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./petal-toolkit.cjs715.js"),j=require("./petal-toolkit.cjs562.js"),Z=require("./petal-toolkit.cjs637.js"),K=require("./petal-toolkit.cjs638.js"),k=require("./petal-toolkit.cjs589.js"),U=require("./petal-toolkit.cjs609.js"),B=require("./petal-toolkit.cjs634.js"),J=require("./petal-toolkit.cjs636.js"),G=require("./petal-toolkit.cjs670.js"),H=require("./petal-toolkit.cjs87.js");var z;function L(){return z||(z=1,(function(y){var T=S.__exports&&S.__exports.__extends||(function(){var u=function(o,e){return u=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,t){r.__proto__=t}||function(r,t){for(var c in t)Object.prototype.hasOwnProperty.call(t,c)&&(r[c]=t[c])},u(o,e)};return function(o,e){if(typeof e!="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");u(o,e);function r(){this.constructor=o}o.prototype=e===null?Object.create(e):(r.prototype=e.prototype,new r)}})();Object.defineProperty(y,"__esModule",{value:!0}),y.PolarPanModifier=y.EPolarPanModifierPanMode=void 0;var p=j.__require(),q=Z.__require(),b=K.__require(),x=k.__require(),N=U.__require(),P=B.__require(),A=J.__require(),w=G.__require(),I=H.__require(),h;(function(u){u.PolarStartAngle="PolarStartAngle",u.PolarVisibleRange="PolarVisibleRange",u.Cartesian="Cartesian"})(h=y.EPolarPanModifierPanMode||(y.EPolarPanModifierPanMode={}));var V=(function(u){T(o,u);function o(e){var r=this,t,c,n,a,m,i;return r=u.call(this,e)||this,r.primaryPanMode=h.Cartesian,r.secondaryPanMode=h.PolarStartAngle,r.growFactor=1,r.zoomSize=!0,r.type=x.EChart2DModifierType.PolarPan,r.primaryPanMode=(t=e==null?void 0:e.primaryPanMode)!==null&&t!==void 0?t:r.primaryPanMode,r.secondaryPanMode=(c=e==null?void 0:e.secondaryPanMode)!==null&&c!==void 0?c:r.secondaryPanMode,r.growFactor=(n=e==null?void 0:e.growFactor)!==null&&n!==void 0?n:r.growFactor,r.executeCondition=(a=e==null?void 0:e.executeCondition)!==null&&a!==void 0?a:{button:q.EExecuteOn.MouseLeftButton,key:b.EModifierMouseArgKey.None},r.secondaryExecuteCondition=(m=e==null?void 0:e.secondaryExecuteCondition)!==null&&m!==void 0?m:{button:q.EExecuteOn.MouseRightButton,key:b.EModifierMouseArgKey.None},r.zoomSize=(i=e==null?void 0:e.zoomSize)!==null&&i!==void 0?i:r.zoomSize,r}return Object.defineProperty(o.prototype,"modifierType",{get:function(){return N.EModifierType.Chart2DPolarModifier},enumerable:!1,configurable:!0}),o.prototype.modifierMouseDown=function(e){e.nativeEvent.preventDefault();var r=this.checkExecuteConditions(e),t=r.isPrimary,c=r.isSecondary;if(t?this.panMode=this.primaryPanMode:c?this.panMode=this.secondaryPanMode:this.panMode=void 0,!!this.panMode){if(!this.isAttached)throw new Error("Should not call PolarPanModifier.modifierMouseDown if not attached");var n=(0,w.translateFromCanvasToSeriesViewRect)(e.mousePoint,this.parentSurface.seriesViewRect);n&&(this.activePointerEvents.set(e.pointerId,e),this.parentSurface.setZoomState(A.EZoomState.UserZooming))}},o.prototype.modifierMouseMove=function(e){if(!(this.parentSurface.isSubSurface&&!e.isActiveSubChartEvent)&&(this.updatePointerInfo(e),!!this.previousPoint)){var r=this.getIsActionAllowed(e);r&&(this.panMode===h.Cartesian?this.performCartesianPan(e):this.panMode===h.PolarStartAngle?this.performPolarPan(!0,this.zoomSize):this.panMode===h.PolarVisibleRange&&this.performPolarPan(!1,this.zoomSize))}},o.prototype.modifierPointerCancel=function(e){u.prototype.modifierPointerCancel.call(this,e),this.activePointerEvents.clear()},o.prototype.modifierMouseUp=function(e){u.prototype.modifierMouseUp.call(this,e),this.panMode=void 0},o.prototype.toJSON=function(){var e=u.prototype.toJSON.call(this),r={primaryPanMode:this.primaryPanMode,secondaryPanMode:this.secondaryPanMode,growFactor:this.growFactor,zoomSize:this.zoomSize};return Object.assign(e.options,r),e},o.prototype.getIsActionAllowed=function(e){var r=this.activePointerEvents.values().next().value;return r.pointerId===e.pointerId},o.prototype.performCartesianPan=function(e){var r=e.mousePoint,t=r.x-this.previousPoint.x,c=this.previousPoint.y-r.y;this.xyDirection===P.EXyDirection.XDirection&&(c=0),this.xyDirection===P.EXyDirection.YDirection&&(t=0),this.getIncludedXAxis().forEach(function(n){if(n.isPolarAxis){var a=n;a.isAngular&&(a.xCenterOffset+=t,a.yCenterOffset-=c)}}),this.getIncludedYAxis().forEach(function(n){if(n.isPolarAxis){var a=n;a.isAngular&&(a.xCenterOffset+=t,a.yCenterOffset-=c)}})},o.prototype.performPolarPan=function(e,r){var t=this,c=this.parentSurface.seriesViewRect,n=(0,w.translateFromCanvasToSeriesViewRect)(this.previousPoint,c),a=(0,w.translateFromCanvasToSeriesViewRect)(this.mousePoint,c);n&&a&&this.getIncludedXAxis().forEach(function(m){if(m.isPolarAxis){var i=m,s=i.otherAxis;if(i.isAngular){var l=i.reverseTransform(n.x,n.y),d=i.reverseTransform(a.x,a.y),M=d.x-l.x,E=i.startAngle;if(t.xyDirection!==P.EXyDirection.YDirection)if(e){var g=E+M*t.growFactor;i.startAngle=g,s.startAngle=g}else{var f=i.visibleRange,D=i.totalAngle,_=M*t.growFactor*(f.max-f.min)/D;i.visibleRange=new p.NumberRange(f.min-_,f.max-_)}if(t.xyDirection!==P.EXyDirection.XDirection)if(r)s.lengthScale=s.lengthScale+s.lengthScale*(d.y/l.y-1)*t.growFactor;else{var O=s.visibleRange,C=O.min,v=O.max,R=v+(v*l.y/d.y-v)*t.growFactor;s.visibleRange=new p.NumberRange(C,R)}}else{var l=i.reverseTransform(n.x,n.y),d=i.reverseTransform(a.x,a.y),M=d.y-l.y,E=i.startAngle;if(t.xyDirection!==P.EXyDirection.XDirection)if(e){var g=E+M*t.growFactor;i.startAngle=g,s.startAngle=g}else{var f=s.visibleRange,D=s.totalAngle,_=M*t.growFactor*(f.max-f.min)/D;s.visibleRange=new p.NumberRange(f.min-_,f.max-_)}if(t.xyDirection!==P.EXyDirection.YDirection)if(r)i.lengthScale=i.lengthScale+i.lengthScale*(d.x/l.x-1)*t.growFactor;else{var F=i.visibleRange,C=F.min,v=F.max,R=v+(v*l.x/d.x-v)*t.growFactor;i.visibleRange=new p.NumberRange(C,R)}}}})},o})(I.PinchZoomModifier);y.PolarPanModifier=V})(S.__exports)),S.__exports}exports.__require=L;
 //# sourceMappingURL=petal-toolkit.cjs102.js.map

package/dist/petal-toolkit.cjs1023.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t={};exports.__exports=t;
 //# sourceMappingURL=petal-toolkit.cjs1023.js.map

package/dist/petal-toolkit.cjs1025.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t={};exports.__exports=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
 //# sourceMappingURL=petal-toolkit.cjs1025.js.map

package/dist/petal-toolkit.cjs1029.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t={};exports.__exports=t;
 //# sourceMappingURL=petal-toolkit.cjs1029.js.map