@devexperts/dxcharts-lite 1.0.1

package/dist/chart/animation/types/viewport-movement-animation.d.ts

@@ -0,0 +1,44 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
+ * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+import { Animation } from './animation';
+import { AnimationConfig } from '../canvas-animation';
+import { Unit, ViewportModel, Zoom } from '../../model/scaling/viewport.model';
+export type easingFn = (normalizedTime: number) => number;
+export interface ViewportMovementAnimationConfig extends AnimationConfig {
+    targetXStart: Unit;
+    targetXEnd: Unit;
+    targetYStart: Unit;
+    targetYEnd: Unit;
+    targetZoomX: Zoom;
+    targetZoomY: Zoom;
+    easingFn?: easingFn;
+}
+/**
+ * Animates the viewport X movement. Uses d3-ease library for easing functions.
+ * https://www.npmjs.com/package/d3-ease
+ * @doc-tags animation,scaling
+ */
+export declare class ViewportMovementAnimation extends Animation {
+    private viewportModel;
+    readonly animationConfig: ViewportMovementAnimationConfig;
+    readonly xStart: number;
+    readonly xEnd: number;
+    readonly yStart: number;
+    readonly yEnd: number;
+    readonly zoomX: number;
+    readonly zoomY: number;
+    readonly easingFn: easingFn;
+    readonly id: string;
+    constructor(viewportModel: ViewportModel, animationConfig: ViewportMovementAnimationConfig, onTickFunction?: () => void);
+    /**
+     * Updates the viewport model's properties based on the animation configuration and easing function. If an animation is in progress, the properties are updated based on the current progress of the animation. The updated properties include the start and end coordinates for the x and y axes, as well as the zoom level for both axes. The updated properties are then applied to the viewport model.
+     */
+    tick(): void;
+    /**
+     * This method finishes the animation and applies the target viewport model configuration. It calls the `finishAnimation()` method of the parent class and then applies the target configuration to the `viewportModel` object. The target configuration includes the `xStart`, `xEnd`, `yStart`, `yEnd`, `zoomX`, `zoomY`, and `inverseY` properties.
+     */
+    finishAnimation(): void;
+}

package/dist/chart/animation/types/viewport-movement-animation.js

@@ -0,0 +1,6 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
+ * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+import{Animation as e}from"./animation";import{easeExpOut as h}from"../../utils/math.utils";import{uuid as m}from"../../utils/uuid.utils";export class ViewportMovementAnimation extends e{constructor(t,i,o){var n;super(i,o),this.viewportModel=t,this.animationConfig=i,this.id=m(),this.xStart=t.xStart,this.xEnd=t.xEnd,this.yStart=t.yStart,this.yEnd=t.yEnd,this.zoomX=t.zoomX,this.zoomY=t.zoomY,this.easingFn=(n=i.easingFn)!==null&&n!==void 0?n:h}tick(){if(super.tick(),this.animationInProgress){const t=this.easingFn(this.getProgress()),i=this.xStart+(this.animationConfig.targetXStart-this.xStart)*t,o=this.xEnd+(this.animationConfig.targetXEnd-this.xEnd)*t,n=this.yStart+(this.animationConfig.targetYStart-this.yStart)*t,s=this.yEnd+(this.animationConfig.targetYEnd-this.yEnd)*t,a=this.zoomX+(this.animationConfig.targetZoomX-this.zoomX)*t,r=this.zoomY+(this.animationConfig.targetZoomY-this.zoomY)*t;this.viewportModel.apply({xStart:i,xEnd:o,yStart:n,yEnd:s,zoomX:a,zoomY:r,inverseY:this.viewportModel.inverseY})}}finishAnimation(){super.finishAnimation(),this.viewportModel.apply({xStart:this.animationConfig.targetXStart,xEnd:this.animationConfig.targetXEnd,yStart:this.animationConfig.targetYStart,yEnd:this.animationConfig.targetYEnd,zoomX:this.animationConfig.targetZoomX,zoomY:this.animationConfig.targetZoomY,inverseY:this.viewportModel.inverseY})}}

