@devexperts/dxcharts-lite 1.0.1

package/dist/chart/chart.config.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{DEFAULT_MERGE_OPTIONS as n,merge as i}from"./utils/merge.utils";export const MAIN_FONT="Open Sans Semibold, sans-serif",LastBarRedrawableBarTypes=["candle","bar","scatterPlot","trend","hollow","histogram"],availableBarTypes=["candle","line","area","bar","scatterPlot","trend","hollow","histogram","baseline"],isLastBarRedrawAvailable=r=>LastBarRedrawableBarTypes.find(o=>o===r)!==void 0,getDefaultConfig=()=>({devexpertsPromoLink:!0,useUTCTimeOverride:!1,shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],rtl:!1,scale:{keepZoomXOnYAxisChange:!0,auto:!0,zoomToCursor:!1,lockPriceToBarRatio:!1,autoScaleOnCandles:!0,autoScaleDisableOnDrag:{enabled:!0,edgeAngle:Math.PI/15,yDiff:80},inverse:!1,zoomSensitivity:.25,defaultViewportItems:100},timezone:Intl.DateTimeFormat().resolvedOptions().timeZone,components:{chart:{type:"candle",showCandlesBorder:!0,showActiveCandlesBorder:!0,showWicks:!0,candleLineWidth:1,lineWidth:1,areaLineWidth:1,barLineWidth:1,minWidth:.5,minCandles:10,candlePaddingPercent:.25,highlightActiveCandle:!0,cursor:"default",selectedWidth:3,minCandlesOffset:2,defaultZoomCandleWidth:7,zoomStep:0,histogram:{barCapSize:1}},yAxis:{type:"regular",visible:!0,labelHeight:23,zeroPercentLine:!0,customScale:!0,customScaleDblClick:!0,align:"right",fontSize:12,fontFamily:MAIN_FONT,cursor:"ns-resize",resizeDisabledCursor:"default",labelBoxMargin:{top:4,bottom:4,end:8,start:10},typeConfig:{badge:{rounded:!0,paddings:{top:4,bottom:4,end:4,start:4}},plain:{},rectangle:{rounded:!1,paddings:{top:4,bottom:4,end:4,start:4}}},labels:{descriptions:!1,settings:{lastPrice:{mode:"label",type:"badge"},countdownToBarClose:{mode:"none",type:"rectangle"}}}},xAxis:{visible:!0,formatsForLabelsConfig:{lessThanSecond:"HH:mm:ss",second_1:"HH:mm:ss",minute_1:"HH:mm",minute_5:"HH:mm",minute_30:"HH:mm",hour_1:"HH:mm",day_1:"dd.MM",month_1:"MMM",year_1:"YYYY"},fontSize:12,fontFamily:MAIN_FONT,cursor:"ew-resize",padding:{top:8,bottom:16},fontStyle:""},events:{visible:!1,eventsVisibility:{"conference-calls":!0,dividends:!0,splits:!0,earnings:!0},height:20,cursor:"default",xAxisLabelFormat:[{format:"d MMM"}],icons:{earnings:{normal:'<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.06066 6.5L6.5 1.06066L11.9393 6.5L6.5 11.9393L1.06066 6.5Z" stroke="#D92C40" stroke-width="1.5"/></svg>',hover:'<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.06066 6.5L6.5 1.06066L11.9393 6.5L6.5 11.9393L1.06066 6.5Z" fill="#D92C40" stroke="#D92C40" stroke-width="1.5"/></svg>'}}},offsets:{visible:!0,right:10,top:10,bottom:20,left:0},waterMark:{visible:!1,fontFamily:"Open Sans, sans-serif",firstRowFontSize:80,firstRowBottomPadding:10,secondRowFontSize:40,secondRowBottomPadding:25,thirdRowFontSize:40,thirdRowBottomPadding:15,position:"center",offsetX:20,offsetY:20,logoWidth:20,logoHeight:20},highLow:{visible:!1,font:"12px sans-serif"},highlights:{visible:!1,fontFamily:"Open Sans",fontSize:13,border:{width:1,dash:[8,4]}},crossTool:{type:"cross-and-labels",discrete:!1,magnetTarget:"none",lineDash:[4,6],xAxisLabelFormat:[{format:"dd.MM.YYYY",showWhen:{periodMoreThen:846e5}},{format:"dd.MM.YYYY HH:mm",showWhen:{periodLessThen:846e5,periodMoreThen:6e3}},{format:"dd.MM.YYYY HH:mm:ss",showWhen:{periodLessThen:6e3}}],xLabel:{padding:{top:4,bottom:4,right:8,left:8},margin:{top:4}},yLabel:{padding:{top:4,bottom:4,end:4,start:4},type:"badge"}},grid:{visible:!0,horizontal:!1,vertical:!0,width:1,dash:[0,0],color:"#FFFFFF"},volumes:{visible:!0,showSeparately:!1,valueLines:15,barCapSize:1,volumeBarSpace:0,volumeFillColor:"#FFFFFF"},navigationMap:{visible:!1,allCandlesHistory:!0,timeLabels:{visible:!1,dateFormat:"dd.MM.YYYY HH:mm",fontFamily:"Open Sans",fontSize:13,padding:{x:10,y:1}},minSliderWindowWidth:10,cursors:{chart:"default",buttonLeft:"pointer",buttonRight:"pointer",leftResizer:"ew-resize",rightResizer:"ew-resize",slider:"grab"},knots:{height:35,width:7,border:0,lineWidth:1}},baseline:{cursor:"ns-resize",dragZone:3,height:1},paneResizer:{cursor:"ns-resize",height:1,visible:!0,fixedMode:!1,dragZone:3}},colors:{candleTheme:{upColor:"rgba(77,153,83,1)",downColor:"rgba(217,44,64,1)",noneColor:"rgba(255,255,255,1)",upWickColor:"rgba(77,153,83,1)",downWickColor:"rgba(217,44,64,1)",noneWickColor:"rgba(255,255,255,1)",borderOpacity:1},barTheme:{upColor:"rgba(77,153,83,1)",downColor:"rgba(217,44,64,1)",noneColor:"rgba(255,255,255,1)"},lineTheme:{upColor:"rgba(77,153,83,1)",downColor:"rgba(217,44,64,1)",noneColor:"rgba(255,255,255,1)"},chartAreaTheme:{backgroundMode:"regular",backgroundColor:"rgba(20,20,19,1)",backgroundGradientTopColor:"red",backgroundGradientBottomColor:"blue",axisColor:"rgba(128,128,128,1)",gridColor:"rgba(37,37,36,1)"},scatterPlot:{mainColor:"rgba(255,255,255,1)"},areaTheme:{lineColor:"rgba(127,120,214,1)",startColor:"rgba(169,38,251,1)",stopColor:"rgba(169,38,251,0.8)"},baseLineTheme:{lowerSectionStrokeColor:"rgba(217,44,64,1)",upperSectionStrokeColor:"rgba(77,153,83,1)",lowerSectionFillColor:"rgba(217, 44, 64, 0.07)",upperSectionFillColor:"rgba(77, 153, 83, 0.07)",baselineColor:"rgba(55,55,54,1)"},histogram:{upCap:"rgba(77,153,83,1)",upBottom:"rgba(77,153,83,0.1)",upBright:"rgba(77,153,83,0.4)",downCap:"rgba(217,44,64,1)",downBottom:"rgba(217,44,64,0.1)",downBright:"rgba(217,44,64,0.4)",noneCap:"rgba(255,255,255,1)",noneBottom:"rgba(255,255,255,0.1)",noneBright:"rgba(255,255,255,0.4)"},crossTool:{lineColor:"rgba(107,96,86,1)",labelBoxColor:"rgba(107,96,86,1)",labelTextColor:"rgba(255,255,255,1)"},waterMarkTheme:{firstRowColor:"rgba(255,255,255,0.2)",secondRowColor:"rgba(255,255,255,0.2)",thirdRowColor:"rgba(255,255,255,0.2)"},highlights:{NO_TRADING:{border:"rgba(107,96,86,1)",background:"transparent",label:"transparent"},AFTER_MARKET:{border:"rgba(107,96,86,1)",background:"rgba(38, 251, 149, 0.05)",label:"transparent"},PRE_MARKET:{border:"rgba(107,96,86,1)",background:"rgba(255, 170, 0, 0.05)",label:"transparent"},REGULAR:{border:"rgba(107,96,86,1)",background:"transparent",label:"transparent"}},activeCandleTheme:{upColor:"rgba(98,201,93,1)",downColor:"rgba(255,47,47,1)",noneColor:"rgba(255,255,255,1)",upWickColor:"rgba(98,201,93,1)",downWickColor:"rgba(255,47,47,1)",noneWickColor:"rgba(255,255,255,1)",borderOpacity:.5},volume:{downBarColor:"rgba(99,30,37,1)",upBarColor:"rgba(42,72,44,1)",noneBarColor:"rgba(255,255,255,0.4)",upCapColor:"rgba(42,72,44,1)",downCapColor:"rgba(99,30,37,1)",noneCapColor:"rgba(255,255,255,0.4)"},highLowTheme:{highColor:"rgba(223,222,223,1)",lowColor:"rgba(223,222,223,1)"},instrumentInfo:{textColor:"#aeb1b3"},paneResizer:{lineColor:"rgba(55,55,54,1)",bgColor:"rgba(20,20,19,1)",bgHoverColor:"rgba(55,55,54,0.6)"},events:{earnings:{color:"rgba(217,44,64,1)"},dividends:{color:"rgba(169,38,251,1)"},splits:{color:"rgba(244,187,63,1)"},"conference-calls":{color:"rgba(48,194,97,1)"}},secondaryChartTheme:[{lineTheme:{upColor:"rgba(226,61,25,1)",downColor:"rgba(226,61,25,1)",noneColor:"rgba(226,61,25,1)"},areaTheme:{lineColor:"rgba(226,61,25,1)",startColor:"rgba(226,61,25,0.8)",stopColor:"rgba(226,61,25,0)"}},{lineTheme:{upColor:"rgba(250,191,64,1)",downColor:"rgba(250,191,64,1)",noneColor:"rgba(250,191,64,1)"},areaTheme:{lineColor:"rgba(250,191,64,1)",startColor:"rgba(250,191,64,0.8)",stopColor:"rgba(250,191,64,0)"}},{lineTheme:{upColor:"rgba(169,38,251,1)",downColor:"rgba(169,38,251,1)",noneColor:"rgba(169,38,251,1)"},areaTheme:{lineColor:"rgba(169,38,251,1)",startColor:"rgba(169,38,251,0.8)",stopColor:"rgba(169,38,251,0)"}},{lineTheme:{upColor:"rgba(77,211,240,1)",downColor:"rgba(77,211,240,1)",noneColor:"rgba(77,211,240,1)"},areaTheme:{lineColor:"rgba(77,211,240,1)",startColor:"rgba(77,211,240,0.8)",stopColor:"rgba(77,211,240,0)"}},{lineTheme:{upColor:"rgba(59,203,91,1)",downColor:"rgba(59,203,91,1)",noneColor:"rgba(59,203,91,1)"},areaTheme:{lineColor:"rgba(59,203,91,1)",startColor:"rgba(59,203,91,0.8)",stopColor:"rgba(59,203,91,0)"}}],yAxis:{backgroundColor:"transparent",backgroundHoverColor:"rgba(20,20,19,1)",labelBoxColor:"rgba(20,20,19,1)",labelTextColor:"rgba(128,128,128,1)",labelInvertedTextColor:"rgba(20,20,19,1)",rectLabelTextColor:"rgba(255,255,255,1)",rectLabelInvertedTextColor:"rgba(20,20,19,1)",zeroPercentLine:"rgba(55,55,54,1)"},labels:{lastPrice:{textNegative:"rgba(255,255,255,1)",textPositive:"rgba(255,255,255,1)",textSelected:"rgba(0,0,0,1)",boxNegative:"rgba(217,44,64,1)",boxPositive:"rgba(77,153,83,1)",boxSelected:"rgba(255,255,255,1)"},countdownToBarClose:{textNegative:"rgba(255,255,255,1)",textPositive:"rgba(255,255,255,1)",textSelected:"rgba(255,255,255,1)",boxNegative:"rgba(217,44,64,1)",boxPositive:"rgba(77,153,83,1)",boxSelected:"rgba(255,255,255,1)"},highLow:{high:{boxColor:"rgba(107,96,86,1)",textColor:"rgba(255,255,255,1)",descriptionText:"High"},low:{boxColor:"rgba(107,96,86,1)",textColor:"rgba(255,255,255,1)",descriptionText:"Low"}},bidAsk:{bid:{boxColor:"rgba(77,153,83,1)",textColor:"rgba(255,255,255,1)",descriptionText:"Bid"},ask:{boxColor:"rgba(217,44,64,1)",textColor:"rgba(255,255,255,1)",descriptionText:"Ask"}},prePostMarket:{post:{boxColor:"rgba(38,251,149,1)",textColor:"rgba(20,20,19,1)",descriptionText:"Post"},pre:{boxColor:"rgba(255,170,0,1)",textColor:"rgba(20,20,19,1)",descriptionText:"Pre"}},prevDayClose:{boxColor:"rgba(107,96,86,1)",textColor:"rgba(255,255,255,1)"}},xAxis:{backgroundColor:"transparent",labelTextColor:"rgba(128,128,128,1)"},navigationMap:{backgroundColor:"transparent",buttonColor:"rgba(255,255,255,0.1)",buttonArrowColor:"rgba(212,212,211,1)",knotColor:"rgba(255,255,255,0.1)",knotLineColor:"rgba(212,212,211,1)",sliderColor:"rgba(255,255,255,0.08)",knotBorderColor:"#0b0d1a",timeLabelsTextColor:"rgba(128,128,128,1)",mapColor:"rgba(255,255,255,0.1)",mapFillColor:"rgba(255,255,255,0.1)",mapGradientTopColor:"rgba(255,255,255,0.1)",mapGradientBottomColor:"rgba(255,255,255,0.1)"}},animation:{moveDuration:1e3,candleDuration:200,paneResizer:{bgMode:!0,enabled:!0,duration:40},yAxis:{background:{enabled:!1,duration:40}}},drawingOrder:["OVER_SERIES_CLEAR","MAIN_CLEAR","SERIES_CLEAR","GRID","X_AXIS","Y_AXIS","UNDERLAY_VOLUMES_AREA","VOLUMES","DATA_SERIES","DRAWINGS","WATERMARK","N_MAP_CHART","EVENTS"]});export function mergeWithDefaultConfig(r,o=getDefaultConfig()){return i(r,o,n),r}export function mergeWithDefaultConfigCopy(r,o=getDefaultConfig()){const e=Object.assign({},r);return i(e,o,n),e}export function rewrite(r,o){Object.keys(r).forEach(e=>delete r[e]),Object.keys(o).forEach(e=>r[e]=o[e])}function s(r){return typeof r=="object"&&r!==null}function b(r,o){return[...r].map(a=>l(a,o))}const g=r=>Array.isArray(r);function l(r,o){if(!s(r))return r;if(g(r))return b(r,o);{const e=immutableMerge({},r,o);return Object.setPrototypeOf(e,Object.getPrototypeOf(r)),e}}export function immutableMerge(r,o,e){if(!s(r))return e.overrideExisting?o:r;if(Array.isArray(r)&&Array.isArray(o)){const t=e.overrideExisting?o:r;return b(t,e)}const a=Object.create(Object.getPrototypeOf(r));return Object.keys(r).forEach(t=>a[t]=l(r[t],e)),Object.keys(o).forEach(t=>{t in r?a[t]=immutableMerge(r[t],o[t],e):e.addIfMissing&&(a[t]=l(o[t],e))}),a}export const getFontFromConfig=r=>`${r.fontSize}px ${r.fontFamily}`;

