@devexperts/dxcharts-lite 1.0.1

package/dist/chart/components/pane/pane.component.d.ts

@@ -0,0 +1,193 @@
+/*
+ * 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, HitBoundsTest } from '../../canvas/canvas-bounds-container';
+import { CursorHandler } from '../../canvas/cursor.handler';
+import { ChartConfigComponentsYAxis, FullChartConfig } from '../../chart.config';
+import { DrawingManager } from '../../drawers/drawing-manager';
+import EventBus from '../../events/event-bus';
+import { CanvasInputListenerComponent } from '../../inputlisteners/canvas-input-listener.component';
+import { Bounds } from '../../model/bounds.model';
+import { CanvasModel } from '../../model/canvas.model';
+import { ChartBaseElement, ChartEntity } from '../../model/chart-base-element';
+import { DataSeriesModel } from '../../model/data-series.model';
+import { ScaleModel } from '../../model/scale.model';
+import { Unit } from '../../model/scaling/viewport.model';
+import { Unsubscriber } from '../../utils/function.utils';
+import { AtLeastOne } from '../../utils/object.utils';
+import { ChartBaseModel } from '../chart/chart-base.model';
+import { PriceAxisType } from '../labels_generator/numeric-axis-labels.generator';
+import { ChartPanComponent } from '../pan/chart-pan.component';
+import { NumericYAxisLabelsGenerator } from '../y_axis/numeric-y-axis-labels.generator';
+import { YAxisScaleHandler } from '../y_axis/y-axis-scale.handler';
+import { YAxisDrawer } from '../y_axis/y-axis.drawer';
+import { YExtentComponent, YExtentCreationOptions } from './extent/y-extent-component';
+import { PaneHitTestController } from './pane-hit-test.controller';
+export interface ExtentYAxis {
+    labelsGenerator: NumericYAxisLabelsGenerator;
+    drawer: YAxisDrawer;
+    yAxisScaleHandler: YAxisScaleHandler;
+    state: ChartConfigComponentsYAxis;
+    unsub: Unsubscriber;
+}
+export declare class PaneComponent extends ChartBaseElement {
+    private chartBaseModel;
+    private hitTestController;
+    private config;
+    private mainScaleModel;
+    private drawingManager;
+    private chartPanComponent;
+    private mainCanvasModel;
+    private canvasInputListener;
+    private userInputListenerComponents;
+    private canvasAnimation;
+    private cursorHandler;
+    eventBus: EventBus;
+    private canvasBoundsContainer;
+    readonly uuid: string;
+    readonly dataSeriesCanvasModel: CanvasModel;
+    private _paneOrder;
+    /**
+     * Pane hit test (without Y-Axis and resizer)
+     */
+    ht: HitBoundsTest;
+    yExtentComponents: YExtentComponent[];
+    get scaleModel(): ScaleModel;
+    get dataSeries(): DataSeriesModel<import("../../model/data-series.model").DataSeriesPoint, import("../../model/data-series.model").VisualSeriesPoint>[];
+    mainYExtentComponent: YExtentComponent;
+    constructor(chartBaseModel: ChartBaseModel<'candle'>, hitTestController: PaneHitTestController, config: FullChartConfig, mainScaleModel: ScaleModel, drawingManager: DrawingManager, chartPanComponent: ChartPanComponent, mainCanvasModel: CanvasModel, canvasInputListener: CanvasInputListenerComponent, userInputListenerComponents: ChartEntity[], canvasAnimation: CanvasAnimation, cursorHandler: CursorHandler, eventBus: EventBus, canvasBoundsContainer: CanvasBoundsContainer, uuid: string, dataSeriesCanvasModel: CanvasModel, options?: AtLeastOne<YExtentCreationOptions>);
+    /**
+     * Method that activates the canvas bounds container and recalculates the zoom Y of the scale model.
+     * @protected
+     * @function
+     * @returns {void}
+     */
+    protected doActivate(): void;
+    /**
+     * Creates a Y-axis component for the chart.
+     * @private
+     * @param {string} uuid - The unique identifier of the chart pane.
+     * @param {ScaleModel} scaleModel - The scale model for the chart.
+     * @param {(value: number) => string} formatter - The function to format the Y-axis labels.
+     * @param {Unsubscriber[]} subs - The array of unsubscriber functions.
+     * @param {number | null} increment - The increment value for the Y-axis labels.
+     * @returns {[NumericYAxisLabelsGenerator, YAxisDrawer, YAxisScaleHandler]} - An array containing the Y-axis labels generator, Y-axis drawer, and Y-axis scale handler.
+     */
+    private createYAxisComponent;
+    /**
+     * Creates a new GridComponent instance with the provided parameters.
+     * @param {string} uuid - The unique identifier of the pane.
+     * @param {ScaleModel} scaleModel - The scale model used to calculate the scale of the grid.
+     * @param {NumericYAxisLabelsGenerator} yAxisLabelsGenerator - The generator used to create the labels for the y-axis.
+     * @returns {GridComponent} - The newly created GridComponent instance.
+     */
+    private createGridComponent;
+    /**
+     * Creates a handler for Y-axis panning of the chart.
+     * @private
+     * @param {string} uuid - The unique identifier of the chart pane.
+     * @param {ScaleModel} scaleModel - The scale model of the chart.
+     * @returns {Unsubscriber}
+     */
+    private createYPanHandler;
+    private addCursors;
+    createExtentComponent(options?: AtLeastOne<YExtentCreationOptions>): YExtentComponent;
+    removeExtentComponent(extentComponent: YExtentComponent): void;
+    /**
+     * This method updates the view by calling the doAutoScale method of the scaleModel and firing the Draw event using the eventBus.
+     * @private
+     */
+    updateView(): void;
+    /**
+     * Merges all the y-axis extents on the pane into one.
+     */
+    mergeYExtents(): void;
+    getYAxisBounds: () => Bounds;
+    /**
+     * Returns the bounds of the pane component.
+     */
+    getBounds(): Bounds;
+    /**
+     * Hides the pane by removing its bounds from the canvasBoundsContainer and firing a draw event.
+     * @function
+     * @name hide
+     * @memberof PaneComponent
+     * @returns {void}
+     */
+    hide(): void;
+    /**
+     * Adds the bounds of the pane to the canvas bounds container and fires a draw event.
+     * @function
+     * @name show
+     * @memberof PaneComponent
+     * @returns {void}
+     */
+    show(): void;
+    /**
+     * Creates a new DataSeriesModel object.
+     * @returns {DataSeriesModel} - The newly created DataSeriesModel object.
+     */
+    createDataSeries(): DataSeriesModel;
+    /**
+     * Adds a new data series to the chart.
+     * @param {DataSeriesModel} series - The data series to be added.
+     * @returns {void}
+     */
+    addDataSeries(series: DataSeriesModel): void;
+    /**
+     * Removes a data series from the chart.
+     *
+     * @param {DataSeriesModel} series - The data series to be removed.
+     * @returns {void}
+     */
+    removeDataSeries(series: DataSeriesModel): void;
+    /**
+     * Returns the type of the y-axis component for the current pane.
+     *
+     * @returns {PriceAxisType} The 'regular' type of the y-axis component for the current pane.
+     *
+     */
+    getAxisType(): PriceAxisType;
+    /**
+     * Moves the canvas bounds container up by calling the movePaneUp method with the uuid of the current object.
+     * @returns {void}
+     */
+    moveUp(): void;
+    /**
+     * Moves the canvas bounds container down by calling the movePaneDown method with the uuid of the current object.
+     * @returns {void}
+     */
+    moveDown(): void;
+    /**
+     * Checks if the current pane can move up.
+     * @returns {boolean} - Returns true if the current pane can move up, otherwise false.
+     */
+    canMoveUp(): boolean;
+    /**
+     * Checks if the current pane can move down.
+     *
+     * @returns {boolean} - Returns true if the current pane is not the last one in the canvasBoundsContainer, otherwise returns false.
+     */
+    canMoveDown(): boolean;
+    valueFormatter: (value: Unit, dataSeries?: DataSeriesModel) => string;
+    get regularFormatter(): (value: number) => string;
+    /**
+     * Sets the pane value formatters for the current instance.
+     * @param {YExtentFormatters} formatters - The pane value formatters to be set.
+     */
+    setPaneValueFormatters(formatters: YExtentFormatters): void;
+    /**
+     * Returns the regular value from Y coordinate.
+     * @param {number} y - The Y coordinate.
+     * @returns {number} - The regular value.
+     */
+    regularValueFromY(y: number): number;
+}
+export interface YExtentFormatters {
+    regular: (value: number) => string;
+    percent?: (value: number, dataSeries?: DataSeriesModel) => string;
+    logarithmic?: (value: number) => string;
+}