package/dist/chart/animation/viewport-model-animation.d.ts

@@ -0,0 +1,15 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
+ * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+import { CanvasAnimation } from './canvas-animation';
+import { ViewportModel, ViewportModelState } from '../model/scaling/viewport.model';
+/**
+ * Starts the animation for chart viewport movement.
+ * @param canvasAnimation
+ * @param viewportModel
+ * @param state
+ * @doc-tags animation,viewport
+ */
+export declare const startViewportModelAnimation: (canvasAnimation: CanvasAnimation, viewportModel: ViewportModel, state: ViewportModelState) => void;

package/dist/chart/animation/viewport-model-animation.js

@@ -0,0 +1,6 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
+ * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+const a=30;export const startViewportModelAnimation=(n,o,t)=>{const r=n.startViewportMovementAnimation(o,{duration:30,targetXStart:t.xStart,targetXEnd:t.xEnd,targetYStart:t.yStart,targetYEnd:t.yEnd,targetZoomX:t.zoomX,targetZoomY:t.zoomY});o.currentAnimation=r};

package/dist/chart/bootstrap.d.ts

@@ -0,0 +1,266 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
+ * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+import { CanvasAnimation } from './animation/canvas-animation';
+import { CanvasBoundsContainer } from './canvas/canvas-bounds-container';
+import { ValidatedChartElements } from './canvas/chart-elements';
+import { CursorHandler } from './canvas/cursor.handler';
+import ChartContainer from './chart-container';
+import { BarType, ChartColors, ChartConfigComponentsOffsets, FullChartConfig, GridComponentConfig, PartialChartConfig } from './chart.config';
+import { ChartComponent } from './components/chart/chart.component';
+import { ChartModel } from './components/chart/chart.model';
+import { CrossToolComponent } from './components/cross_tool/cross-tool.component';
+import { CrossToolType } from './components/cross_tool/cross-tool.model';
+import { EventsComponent } from './components/events/events.component';
+import { HighlightsComponent } from './components/highlights/highlights.component';
+import { Highlight } from './components/highlights/highlights.model';
+import { NavigationMapComponent } from './components/navigation_map/navigation-map.component';
+import { ChartPanComponent } from './components/pan/chart-pan.component';
+import { PaneManager } from './components/pane/pane-manager.component';
+import { YExtentFormatters } from './components/pane/pane.component';
+import { SnapshotComponent } from './components/snapshot/snapshot.component';
+import { VolumesComponent } from './components/volumes/volumes.component';
+import { WaterMarkComponent } from './components/watermark/water-mark.component';
+import { XAxisComponent } from './components/x_axis/x-axis.component';
+import { YAxisComponent } from './components/y_axis/y-axis.component';
+import { DrawingManager } from './drawers/drawing-manager';
+import EventBus from './events/event-bus';
+import { ChartResizeHandler } from './inputhandlers/chart-resize.handler';
+import { CrossEventProducerComponent } from './inputhandlers/cross-event-producer.component';
+import { HoverProducerComponent } from './inputhandlers/hover-producer.component';
+import { CanvasInputListenerComponent, Point } from './inputlisteners/canvas-input-listener.component';
+import { CanvasModel } from './model/canvas.model';
+import { ChartEntity } from './model/chart-base-element';
+import { HitTestCanvasModel } from './model/hit-test-canvas.model';
+import { ScaleModel } from './model/scale.model';
+import { TimeZoneModel } from './model/time-zone.model';
+import { DeepPartial } from './utils/object.utils';
+export type FitType = 'studies' | 'orders' | 'positions';
+export default class ChartBootstrap implements ChartContainer {
+    id: string;
+    bus: EventBus;
+    config: FullChartConfig;
+    parentElement: HTMLElement;
+    elements: ValidatedChartElements;
+    components: Array<any>;
+    chartComponents: Array<ChartEntity>;
+    xAxisComponent: XAxisComponent;
+    yAxisComponent: YAxisComponent;
+    watermarkComponent: WaterMarkComponent;
+    snapshotComponent: SnapshotComponent;
+    navigationMapComponent: NavigationMapComponent;
+    userInputListenerComponents: Array<ChartEntity>;
+    drawingManager: DrawingManager;
+    crossEventProducer: CrossEventProducerComponent;
+    cursorHandler: CursorHandler;
+    clearer: () => void;
+    scaleModel: ScaleModel;
+    timeZoneModel: TimeZoneModel;
+    chartModel: ChartModel;
+    backgroundCanvasModel: CanvasModel;
+    mainCanvasModel: CanvasModel;
+    dataSeriesCanvasModel: CanvasModel;
+    overSeriesCanvasModel: CanvasModel;
+    hitTestCanvasModel: HitTestCanvasModel;
+    canvasBoundsContainer: CanvasBoundsContainer;
+    canvasInputListener: CanvasInputListenerComponent;
+    volumesComponent: VolumesComponent;
+    highlightsComponent: HighlightsComponent;
+    chartComponent: ChartComponent;
+    eventsComponent: EventsComponent;
+    crossToolComponent: CrossToolComponent;
+    chartPanComponent: ChartPanComponent;
+    paneManager: PaneManager;
+    hoverProducer: HoverProducerComponent;
+    canvasModels: CanvasModel[];
+    chartResizeHandler: ChartResizeHandler;
+    canvasAnimation: CanvasAnimation;
+    constructor(element: HTMLElement, userConfig?: PartialChartConfig);
+    /**
+     * Creates a configuration object for overriding UTC time in a chart.
+     * @param {ChartModel} chartModel - The chart model object.
+     * @returns {Object} - The configuration object containing a pattern and a test function.
+     * The pattern is a string representing the date format to be used for the override.
+     * The test function checks if the pattern contains hours/minutes/seconds and if the current chart period is more than 1 day.
+     * If both conditions are met, the function returns true, indicating that the override should be applied.
+     * Note: The chartModel dependency should be removed and the period should be put in a global config somewhere.
+     */
+    createUTCTimeOverrideConfig(chartModel: ChartModel): {
+        pattern: string;
+        test: (pattern: string) => boolean;
+    };
+    /**
+     * Merges a local configuration object with a global configuration object recursively.
+     * @template L - Type of the local configuration object.
+     * @param {L} local - The local configuration object to be merged.
+     * @param {Record<string, any>} global - The global configuration object to be merged.
+     * @returns {L} - The merged local configuration object.
+     */
+    static mergeConfig<L extends Record<string, any>>(local: L, global: Record<string, any>): L;
+    /**
+     * Returns the FullChartConfig object.
+     *
+     * @returns {FullChartConfig} The FullChartConfig object.
+     */
+    getConfig(): FullChartConfig;
+    /**
+     * Sets the right-to-left (RTL) configuration of the component.
+     *
+     * @param {boolean} rtl - A boolean value indicating whether the component should be displayed in RTL mode.
+     * @returns {void}
+     */
+    setRtl(rtl: boolean): void;
+    setChartType(type: BarType): void;
+    /**
+     * Disables user controls by deactivating all userInputListenerComponents and disabling hitTestCanvasModel.
+     * @returns {void}
+     */
+    disableUserControls(): void;
+    /**
+     * Enables user controls for the hit test canvas model and all the user input listener components.
+     * @returns {void}
+     */
+    enableUserControls(): void;
+    /**
+     * Sets the configuration for the grid component of the chart.
+     * @param {GridComponentConfig} config - The configuration object for the grid component.
+     * @returns {void}
+     */
+    setGridConfig(config: GridComponentConfig): void;
+    /**
+     * Sets the visibility of the grid component.
+     * @param {boolean} visible - A boolean value indicating whether the grid should be visible or not.
+     * @returns {void}
+     */
+    setGridVisible(visible: boolean): void;
+    /**
+     * Sets the visibility of the vertical grid lines in the grid component.
+     * @param {boolean} showVertical - A boolean value indicating whether to show or hide the vertical grid lines.
+     * @returns {void}
+     */
+    setGridVertical(showVertical: boolean): void;
+    /**
+     * Sets the visibility of the horizontal grid lines in the chart.
+     * @param {boolean} showHorizontal - A boolean value indicating whether to show or hide the horizontal grid lines.
+     * @returns {void}
+     */
+    setGridHorizontal(showHorizontal: boolean): void;
+    /**
+     * Deactivates the chart by clearing the canvas listeners and disabling user controls.
+     * This method is a hack and should not be used unless an activation/deactivation cycle is implemented.
+     * It is implemented to prevent memory leaks in the chart when components are deactivated.
+     * @returns {void}
+     * @todo This method should be revised soon.
+     */
+    deactivate(): void;
+    /**
+     * This method triggers the 'draw' event on the 'bus' object.
+     * @returns {void}
+     */
+    redraw(): void;
+    /**
+     * Returns the offsets of the chart components from the chart configuration object.
+     *
+     * @returns {ChartConfigComponentsOffsets} The offsets of the chart components.
+     */
+    getOffsets(): ChartConfigComponentsOffsets;
+    /**
+     * Sets the visibility of the volumes separately and updates the yAxis width.
+     * @param {boolean} separate - A boolean value indicating whether to show the volumes separately or not. Default value is false.
+     */
+    showSeparateVolumes(separate?: boolean): void;
+    /**
+     * Sets the auto scale property of the scale model.
+     * @param {boolean} auto - A boolean value indicating whether the auto scale is enabled or not. Default value is true.
+     */
+    setAutoScale(auto?: boolean): void;
+    /**
+     * Sets the visibility of the borders of the candles in the chart.
+     * @param {boolean} show - A boolean value indicating whether to show or hide the borders of the candles. Default value is true.
+     * @returns {void}
+     */
+    setShowCandleBorders(show?: boolean): void;
+    /**
+     * Returns related Y-axis coordinate by provided value
+     * @param price
+     */
+    valueToY(price: number): number;
+    /**
+     * Sets the visibility of the high-low component.
+     * @param {boolean} visible - Whether the high-low component should be visible or not. Default is true.
+     * @returns {void}
+     */
+    setHighLowVisible(visible?: boolean): void;
+    /**
+     * Sets the visibility of the cross tool component.
+     * @param {string} type - The type of cross tool to be displayed. Default value is 'cross-and-labels'.
+     * @returns {void}
+     */
+    setCrossToolVisible(type?: CrossToolType): void;
+    /**
+     * @deprecated use {@link highlightsComponent.setHighlightsVisible} instead
+     */
+    setHighlightsVisible(visible?: boolean): void;
+    /**
+     * @deprecated use {@link highlightsComponent.setHighlights} instead
+     */
+    setHighlightsData(data: Highlight[]): void;
+    /**
+     * Sets the colors of the chart.
+     *
+     * @param {DeepPartial<ChartColors>} colors - An object containing the colors to be set.
+     * @returns {void}
+     */
+    setColors(colors: DeepPartial<ChartColors>): void;
+    /**
+     * Adds a mouse move event listener to a canvas element.
+     * @param {string} canvasElement - The ID of the canvas element to add the listener to.
+     * @param {function} handler - The function to be called when the mouse moves over the canvas element.
+     * @returns {function} - A function that removes the event listener when called.
+     */
+    addMouseMoveOnChartElementHandler(canvasElement: string, handler: (point: Point) => void): () => void;
+    /**
+     * Adds a mouse enter event handler to a chart element.
+     *
+     * @param {string} canvasElement - The ID of the canvas element to attach the event handler to.
+     * @param {(mouseEnter: boolean) => void} handler - The function to be called when the mouse enters or leaves the element.
+     * @param {boolean} [skipWhileDragging=false] - Whether to skip the event while the user is dragging the chart.
+     * @returns {Function} - A function that can be called to unsubscribe from the event.
+     */
+    addMouseEnterOnChartElementHandler(canvasElement: string, handler: (mouseEnter: boolean) => void, skipWhileDragging?: boolean): () => void;
+    /**
+     * Adds a click event listener to a chart element on the canvas.
+     * @param {string} canvasElement - The element on the canvas to add the click event listener to.
+     * @param {function} handler - The function to be called when the element is clicked. It takes a Point object as a parameter.
+     * @returns {function} - A function that can be called to unsubscribe the click event listener.
+     */
+    addClickOnChartElementHandler(canvasElement: string, handler: (point: Point) => void): () => void;
+    /**
+     * Adds a drag event listener to the specified canvas element.
+     * @param {string} canvasElement - The ID of the canvas element to add the listener to.
+     * @param {(xPosition: number) => void} handler - The function to be called when a drag event occurs. It takes the x position of the drag event as a parameter.
+     * @returns {() => void} - A function that can be called to unsubscribe from the drag event listener.
+     */
+    addDragEventsListener(canvasElement: string, handler: (xPosition: number) => void): () => void;
+    /**
+     * Contains tear-down logic for chart
+     * Use when you want to unmount the chart from the host app
+     */
+    destroy(): void;
+    /**
+     * Registers a chart component and includes it in the the chart lifecycle
+     * @param initComponent - a function for component init
+     * @param onComponentInit - will be called after component init
+     */
+    registerComponent<C extends ChartEntity>(initComponent: (chartInstance: ChartBootstrap) => C, onComponentInit?: (component: C) => void): void;
+    /**
+     * Registers number formatters for pane
+     * @param uuid - pane's id
+     * @param formatters - object, that contains 3 fileds: 'regular', 'percent', 'logarithmic'.
+     * Each filed must have it's own formatter.
+     * If 'percent' and 'logarithmic' formatters did not provided, 'regular' will be applied.
+     */
+    registerPaneFormatters(uuid: string, formatters: YExtentFormatters): void;
+}