package/dist/chart/components/chart/basic-scale.d.ts

@@ -0,0 +1,22 @@
+/*
+ * 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 { ScaleModel } from '../../model/scale.model';
+import VisualCandle from '../../model/visual-candle';
+import { Timestamp } from '../../model/scaling/viewport.model';
+import { ChartModel } from './chart.model';
+/**
+ * Calculates the initial viewport.
+ * @param scaleModel
+ * @doc-tags scaling,viewport
+ */
+export declare const createBasicScaleViewportTransformer: (scaleModel: ScaleModel) => (visualCandleSource: VisualCandle[]) => void;
+/**
+ * Moves the viewport between 2 timestamps.
+ * @param scaleModel
+ * @param chartModel
+ * @param canvasAnimationContainer
+ */
+export declare const createTimeFrameViewportTransformer: (scaleModel: ScaleModel, chartModel: ChartModel) => (timeframe: [Timestamp, Timestamp], zoomIn?: boolean | null) => void;

package/dist/chart/components/chart/basic-scale.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 const createBasicScaleViewportTransformer=t=>n=>{if(n.length!==0){const a=n.slice(Math.max(n.length-t.state.defaultViewportItems,0)),e=a[0],i=a[a.length-1];t.setXScale(e.startUnit,i.startUnit+i.width+t.offsets.right),t.doAutoScale(!0),t.recalculateZoomXYRatio(),t.fireChanged()}},createTimeFrameViewportTransformer=(t,n)=>(a,e=null)=>{const[i,o]=a,r=n.candleFromTimestamp(i).startUnit,m=n.candleFromTimestamp(o).startUnit,s=e===null?0:n.mainCandleSeries.meanCandleWidth*2,c=e?r-s:r+s,f=e?m+s:m-s;t.setXScale(c,f)};