package/dist/chart/components/pane/pane.component.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{distinctUntilChanged as E}from"rxjs/operators";import{areBoundsChanged as B,CanvasElement as d}from"../../canvas/canvas-bounds-container";import{ChartBaseElement as A}from"../../model/chart-base-element";import{defaultValueFormatter as Y}from"../../model/data-series.model";import{SyncedByXScaleModel as w}from"../../model/scale.model";import{firstOf as D,lastOf as y}from"../../utils/array.utils";import{cloneUnsafe as P}from"../../utils/object.utils";import{createCandlesOffsetProvider as _}from"../chart/data-series.high-low-provider";import{GridComponent as S}from"../grid/grid.component";import{NumericYAxisLabelsGenerator as b}from"../y_axis/numeric-y-axis-labels.generator";import{YAxisScaleHandler as U}from"../y_axis/y-axis-scale.handler";import{YAxisDrawer as M}from"../y_axis/y-axis.drawer";import{createDefaultYExtentHighLowProvider as H,YExtentComponent as I}from"./extent/y-extent-component";import{YAxisBaseLabelsModel as N}from"../y_axis/y-axis-base-labels.model";export class PaneComponent extends A{get scaleModel(){return this.mainYExtentComponent.scaleModel}get dataSeries(){return this.yExtentComponents.flatMap(t=>Array.from(t.dataSeries))}constructor(t,e,n,u,m,a,r,i,l,o,h,c,v,s,p,C){super(),this.chartBaseModel=t,this.hitTestController=e,this.config=n,this.mainScaleModel=u,this.drawingManager=m,this.chartPanComponent=a,this.mainCanvasModel=r,this.canvasInputListener=i,this.userInputListenerComponents=l,this.canvasAnimation=o,this.cursorHandler=h,this.eventBus=c,this.canvasBoundsContainer=v,this.uuid=s,this.dataSeriesCanvasModel=p,this._paneOrder=0,this.yExtentComponents=[],this.getYAxisBounds=()=>this.canvasBoundsContainer.getBounds(d.PANE_UUID_Y_AXIS(this.uuid)),this.valueFormatter=(x,f)=>this.mainYExtentComponent.valueFormatter(x,f);const g=this.createExtentComponent(C);this.mainYExtentComponent=g,this.ht=this.canvasBoundsContainer.getBoundsHitTest(d.PANE_UUID(s),{extensionY:-this.config.components.paneResizer.dragZone})}doActivate(){super.doActivate(),this.addRxSubscription(this.canvasBoundsContainer.observeBoundsChanged(d.PANE_UUID(this.uuid)).pipe(E(B)).subscribe(()=>{this.yExtentComponents.forEach(t=>t.scaleModel.recalculateZoomY()),this.dataSeriesCanvasModel.fireDraw()}))}createYAxisComponent(t,e,n,u,m){const a=P(this.config.components.yAxis),r=new b(m,void 0,n,u,()=>"regular",()=>1,a.labelHeight),i=d.PANE_UUID_Y_AXIS(t,e),l=new M(this.config,a,this.mainCanvasModel,()=>r.generateNumericLabels(),()=>this.canvasBoundsContainer.getBounds(i),()=>this.config.components.yAxis.visible,n.toY.bind(n));this.drawingManager.addDrawerAfter(l,i,"Y_AXIS"),a.type="regular";const o=new U(this.eventBus,a,this.chartPanComponent,n,this.canvasInputListener,this.canvasBoundsContainer,this.canvasBoundsContainer.getBoundsHitTest(i),c=>n.autoScale(c)),h=new N(n,r,this.canvasBoundsContainer);return h.activate(),this.userInputListenerComponents.push(o),{labelsGenerator:r,drawer:l,yAxisScaleHandler:o,state:this.config.components.yAxis,unsub:()=>{this.drawingManager.removeDrawerByName(i),h.disable()}}}createGridComponent(t,e,n){return new S(this.mainCanvasModel,e,this.config,`PANE_${t}_grid_drawer`,this.drawingManager,()=>this.canvasBoundsContainer.getBounds(d.PANE_UUID(t)),()=>this.canvasBoundsContainer.getBounds(d.PANE_UUID(t)),()=>[],()=>n.generateNumericLabels())}createYPanHandler(t,e){const n=this.chartPanComponent.chartAreaPanHandler.registerChartYPanHandler(e,this.canvasBoundsContainer.getBoundsHitTest(d.PANE_UUID(t)));return[()=>{this.chartPanComponent.chartAreaPanHandler.removeChildEntity(n),n.disable()},n]}addCursors(t){const e=d.PANE_UUID_Y_AXIS(this.uuid,t);return this.cursorHandler.setCursorForCanvasEl(e,this.config.components.yAxis.cursor),()=>this.cursorHandler.removeCursorForCanvasEl(e)}createExtentComponent(t){var e,n,u,m,a,r;const i=this.yExtentComponents.length,l=()=>this.canvasBoundsContainer.getBounds(d.PANE_UUID(this.uuid)),o=(e=t==null?void 0:t.scaleModel)!==null&&e!==void 0?e:new w(this.mainScaleModel,this.config,l,this.canvasAnimation),h=!((n=t==null?void 0:t.useDefaultYAxis)!==null&&n!==void 0)||n?this.createYAxisComponent(this.uuid,i,o,(m=(u=t==null?void 0:t.paneFormatters)===null||u===void 0?void 0:u.regular)!==null&&m!==void 0?m:Y,(a=t==null?void 0:t.increment)!==null&&a!==void 0?a:null):void 0,[c,v]=this.createYPanHandler(this.uuid,o),s=new I(this.uuid,i,this,this.chartBaseModel,this.canvasBoundsContainer,this.hitTestController,this.dataSeriesCanvasModel,o,h,v);if(s.addSubscription(c),s.addSubscription(this.addCursors(i)),t!=null&&t.paneFormatters&&s.setValueFormatters(t.paneFormatters),((r=t==null?void 0:t.useDefaultHighLow)!==null&&r!==void 0?r:!0)&&o.autoScaleModel.setHighLowProvider("default",_(()=>({top:10,bottom:10,left:0,right:0,visible:!0}),H(s))),h){const C=this.createGridComponent(this.uuid,o,h.labelsGenerator);s.addChildEntity(C)}return s.activate(),this.yExtentComponents.push(s),this.canvasBoundsContainer.updateYAxisWidths(),s}removeExtentComponent(t){t.disable(),this.yExtentComponents.splice(t.idx,1),this.yExtentComponents.forEach((e,n)=>e.idx=n),this.canvasBoundsContainer.updateYAxisWidths()}updateView(){this.yExtentComponents.forEach(t=>{var e;t.scaleModel.doAutoScale(),(e=t.yAxisComponent)===null||e===void 0||e.labelsGenerator.generateNumericLabels()}),this.canvasBoundsContainer.updateYAxisWidths(),this.eventBus.fireDraw()}mergeYExtents(){for(let t=1;t<this.yExtentComponents.length;t++){const e=this.yExtentComponents[t];e.dataSeries.forEach(n=>n.moveToExtent(this.mainYExtentComponent)),e.disable()}this.canvasBoundsContainer.updateYAxisWidths(),this.yExtentComponents=[this.mainYExtentComponent]}getBounds(){return this.mainYExtentComponent.getBounds()}hide(){this._paneOrder=this.canvasBoundsContainer.panesOrder.indexOf(this.uuid),this.canvasBoundsContainer.removedPaneBounds(this.uuid),this.eventBus.fireDraw()}show(){this.canvasBoundsContainer.addPaneBounds(this.uuid,this._paneOrder),this.eventBus.fireDraw()}createDataSeries(){var t;return(t=this.mainYExtentComponent)===null||t===void 0?void 0:t.createDataSeries()}addDataSeries(t){this.mainYExtentComponent.addDataSeries(t),this.updateView()}removeDataSeries(t){this.mainYExtentComponent.removeDataSeries(t),this.updateView()}getAxisType(){return"regular"}moveUp(){this.canvasBoundsContainer.movePaneUp(this.uuid)}moveDown(){this.canvasBoundsContainer.movePaneDown(this.uuid)}canMoveUp(){const t=D(this.canvasBoundsContainer.panesOrder);return this.uuid!==t}canMoveDown(){const t=y(this.canvasBoundsContainer.panesOrder);return this.uuid!==t}get regularFormatter(){return this.mainYExtentComponent.formatters.regular}setPaneValueFormatters(t){this.mainYExtentComponent.setValueFormatters(t)}regularValueFromY(t){return this.mainYExtentComponent.regularValueFromY(t)}}