package/dist/chart/bootstrap.js

@@ -0,0 +1,6 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
+ * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+import{merge as Y}from"rxjs";import{CanvasAnimation as N}from"./animation/canvas-animation";import{CHART_UUID as W,CanvasBoundsContainer as Z,CanvasElement as x}from"./canvas/canvas-bounds-container";import{CursorHandler as X}from"./canvas/cursor.handler";import{createDefaultLayoutTemplate as j,extractElements as q}from"./canvas/layout-creator";import{mergeWithDefaultConfig as J}from"./chart.config";import{ChartBaseModel as K}from"./components/chart/chart-base.model";import{ChartComponent as Q}from"./components/chart/chart.component";import{ChartModel as $}from"./components/chart/chart.model";import{CrossToolComponent as tt}from"./components/cross_tool/cross-tool.component";import{EventsComponent as et}from"./components/events/events.component";import{GridComponent as st}from"./components/grid/grid.component";import{HighLowComponent as nt}from"./components/high_low/high-low.component";import{HighlightsComponent as ot}from"./components/highlights/highlights.component";import{NavigationMapComponent as it}from"./components/navigation_map/navigation-map.component";import{ChartPanComponent as rt}from"./components/pan/chart-pan.component";import{PaneManager as at}from"./components/pane/pane-manager.component";import{SnapshotComponent as ht}from"./components/snapshot/snapshot.component";import{VolumesComponent as ct}from"./components/volumes/volumes.component";import{WaterMarkComponent as mt}from"./components/watermark/water-mark.component";import{XAxisComponent as dt}from"./components/x_axis/x-axis.component";import{YAxisComponent as pt}from"./components/y_axis/y-axis.component";import{ClearCanvasDrawer as S}from"./drawers/clear-canvas.drawer";import{DrawingManager as lt}from"./drawers/drawing-manager";import Ct from"./events/event-bus";import{EVENT_DRAW as ut}from"./events/events";import{CandleTapHandler as vt}from"./inputhandlers/candle-tap.handler";import{ChartResizeHandler as gt}from"./inputhandlers/chart-resize.handler";import{CrossEventProducerComponent as ft}from"./inputhandlers/cross-event-producer.component";import{HoverProducerComponent as Mt}from"./inputhandlers/hover-producer.component";import{CanvasInputListenerComponent as wt}from"./inputlisteners/canvas-input-listener.component";import{createCanvasModel as f,createMainCanvasModel as bt}from"./model/canvas.model";import{HitTestCanvasModel as Tt}from"./model/hit-test-canvas.model";import{ScaleModel as Et}from"./model/scale.model";import{TimeZoneModel as Ht}from"./model/time-zone.model";import{clearerSafe as At}from"./utils/function.utils";import{merge as St}from"./utils/merge.utils";export default class B{constructor(t,n={}){var s,h;this.components=[],this.chartComponents=[],this.userInputListenerComponents=[],this.canvasModels=[],this.parentElement=t;const e=n;J(e),this.config=e;const M=j(e);t.innerHTML="",t.appendChild(M.content),this.id=(s=t.getAttribute("data-id"))!==null&&s!==void 0?s:"",e.fixedSize&&(t.style.width=e.fixedSize.width+"px",t.style.height=e.fixedSize.height+"px");const C=new Ht(e);this.timeZoneModel=C;const w=this.timeZoneModel.getFormatterFactory(),r=q(t);this.elements=r;const i=new Ct;this.bus=i;const u=new gt(t,(h=r.chartResizer)!==null&&h!==void 0?h:t,i,this.canvasModels,e);this.chartResizeHandler=u,u.subscribeResize(),this.components.push(u.unsubscribeAnimationUpdate.bind(u));const o=new lt(i,u);this.drawingManager=o;const p=bt(i,r.mainCanvas,r.chartResizer,this.config.components.chart.type,this.config,o,this.canvasModels);this.mainCanvasModel=p;const E=f(i,r.overDataSeriesCanvas,e,o,this.canvasModels,r.chartResizer);this.overSeriesCanvasModel=E;const I=new S(E);o.addDrawer(I,"OVER_SERIES_CLEAR"),this.dataSeriesCanvasModel=f(i,r.dataSeriesCanvas,e,o,this.canvasModels,r.chartResizer);const D=new S(this.dataSeriesCanvasModel);o.addDrawer(D,"SERIES_CLEAR");const F=f(i,r.yAxisLabelsCanvas,e,o,this.canvasModels,r.chartResizer),a=new Z(e,i,p,w,u);this.canvasBoundsContainer=a;const b=r.mainCanvas.parentElement;if(b===null)throw new Error("Couldn't get main canvas parent");const c=new wt(i,b);this.canvasInputListener=c,this.chartComponents.push(this.canvasInputListener);const g=new Tt(i,r.hitTestCanvas,c,a,o,e,this.canvasModels,r.chartResizer);this.hitTestCanvasModel=g;const P=new S(g);o.addDrawer(P,"HIT_TEST_CLEAR");const H=new N(i);this.canvasAnimation=H;const m=new Et(e,()=>a.getBounds(x.CHART),H);this.scaleModel=m;const T=f(i,r.backgroundCanvas,e,o,this.canvasModels,r.chartResizer,{willReadFrequently:!0});this.backgroundCanvasModel=T,this.cursorHandler=new X(r.canvasArea,c,a,g),this.chartComponents.push(this.cursorHandler),this.crossEventProducer=new ft(c,a),this.chartComponents.push(this.crossEventProducer);const L=new K("candle"),v=new rt(i,m,a,e,H,c,b,L);this.chartPanComponent=v,this.chartComponents.push(v),this.userInputListenerComponents.push(v.chartAreaPanHandler);const l=new at(L,this.userInputListenerComponents,i,m,a,e,H,c,o,this.dataSeriesCanvasModel,this.cursorHandler,this.crossEventProducer,v,p);this.paneManager=l,this.chartComponents.push(l),this.chartModel=new $(L,l,i,this.dataSeriesCanvasModel,e,m,w,b,a,u);const A=new Q(this.chartModel,this.dataSeriesCanvasModel,e,m,a,o,g,c,T,v,l,this.cursorHandler);this.chartComponents.push(A),this.chartComponent=A;const d=this.chartComponent.chartModel;this.chartModel=d,this.canvasBoundsContainer.setMainCandleSeries(this.chartModel.mainCandleSeries),g.addSubscriber(l.hitTestController),this.xAxisComponent=new dt(i,e,p,A,m,a,c,u,this.drawingManager,C,v,this.cursorHandler,T),this.chartComponents.push(this.xAxisComponent),this.userInputListenerComponents.push(this.xAxisComponent.xAxisScaleHandler);const z=new S(p);o.addDrawer(z,"MAIN_CLEAR");const _=new vt(b,d,c,e);this.chartComponents.push(_),this.watermarkComponent=new mt(l,d,i,e,a,E,o),this.chartComponents.push(this.watermarkComponent);const U=f(i,r.crossToolCanvas,e,o,this.canvasModels,r.chartResizer);this.highlightsComponent=new ot(i,e,d,p,a,o),this.chartComponents.push(this.highlightsComponent),e.useUTCTimeOverride&&e.dateFormatter&&!e.dateFormatter.utcTimeOverride&&(e.dateFormatter.utcTimeOverride=this.createUTCTimeOverrideConfig(d)),this.navigationMapComponent=new it(i,d,p,e,c,a,o,w,v,this.cursorHandler),this.chartComponents.push(this.navigationMapComponent),this.userInputListenerComponents.push(this.navigationMapComponent.navigationMapMoveHandler);const O=new nt(e,this.dataSeriesCanvasModel,d,a,o);this.chartComponents.push(O),this.yAxisComponent=new pt(i,e,p,F,T,d,m,this.canvasInputListener,a,this.drawingManager,v,l,this.cursorHandler),this.chartComponents.push(this.yAxisComponent),this.userInputListenerComponents.push(this.yAxisComponent.yAxisScaleHandler),this.volumesComponent=new ct(this.dataSeriesCanvasModel,A,m,a,o,e,l,this.yAxisComponent),this.chartComponents.push(this.volumesComponent);const V=new st(p,m,e,"GRID",o,()=>this.canvasBoundsContainer.getBounds(x.ALL_PANES),()=>this.canvasBoundsContainer.getBounds(x.PANE_UUID(W)),()=>this.xAxisComponent.xAxisLabelsGenerator.labels,()=>this.yAxisComponent.yAxisModel.yAxisBaseLabelsModel.labels,()=>this.chartModel.toY(this.chartModel.getBaseLine()),()=>e.components.grid.visible);this.chartComponents.push(V),this.hoverProducer=new Mt(this.crossEventProducer,m,e,d,c,this.canvasBoundsContainer,this.paneManager,C,w),this.chartComponents.push(this.hoverProducer),this.crossToolComponent=new tt(e,U,a,o,l,this.crossEventProducer,this.hoverProducer),this.chartComponents.push(this.crossToolComponent);const k=f(i,r.snapshotCanvas,e,o,this.canvasModels,r.chartResizer),R=new ht(this.elements,k);this.snapshotComponent=R,this.chartComponents.push(R);const y=new et(e,E,g,d,a,o,w,this.cursorHandler,T);this.eventsComponent=y,this.chartComponents.push(y),this.chartComponents.forEach(G=>G.activate()),this.enableUserControls(),o.reorderDrawers(e.drawingOrder),this.clearer=At(this.components)}createUTCTimeOverrideConfig(t){const n=new RegExp("HH|H|mm|m|s|ss|sss|SSS");return{pattern:"MM/dd/YY",test:s=>n.test(s)&&(t.getPeriod()||0)>=86400}}static mergeConfig(t,n){for(const s in n)s in t?typeof t[s]=="object"&&B.mergeConfig(t[s],n[s]):t[s]=n[s];return t}getConfig(){return this.config}setRtl(t){this.config.rtl=t,this.bus.fire(ut)}setChartType(t){this.chartComponent.setChartType(t)}disableUserControls(){this.userInputListenerComponents.forEach(t=>t.deactivate()),this.hitTestCanvasModel.disableUserControls()}enableUserControls(){this.userInputListenerComponents.forEach(t=>t.activate()),this.hitTestCanvasModel.enableUserControls()}setGridConfig(t){var n,s,h,e,M;const C=this.config.components.grid;C.visible=(n=t.visible)!==null&&n!==void 0?n:!1,C.dash=(s=t.dash)!==null&&s!==void 0?s:[0,0],C.width=(h=t.width)!==null&&h!==void 0?h:1,C.color=(e=t.color)!==null&&e!==void 0?e:"#FFFFFF",this.config.colors.chartAreaTheme.gridColor=(M=t.color)!==null&&M!==void 0?M:"#FFFFFF",this.redraw()}setGridVisible(t){this.config.components&&this.config.components.grid&&(this.config.components.grid.visible=t,this.redraw())}setGridVertical(t){this.config.components.grid.vertical=t,this.redraw()}setGridHorizontal(t){this.config.components.grid.horizontal=t,this.redraw()}deactivate(){this.clearer(),this.disableUserControls(),this.chartComponents.forEach(t=>t.deactivate())}redraw(){this.bus.fireDraw()}getOffsets(){return this.config.components&&this.config.components.offsets}showSeparateVolumes(t=!1){this.volumesComponent&&(this.volumesComponent.setShowVolumesSeparatly(t),this.canvasBoundsContainer.updateYAxisWidths())}setAutoScale(t=!0){this.scaleModel.autoScale(t)}setShowCandleBorders(t=!0){this.config.components&&this.config.components.chart&&(this.config.components.chart.showCandlesBorder=t,this.redraw())}valueToY(t){return this.chartModel.toY(t)}setHighLowVisible(t=!0){this.config.components&&this.config.components.highLow&&(this.config.components.highLow.visible=t,this.redraw())}setCrossToolVisible(t="cross-and-labels"){this.config.components&&this.config.components.crossTool&&(this.config.components.crossTool.type=t,this.redraw())}setHighlightsVisible(t=!0){var n;!((n=this.config.components)===null||n===void 0)&&n.highlights&&(this.config.components.highlights.visible=t,this.redraw())}setHighlightsData(t){this.highlightsComponent.setHighlights(t)}setColors(t){St(this.config.colors,t,{addIfMissing:!0,overrideExisting:!0}),this.redraw()}addMouseMoveOnChartElementHandler(t,n){const s=this.canvasBoundsContainer.getBoundsHitTest(t),h=this.canvasInputListener.observeMouseMove(s).subscribe(n);return()=>h.unsubscribe()}addMouseEnterOnChartElementHandler(t,n,s=!1){const h=this.canvasBoundsContainer.getBoundsHitTest(t),e=this.canvasInputListener.observeMouseEnter(h,s).subscribe(n);return()=>e.unsubscribe()}addClickOnChartElementHandler(t,n){const s=this.canvasBoundsContainer.getBoundsHitTest(t),h=this.canvasInputListener.observeClick(s).subscribe(n);return()=>h.unsubscribe()}addDragEventsListener(t,n){const s=this.canvasBoundsContainer.getBoundsHitTest(t),h=Y(this.canvasInputListener.observeYDrag(s),this.canvasInputListener.observeXDrag(s)).subscribe(n);return()=>h.unsubscribe()}destroy(){this.bus.setMuted(!0),this.chartComponents.forEach(t=>t.disable()),this.parentElement.childNodes.forEach(t=>t.remove()),this.parentElement.style.width="",this.parentElement.style.height=""}registerComponent(t,n){const s=t(this);this.components.push(s),n&&n(s),s.activate()}registerPaneFormatters(t,n){var s;(s=this.paneManager.paneComponents[t])===null||s===void 0||s.setPaneValueFormatters(n)}}