package/dist/chart/components/chart/candle-transformer.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 { VisualCandleCalculator } from './chart.model';
+import { Candle } from '../../model/candle.model';
+export declare const defaultCandleTransformer: VisualCandleCalculator;
+export declare const hollowCandleTransformer: VisualCandleCalculator;
+export declare const trendCandleTransformer: VisualCandleCalculator;
+export declare const getCandleIsActive: (candle: Candle, activeCandle?: Candle) => boolean;

package/dist/chart/components/chart/candle-transformer.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{hollowDirection as p,nameDirection as m}from"../../model/candle.model";import u from"../../model/visual-candle";export const defaultCandleTransformer=(o,{x:s,width:r,activeCandle:e})=>new u(s,r,o.open,o.close,o.hi,o.lo,m(o.open,o.close),o,!0,getCandleIsActive(o,e)),hollowCandleTransformer=(o,{x:s,width:r,activeCandle:e,prevCandle:t})=>{var i;return new u(s,r,o.open,o.close,o.hi,o.lo,p((i=t==null?void 0:t.close)!==null&&i!==void 0?i:o.close,o.close),o,!0,getCandleIsActive(o,e),o.close>o.open)},trendCandleTransformer=(o,{x:s,width:r,activeCandle:e,prevCandle:t})=>{var i;return new u(s,r,o.open,o.close,o.hi,o.lo,m((i=t==null?void 0:t.close)!==null&&i!==void 0?i:o.close,o.close),o,!0,getCandleIsActive(o,e),o.close>o.open)},getCandleIsActive=(o,s)=>{const r=s&&s.idx===o.idx;return r!=null?r:!1};

package/dist/chart/components/chart/candle-width-calculator.functions.d.ts

@@ -0,0 +1,7 @@
+/*
+ * 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 { CandleWidthCalculator } from './chart.model';
+export declare const calculateCandleWidth: CandleWidthCalculator;

package/dist/chart/components/chart/candle-width-calculator.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{BASIC_CANDLE_WIDTH as t}from"../../model/candle.model";export const calculateCandleWidth=()=>t;

package/dist/chart/components/chart/candle.functions.d.ts

@@ -0,0 +1,19 @@
+/*
+ * 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 { Candle } from '../../model/candle.model';
+import { PartialCandle } from './chart.component';
+/**
+ * In the early days of Futures contract there is no much trading,
+ * so there is not enough information to build a candle: only Open/Close value available.
+ * In this case Daily candle, which we receive, must be completed to full OHLC with equal values.
+ */
+export declare const prepareCandle: (candle: PartialCandle) => Candle;
+/**
+ * Adds index to candles according to their array index.
+ * @param candles
+ */
+export declare const reindexCandles: (candles: Array<Candle>) => void;
+export declare const deleteCandlesIndex: (candles: Array<Candle>) => void;