package/dist/chart/components/resizer/bar-resizer.component.d.ts

@@ -0,0 +1,72 @@
+/*
+ * 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 { Subject } from 'rxjs';
+import { CanvasAnimation } from '../../animation/canvas-animation';
+import { CanvasBoundsContainer, HitBoundsTest } from '../../canvas/canvas-bounds-container';
+import { FullChartConfig } from '../../chart.config';
+import { CanvasModel } from '../../model/canvas.model';
+import { DrawingManager } from '../../drawers/drawing-manager';
+import { ChartBaseElement } from '../../model/chart-base-element';
+import { CanvasInputListenerComponent } from '../../inputlisteners/canvas-input-listener.component';
+import { ChartPanComponent } from '../pan/chart-pan.component';
+import { BoundsProvider } from '../../model/bounds.model';
+/**
+ * Bar separator between panes.
+ * Used to resize the areas height or just draw a fixed line.
+ * Supports hover animation.
+ *
+ * @doc-tags chart-core,resizer
+ */
+export declare class BarResizerComponent extends ChartBaseElement {
+    private id;
+    private boundsProvider;
+    private hitTest;
+    private dragTickCb;
+    private chartPanComponent;
+    private canvasModel;
+    private drawingManager;
+    private canvasInputListener;
+    private canvasAnimation;
+    private config;
+    private canvasBoundsContainer;
+    animationId: string;
+    initialY: number;
+    resizeEvent$: Subject<void>;
+    constructor(id: string, boundsProvider: BoundsProvider, hitTest: HitBoundsTest, dragTickCb: (yDelta: number) => void, chartPanComponent: ChartPanComponent, canvasModel: CanvasModel, drawingManager: DrawingManager, canvasInputListener: CanvasInputListenerComponent, canvasAnimation: CanvasAnimation, config: FullChartConfig, canvasBoundsContainer: CanvasBoundsContainer);
+    /**
+     * This method activates the pane resizer component.
+     * It calls the parent class's doActivate method and then checks if the fixedMode property is set to false in the config object.
+     * If it is false, it creates a new DragNDropYComponent and adds it to the component list.
+     * It also adds a subscription to the canvasInputListener to observe mouse enter events and
+     * handle hover animations if the animation is enabled in the config object.
+     * Finally, it creates a new BarResizerDrawer and adds it to the drawing manager as a DynamicDrawerType.paneResizer with the current id.
+     * It also adds a subscription to remove the drawer when the component is deactivated.
+     * @protected
+     * @returns {void}
+     */
+    protected doActivate(): void;
+    private onYDragStart;
+    private onYDragEnd;
+    private onYDragTick;
+    /**
+     * This method is called when the component is being deactivated.
+     * It calls the parent method doDeactivate() and then completes the resizeEvent$ observable.
+     * @protected
+     * @returns {void}
+     */
+    protected doDeactivate(): void;
+    /**
+     * This function handles the hover animation of a pane resizer. It takes a type parameter which can be either 'fading' or 'appearing'.
+     * If the background mode is enabled, it gets the color alpha animation from the canvasAnimation and starts the color alpha animation
+     * with the given animationId and the color and type provided in the parameter. If the background mode is not enabled, it gets the color transition
+     * animation from the canvasAnimation and starts the color transition animation with the given animationId, startColor, endColor and type
+     * provided in the parameter and the duration from the config. If there is an animation in progress, it reverts it.
+     *
+     * @param {string} type - The type of animation, can be either 'fading' or 'appearing'.
+     * @returns {void}
+     */
+    handleHoverAnimation(type: 'fading' | 'appearing'): void;
+}

