acttrader-charts 1.0.21 → 1.1.0-beta.6

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { C as ChartConfig, O as OHLCVBar, I as IIndicator, a as ChartEventMap, T as Timeframe, S as SeriesType, b as ChartState, D as DrawingToolType, c as IDrawing, d as IWebSocketAdapter, e as TradeLevelType, A as AnyLevel, f as DrawingPoint, g as ScaleManager, V as Viewport, P as PriceRange$1, h as DrawingHandle, i as SerializedDrawing, j as Tick, k as StreamStatus } from './MACD-DGFPNwy9.js';
-export { l as ActiveIndicatorState, B as BollingerBands, m as BottomBarColors, n as BottomBarLabels, o as BottomBarUiConfig, p as CanvasColorSettings, q as ChartLabels, r as ChartMiscLabels, s as ChartTheme, t as ChartThemeUi, u as CrosshairPosition, v as CrosshairUiConfig, w as DARK_THEME, x as DEFAULT_BOTTOM_BAR_CONFIG, y as DEFAULT_CROSSHAIR_CONFIG, z as DEFAULT_DRAWING_TOOLBAR_CONFIG, E as DEFAULT_INDICATOR_OVERLAY_CONFIG, F as DEFAULT_LABELS, G as DEFAULT_PRICE_AXIS_CONFIG, H as DEFAULT_TIME_AXIS_CONFIG, J as DEFAULT_TOP_BAR_CONFIG, K as DEFAULT_TRADE_BUTTON_CONFIG, L as DEFAULT_UI_CONFIG, M as DataLoaderParams, N as DeepPartial, Q as DeepPartialChartTheme, R as DialogLabels, U as DrawingToolbarColors, W as DrawingToolbarLabels, X as DrawingToolbarUiConfig, Y as Duration, Z as EMA, _ as IndicatorOverlayColors, $ as IndicatorOverlayUiConfig, a0 as IndicatorParams, a1 as IndicatorResult, a2 as IndicatorStateEntry, a3 as LIGHT_THEME, a4 as MACD, a5 as OhlcLabels, a6 as OrderSubmit, a7 as Padding, a8 as PendingOrderLevel, a9 as PositionLevel, aa as PositionRenderStyle, ab as PriceAxisUiConfig, ac as RSI, ad as SMA, ae as Theme, af as ThemeOverrides, ag as TimeAxisUiConfig, ah as TopBarColors, ai as TopBarLabels, aj as TopBarUiConfig, ak as TradeButtonUiConfig, al as TradeDisplayFilter, am as TradeLabels, an as TradeLevel, ao as TradeLevelColors, ap as TradePanelColors, aq as UiConfig, ar as deepMergeTheme, as as resolveCssVarsInTheme, at as resolveLabels, au as resolveUiConfig } from './MACD-DGFPNwy9.js';
+import { C as ChartConfig, O as OHLCVBar, I as IIndicator, a as IndicatorParams, b as ChartEventMap, T as Timeframe, S as SeriesType, c as ChartState, D as DrawingToolType, d as IDrawing, A as AnyDrawingStyle, e as IWebSocketAdapter, f as TradeLevelType, L as LayoutSyncState, g as ChartTheme, h as AnyLevel, i as DrawingPoint, j as ScaleManager, V as Viewport, P as PriceRange$1, k as DrawingHandle, l as SerializedDrawing, m as Tick, n as StreamStatus } from './MACD-7Y0rnDBQ.js';
+export { o as ActiveIndicatorState, B as BollingerBands, p as BottomBarColors, q as BottomBarLabels, r as BottomBarUiConfig, s as CanvasColorSettings, t as ChartLabels, u as ChartMiscLabels, v as ChartThemeUi, w as CrosshairPosition, x as CrosshairUiConfig, y as DARK_THEME, z as DEFAULT_BOTTOM_BAR_CONFIG, E as DEFAULT_CROSSHAIR_CONFIG, F as DEFAULT_DRAWING_TOOLBAR_CONFIG, G as DEFAULT_INDICATOR_OVERLAY_CONFIG, H as DEFAULT_LABELS, J as DEFAULT_LAYOUT_SYNC, K as DEFAULT_PRICE_AXIS_CONFIG, M as DEFAULT_TIME_AXIS_CONFIG, N as DEFAULT_TOP_BAR_CONFIG, Q as DEFAULT_TRADE_BUTTON_CONFIG, R as DEFAULT_UI_CONFIG, U as DataLoaderParams, W as DeepPartial, X as DeepPartialChartTheme, Y as DialogLabels, Z as DrawingToolbarColors, _ as DrawingToolbarLabels, $ as DrawingToolbarUiConfig, a0 as Duration, a1 as EMA, a2 as IndicatorOverlayColors, a3 as IndicatorOverlayUiConfig, a4 as IndicatorResult, a5 as IndicatorStateEntry, a6 as LAYOUT_PRESETS, a7 as LIGHT_THEME, a8 as LayoutPreset, a9 as MACD, aa as OhlcLabels, ab as OrderSubmit, ac as PRESETS_BY_COUNT, ad as PRESET_COUNTS, ae as PRESET_LABEL, af as Padding, ag as PendingOrderLevel, ah as PositionLevel, ai as PositionRenderStyle, aj as PriceAxisUiConfig, ak as RSI, al as SMA, am as Theme, an as ThemeOverrides, ao as TimeAxisUiConfig, ap as TopBarColors, aq as TopBarLabels, ar as TopBarUiConfig, as as TradeButtonUiConfig, at as TradeDisplayFilter, au as TradeLabels, av as TradeLevel, aw as TradeLevelColors, ax as TradePanelColors, ay as UiConfig, az as deepMergeTheme, aA as getAllPresets, aB as getCustomPresets, aC as getPreset, aD as registerCustomPreset, aE as resolveCssVarsInTheme, aF as resolveLabels, aG as resolveUiConfig, aH as unregisterCustomPreset } from './MACD-7Y0rnDBQ.js';
 
 declare class ChartEngine {
     private wrapper;
@@ -9,17 +9,33 @@ declare class ChartEngine {
     private ctx;
     private drawCtx;
     private topBar;
+    private advancedToolbar;
+    private compactToolbar;
+    private mobileHeader;
+    /** Returns whichever toolbar is active — TopBar, AdvancedToolbar, CompactToolbar, or MobileHeader. */
+    private get _tb();
     private bottomBar;
     private leftBar;
     private leftBarVisible;
+    private layoutPopover;
+    private snapshotPopover;
+    private currentPresetId;
+    private currentSync;
     private drawingToolsEnabled;
     private settingsEnabled;
     private fullscreenEnabled;
     private _mobileLayout;
     private indicatorOverlay;
+    /** Sub-pane overlays, keyed by ActiveIndicatorState.instanceId. */
     private subPaneOverlays;
     private isinPickerModal;
     private isins;
+    private compareManager;
+    private compareLegend;
+    private comparePickerModal;
+    private compareDataLoader;
+    /** Crosshair-hovered bar index used to drive live compare percent values. */
+    private compareHoveredIndex;
     private siEl;
     private siStreamDot;
     private siSymbolSpan;
@@ -28,10 +44,12 @@ declare class ChartEngine {
     private tickActivityTimer;
     private tickActivityMs;
     private streamStatus;
+    private _isDestroyed;
     private indicatorSettingsDialog;
     private chartSettingsDialog;
     private tradeButton;
     private tradePopover;
+    private drawingStylePopover;
     private draftOrderLabel;
     private _minLots;
     private _showQuantityField;
@@ -61,6 +79,7 @@ declare class ChartEngine {
     private showBidAskLines;
     private showActLogo;
     private hideLevelConfirmCancel;
+    private deselectActiveOnOutsideClick;
     private tradeLevelButtonScale;
     private levelClusteringEnabled;
     private clusterThresholdDistance;
@@ -68,7 +87,16 @@ declare class ChartEngine {
     private timeframe;
     private duration;
     private activeIndicators;
+    /** Monotonic counter used to mint unique per-instance ids (e.g. "EMA#3"). */
+    private indicatorInstanceSeq;
+    /**
+     * Active indicator states that should currently render — visible and either
+     * chart-timeframe-locked or matching the current timeframe. Carries the
+     * `instanceId`, so render paths can look up per-instance results/state.
+     */
+    private visibleStates;
     private get indicators();
+    /** Per-instance computed results, keyed by `ActiveIndicatorState.instanceId`. */
     private indicatorResults;
     private viewport;
     private _targetViewport;
@@ -97,6 +125,11 @@ declare class ChartEngine {
     private pricePanOffset;
     private _displayedPriceRange;
     private _lockedAutoFitBase;
+    /** Tracks whether the previous render was in compare (percent) mode.
+     *  When this flips we reset the Y-axis state because the unit system
+     *  changed (price ↔ percent) and the displayed range / locked base /
+     *  user pan/scale values from one mode don't translate to the other. */
+    private _lastInCompareMode;
     /**
      * When setState() restores a persisted viewport but data isn't loaded yet,
      * we stash the desired time window here and apply it from loadData() once
@@ -116,6 +149,7 @@ declare class ChartEngine {
      *  pan/zoom/price-scale drag reach persistence. Coalesces rapid calls. */
     private scheduleViewportPersist;
     private axisDrag;
+    /** Per-instance sub-pane Y-scale factors, keyed by ActiveIndicatorState.instanceId. */
     private subPaneScaleFactors;
     private _mobileCrosshairActive;
     private _mobileTapStartXY;
@@ -220,6 +254,10 @@ declare class ChartEngine {
     private maxSubPanes;
     private showCandleCountdown;
     private candleCountdownTimeframes;
+    private showTradeLevelsAlways;
+    private showPriceAxisCountdown;
+    private readonly SHOW_SLTP_ALWAYS_LS_KEY;
+    private readonly PRICE_AXIS_COUNTDOWN_LS_KEY;
     private loadingOverlayEl;
     private noDataOverlayEl;
     private logoImage;
@@ -265,16 +303,74 @@ declare class ChartEngine {
     private durationToMs;
     private triggerLoad;
     private checkNeedMoreData;
-    addIndicator(indicator: IIndicator): this;
+    /**
+     * Adds an indicator instance to the chart.
+     *
+     * @param indicator     The indicator to render.
+     * @param initialParams Optional params to seed the instance's editable state
+     *                      (period, color, source, timeframe). Merged over the
+     *                      schema defaults so the settings dialog, pill label and
+     *                      serialized state reflect the actual instance — used by
+     *                      `addIndicatorByName` to persist auto-cycled colors and
+     *                      bridge-supplied params. Existing callers that pass only
+     *                      the indicator are unaffected (defaults are used).
+     */
+    addIndicator(indicator: IIndicator, initialParams?: IndicatorParams): this;
+    /**
+     * Removes an indicator. Accepts either a unique `instanceId` (removes that
+     * one instance) or a `shortName` (removes **all** instances of that type).
+     * The dual-key behavior keeps the public API and the native bridge —
+     * `removeIndicator('EMA')` — working while letting callers target a single
+     * instance via the id from the `indicatorAdded` event.
+     */
     removeIndicator(name: string): this;
-    addIndicatorByName(shortName: string): void;
+    /**
+     * Adds an indicator by its short name (e.g. "EMA"). For multi-instance
+     * indicators each call adds a new instance with an auto-cycled color; for
+     * single-instance indicators (see {@link SINGLE_INSTANCE_INDICATORS}) it
+     * toggles the indicator off if already present. `params` overrides the
+     * default period/color/source (used by the native bridge).
+     */
+    addIndicatorByName(shortName: string, params?: IndicatorParams): void;
     private openIndicatorSettings;
     private updateIndicatorParams;
     on<K extends keyof ChartEventMap>(event: K, listener: (payload: ChartEventMap[K]) => void): () => void;
     private buildTheme;
     setTheme(theme: 'dark' | 'light'): this;
+    /** Current active timeframe — lightweight read for cross-pane sync. */
+    getTimeframe(): Timeframe;
     /** Programmatically change the active timeframe and reload data. */
     setTimeframe(tf: Timeframe): this;
+    /**
+     * Programmatically place the crosshair at a given bar index + price, or clear it.
+     * Pixel coordinates and the underlying bar are computed from current viewport
+     * and data. Does NOT emit a `crosshair` event — see note above.
+     */
+    setCrosshair(pos: {
+        barIndex: number;
+        price: number;
+    } | null): void;
+    /**
+     * Programmatically set the visible bar-range window. `candleWidth` / `candleGap`
+     * are preserved from the current viewport. Does NOT emit `pan` / `zoom`.
+     */
+    setViewport(v: {
+        startIndex: number;
+        endIndex: number;
+    }): void;
+    /**
+     * Convert a unix-ms timestamp to a fractional bar index, or `null` if the
+     * timestamp falls outside the currently loaded data range. Use this to
+     * mirror crosshair / viewport across panes that may have different data
+     * coverage:
+     *
+     * ```ts
+     * const idx = otherPane.timeToBarIndex(hoveredBar.time);
+     * if (idx === null) otherPane.setCrosshair(null);
+     * else otherPane.setCrosshair({ barIndex: idx, price });
+     * ```
+     */
+    timeToBarIndex(timeMs: number): number | null;
     /** Update per-theme deep-partial color overrides and rebuild the active theme. */
     setThemeOverrides(overrides: ChartConfig['themeOverrides']): this;
     /**
@@ -413,6 +509,16 @@ declare class ChartEngine {
     getActiveTool(): DrawingToolType | null;
     /** Returns a copy of all current drawings as live IDrawing objects. */
     getDrawings(): IDrawing[];
+    /** Returns the drawing matching `id`, or null. */
+    getDrawingById(id: string): IDrawing | null;
+    /** Returns the currently selected drawing, or null. */
+    getSelectedDrawing(): IDrawing | null;
+    /**
+     * Shallow-merge a per-instance style override onto the drawing with `id`.
+     * Fib `levels` are deep-merged (per-key) so partial overrides keep siblings.
+     * Returns `this` for chaining.
+     */
+    updateDrawingStyle(id: string, patch: Partial<AnyDrawingStyle>): this;
     connectStream(adapter: IWebSocketAdapter): this;
     disconnectStream(): this;
     /** Push a live bid/ask tick directly — no adapter needed.
@@ -548,6 +654,48 @@ declare class ChartEngine {
      * Both visuals and hit-rects grow together. Clamped to `[1, 3]`.
      */
     setTradeLevelButtonScale(scale: number): this;
+    /**
+     * Composite the chart layers and return a PNG data URL.
+     * Layer order: main chart → drawing overlay (trade levels intentionally excluded
+     * so exports don't leak position / SL / TP lines from the user's active TFC orders).
+     * Returns `null` when the canvas has not been sized yet.
+     *
+     * Use this for host-driven export flows (e.g. compositing a multi-pane grid
+     * via `ChartGroup.toCompositeDataUrl()`). The built-in `SnapshotPopover` uses
+     * the same code path internally and additionally emits the `snapshot` event.
+     */
+    toDataUrl(): string | null;
+    /**
+     * Synchronously composite the chart's layers onto an external 2D context.
+     * Used by `ChartGroup.toCompositeDataUrl` to stitch a multi-pane grid PNG
+     * without per-pane `Image.onload` round-trips. Trade levels are excluded
+     * for the same reason as `toDataUrl()`.
+     */
+    drawOnto(ctx: CanvasRenderingContext2D, x: number, y: number, w: number, h: number): void;
+    private captureToDataUrl;
+    private openLayoutPopover;
+    private openSnapshotPopover;
+    private handleLayoutPresetSelect;
+    private handleSyncToggle;
+    private handleSnapshot;
+    private snapshotFileName;
+    /** Programmatically set the active layout preset (e.g., restoring saved state). */
+    setLayoutPreset(presetId: string): void;
+    /** Currently selected layout preset id. */
+    getLayoutPreset(): string;
+    /** Current sync state (Symbol/Interval/Crosshair/Time/DateRange toggles). */
+    getLayoutSync(): LayoutSyncState;
+    /**
+     * Programmatically set the cross-pane sync toggles (e.g. restoring saved
+     * state or mirroring a host-owned settings UI). Accepts a partial patch —
+     * omitted keys keep their current value.
+     *
+     * Updates the chart-owned layout popover's toggles in place. Unlike a user
+     * click inside the popover, this does NOT emit a `layoutChange` event, so a
+     * host can safely call it in response to its own state without re-entrancy.
+     * No-ops when the resolved state is unchanged.
+     */
+    setLayoutSync(sync: Partial<LayoutSyncState>): void;
     destroy(): void;
     private createMobileDrawingFlyout;
     private showMobileDrawingFlyout;
@@ -599,12 +747,66 @@ declare class ChartEngine {
     private applyPendingChanges;
     private revertPendingChanges;
     private undoIsNewBracketMutations;
+    /**
+     * Mount the compare legend overlay alongside the symbol/OHLC strip and
+     * subscribe to compare-state events so the legend reflects the current
+     * set of compares + their loading/error status. Called once from the
+     * constructor; safe to call when `siEl` is null (no-op).
+     */
+    private initCompareUi;
+    /** Open the in-chart compare picker. Symbols already added as compares
+     *  appear with a `−` icon (click to remove); other symbols show `+`
+     *  (click to add). The primary symbol is shown highlighted but
+     *  unclickable. The modal stays open across toggles. */
+    private openComparePicker;
+    /** Toggle a compare symbol — add if not active, remove if active.
+     *  Called by the compare picker's row clicks. */
+    private toggleCompare;
+    /** Push the current set of active compare symbols into the picker so it
+     *  can flip `+` → `−` icons in place after each toggle without closing. */
+    private refreshComparePickerState;
+    /** Add a compare symbol. Loads bars via `compareDataLoader` against the
+     *  current primary range. Emits `compareAdded` (immediately, with status
+     *  `loading`) and either updates to `ready` on success or emits
+     *  `compareError` on failure. */
+    addCompare(symbol: string): Promise<void>;
+    /** Remove a compare symbol. No-op if not active. */
+    removeCompare(symbol: string): void;
+    /** Remove every active compare symbol. */
+    clearCompares(): void;
+    /** Snapshot of every active compare entry — symbol, color, status. */
+    getCompares(): {
+        symbol: string;
+        color: string;
+        status: string;
+    }[];
+    /** Rebuild the legend chip set + percent values from current state. */
+    private refreshCompareLegend;
+    /** Returns the index of the leftmost visible bar in the primary store,
+     *  used as the baseline anchor for percent-change normalization. */
+    private compareBaselineIndex;
+    /**
+     * Sync the compare manager with the primary data store's current cumulative
+     * range. Call this whenever the primary's bar range changes (initial load,
+     * scroll-back prepend, timeframe/symbol switch, resetData). Inactive
+     * compares get their `lastParams` updated only; active compares trigger a
+     * `compareDataLoader` refetch so the compare's bars span the same window
+     * as the primary. The stale-generation guard inside CompareManager makes
+     * concurrent refetches safe.
+     */
+    private updateCompareRange;
     private render;
     private recomputeIndicators;
     private onResize;
     private paneH;
     /** Translate pixel + data space dimensions used for drawing hit-tests */
     private getChartLayout;
+    /**
+     * Returns canvasWrap-relative pixel coords of the topmost rendered point of
+     * a drawing — used to anchor the floating style popover above it. Returns
+     * null when the drawing has no on-screen points (e.g. fully clipped out).
+     */
+    private computeDrawingAnchorPx;
     /** Repositions each sub-pane IndicatorOverlay element to sit at the top of its pane */
     private updateSubPaneOverlayPositions;
     /** Y positions (logical px) of each sub-pane top separator, used for drag-resize */
@@ -658,6 +860,15 @@ declare class ChartEngine {
     /** Re-fetch the just-closed candle (plus 2 neighbours) via `dataLoader` to replace
      *  tick-reconstructed OHLCV with authoritative exchange data. No-op if no loader. */
     private correctCompletedBar;
+    /**
+     * Update the Layout button in the AdvancedToolbar to reflect the currently
+     * selected layout. Call this after the consumer handles `onLayoutClick` and
+     * the new layout is active.
+     *
+     * @param svgHtml  SVG markup for the selected layout's icon.
+     * @param active   Whether to show the button in its active/highlighted state (default true).
+     */
+    setLayoutIcon(svgHtml: string, active?: boolean): this;
     /** Enable or disable verbose tick logging to the console for debugging live candle issues. */
     setDebug(enabled: boolean): this;
     /** Replace the bar with the given timestamp with authoritative OHLCV data.
@@ -678,6 +889,315 @@ declare class ChartEngine {
     private applyScrollToEndBtnStyles;
 }
 
+declare class AdvancedToolbar {
+    private onSeriesChange;
+    private onAddIndicator;
+    private onCompareClick?;
+    private onLayoutClick?;
+    private onOneClickTradeToggle?;
+    private onScreenshotClick?;
+    readonly el: HTMLDivElement;
+    private theme;
+    private currentSeries;
+    private currentTf;
+    private oneClickActive;
+    private seriesBtn;
+    private drawingBtn;
+    private fullscreenBtn;
+    private layoutBtn;
+    private layoutIconEl;
+    private snapshotBtn;
+    private tfBtns;
+    private indBtn;
+    private indicatorOptions;
+    private activeIndicators;
+    private volHasData;
+    private flyout;
+    private openFlyout;
+    private docClickHandler;
+    constructor(onSeriesChange: (s: SeriesType) => void, onTimeframeChange: (tf: Timeframe) => void, onAddIndicator: (name: string) => void, onSettingsClick: () => void, onFullscreenToggle: () => void, onDrawingToolsToggle: (() => void) | null, showDrawingBtn: boolean, _showSettingsBtn: boolean, showFullscreenBtn: boolean, initialSeries: SeriesType, initialTf: Timeframe, theme: ChartTheme, onCompareClick?: (() => void) | undefined, onLayoutClick?: (() => void) | undefined, onOneClickTradeToggle?: ((active: boolean) => void) | undefined, onScreenshotClick?: (() => void) | undefined, showLayoutBtn?: boolean, showSnapshotBtn?: boolean);
+    setTimeframe(tf: Timeframe): void;
+    setFullscreen(active: boolean): void;
+    setDrawingsBtnActive(active: boolean): void;
+    setIndicatorOptions(options: {
+        value: string;
+        label: string;
+        category?: string;
+    }[]): void;
+    setIndicatorOptionActive(name: string, active: boolean): void;
+    setVolumeControl(_show: boolean, hasVol: boolean): void;
+    setTheme(theme: ChartTheme): void;
+    setSeries(series: SeriesType): void;
+    /** Update the Layout button's preset icon and mark it active/inactive. No-op if the Layout button is disabled. */
+    setLayoutPresetIcon(svgHtml: string, active?: boolean): void;
+    /** Mark the Layout button as active (selected) or inactive without changing the icon. */
+    setLayoutActive(active: boolean): void;
+    /** DOM element of the Layout button — for popover anchoring. `null` if button is not rendered. */
+    getLayoutBtnEl(): HTMLButtonElement | null;
+    /** DOM element of the Snapshot button — for popover anchoring. `null` if button is not rendered. */
+    getSnapshotBtnEl(): HTMLButtonElement | null;
+    setTfcActive(_enabled: boolean): void;
+    setActiveDuration(_d: unknown): void;
+    /**
+     * Move the shared Series/Indicators flyout into the given root. Called by the
+     * ChartEngine on `fullscreenchange` so the flyout stays visible inside the
+     * fullscreen element (native fullscreen only paints that subtree).
+     */
+    reparentFlyout(root: HTMLElement): void;
+    setMobileLayout(_isMobile: boolean): void;
+    closeDropdown(): void;
+    get hasOpenDropdown(): boolean;
+    destroy(): void;
+    private seriesIcon;
+    private toggleFlyout;
+    private buildFlyoutContent;
+    private updateIndBtnLabel;
+    private applyBarStyles;
+    private applyFlyoutStyles;
+    private makeGroup;
+    private makeIconBtn;
+    private applyIconBtnStyles;
+    private makeTextBtn;
+    private applyTextBtnStyles;
+    private applyTfPillStyles;
+    private addHover;
+    private makeCategoryHeader;
+    private makeRow;
+}
+
+/**
+ * Slim per-pane toolbar used in multi-pane scenarios (small grid cells).
+ *
+ * Renders only what makes sense to change PER pane:
+ *   timeframe pills | series icon | indicators icon
+ *
+ * Symbol is changed via the on-canvas OHLC strip's symbol label — there is no
+ * symbol button here. Fullscreen, settings, layout, snapshot, compare,
+ * 1-click, drawing-tools all live on the grid-level shared toolbar instead.
+ */
+declare class CompactToolbar {
+    private onSeriesChange;
+    private onAddIndicator;
+    readonly el: HTMLDivElement;
+    private theme;
+    private currentSeries;
+    private currentTf;
+    private seriesBtn;
+    private indBtn;
+    private tfBtns;
+    private indicatorOptions;
+    private activeIndicators;
+    private volHasData;
+    private flyout;
+    private openFlyout;
+    private docClickHandler;
+    constructor(onSeriesChange: (s: SeriesType) => void, onTimeframeChange: (tf: Timeframe) => void, onAddIndicator: (name: string) => void, initialSeries: SeriesType, initialTf: Timeframe, theme: ChartTheme);
+    setTimeframe(tf: Timeframe): void;
+    setSeries(series: SeriesType): void;
+    setIndicatorOptions(options: {
+        value: string;
+        label: string;
+        category?: string;
+    }[]): void;
+    setIndicatorOptionActive(name: string, active: boolean): void;
+    setVolumeControl(_show: boolean, hasVol: boolean): void;
+    setTheme(theme: ChartTheme): void;
+    closeDropdown(): void;
+    get hasOpenDropdown(): boolean;
+    destroy(): void;
+    setFullscreen(_active: boolean): void;
+    setDrawingsBtnActive(_active: boolean): void;
+    setActiveDuration(_d: unknown): void;
+    setTfcActive(_enabled: boolean): void;
+    setLayoutPresetIcon(_svgHtml: string, _active?: boolean): void;
+    setLayoutActive(_active: boolean): void;
+    getLayoutBtnEl(): HTMLButtonElement | null;
+    getSnapshotBtnEl(): HTMLButtonElement | null;
+    /**
+     * Move the Series/Indicators flyout into the given root so it stays visible
+     * when a pane enters fullscreen (native fullscreen only paints that subtree).
+     * Called by the ChartEngine on `fullscreenchange`.
+     */
+    reparentFlyout(root: HTMLElement): void;
+    setMobileLayout(_isMobile: boolean): void;
+    private seriesIcon;
+    private toggleFlyout;
+    private buildFlyoutContent;
+    private updateIndBadge;
+    private applyBarStyles;
+    private applyFlyoutStyles;
+    private makeIconBtn;
+    private applyIconBtnStyles;
+    private applyTfPillStyles;
+    private addHover;
+    private makeCategoryHeader;
+    private makeRow;
+}
+
+/**
+ * Multi-chart layout picker popover.
+ * Grid of 26 preset icons grouped by pane count + 5 sync toggles.
+ * Selecting a preset or toggling sync invokes the supplied callbacks;
+ * the ChartEngine emits a `layoutChange` event so the host can re-render
+ * its multi-pane grid.
+ */
+declare class LayoutPopover {
+    readonly el: HTMLDivElement;
+    private theme;
+    private currentPresetId;
+    private sync;
+    private onSelectPreset;
+    private onToggleSync;
+    private onVisibilityChange?;
+    private docPointerDownHandler;
+    private escapeHandler;
+    constructor(theme: ChartTheme, initialPresetId: string, initialSync: LayoutSyncState, onSelectPreset: (id: string) => void, onToggleSync: (key: keyof LayoutSyncState) => void, onVisibilityChange?: () => void);
+    /** Show the popover anchored beneath the given button. */
+    show(anchor: HTMLElement): void;
+    hide(): void;
+    get isVisible(): boolean;
+    setPreset(id: string): void;
+    setSync(sync: LayoutSyncState): void;
+    setTheme(theme: ChartTheme): void;
+    destroy(): void;
+    private applyBaseStyles;
+    private build;
+    private buildHeader;
+    private buildPresetGrid;
+    private buildSyncSection;
+    private makeSyncRow;
+    private makeToggleSwitch;
+}
+
+type SnapshotAction = 'download' | 'copy';
+/**
+ * Small popover anchored beneath the Snapshot toolbar button.
+ * Two rows: Download (saves PNG) and Copy (writes to clipboard).
+ * Click fires the supplied callback; the ChartEngine performs the actual
+ * browser action and emits a `snapshot` event so mobile wrappers can
+ * intercept and use native APIs.
+ */
+declare class SnapshotPopover {
+    readonly el: HTMLDivElement;
+    private theme;
+    private onAction;
+    private onVisibilityChange?;
+    private docPointerDownHandler;
+    private escapeHandler;
+    constructor(theme: ChartTheme, onAction: (action: SnapshotAction) => void, onVisibilityChange?: () => void);
+    /** Show the popover anchored beneath the given button. */
+    show(anchor: HTMLElement): void;
+    hide(): void;
+    get isVisible(): boolean;
+    setTheme(theme: ChartTheme): void;
+    destroy(): void;
+    private applyBaseStyles;
+    private build;
+    private makeRow;
+    private iconDownload;
+    private iconCopy;
+}
+
+/**
+ * Coordinates cross-pane behaviour for a multi-pane chart layout.
+ *
+ * The host owns the grid (DOM, N `ChartEngine` instances, per-pane state) and
+ * hands every engine to a single `ChartGroup`. The group listens to events on
+ * the *active* engine and mirrors them to the others according to the current
+ * `LayoutSyncState`:
+ *
+ * | Sync flag     | Source event       | Action on others
+ * | ------------- | ------------------ | -------------------------------------
+ * | `interval`    | `timeframeChange`  | `setTimeframe` (skip if already equal)
+ * | `crosshair`   | `crosshair`        | `timeToBarIndex` + `setCrosshair`
+ * | `time`        | `pan`              | `setViewport({ startIndex, endIndex })`
+ * | `dateRange`   | `zoom`             | `setViewport({ startIndex, endIndex })`
+ *
+ * `symbol` is push-based: the host calls `broadcastSymbol(symbol)` when the
+ * user picks a new symbol, since the actual data fetch has to happen host-side.
+ *
+ * `ChartEngine.setCrosshair` / `setViewport` deliberately do not re-emit
+ * `crosshair` / `pan` / `zoom`, so the mirror is safe from feedback loops.
+ *
+ * @example
+ * const group = new ChartGroup({ sync: { crosshair: true, time: true } });
+ * group.add('p1', engineA);
+ * group.add('p2', engineB);
+ * group.setActive('p1');
+ * // engineA pan now mirrors to engineB; engineB pan is ignored until it becomes active
+ */
+declare class ChartGroup {
+    private engines;
+    private activeId;
+    private sync;
+    /** Unsubscribe callbacks for listeners attached to the active engine. */
+    private activeUnsubs;
+    constructor(opts?: {
+        sync?: Partial<LayoutSyncState>;
+    });
+    add(paneId: string, engine: ChartEngine): void;
+    remove(paneId: string): void;
+    get(paneId: string): ChartEngine | undefined;
+    /** Iterator over registered engines. */
+    entries(): IterableIterator<[string, ChartEngine]>;
+    setActive(paneId: string): void;
+    getActive(): string | null;
+    setSync(patch: Partial<LayoutSyncState>): void;
+    getSync(): LayoutSyncState;
+    /**
+     * Mirror a symbol change to every pane other than `fromPaneId` (or every
+     * pane when `fromPaneId` is omitted). Only runs when `sync.symbol` is on.
+     * The host is still responsible for loading data for each pane afterwards —
+     * `ChartEngine.setSymbol` only updates the label/state.
+     */
+    broadcastSymbol(symbol: string, fromPaneId?: string): void;
+    /** Mirror a timeframe change. Only runs when `sync.interval` is on. */
+    broadcastTimeframe(tf: Timeframe, fromPaneId?: string): void;
+    /**
+     * Stitch a multi-pane PNG by drawing every registered engine into a single
+     * canvas. The host passes the output dimensions and each pane's rect in
+     * CSS pixels (typically read from each grid cell's `getBoundingClientRect()`).
+     *
+     * Panes whose `paneId` is missing from `rects` are skipped silently — this
+     * lets a host supply only the visible panes.
+     *
+     * @example
+     * const containerRect = gridRef.current.getBoundingClientRect();
+     * const rects = paneIds.map(id => {
+     *   const cell = cellRefs.current.get(id)!.getBoundingClientRect();
+     *   return {
+     *     paneId: id,
+     *     x: cell.left - containerRect.left,
+     *     y: cell.top - containerRect.top,
+     *     w: cell.width,
+     *     h: cell.height,
+     *   };
+     * });
+     * const dataUrl = group.toCompositeDataUrl({
+     *   width:  containerRect.width,
+     *   height: containerRect.height,
+     *   rects,
+     * });
+     */
+    toCompositeDataUrl(opts: {
+        width: number;
+        height: number;
+        rects: Array<{
+            paneId: string;
+            x: number;
+            y: number;
+            w: number;
+            h: number;
+        }>;
+        background?: string;
+        pixelRatio?: number;
+    }): string | null;
+    destroy(): void;
+    private others;
+    private attachActiveListeners;
+    private detachActiveListeners;
+}
+
 /**
  * Aggregates an array of fine-grained OHLCV bars into a coarser timeframe.
  *
@@ -763,8 +1283,12 @@ declare class DrawingManager {
      * original point's timestamp.
      */
     onPointsMutated: ((drawing: IDrawing) => void) | null;
+    /** Called whenever the selected drawing changes (including to/from null). */
+    onSelectionChange: ((drawing: IDrawing | null) => void) | null;
     /** Set to true by ChartEngine while the text input is focused — prevents Delete/Backspace from deleting the drawing. */
     private editingText;
+    /** Centralizes selection mutation + change notification. */
+    private setSelected;
     private dragDrawing;
     private dragStartMouse;
     private dragStartPoints;
@@ -803,6 +1327,14 @@ declare class DrawingManager {
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): IDrawing | null;
     selectDrawing(drawing: IDrawing | null): void;
     getSelectedDrawing(): IDrawing | null;
+    /** Returns a drawing by id, or null if not found. */
+    getDrawingById(id: string): IDrawing | null;
+    /**
+     * Shallow-merge a style patch into the drawing's `style` field. Triggers
+     * `onDrawingsChange` so the chart re-renders. Returns the updated drawing,
+     * or null if no drawing matches `id`.
+     */
+    updateDrawingStyle(id: string, patch: Partial<AnyDrawingStyle>): IDrawing | null;
     onKeyDown(key: string): boolean;
     deleteSelected(): void;
     undo(): void;
@@ -811,7 +1343,7 @@ declare class DrawingManager {
     showAll(): void;
     lockAll(): void;
     unlockAll(): void;
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, pricePrecision?: number): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, pricePrecision?: number, theme?: ChartTheme): void;
     getDrawings(): IDrawing[];
     /** Returns a JSON-serializable snapshot of all drawings (data fields only, no methods). */
     getDrawingsSnapshot(): SerializedDrawing[];
@@ -829,8 +1361,9 @@ declare class HorizontalLine implements IDrawing {
     readonly type: "horizontalLine";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(point: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, _viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, pricePrecision?: number): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, _viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(_x: number, y: number, scale: ScaleManager, _viewport: Viewport, priceRange: PriceRange$1, _chartW: number, chartH: number): boolean;
     getHandle(): DrawingHandle | null;
 }
@@ -840,8 +1373,9 @@ declare class VerticalLine implements IDrawing {
     readonly type: "verticalLine";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(point: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, _priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, _priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, _y: number, scale: ScaleManager, viewport: Viewport, _priceRange: PriceRange$1, chartW: number, _chartH: number): boolean;
     getHandle(): DrawingHandle | null;
 }
@@ -851,8 +1385,9 @@ declare class TrendLine implements IDrawing {
     readonly type: "trendLine";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -862,8 +1397,9 @@ declare class TrendAngle implements IDrawing {
     readonly type: "trendAngle";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -873,8 +1409,9 @@ declare class CrossLine implements IDrawing {
     readonly type: "crossLine";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(point: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(): DrawingHandle | null;
 }
@@ -885,8 +1422,9 @@ declare class ParallelChannel implements IDrawing {
     readonly requiredPoints = 3;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -897,8 +1435,9 @@ declare class FlatChannel implements IDrawing {
     readonly requiredPoints = 3;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -909,8 +1448,9 @@ declare class DisjointChannel implements IDrawing {
     readonly requiredPoints = 4;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -920,8 +1460,9 @@ declare class FibRetracement implements IDrawing {
     readonly type: "fibRetracement";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, pricePrecision?: number): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(_x: number, y: number, scale: ScaleManager, _viewport: Viewport, priceRange: PriceRange$1, _chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -932,8 +1473,9 @@ declare class FibExtension implements IDrawing {
     readonly requiredPoints = 3;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, pricePrecision?: number): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(_x: number, y: number, scale: ScaleManager, _viewport: Viewport, priceRange: PriceRange$1, _chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -944,8 +1486,9 @@ declare class FibChannel implements IDrawing {
     readonly requiredPoints = 3;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, pricePrecision?: number): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -955,8 +1498,9 @@ declare class FibTimezone implements IDrawing {
     readonly type: "fibTimezone";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, _y: number, scale: ScaleManager, viewport: Viewport, _priceRange: PriceRange$1, chartW: number, _chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -966,8 +1510,9 @@ declare class FibCircles implements IDrawing {
     readonly type: "fibCircles";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -977,10 +1522,11 @@ declare class FibSpiral implements IDrawing {
     readonly type: "fibSpiral";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
     /** Compute the pivot center and radius for each arc in the spiral */
     private computeArcs;
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -990,8 +1536,9 @@ declare class FibFan implements IDrawing {
     readonly type: "fibFan";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1002,8 +1549,9 @@ declare class FibProjection implements IDrawing {
     readonly requiredPoints = 3;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, pricePrecision?: number): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(_x: number, y: number, scale: ScaleManager, _viewport: Viewport, priceRange: PriceRange$1, _chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1013,8 +1561,9 @@ declare class GannFan implements IDrawing {
     readonly type: "gannFan";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1024,8 +1573,9 @@ declare class GannSquare implements IDrawing {
     readonly type: "gannSquare";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1035,8 +1585,9 @@ declare class GannBox implements IDrawing {
     readonly type: "gannBox";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1046,8 +1597,9 @@ declare class Rectangle implements IDrawing {
     readonly type: "rectangle";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1058,9 +1610,10 @@ declare class RotatedRectangle implements IDrawing {
     readonly requiredPoints = 3;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
     private getCorners;
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1070,8 +1623,9 @@ declare class Ellipse implements IDrawing {
     readonly type: "ellipse";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1082,8 +1636,9 @@ declare class Triangle implements IDrawing {
     readonly requiredPoints = 3;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1093,8 +1648,9 @@ declare class Circle implements IDrawing {
     readonly type: "circle";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1105,8 +1661,9 @@ declare class Arc implements IDrawing {
     readonly requiredPoints = 3;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1117,8 +1674,9 @@ declare class Polyline implements IDrawing {
     readonly openEnded = true;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1129,8 +1687,9 @@ declare class Path implements IDrawing {
     readonly openEnded = true;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1140,8 +1699,9 @@ declare class PriceRange implements IDrawing {
     readonly type: "priceRange";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, pricePrecision?: number): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1151,8 +1711,9 @@ declare class DateRange implements IDrawing {
     readonly type: "dateRange";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1162,8 +1723,9 @@ declare class DatePriceRange implements IDrawing {
     readonly type: "datePriceRange";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, pricePrecision?: number): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1173,8 +1735,9 @@ declare class Ruler implements IDrawing {
     readonly type: "ruler";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, pricePrecision?: number): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1185,8 +1748,9 @@ declare class Pitchfork implements IDrawing {
     readonly requiredPoints = 3;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1197,8 +1761,9 @@ declare class SchiffPitchfork implements IDrawing {
     readonly requiredPoints = 3;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1209,8 +1774,9 @@ declare class ModifiedSchiff implements IDrawing {
     readonly requiredPoints = 3;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1221,8 +1787,9 @@ declare class InsidePitchfork implements IDrawing {
     readonly requiredPoints = 3;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1232,8 +1799,9 @@ declare class FixedRangeVP implements IDrawing {
     readonly type: "fixedRangeVP";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1243,8 +1811,9 @@ declare class AnchoredVP implements IDrawing {
     readonly type: "anchoredVP";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1254,8 +1823,9 @@ declare class VolumeProfile implements IDrawing {
     readonly type: "volumeProfile";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1265,8 +1835,9 @@ declare class RegressionTrend implements IDrawing {
     readonly type: "regressionTrend";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1277,8 +1848,9 @@ declare class Text implements IDrawing {
     points: DrawingPoint[];
     complete: boolean;
     text: string;
+    style?: AnyDrawingStyle;
     constructor(point: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(): DrawingHandle | null;
 }
@@ -1289,9 +1861,10 @@ declare class Callout implements IDrawing {
     points: DrawingPoint[];
     complete: boolean;
     text: string;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
     private getBoxW;
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1301,8 +1874,9 @@ declare class PriceLabel implements IDrawing {
     readonly type: "priceLabel";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(point: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, pricePrecision?: number): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(): DrawingHandle | null;
 }
@@ -1312,8 +1886,9 @@ declare class ArrowMarker implements IDrawing {
     readonly type: "arrowMarker";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1323,8 +1898,9 @@ declare class Flag implements IDrawing {
     readonly type: "flag";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(point: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, _isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(): DrawingHandle | null;
 }
@@ -1334,8 +1910,9 @@ declare class PriceNote implements IDrawing {
     readonly type: "priceNote";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(point: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, _isSelected: boolean, pricePrecision?: number): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(): DrawingHandle | null;
 }
@@ -1346,9 +1923,10 @@ declare class AnchoredNote implements IDrawing {
     points: DrawingPoint[];
     complete: boolean;
     text: string;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
     private getBadgeW;
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1358,8 +1936,9 @@ declare class ArrowUp implements IDrawing {
     readonly type: "arrowUp";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(point: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, _isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(): DrawingHandle | null;
 }
@@ -1369,8 +1948,9 @@ declare class ArrowDown implements IDrawing {
     readonly type: "arrowDown";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(point: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, _isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(): DrawingHandle | null;
 }
@@ -1381,8 +1961,9 @@ declare class HeadShoulders implements IDrawing {
     readonly requiredPoints = 5;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1393,8 +1974,9 @@ declare class TrianglePattern implements IDrawing {
     readonly requiredPoints = 5;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1405,8 +1987,9 @@ declare class ThreeDrives implements IDrawing {
     readonly requiredPoints = 7;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1417,8 +2000,9 @@ declare class AbcdPattern implements IDrawing {
     readonly requiredPoints = 4;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1429,8 +2013,9 @@ declare class CypherPattern implements IDrawing {
     readonly requiredPoints = 5;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1441,8 +2026,9 @@ declare class ButterflyPattern implements IDrawing {
     readonly requiredPoints = 5;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1453,8 +2039,9 @@ declare class BatPattern implements IDrawing {
     readonly requiredPoints = 5;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1465,8 +2052,9 @@ declare class GartleyPattern implements IDrawing {
     readonly requiredPoints = 5;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1477,8 +2065,9 @@ declare class CrabPattern implements IDrawing {
     readonly requiredPoints = 5;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1489,8 +2078,9 @@ declare class SharkPattern implements IDrawing {
     readonly requiredPoints = 5;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1501,8 +2091,9 @@ declare class ElliottImpulse implements IDrawing {
     readonly requiredPoints = 6;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1513,8 +2104,9 @@ declare class ElliottCorrective implements IDrawing {
     readonly requiredPoints = 4;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1525,8 +2117,9 @@ declare class ElliottTriangle implements IDrawing {
     readonly requiredPoints = 6;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1537,8 +2130,9 @@ declare class ElliottCombination implements IDrawing {
     readonly requiredPoints = 7;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1549,8 +2143,9 @@ declare class ElliottWxy implements IDrawing {
     readonly requiredPoints = 4;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1561,8 +2156,9 @@ declare class Brush implements IDrawing {
     readonly openEnded = true;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1573,8 +2169,9 @@ declare class Highlighter implements IDrawing {
     readonly openEnded = true;
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1584,8 +2181,9 @@ declare class SineLine implements IDrawing {
     readonly type: "sineLine";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1595,8 +2193,9 @@ declare class CyclicLines implements IDrawing {
     readonly type: "cyclicLines";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, _y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1606,8 +2205,9 @@ declare class TimeCycles implements IDrawing {
     readonly type: "timeCycles";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, _y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1617,8 +2217,9 @@ declare class Projection implements IDrawing {
     readonly type: "projection";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1628,8 +2229,9 @@ declare class PriceProjection implements IDrawing {
     readonly type: "priceProjection";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, pricePrecision?: number): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1639,8 +2241,9 @@ declare class GhostFeed implements IDrawing {
     readonly type: "ghostFeed";
     points: DrawingPoint[];
     complete: boolean;
+    style?: AnyDrawingStyle;
     constructor(first: DrawingPoint);
-    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean): void;
+    render(ctx: CanvasRenderingContext2D, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number, isSelected: boolean, _pricePrecision?: number, theme?: ChartTheme): void;
     hitTest(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): boolean;
     getHandle(x: number, y: number, scale: ScaleManager, viewport: Viewport, priceRange: PriceRange$1, chartW: number, chartH: number): DrawingHandle | null;
 }
@@ -1679,4 +2282,4 @@ declare class WebSocketAdapter implements IWebSocketAdapter {
     private emitStatus;
 }
 
-export { AbcdPattern, AnchoredNote, AnchoredVP, type AnyDragArea, AnyLevel, Arc, ArrowDown, ArrowMarker, ArrowUp, BatPattern, Brush, ButterflyPattern, Callout, ChartConfig, ChartEngine, ChartEventMap, ChartState, Circle, CrabPattern, CrossLine, CyclicLines, CypherPattern, DatePriceRange, DateRange, DisjointChannel, DrawingHandle, DrawingManager, DrawingPoint, DrawingToolType, ElliottCombination, ElliottCorrective, ElliottImpulse, ElliottTriangle, ElliottWxy, Ellipse, FibChannel, FibCircles, FibExtension, FibFan, FibProjection, FibRetracement, FibSpiral, FibTimezone, FixedRangeVP, Flag, FlatChannel, GannBox, GannFan, GannSquare, GartleyPattern, GhostFeed, HeadShoulders, Highlighter, HorizontalLine, IDrawing, IIndicator, IWebSocketAdapter, InsidePitchfork, ModifiedSchiff, OHLCVBar, ParallelChannel, Path, Pitchfork, Polyline, PriceLabel, PriceNote, PriceProjection, PriceRange, PriceRange$1 as PriceRangeType, Projection, Rectangle, RegressionTrend, RotatedRectangle, Ruler, SchiffPitchfork, SerializedDrawing, SeriesType, SharkPattern, SineLine, StreamStatus, Text, ThreeDrives, Tick, TimeCycles, Timeframe, type TradeLevelBracketDragArea, type TradeLevelDragArea, TradeLevelType, TrendAngle, TrendLine, Triangle, TrianglePattern, VerticalLine, Viewport, VolumeProfile, WebSocketAdapter, aggregateCandles };
+export { AbcdPattern, AdvancedToolbar, AnchoredNote, AnchoredVP, type AnyDragArea, AnyLevel, Arc, ArrowDown, ArrowMarker, ArrowUp, BatPattern, Brush, ButterflyPattern, Callout, ChartConfig, ChartEngine, ChartEventMap, ChartGroup, ChartState, ChartTheme, Circle, CompactToolbar, CrabPattern, CrossLine, CyclicLines, CypherPattern, DatePriceRange, DateRange, DisjointChannel, DrawingHandle, DrawingManager, DrawingPoint, DrawingToolType, ElliottCombination, ElliottCorrective, ElliottImpulse, ElliottTriangle, ElliottWxy, Ellipse, FibChannel, FibCircles, FibExtension, FibFan, FibProjection, FibRetracement, FibSpiral, FibTimezone, FixedRangeVP, Flag, FlatChannel, GannBox, GannFan, GannSquare, GartleyPattern, GhostFeed, HeadShoulders, Highlighter, HorizontalLine, IDrawing, IIndicator, IWebSocketAdapter, IndicatorParams, InsidePitchfork, LayoutPopover, LayoutSyncState, ModifiedSchiff, OHLCVBar, ParallelChannel, Path, Pitchfork, Polyline, PriceLabel, PriceNote, PriceProjection, PriceRange, PriceRange$1 as PriceRangeType, Projection, Rectangle, RegressionTrend, RotatedRectangle, Ruler, SchiffPitchfork, SerializedDrawing, SeriesType, SharkPattern, SineLine, type SnapshotAction, SnapshotPopover, StreamStatus, Text, ThreeDrives, Tick, TimeCycles, Timeframe, type TradeLevelBracketDragArea, type TradeLevelDragArea, TradeLevelType, TrendAngle, TrendLine, Triangle, TrianglePattern, VerticalLine, Viewport, VolumeProfile, WebSocketAdapter, aggregateCandles };