package/dist/chart/components/chart/candle.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{finite as t}from"../../utils/math.utils";export const prepareCandle=e=>{var o;const i=t(e.close,e.open,e.hi,e.lo);if(!isFinite(i))throw new Error("Received candle without any price");const p=t(e.hi,Math.max(e.open,e.close),i),r=t(e.lo,Math.min(e.open,e.close),i),s=t(e.open,e.lo,i),n=t(e.close,e.hi,i);return{hi:p,lo:r,open:s,close:n,timestamp:e.timestamp,volume:(o=e.volume)!==null&&o!==void 0?o:0,expansion:e.expansion,idx:e.idx,impVolatility:e.impVolatility}},reindexCandles=e=>{for(let o=0;o<e.length;++o)e[o].idx=o},deleteCandlesIndex=e=>{e.forEach(o=>{o.idx=void 0})};

package/dist/chart/components/chart/chart-area-pan.handler.d.ts

@@ -0,0 +1,88 @@
+/*
+ * 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 { AutoScaleDisableOnDrag, FullChartConfig } from '../../chart.config';
+import EventBus from '../../events/event-bus';
+import { CanvasInputListenerComponent, Point } from '../../inputlisteners/canvas-input-listener.component';
+import { ChartBaseElement } from '../../model/chart-base-element';
+import { ScaleModel } from '../../model/scale.model';
+import { DragNDropYComponent } from '../dran-n-drop_helper/drag-n-drop-y.component';
+import { ChartPanComponent } from '../pan/chart-pan.component';
+export interface ChartWheelEvent {
+    readonly originalEvent: WheelEvent;
+    readonly candleIdx: number;
+}
+/**
+ * ChartAreaPanHandler is a class that handles the panning and zooming of the chart area.
+ * It extends the ChartBaseElement class and has the following properties:
+ * @property {MainCanvasTouchHandler} touchHandler - An instance of the MainCanvasTouchHandler class.
+ * @property {Point} currentPoint - An object that represents the current point of the chart area.
+ * @property {number} xDraggedCandlesDelta - A number that represents the number of candles delta changed during X dragging.
+ * @property {number} lastXStart - A number that represents the last X start position.
+ * @property {number} lastYStart - A number that represents the last Y start position.
+ * @property {number} wheelTrottleTime - A number that represents the time in ms for the wheel throttle.
+ * @constructor
+ * @param {EventBus} bus - An instance of the EventBus class.
+ * @param {FullChartConfig} config - An instance of the FullChartConfig class.
+ * @param {ScaleModel} scaleModel - An instance of the ScaleModel class.
+ * @param {Element} mainCanvasParent - The parent element of the main canvas.
+ * @param {CanvasInputListenerComponent} canvasInputListener - An instance of the CanvasInputListenerComponent class.
+ * @param {CanvasBoundsContainer} canvasBoundsContainer - An instance of the CanvasBoundsContainer class.
+ * @param {CanvasAnimation} canvasAnimation - An instance of the CanvasAnimation class.
+ * @param {ChartPanComponent} chartPanComponent - An instance of the ChartPanComponent class.
+ 
+*/
+export declare class ChartAreaPanHandler extends ChartBaseElement {
+    private bus;
+    private config;
+    private scaleModel;
+    private mainCanvasParent;
+    private canvasInputListener;
+    private canvasBoundsContainer;
+    private canvasAnimation;
+    private chartPanComponent;
+    private readonly touchHandler;
+    private currentPoint;
+    xDraggedCandlesDelta: number;
+    lastXStart: number;
+    wheelTrottleTime: number;
+    constructor(bus: EventBus, config: FullChartConfig, scaleModel: ScaleModel, mainCanvasParent: Element, canvasInputListener: CanvasInputListenerComponent, canvasBoundsContainer: CanvasBoundsContainer, canvasAnimation: CanvasAnimation, chartPanComponent: ChartPanComponent);
+    /**
+     * It observes the wheel event on all panes of the canvas and throttles it to the specified time.
+     * It then calculates the zoom sensitivity based on whether the event was triggered by a touchpad or not.
+     * If the zoomToCursor configuration is set to true, it calculates the viewport percentage based on the zoomCanvasOffset and canvas width.
+     * It then calls the zoomXToPercent method of the scaleModel to zoom in or out based on the zoomIn parameter.
+     * If the zoomToCursor configuration is set to false, it calls the zoomXToEnd method of the scaleModel to zoom in or out based on the zoomIn parameter.
+     * Finally, it fires the draw event of the bus to redraw the canvas.
+     * @param {WheelEvent} e - Wheel event
+     * @returns {void}
+     */
+    private zoomXHandler;
+    /**
+     * This method is used to activate the zoom functionality of the canvas. It extends the doActivate method of the parent class.
+     * @protected
+     * @returns {void}
+     */
+    protected doActivate(): void;
+    /**
+     * Registers a handler for panning the chart along the Y-axis.
+     * @param {ScaleModel} scaleModel - The scale model of the extent.
+     * @param {HitBoundsTest} hitTest - The hit test of the pane.
+     * @returns {DragNDropYComponent} - The drag and drop component for panning the chart along the Y-axis.
+     */
+    registerChartYPanHandler(scaleModel: ScaleModel, hitTest: HitBoundsTest): DragNDropYComponent;
+    private onXDragStart;
+    private onXDragTick;
+}
+/**
+ * This function calculates angle between current point and point(0, 0), and compares the result with config values
+ * @param point
+ * @param config
+ *
+ * @doc-tags chart-core,auto-scale,y-axis
+ */
+export declare const shouldDisableAutoScale: (point: Point, config: Required<AutoScaleDisableOnDrag>) => boolean;