package/dist/chart/components/resizer/bar-resizer.component.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{Subject as v}from"rxjs";import{distinctUntilChanged as f,skip as u,startWith as C}from"rxjs/operators";import{DynamicDrawerType as s}from"../../drawers/drawing-manager";import{ChartBaseElement as b}from"../../model/chart-base-element";import{DragNDropYComponent as D}from"../dran-n-drop_helper/drag-n-drop-y.component";import{BarResizerDrawer as A}from"./bar-resizer.drawer";export class BarResizerComponent extends b{constructor(t,i,n,a,o,e,r,h,d,c,m){super(),this.id=t,this.boundsProvider=i,this.hitTest=n,this.dragTickCb=a,this.chartPanComponent=o,this.canvasModel=e,this.drawingManager=r,this.canvasInputListener=h,this.canvasAnimation=d,this.config=c,this.canvasBoundsContainer=m,this.initialY=0,this.resizeEvent$=new v,this.onYDragStart=()=>{this.config.components.crossTool.type="none",this.initialY=this.boundsProvider().y},this.onYDragEnd=()=>{this.config.components.crossTool.type="cross-and-labels",this.initialY=this.boundsProvider().y,this.canvasBoundsContainer.graphsHeightRatioChangedSubject.next(this.canvasBoundsContainer.graphsHeightRatio)},this.onYDragTick=g=>{const{delta:p,draggedPixels:l}=g;Math.abs(this.initialY-this.boundsProvider().y+l)>=0&&(this.dragTickCb(p),this.resizeEvent$.next())},this.animationId=`${this.id}_RESIZER`}doActivate(){if(super.doActivate(),!this.config.components.paneResizer.fixedMode){const n=new D(this.hitTest,{onDragTick:this.onYDragTick,onDragStart:this.onYDragStart,onDragEnd:this.onYDragEnd},this.canvasInputListener,this.chartPanComponent);this.addChildEntity(n),this.config.animation.paneResizer.enabled&&this.addRxSubscription(this.canvasInputListener.observeMouseEnter(this.hitTest,!0).pipe(C(!1),f(),u(1)).subscribe(a=>{a?this.handleHoverAnimation("appearing"):this.handleHoverAnimation("fading")}))}const i=new A(this.config,this.boundsProvider,this.canvasModel,this.canvasAnimation,this.animationId);this.drawingManager.addDrawer(i,s.paneResizer(this.id)),this.addSubscription(()=>this.drawingManager.removeDrawerByName(s.paneResizer(this.id)))}doDeactivate(){super.doDeactivate(),this.resizeEvent$.complete()}handleHoverAnimation(t){let i;this.config.animation.paneResizer.bgMode?(i=this.canvasAnimation.getColorAlphaAnimation(this.animationId),(!i||!i.animationInProgress)&&this.canvasAnimation.startColorAlphaAnimation(this.animationId,[{color:this.config.colors.paneResizer.bgHoverColor,type:t}])):(i=this.canvasAnimation.getColorTransitionAnimation(this.animationId),(!i||!i.animationInProgress)&&this.canvasAnimation.startColorTransitionAnimation(this.animationId,[{startColor:this.config.colors.paneResizer.bgColor,endColor:this.config.colors.paneResizer.bgHoverColor,type:t}],this.config.animation.paneResizer.duration)),i&&i.animationInProgress&&i.revert()}}

package/dist/chart/components/resizer/bar-resizer.drawer.d.ts

@@ -0,0 +1,34 @@
+/*
+ * 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 { FullChartConfig } from '../../chart.config';
+import { Drawer } from '../../drawers/drawing-manager';
+import { BoundsProvider } from '../../model/bounds.model';
+import { CanvasModel } from '../../model/canvas.model';
+export declare class BarResizerDrawer implements Drawer {
+    private config;
+    private boundsProvider;
+    private canvasModel;
+    private canvasAnimation;
+    private animationId;
+    constructor(config: FullChartConfig, boundsProvider: BoundsProvider, canvasModel: CanvasModel, canvasAnimation: CanvasAnimation, animationId: string);
+    /**
+     * Draws the pane resizer on the canvas if it is visible.
+     * The resizer is drawn with a fixed mode or with an animation.
+     * The resizer's position and size are determined by the bounds provider.
+     * The yAxisWidth is calculated based on the canvas bounds container.
+     * The resizerXOffset and resizerWidthOffset are calculated based on the yAxis alignment.
+     * The resizer is filled with a color based on the animation or the config colors.
+     * If the bgMode is true, the resizer is filled without the drag zone, otherwise it is filled with the drag zone.
+     */
+    draw(): void;
+    /**
+     * Returns an array of canvas IDs.
+     *
+     * @returns {Array<string>} An array containing the ID of the canvas model.
+     */
+    getCanvasIds(): Array<string>;
+}

package/dist/chart/components/resizer/bar-resizer.drawer.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/.
+ */
+export class BarResizerDrawer{constructor(o,i,e,n,t){this.config=o,this.boundsProvider=i,this.canvasModel=e,this.canvasAnimation=n,this.animationId=t}draw(){if(this.config.components.paneResizer.visible){const o=this.config.components.paneResizer.fixedMode,i=this.boundsProvider(),e=this.canvasModel.ctx,n=this.canvasAnimation.getColorAlphaAnimation(this.animationId),t=this.config.components.paneResizer.dragZone;!o&&n&&(e.fillStyle=n.getColor(0),e.fillRect(i.x,i.y-t,i.width,i.height+2*t)),e.fillStyle=this.config.colors.paneResizer.lineColor,this.config.animation.paneResizer.bgMode?e.fillRect(i.x,i.y,i.width,i.height):e.fillRect(i.x,i.y-t,i.width,i.height+2*t)}}getCanvasIds(){return[this.canvasModel.canvasId]}}

package/dist/chart/components/snapshot/snapshot.component.d.ts

@@ -0,0 +1,31 @@
+/*
+ * 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 { ChartBaseElement } from '../../model/chart-base-element';
+import { CanvasModel } from '../../model/canvas.model';
+import { ValidatedChartElements } from '../../canvas/chart-elements';
+/**
+ * Snapshot Component.
+ * Allows to copy, download and share snapshot
+ */
+export declare class SnapshotComponent extends ChartBaseElement {
+    private elements;
+    private canvasModel;
+    constructor(elements: ValidatedChartElements, canvasModel: CanvasModel);
+    /**
+     * Implements doActivate method.
+     * @protected
+     * @returns {void}
+     */
+    protected doActivate(): void;
+    /**
+     * Creates a snapshot of the canvas and returns it as a Promise of Blob object.
+     * @param {function} userDrawCallback - Optional callback function that takes a CanvasRenderingContext2D object
+     * as a parameter and allows the user to draw on the canvas before taking the snapshot.
+     * @returns {Promise<Blob>} - A Promise that resolves with a Blob object representing the snapshot of the canvas.
+     * @throws {Error} - If the snapshot isn't supported, an error is thrown.
+     */
+    createSnapshot(userDrawCallback?: (ctx: CanvasRenderingContext2D) => void): Promise<Blob>;
+}

package/dist/chart/components/snapshot/snapshot.component.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{ChartBaseElement as h}from"../../model/chart-base-element";export class SnapshotComponent extends h{constructor(n,a){super(),this.elements=n,this.canvasModel=a}doActivate(){super.doActivate()}createSnapshot(n){const a=this.canvasModel.canvas,e=this.canvasModel.ctx;if(e){e.clearRect(0,0,a.width,a.height);const t=a.width/window.devicePixelRatio,s=a.height/window.devicePixelRatio;return e.drawImage(this.elements.backgroundCanvas,0,0,t,s),e.drawImage(this.elements.mainCanvas,0,0,t,s),e.drawImage(this.elements.staticDrawingCanvas,0,0,t,s),e.drawImage(this.elements.dataSeriesCanvas,0,0,t,s),e.drawImage(this.elements.overDataSeriesCanvas,0,0,t,s),e.drawImage(this.elements.dynamicDrawingCanvas,0,0,t,s),e.drawImage(this.elements.crossToolCanvas,0,0,t,s),n&&n(e),new Promise((o,r)=>this.elements.snapshotCanvas.toBlob(i=>i?o(i):r("Blob is null")))}else return console.error("Snapshot isn't supported"),Promise.reject()}}

package/dist/chart/components/volumes/separate-volumes.component.d.ts