package/dist/chart/components/chart/chart-area-pan.handler.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 C}from"rxjs";import{throttleTime as b}from"rxjs/operators";import{VIEWPORT_ANIMATION_ID as v}from"../../animation/canvas-animation";import{CanvasElement as m}from"../../canvas/canvas-bounds-container";import{MainCanvasTouchHandler as P}from"../../inputhandlers/main-canvas-touch.handler";import{ChartBaseElement as T}from"../../model/chart-base-element";import{pixelsToUnits as p}from"../../model/scaling/viewport.model";import{deviceDetector as X}from"../../utils/device/device-detector.utils";import{getTouchpadSensitivity as A,touchpadDetector as M}from"../../utils/device/touchpad.utils";import{DragNDropXComponent as x}from"../dran-n-drop_helper/drag-n-drop-x.component";import{DragNDropYComponent as w}from"../dran-n-drop_helper/drag-n-drop-y.component";export class ChartAreaPanHandler extends T{constructor(t,a,e,i,s,n,o,r){super(),this.bus=t,this.config=a,this.scaleModel=e,this.mainCanvasParent=i,this.canvasInputListener=s,this.canvasBoundsContainer=n,this.canvasAnimation=o,this.chartPanComponent=r,this.currentPoint={x:0,y:0},this.xDraggedCandlesDelta=0,this.lastXStart=0,this.wheelTrottleTime=15,this.zoomXHandler=h=>{const c=M(h),l=h.deltaY<0,f=c?A(this.config):this.config.scale.zoomSensitivity;if(this.config.scale.zoomToCursor){const D=this.canvasBoundsContainer.getBounds(m.CANVAS).width,S=h.offsetX/D;this.scaleModel.zoomXToPercent(S,l,!1,f)}else this.scaleModel.zoomXToEnd(l,f);this.bus.fireDraw()},this.onXDragStart=()=>{this.canvasAnimation.forceStopAnimation(v),this.xDraggedCandlesDelta=0,this.lastXStart=this.scaleModel.xStart},this.onXDragTick=h=>{const{delta:c}=h;this.currentPoint.x=c;const l=p(c,this.scaleModel.zoomX);this.scaleModel.moveXStart(this.lastXStart-l),this.bus.fireDraw()},this.touchHandler=new P(this.scaleModel,this.canvasInputListener,this.mainCanvasParent);const u=this.canvasBoundsContainer.getBoundsHitTest(m.ALL_PANES),g=new x(u,{onDragStart:this.onXDragStart,onDragTick:this.onXDragTick},this.canvasInputListener,this.chartPanComponent,{disableChartPanning:!1});this.addChildEntity(g)}doActivate(){super.doActivate();const t=this.canvasBoundsContainer.getBoundsHitTest(m.ALL_PANES);this.addRxSubscription(C(this.canvasInputListener.observeWheel(t),this.canvasInputListener.observePinch(t)).pipe(b(this.wheelTrottleTime,void 0,{trailing:!0,leading:!0})).subscribe(this.zoomXHandler)),this.addRxSubscription(this.canvasInputListener.observeScrollGesture().pipe(b(this.wheelTrottleTime,void 0,{trailing:!0,leading:!0})).subscribe(a=>{let e=-1;const i=X();(i==="apple"||i==="mobile")&&(e=1);let s=0,n=0;if(s+=a.deltaX*e,n+=a.deltaY*-e,s!==0&&Math.abs(s)>Math.abs(n)){const o=p(s,this.scaleModel.zoomX);this.scaleModel.moveXStart(this.scaleModel.xStart-o)}else n!==0&&Math.abs(n)>Math.abs(s)&&this.zoomXHandler(a);this.bus.fireDraw()})),this.addRxSubscription(this.chartPanComponent.chartBaseModel.dataPrependSubject.asObservable().subscribe(({prependedCandlesWidth:a})=>{this.lastXStart+=a})),this.touchHandler.activate(),this.addSubscription(this.touchHandler.deactivate.bind(this.touchHandler))}registerChartYPanHandler(t,a){let e=t.yStart;const i=()=>{this.canvasAnimation.forceStopAnimation(v),this.currentPoint={x:0,y:0},e=t.yStart},s=o=>{const{delta:r}=o;if(this.currentPoint.y=r,t.state.auto)shouldDisableAutoScale(this.currentPoint,t.state.autoScaleDisableOnDrag)&&t.autoScale(!1);else{const u=p(t.state.inverse?-r:r,t.zoomY);t.moveYStart(e+u)}},n=new w(a,{onDragTick:s,onDragStart:i},this.canvasInputListener,this.chartPanComponent,{disableChartPanning:!1});return this.addChildEntity(n),n}}export const shouldDisableAutoScale=(d,t)=>{if(!t.enabled)return!1;const a=Math.abs(d.y),e=Math.pow(Math.pow(Math.abs(d.x),2)+Math.pow(a,2),.5),i=Math.abs(Math.acos(a/e));return a>t.yDiff&&i<t.edgeAngle};

package/dist/chart/components/chart/chart-base.model.d.ts

@@ -0,0 +1,55 @@
+/*
+ * 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 { Candle } from '../../model/candle.model';
+import { DataSeriesPoint, VisualSeriesPoint } from '../../model/data-series.model';
+import { Index, Timestamp } from '../../model/scaling/viewport.model';
+import VisualCandle from '../../model/visual-candle';
+export type BaseType = 'candle' | 'point';
+type DataPoint<T extends BaseType> = T extends 'candle' ? Candle : DataSeriesPoint;
+type VisualPoint<T extends BaseType> = T extends 'candle' ? VisualCandle : VisualSeriesPoint;
+export interface PrependedCandlesData {
+    prependedCandlesWidth: number;
+    preparedCandles: Candle[];
+}
+/**
+ * This model is an abstraction which describes manipulations tied to the main data series.
+ * For example, all x-scale is based on the main data series. If we add a new data series, we need to match its coordinates to the main data series.
+ */
+export declare class ChartBaseModel<T extends BaseType = 'point'> {
+    type: T;
+    mainDataPoints: DataPoint<T>[];
+    mainVisualPoints: VisualPoint<T>[];
+    readonly dataUpdatedSubject: Subject<void>;
+    readonly dataSetSubject: Subject<void>;
+    readonly dataRemovedSubject: Subject<void>;
+    readonly dataPrependSubject: Subject<PrependedCandlesData>;
+    /**
+     * Mean data point width in abstract units.
+     */
+    meanDataWidth: number;
+    /**
+     * Candles aggregation period in ms. Required for future candles calculation.
+     */
+    period: number;
+    constructor(type: T);
+    /**
+     * For given timestamp finds the closest candle in dataset.
+     * @param timestamp
+     */
+    dataFromTimestamp(timestamp: Timestamp, shouldExtrapolate?: boolean): VisualPoint<T>;
+    /**
+     * Recalculates the period of the main candle series based on the data points.
+     * If a period is detected, it is set as the new period.
+     */
+    recalculatePeriod(): void;
+    /**
+     * For given index returns the closest visual candle, or fake candle with correct X coordinate.
+     * @param idx - index of candle
+     */
+    dataFromIdx(idx: Index): VisualPoint<T>;
+}
+export {};

package/dist/chart/components/chart/chart-base.model.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 a}from"rxjs";import{autoDetectPeriod as s}from"../../utils/auto-period-detector.utils";import{searchCandleIndex as n}from"../../utils/candles.utils";import{fakeVisualCandle as o,fakeVisualPoint as r}from"./fake-candles";export class ChartBaseModel{constructor(t){this.type=t,this.mainDataPoints=[],this.mainVisualPoints=[],this.dataUpdatedSubject=new a,this.dataSetSubject=new a,this.dataRemovedSubject=new a,this.dataPrependSubject=new a,this.meanDataWidth=1,this.period=1}dataFromTimestamp(t,i=!0){const e=n(t,i,this.mainDataPoints,this.period);return this.dataFromIdx(e.index)}recalculatePeriod(){const t=s(this.mainDataPoints);t&&(this.period=t)}dataFromIdx(t){const i=this.mainVisualPoints[t];return i||(this.type==="candle"?o(this.mainDataPoints,this.mainVisualPoints,this.meanDataWidth,t,this.period):r(this.mainDataPoints,this.mainVisualPoints,this.meanDataWidth,t,this.period))}}

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