@@ -0,0 +1,45 @@
+/*
+ * 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 { ChartBaseElement } from '../../model/chart-base-element';
+import { BarType, FullChartConfig } from '../../chart.config';
+import { CanvasModel } from '../../model/canvas.model';
+import { DrawingManager } from '../../drawers/drawing-manager';
+import { ScaleModel } from '../../model/scale.model';
+import { Pixel, Unit } from '../../model/scaling/viewport.model';
+import { ChartComponent } from '../chart/chart.component';
+import { PaneManager } from '../pane/pane-manager.component';
+import { VolumeColorResolver } from './volumes.component';
+import { VolumesModel } from './volumes.model';
+export declare class SeparateVolumesComponent extends ChartBaseElement {
+    private canvasModel;
+    private chartComponent;
+    private drawingManager;
+    private config;
+    private volumesModel;
+    private readonly volumesColorByChartTypeMap;
+    private paneManager;
+    static UUID: string;
+    scaleModel: ScaleModel | undefined;
+    constructor(canvasModel: CanvasModel, chartComponent: ChartComponent, drawingManager: DrawingManager, config: FullChartConfig, volumesModel: VolumesModel, volumesColorByChartTypeMap: Partial<Record<BarType, VolumeColorResolver>>, paneManager: PaneManager);
+    protected doActivate(): void;
+    /**
+     * Activates the separate volumes feature.
+     * If the pane component for separate volumes does not exist, it creates a new pane with the specified UUID and options.
+     * It then sets the high-low provider for the volumes scale model and does an auto scale.
+     * A new VolumesDrawer is created and added to the drawing manager with the specified parameters.
+     */
+    activateSeparateVolumes(): void;
+    /**
+     * Deactivates the separate volumes feature by removing the separate volumes pane, deleting the scale model, and removing the underlay volumes area drawer.
+     */
+    deactiveSeparateVolumes(): void;
+    /**
+     * Converts a pixel value from the Y-axis of the scale model to the corresponding data value.
+     * @param {Pixel} y - The pixel value to convert.
+     * @returns {Unit} - The corresponding data value.
+     */
+    fromY(y: Pixel): Unit;
+}

package/dist/chart/components/volumes/separate-volumes.component.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{ChartBaseElement as n}from"../../model/chart-base-element";import{createCandlesOffsetProvider as d}from"../chart/data-series.high-low-provider";import{VolumesDrawer as h}from"./volumes.drawer";import{volumeFormatter as u}from"./volumes.formatter";class a extends n{constructor(o,e,t,s,r,i,l){super(),this.canvasModel=o,this.chartComponent=e,this.drawingManager=t,this.config=s,this.volumesModel=r,this.volumesColorByChartTypeMap=i,this.paneManager=l,s.components.volumes.showSeparately&&this.activateSeparateVolumes()}doActivate(){super.doActivate(),this.addRxSubscription(this.chartComponent.chartModel.candlesUpdatedSubject.subscribe(()=>{var o,e;return!(!((o=this.scaleModel)===null||o===void 0)&&o.isViewportValid())&&((e=this.scaleModel)===null||e===void 0?void 0:e.doAutoScale(!0))})),this.addRxSubscription(this.volumesModel.volumeMax.subscribe(()=>{var o;return(o=this.scaleModel)===null||o===void 0?void 0:o.doAutoScale()}))}activateSeparateVolumes(){if(this.paneManager.paneComponents[a.UUID]===void 0){const o=this.paneManager.createPane(a.UUID,{paneFormatters:{regular:u},useDefaultHighLow:!1,increment:1}),{scaleModel:e}=o,t=d(()=>({top:10,bottom:0,left:0,right:0,visible:!0}),this.volumesModel.highLowProvider);e.autoScaleModel.setHighLowProvider("volumes",t),e.doAutoScale(!0),this.scaleModel=e;const s=new h(this.canvasModel,this.config,this.volumesModel,this.chartComponent.chartModel,e,this.volumesColorByChartTypeMap,()=>this.config.components.volumes.showSeparately);this.drawingManager.addDrawer(s,"UNDERLAY_VOLUMES_AREA")}}deactiveSeparateVolumes(){this.paneManager.removePane(a.UUID),delete this.scaleModel,this.drawingManager.removeDrawerByName("UNDERLAY_VOLUMES_AREA")}fromY(o){var e,t;return(t=(e=this.scaleModel)===null||e===void 0?void 0:e.fromY(o))!==null&&t!==void 0?t:0}}a.UUID="volumes";export{a as SeparateVolumesComponent};

package/dist/chart/components/volumes/volume-color-resolvers.functions.d.ts