@@ -0,0 +1,251 @@
+/*
+ * 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 { Observable } from 'rxjs';
+import { CanvasBoundsContainer } from '../../canvas/canvas-bounds-container';
+import { CursorHandler } from '../../canvas/cursor.handler';
+import { ChartBaseElement } from '../../model/chart-base-element';
+import { BarType, ChartConfigComponentsOffsets, FullChartConfig } from '../../chart.config';
+import { CanvasModel } from '../../model/canvas.model';
+import { SeriesDrawer } from '../../drawers/data-series.drawer';
+import { DrawingManager } from '../../drawers/drawing-manager';
+import { CanvasInputListenerComponent } from '../../inputlisteners/canvas-input-listener.component';
+import { BaselineModel } from '../../model/baseline.model';
+import { CandleSeriesModel } from '../../model/candle-series.model';
+import { Candle } from '../../model/candle.model';
+import { DataSeriesType } from '../../model/data-series.config';
+import { HitTestCanvasModel } from '../../model/hit-test-canvas.model';
+import { ScaleModel } from '../../model/scale.model';
+import { Timestamp, Unit } from '../../model/scaling/viewport.model';
+import { ChartPanComponent } from '../pan/chart-pan.component';
+import { PaneManager } from '../pane/pane-manager.component';
+import { CandleWidthCalculator, ChartModel, LastCandleLabelHandler, VisualCandleCalculator } from './chart.model';
+import { PrependedCandlesData } from './chart-base.model';
+/**
+ * Represents a financial instrument to be displayed on a chart
+ * @class
+ * @property {string} symbol - The symbol of the instrument
+ * @property {string} [description] - The description of the instrument
+ * @property {Array<number>} [priceIncrements=[0.01]] - An array of possible price step values on the price axis
+ * @property {boolean} [bondFraction] - A flag indicating whether the instrument is a bond fraction or not
+ */
+export declare class ChartInstrument {
+    symbol: string;
+    description?: string;
+    /**
+     * defines possible price step values on price axis
+     */
+    priceIncrements?: Array<number>;
+}
+export type PartialCandle = Partial<Candle> & {
+    timestamp: Timestamp;
+    close: number;
+};
+export interface CandleSeries {
+    candles: PartialCandle[];
+    instrument?: ChartInstrument;
+}
+export declare class ChartComponent extends ChartBaseElement {
+    readonly chartModel: ChartModel;
+    canvasModel: CanvasModel;
+    private config;
+    private scaleModel;
+    private canvasBoundsContainer;
+    private drawingManager;
+    private hitTestCanvasModel;
+    private canvasInputListener;
+    readonly baselineModel: BaselineModel;
+    private readonly backgroundDrawer;
+    private readonly dataSeriesDrawers;
+    private readonly dataSeriesDrawer;
+    constructor(chartModel: ChartModel, canvasModel: CanvasModel, config: FullChartConfig, scaleModel: ScaleModel, canvasBoundsContainer: CanvasBoundsContainer, drawingManager: DrawingManager, hitTestCanvasModel: HitTestCanvasModel, canvasInputListener: CanvasInputListenerComponent, backgroundCanvasModel: CanvasModel, chartPanComponent: ChartPanComponent, paneManager: PaneManager, cursorHandler: CursorHandler);
+    /**
+     * This method overrides the doActivate method of the parent class and calls it.
+     * It does not take any parameters and does not return anything.
+     * @protected
+     * @returns {void}
+     */
+    protected doActivate(): void;
+    /**
+     * Registers default candle transformers.
+     * @private
+     * @function
+     * @returns {void}
+     */
+    private registerDefaultCandlesTransformers;
+    get barTypeValues(): Array<BarType>;
+    strToBarType: (str: string) => BarType;
+    /**
+     * You can use this method to determine logic of visual candle transformation for specified chart type.
+     * @param chartType
+     * @param transformer
+     */
+    registerCandlesTransformer(chartType: BarType, transformer: VisualCandleCalculator): void;
+    /**
+     * You can use this method to modify labels for last candle.
+     * @param chartType
+     * @param handler
+     */
+    registerLastCandleLabelHandler(chartType: BarType, handler: LastCandleLabelHandler): void;
+    /**
+     * You can use this method to determine chart width calculation for specified chart type.
+     * @param chartType
+     * @param calculator
+     */
+    registerCandlesWidthCalculator(chartType: BarType, calculator: CandleWidthCalculator): void;
+    /**
+     * In future this drawers should have same type as main series
+     */
+    private registerDefaultDataSeriesDrawers;
+    /**
+     * Sets the chart type of main candle series.
+     * @param type - new type
+     */
+    setChartType(type: BarType): void;
+    /**
+     * Resets chart scale to default according to config.components.chart.defaultZoomCandleWidth.
+     */
+    resetChartScale(): void;
+    /**
+     * Sets the timestamp range of the chart by setting the x-axis scale.
+     * @param {Timestamp} start - The start timestamp of the range.
+     * @param {Timestamp} end - The end timestamp of the range.
+     * @returns {void}
+     */
+    setTimestampRange(start: Timestamp, end: Timestamp): void;
+    /**
+     * Moves the viewport to exactly xStart..xEnd place.
+     * @param xStart - viewport start in units
+     * @param xEnd - viewport end in units
+     */
+    setXScale(xStart: Unit, xEnd: Unit): void;
+    /**
+     * Sets the visibility of the wicks in the chart.
+     * @param {boolean} isShow - A boolean value indicating whether to show or hide the wicks.
+     * @returns {void}
+     */
+    setShowWicks(isShow: boolean): void;
+    /**
+     * Used to set the main series to chart.
+     * @param series
+     */
+    setMainSeries(series: CandleSeries): void;
+    /**
+     * Adds new secondary chart series.
+     * @param series
+     */
+    setSecondarySeries(series: CandleSeries): CandleSeriesModel | undefined;
+    /**
+     * Sets the main and secondary series in one bulk operation.
+     * Reindexing and visual rerender happens at the same time.
+     * @param mainSeries
+     * @param secondarySeries
+     */
+    setAllSeries(mainSeries: CandleSeries, secondarySeries?: CandleSeries[]): void;
+    /**
+     * Converts candle index to chart x coordinate
+     */
+    toXFromCandleIndex(idx: number): number;
+    /**
+     * Converts timestamp to chart x coordinate
+     */
+    toXFromTimestamp(timestamp: number): number;
+    /**
+     * Converts price to chart y coordinate
+     */
+    toY(price: number): number;
+    /**
+     * Updates the main and secondary series in one bulk operation.
+     * Reindexing and visual rerender happens at the same time.
+     * @param mainSeries {CandleSeries}
+     * @param secondarySeries {CandleSeries[]}
+     */
+    updateAllSeries(mainSeries: CandleSeries, secondarySeries?: CandleSeries[]): void;
+    /**
+     * Removes all data points from the main candle series that are newer than the given timestamp.
+     * Can be useful for data replay.
+     * @param startTimestamp
+     */
+    removeDataFrom(timestamp: Timestamp): void;
+    /**
+     * Removes chart candles series.
+     * @param instrument
+     */
+    removeSecondarySeries(series: CandleSeriesModel): void;
+    /**
+     * Adds new candles array to the existing one at the start, mostly used in lazy loading
+     * @param target - initial candles array
+     * @param prependUpdate - additional candles array, which will be added to the target array
+     */
+    prependCandles(target: Candle[], prependUpdate: Candle[]): void;
+    /**
+     * Adds new candle to the chart
+     * @param candle - new candle
+     * @param instrument - name of the instrument to update
+     */
+    addLastCandle(candle: Candle, instrumentSymbol?: string): void;
+    /**
+     * Updates last candle value
+     * @param candle - updated candle
+     * @param instrument - name of the instrument to update
+     */
+    updateLastCandle(candle: Candle, instrumentSymbol?: string): void;
+    /**
+     * Updates candle series for instrument. By default takes main instrument.
+     * @param candles
+     * @param instrument
+     */
+    updateCandles(candles: Array<Candle>, instrumentSymbol?: string): void;
+    /**
+     * Sets offsets to viewport.
+     * @param offsets - new offsets
+     */
+    setOffsets(offsets: Partial<ChartConfigComponentsOffsets>): void;
+    /**
+     * Returns a SeriesDrawer object based on the provided drawerType.
+     * @param {BarType} drawerType - The type of the drawer to be returned.
+     * @returns {SeriesDrawer | undefined} - The SeriesDrawer object corresponding to the provided drawerType or undefined if not found.
+     */
+    getDataSeriesDrawer(drawerType: BarType): SeriesDrawer | undefined;
+    /**
+     * Registers a new chart type drawer or overrides default drawer if drawerType is {BarType}.
+     * @param drawerType {string} - a unique name for the drawer, could be {BarType} - in this case will override default drawer for the type
+     * @param drawer {ChartTypeDrawer} - an implementation of the drawer
+     */
+    registerDataSeriesTypeDrawer(drawerType: DataSeriesType, drawer: SeriesDrawer): void;
+    /**
+     * Updates the price increments of a given instrument if they are not valid or not defined.
+     * If the price increments are not valid or not defined, it will set them to a default value.
+     * @param {ChartInstrument} instrument - The instrument to update the price increments for.
+     */
+    private updatePriceIncrementsIfNeeded;
+    /**
+     * Returns an Observable that emits a void value whenever the offsetsChanged event is triggered.
+     * @returns {Observable<void>} An Observable that emits a void value whenever the offsetsChanged event is triggered.
+     */
+    observeOffsetsChanged(): Observable<void>;
+    /**
+     * Returns an Observable that emits the BarType whenever the chart type is changed.
+     * @returns {Observable<BarType>} An Observable that emits the BarType whenever the chart type is changed.
+     */
+    observeChartTypeChanged(): Observable<BarType>;
+    /**
+     * Returns an Observable that emits a void value when the candles in the chart model change.
+     * The Observable is obtained by calling the observeCandlesChanged method of the chartModel object.
+     * @returns {Observable<void>} An Observable that emits a void value when the candles in the chart model change.
+     */
+    observeCandlesChanged(): Observable<void>;
+    /**
+     * Returns an Observable that emits a void value when the candles are updated in the chart model.
+     * The Observable is obtained from the candlesUpdatedSubject of the chartModel.
+     * @returns {Observable<void>} Observable that emits a void value when the candles are updated.
+     */
+    observeCandlesUpdated(): Observable<void>;
+    /**
+     * Returns an Observable that emits a void value whenever the candlesPrependSubject is triggered.
+     * @returns {Observable<PrependedCandlesData>} An Observable that emits a PrependedCandlesData whenever the candles are added to the end.
+     */
+    observeCandlesPrepended(): Observable<PrependedCandlesData>;
+}