@@ -0,0 +1,11 @@
+/*
+ * 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 { VolumeColorResolver } from './volumes.component';
+export declare const VOLUMES_COLOR_OPACITY = 0.3;
+export declare const resolveColorForBar: VolumeColorResolver;
+export declare const resolveColorUsingConfig: VolumeColorResolver;
+export declare const resolveColorForLine: VolumeColorResolver;
+export declare const resolveColorForCandle: VolumeColorResolver;

package/dist/chart/components/volumes/volume-color-resolvers.functions.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 t from"color";export const VOLUMES_COLOR_OPACITY=.3,resolveColorForBar=(o,r)=>{const e=r.barTheme[`${o}Color`];return t(e).alpha(VOLUMES_COLOR_OPACITY).toString()},resolveColorUsingConfig=(o,r)=>{const e=r.volume[`${o}BarColor`];return t(e).alpha(VOLUMES_COLOR_OPACITY).toString()},resolveColorForLine=(o,r)=>{const e=r.lineTheme[`${o}Color`];return t(e).alpha(VOLUMES_COLOR_OPACITY).toString()},resolveColorForCandle=(o,r)=>{const e=r.candleTheme[`${o}Color`];return t(e).alpha(VOLUMES_COLOR_OPACITY).toString()};

package/dist/chart/components/volumes/volumes.component.d.ts

@@ -0,0 +1,59 @@
+/*
+ * 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 { CanvasBoundsContainer } from '../../canvas/canvas-bounds-container';
+import { ChartBaseElement } from '../../model/chart-base-element';
+import { BarType, FullChartColors, FullChartConfig } from '../../chart.config';
+import { CanvasModel } from '../../model/canvas.model';
+import { DrawingManager } from '../../drawers/drawing-manager';
+import { PriceMovement } from '../../model/candle-series.model';
+import { ScaleModel } from '../../model/scale.model';
+import { ChartComponent } from '../chart/chart.component';
+import { PaneManager } from '../pane/pane-manager.component';
+import { SeparateVolumesComponent } from './separate-volumes.component';
+import { VolumesModel } from './volumes.model';
+import { YAxisComponent } from '../y_axis/y-axis.component';
+import { BehaviorSubject } from 'rxjs';
+export type VolumeColorResolver = (priceMovement: PriceMovement, colors: FullChartColors) => string;
+export declare class VolumesComponent extends ChartBaseElement {
+    private canvasModel;
+    private canvasBoundsContainer;
+    private config;
+    separateVolumes: SeparateVolumesComponent;
+    private volumesColorByChartTypeMap;
+    volumesModel: VolumesModel;
+    yAxisComponent: YAxisComponent;
+    volumeSettingChangedSubject: BehaviorSubject<boolean>;
+    constructor(canvasModel: CanvasModel, chartComponent: ChartComponent, scaleModel: ScaleModel, canvasBoundsContainer: CanvasBoundsContainer, drawingManager: DrawingManager, config: FullChartConfig, paneManager: PaneManager, yAxisComponent: YAxisComponent);
+    /**
+     * Registers default volume color resolvers for candle, line and bar charts
+     * @private
+     */
+    private registerDefaultVolumeColorResolvers;
+    /**
+     * Sets whether the volumes should be shown separately or not.
+     *
+     * @param {boolean} separate - A boolean value indicating whether the volumes should be shown separately or not.
+     * @returns {void}
+     */
+    setShowVolumesSeparatly(separate: boolean): void;
+    /**
+     * This method deactivates the current component by calling the superclass doDeactivate method and setting the visibility of the component to false.
+     * @returns {void}
+     */
+    protected doDeactivate(): void;
+    /**
+     * You can use this method to determine volumes' color for specified chart type.
+     * @param chartType
+     * @param resolver
+     */
+    registerVolumeColorResolver(chartType: BarType, resolver: VolumeColorResolver): void;
+    /**
+     * Sets the visibility of the volumes component and updates the canvas accordingly.
+     * @param {boolean} visible - Whether the volumes component should be visible or not. Default is true.
+     * @returns {void}
+     */
+    setVisible(visible?: boolean): void;
+}

package/dist/chart/components/volumes/volumes.component.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{ChartBaseElement as n}from"../../model/chart-base-element";import{SeparateVolumesComponent as p}from"./separate-volumes.component";import{resolveColorForBar as v,resolveColorForCandle as r,resolveColorForLine as C}from"./volume-color-resolvers.functions";import{VolumesDrawer as V}from"./volumes.drawer";import{VolumesModel as c}from"./volumes.model";import{BehaviorSubject as d}from"rxjs";export class VolumesComponent extends n{constructor(e,o,l,a,i,s,m,u){super(),this.canvasModel=e,this.canvasBoundsContainer=a,this.config=s,this.volumesColorByChartTypeMap={},this.volumeSettingChangedSubject=new d(!1);const t=new c(o,l);this.volumesModel=t,this.yAxisComponent=u,this.addChildEntity(t),this.separateVolumes=new p(e,o,i,s,t,this.volumesColorByChartTypeMap,m),this.addChildEntity(this.separateVolumes);const h=new V(e,s,t,o.chartModel,l,this.volumesColorByChartTypeMap,()=>!s.components.volumes.showSeparately);i.addDrawer(h,"VOLUMES"),this.registerDefaultVolumeColorResolvers(),this.volumeSettingChangedSubject.next(s.components.volumes.visible)}registerDefaultVolumeColorResolvers(){this.registerVolumeColorResolver("candle",r),this.registerVolumeColorResolver("trend",r),this.registerVolumeColorResolver("hollow",r),this.registerVolumeColorResolver("line",C),this.registerVolumeColorResolver("bar",v)}setShowVolumesSeparatly(e){this.config.components.volumes.showSeparately!==e&&(this.config.components.volumes.showSeparately=e,e?this.separateVolumes.activateSeparateVolumes():this.separateVolumes.deactiveSeparateVolumes())}doDeactivate(){super.doDeactivate(),this.setVisible(!1)}registerVolumeColorResolver(e,o){this.volumesColorByChartTypeMap[e]=o}setVisible(e=!0){this.config.components.volumes.visible=e,this.volumeSettingChangedSubject.next(e),this.config.components.volumes.showSeparately===!0&&(e?this.separateVolumes.activateSeparateVolumes():this.separateVolumes.deactiveSeparateVolumes()),this.canvasBoundsContainer.recalculatePanesHeightRatios(),this.canvasModel.fireDraw()}}

package/dist/chart/components/volumes/volumes.drawer.d.ts

@@ -0,0 +1,71 @@
+/*
+ * 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 { BarType, FullChartConfig } from '../../chart.config';
+import { CanvasModel } from '../../model/canvas.model';
+import { Drawer } from '../../drawers/drawing-manager';
+import { ViewportModel } from '../../model/scaling/viewport.model';
+import { ChartModel } from '../chart/chart.model';
+import { VolumeColorResolver } from './volumes.component';
+import { VolumesModel } from './volumes.model';
+export declare class VolumesDrawer implements Drawer {
+    private canvasModel;
+    private config;
+    private volumesModel;
+    private chartModel;
+    private viewportModel;
+    private volumesColorByChartTypeMap;
+    private drawPredicate;
+    private readonly volumeBarColors;
+    constructor(canvasModel: CanvasModel, config: FullChartConfig, volumesModel: VolumesModel, chartModel: ChartModel, viewportModel: ViewportModel, volumesColorByChartTypeMap: Partial<Record<BarType, VolumeColorResolver>>, drawPredicate: () => boolean);
+    /**
+     * This function is used to calculate the colors for each volume bar. It is an optimization to avoid calculating the color for each volume, which can be expensive.
+     * @param {BarType} barType - The type of bar to calculate the color for.
+     * @returns {void}
+     */
+    private calculateColors;
+    /**
+     * Draws the volumes on the chart canvas if the volumes are visible and the drawPredicate is true.
+     * Calculates the colors based on the chart type and saves the canvas context.
+     * Clips the canvas to the viewport bounds and draws the volumes.
+     * Restores the canvas context.
+     * @returns {void}
+     */
+    draw(): void;
+    /**
+     * Draws the last bar of the chart if the volumes component is visible.
+     * TODO: Rework the function.
+     *
+     * @returns {void}
+     */
+    drawLastBar(): void;
+    /**
+     * Draws volumes on the chart based on the data provided by the volumesModel and chartModel.
+     * If the volumeMax is 0, the function will return without drawing anything.
+     * The function loops through all the candles in the viewport and calculates the x, y, width and height of each volume bar.
+     * If the config.components.volumes.showSeparately is true, the function will draw each volume bar separately.
+     * Otherwise, it will calculate the zoomY based on the volumeMax and the fullVHeight, and draw all the volume bars together.
+     * @private
+     */
+    private drawVolumes;
+    /**
+     * Draws a volume bar on the canvas.
+     *
+     * @private
+     * @param {VisualCandle} vCandle - The visual candle object.
+     * @param {Pixel} x - The x coordinate of the top-left corner of the volume bar.
+     * @param {Pixel} y - The y coordinate of the top-left corner of the volume bar.
+     * @param {Pixel} width - The width of the volume bar.
+     * @param {Pixel} height - The height of the volume bar.
+     * @returns {void}
+     */
+    private drawVolume;
+    /**
+     * Returns an array of canvas ids.
+     *
+     * @returns {Array<string>} An array containing the canvas id.
+     */
+    getCanvasIds(): Array<string>;
+}

package/dist/chart/components/volumes/volumes.drawer.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{clipToBounds as f}from"../../drawers/data-series.drawer";import{unitToPixels as m}from"../../model/scaling/viewport.model";import{ceilToDPR as u,floorToDPR as n}from"../../utils/device/device-pixel-ratio.utils";import{resolveColorUsingConfig as p}from"./volume-color-resolvers.functions";import{flat as M}from"../../utils/array.utils";const w=3;export class VolumesDrawer{constructor(e,t,o,i,l,s,r){this.canvasModel=e,this.config=t,this.volumesModel=o,this.chartModel=i,this.viewportModel=l,this.volumesColorByChartTypeMap=s,this.drawPredicate=r,this.volumeBarColors={down:"#FF00FF",up:"#FF00FF",none:"#FF00FF"}}calculateColors(e){var t;const o=(t=this.volumesColorByChartTypeMap[e])!==null&&t!==void 0?t:p;this.volumeBarColors.down=o("down",this.config.colors),this.volumeBarColors.up=o("up",this.config.colors),this.volumeBarColors.none=o("none",this.config.colors)}draw(){if(this.config.components.volumes.visible&&this.drawPredicate()){this.calculateColors(this.config.components.chart.type);const e=this.canvasModel.ctx;e.save();const t=this.viewportModel.getBounds();f(e,t),this.drawVolumes(),e.restore()}}drawLastBar(){this.config.components.volumes.visible}drawVolumes(){const e=this.volumesModel.volumeMax.getValue();if(e===0)return;const t=M(this.chartModel.mainCandleSeries.getSeriesInViewport(this.chartModel.scaleModel.xStart-1,this.chartModel.scaleModel.xEnd+1));t.forEach((o,i)=>{if(o.candle.volume){const l=this.viewportModel.getBounds(),s=l.height,r=t[i+1]!==void 0?n(this.viewportModel.toX(t[i+1].startUnit)):void 0,c=n(this.viewportModel.toX(o.startUnit)),a=r!==void 0?r-c:n(m(o.width,this.viewportModel.zoomX));if(this.config.components.volumes.showSeparately){const h=n(this.viewportModel.toY(o.candle.volume)),d=n(this.viewportModel.toY(0))-h;this.drawVolume(o,c,h,a,d)}else{const h=e/(s/w),d=Math.max(m(o.candle.volume,h),2),v=n(l.y+s-d);this.drawVolume(o,c,v,a,d)}}})}drawVolume(e,t,o,i,l){const s=this.canvasModel.ctx,r=o,c=o+l,a=e.name;s.fillStyle=this.volumeBarColors[a],s.strokeStyle=this.volumeBarColors[a],i===0?(s.beginPath(),s.moveTo(t,r),s.lineTo(t,u(c)),s.stroke()):s.fillRect(t,o,i,u(l))}getCanvasIds(){return[this.canvasModel.canvasId]}}

package/dist/chart/components/volumes/volumes.formatter.d.ts

@@ -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/.
+ */
+export declare const volumeFormatter: (value: number) => string;

package/dist/chart/components/volumes/volumes.formatter.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 c=5,_=1e-10,s=/\.?0+$/,E=/(\.[1-9]*)0+$/;export const volumeFormatter=t=>{const r=(I,e)=>{const o=Math.pow(10,5),n=Math.round(I*o)/o;return n<1&&n>=1e-10?n.toFixed(5).replace(s,"").replace(E,""):(n+"").replace(E,"")+(e||"")};return Math.abs(t)>999999999?(t=Math.round(t/1e6)*1e6,r(t/1e9,"B")):Math.abs(t)>999999?(t=1e3*Math.round(t/1e3),r(t/1e6,"M")):Math.abs(t)>9999?r(t/1e3,"K"):r(t)};