package/dist/chart/components/chart/chart.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{CHART_UUID as l,CanvasElement as c}from"../../canvas/canvas-bounds-container";import{ChartBaseElement as g}from"../../model/chart-base-element";import{BackgroundDrawer as T}from"../../drawers/chart-background.drawer";import{AreaDrawer as M}from"../../drawers/chart-type-drawers/area.drawer";import{BarDrawer as v}from"../../drawers/chart-type-drawers/bar.drawer";import{BaselineDrawer as I}from"../../drawers/chart-type-drawers/baseline.drawer";import{CandleDrawer as y}from"../../drawers/chart-type-drawers/candle.drawer";import{HistogramDrawer as E}from"../../drawers/chart-type-drawers/histogram.drawer";import{LineDrawer as b}from"../../drawers/chart-type-drawers/line.drawer";import{ScatterPlotDrawer as A}from"../../drawers/chart-type-drawers/scatter-plot.drawer";import{CandleSeriesWrapper as P}from"../../drawers/data-series-drawers/candle-series-wrapper";import{ColorCandleDrawer as _}from"../../drawers/data-series-drawers/color-candle.drawer";import{DifferenceCloudDrawer as L}from"../../drawers/data-series-drawers/difference-cloud.drawer";import{HistogramDrawer as N}from"../../drawers/data-series-drawers/histogram.drawer";import{LinearDrawer as B}from"../../drawers/data-series-drawers/linear.drawer";import{PointsDrawer as R}from"../../drawers/data-series-drawers/points.drawer";import{TextDrawer as O}from"../../drawers/data-series-drawers/text.drawer";import{TriangleDrawer as H}from"../../drawers/data-series-drawers/triangle.drawer";import{DataSeriesDrawer as x}from"../../drawers/data-series.drawer";import{HIT_TEST_PREFIX as U}from"../../drawers/drawing-manager";import{HTDataSeriesDrawer as F}from"../../drawers/ht-data-series.drawer";import{BaselineModel as X}from"../../model/baseline.model";import{keys as k}from"../../utils/object.utils";import{PriceIncrementsUtils as m}from"../../utils/price-increments.utils";import{defaultCandleTransformer as V,hollowCandleTransformer as W,trendCandleTransformer as G}from"./candle-transformer.functions";import{deleteCandlesIndex as j}from"./candle.functions";import{TrendHistogramDrawer as K}from"../../drawers/data-series-drawers/trend-histogram.drawer";export class ChartInstrument{constructor(){this.symbol="MOCK",this.priceIncrements=[.01]}}export class ChartComponent extends g{constructor(e,r,t,a,i,s,n,D,C,w,d,h){super(),this.chartModel=e,this.canvasModel=r,this.config=t,this.scaleModel=a,this.canvasBoundsContainer=i,this.drawingManager=s,this.hitTestCanvasModel=n,this.canvasInputListener=D,this.dataSeriesDrawers={},this.strToBarType=f=>{var o;return(o=this.barTypeValues.find(S=>S===f))!==null&&o!==void 0?o:"candle"},this.addChildEntity(this.chartModel),this.registerDefaultCandlesTransformers(),this.baselineModel=new X(this.chartModel,w,this.canvasModel,this.canvasInputListener,this.config,this.canvasBoundsContainer,h),this.addChildEntity(this.baselineModel);const u=new F(this.dataSeriesDrawers,this.hitTestCanvasModel,d);this.drawingManager.addDrawerBefore(u,U+"DATA_SERIES","HIT_TEST_EVENTS"),this.dataSeriesDrawer=new x(d,r,this.dataSeriesDrawers),this.drawingManager.addDrawer(this.dataSeriesDrawer,"DATA_SERIES"),this.registerDefaultDataSeriesDrawers(),this.backgroundDrawer=new T(C,this.config),s.addDrawer(this.backgroundDrawer,"MAIN_BACKGROUND"),h.setCursorForCanvasEl(c.PANE_UUID(l),t.components.chart.cursor)}doActivate(){super.doActivate()}registerDefaultCandlesTransformers(){this.registerCandlesTransformer("candle",V),this.registerCandlesTransformer("trend",G),this.registerCandlesTransformer("hollow",W)}get barTypeValues(){return k(this.dataSeriesDrawers)}registerCandlesTransformer(e,r){this.chartModel.registerCandlesTransformer(e,r)}registerLastCandleLabelHandler(e,r){this.chartModel.registerLastCandleLabelHandler(e,r)}registerCandlesWidthCalculator(e,r){this.chartModel.registerCandlesWidthCalculator(e,r)}registerDefaultDataSeriesDrawers(){const e=new y(this.config.components.chart);this.registerDataSeriesTypeDrawer("candle",e),this.registerDataSeriesTypeDrawer("trend",e),this.registerDataSeriesTypeDrawer("hollow",e),this.registerDataSeriesTypeDrawer("bar",new v(this.config.components.chart)),this.registerDataSeriesTypeDrawer("line",new b(this.config.components.chart)),this.registerDataSeriesTypeDrawer("scatterPlot",new A(this.config.colors.scatterPlot)),this.registerDataSeriesTypeDrawer("area",new M(this.config.components.chart)),this.registerDataSeriesTypeDrawer("baseline",new I(this.baselineModel,this.canvasBoundsContainer)),this.registerDataSeriesTypeDrawer("histogram",new E(this.config.components.chart.histogram));const r=()=>this.canvasBoundsContainer.getBounds(c.PANE_UUID(l));this.registerDataSeriesTypeDrawer("LINEAR",new B),this.registerDataSeriesTypeDrawer("HISTOGRAM",new N),this.registerDataSeriesTypeDrawer("TREND_HISTOGRAM",new K),this.registerDataSeriesTypeDrawer("POINTS",new R),this.registerDataSeriesTypeDrawer("COLOR_CANDLE",new P(new _(this.chartModel),this.config,r)),this.registerDataSeriesTypeDrawer("TEXT",new O(this.config)),this.registerDataSeriesTypeDrawer("TRIANGLE",new H),this.registerDataSeriesTypeDrawer("DIFFERENCE",new L)}setChartType(e){this.config.components.chart.type=e,this.chartModel.rememberCurrentTimeframe(),this.chartModel.mainCandleSeries.setType(e),this.chartModel.mainCandleSeries.updateCandleSeriesColors(Object.assign({},this.config.colors)),this.chartModel.mainCandleSeries.recalculateVisualPoints(),this.chartModel.chartTypeChanged.next(e)}resetChartScale(){this.chartModel.doBasicScale()}setTimestampRange(e,r){return this.chartModel.setTimestampRange(e,r)}setXScale(e,r){return this.scaleModel.setXScale(e,r)}setShowWicks(e){this.config.components.chart.showWicks=e,this.canvasModel.fireDraw()}setMainSeries(e){var r;const t=(r=e.instrument)!==null&&r!==void 0?r:this.chartModel.mainCandleSeries.instrument;this.chartModel.mainCandleSeries.instrument=t,this.chartModel.setAllSeries({candles:e.candles,instrument:t},this.chartModel.getSecondarySeries().map(a=>{var i;const s=(i=a.instrument)!==null&&i!==void 0?i:this.chartModel.mainCandleSeries.instrument,n=a.dataPoints;return j(n),{candles:n,instrument:s}})),this.updatePriceIncrementsIfNeeded(t)}setSecondarySeries(e){var r;const t=(r=e.instrument)!==null&&r!==void 0?r:this.chartModel.mainCandleSeries.instrument,a=this.chartModel.setSecondaryCandleSeries(e.candles,t);if(this.updatePriceIncrementsIfNeeded(t),a)return a}setAllSeries(e,r=[]){var t;const a=(t=e.instrument)!==null&&t!==void 0?t:this.chartModel.mainCandleSeries.instrument;this.updatePriceIncrementsIfNeeded(a),r.forEach(i=>{var s;const n=(s=i.instrument)!==null&&s!==void 0?s:this.chartModel.mainCandleSeries.instrument;this.updatePriceIncrementsIfNeeded(n)}),this.chartModel.setAllSeries(e,r)}toXFromCandleIndex(e){return this.chartModel.toX(e)}toXFromTimestamp(e){return this.chartModel.candleFromTimestamp(e).xCenter(this.chartModel.scaleModel)}toY(e){return this.chartModel.toY(e)}updateAllSeries(e,r=[]){this.chartModel.updateAllSeries(e,r),this.canvasModel.fireDraw()}removeDataFrom(e){this.chartModel.removeDataFrom(e)}removeSecondarySeries(e){this.chartModel.removeSecondaryCandleSeries(e)}prependCandles(e,r){this.chartModel.prependCandles(e,r)}addLastCandle(e,r){this.chartModel.addLastCandle(e,r)}updateLastCandle(e,r){this.chartModel.updateLastCandle(e,r)}updateCandles(e,r){this.chartModel.updateCandles(e,r)}setOffsets(e){this.chartModel.setOffsets(e)}getDataSeriesDrawer(e){return this.dataSeriesDrawers[e]}registerDataSeriesTypeDrawer(e,r){this.dataSeriesDrawers[e]=r}updatePriceIncrementsIfNeeded(e){(!e.priceIncrements||!m.validatePriceIncrementsOrPrecisions(e.priceIncrements))&&(e.priceIncrements=[m.autoDetectIncrementOfValueRange(this.scaleModel.yEnd-this.scaleModel.yStart)])}observeOffsetsChanged(){return this.chartModel.offsetsChanged}observeChartTypeChanged(){return this.chartModel.chartTypeChanged}observeCandlesChanged(){return this.chartModel.observeCandlesChanged()}observeCandlesUpdated(){return this.chartModel.candlesUpdatedSubject}observeCandlesPrepended(){return this.chartModel.candlesPrependSubject}}