@devexperts/dxcharts-lite 2.5.3 → 2.5.5

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

@@ -10,10 +10,11 @@ import { PartialCandle } from './chart.component';
  * 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;
+export declare const prepareCandle: (candle: PartialCandle) => Candle | undefined;
 /**
  * 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;
+export declare const isCandle: (value: Candle | undefined) => value is Candle;

package/dist/chart/components/chart/candle.functions.js

@@ -11,27 +11,33 @@ import { finite } from '../../utils/math.utils';
  */
 export const prepareCandle = (candle) => {
     var _a;
-    const settlementPrice = finite(candle.close, candle.open, candle.hi, candle.lo);
-    if (!isFinite(settlementPrice)) {
-        throw new Error('Received candle without any price');
+    try {
+        const settlementPrice = finite(candle.close, candle.open, candle.hi, candle.lo);
+        if (!isFinite(settlementPrice)) {
+            throw new Error('Received candle without any price');
+        }
+        // @ts-ignore
+        const preparedCandleHi = finite(candle.hi, Math.max(candle.open, candle.close), settlementPrice);
+        // @ts-ignore
+        const preparedCandleLo = finite(candle.lo, Math.min(candle.open, candle.close), settlementPrice);
+        const preparedCandleOpen = finite(candle.open, candle.lo, settlementPrice);
+        const preparedCandleClose = finite(candle.close, candle.hi, settlementPrice);
+        return {
+            hi: preparedCandleHi,
+            lo: preparedCandleLo,
+            open: preparedCandleOpen,
+            close: preparedCandleClose,
+            timestamp: candle.timestamp,
+            volume: (_a = candle.volume) !== null && _a !== void 0 ? _a : 0,
+            expansion: candle.expansion,
+            idx: candle.idx,
+            impVolatility: candle.impVolatility,
+        };
+    }
+    catch (e) {
+        console.warn(e);
+        return;
     }
-    // @ts-ignore
-    const preparedCandleHi = finite(candle.hi, Math.max(candle.open, candle.close), settlementPrice);
-    // @ts-ignore
-    const preparedCandleLo = finite(candle.lo, Math.min(candle.open, candle.close), settlementPrice);
-    const preparedCandleOpen = finite(candle.open, candle.lo, settlementPrice);
-    const preparedCandleClose = finite(candle.close, candle.hi, settlementPrice);
-    return {
-        hi: preparedCandleHi,
-        lo: preparedCandleLo,
-        open: preparedCandleOpen,
-        close: preparedCandleClose,
-        timestamp: candle.timestamp,
-        volume: (_a = candle.volume) !== null && _a !== void 0 ? _a : 0,
-        expansion: candle.expansion,
-        idx: candle.idx,
-        impVolatility: candle.impVolatility,
-    };
 };
 /**
  * Adds index to candles according to their array index.
@@ -47,3 +53,4 @@ export const deleteCandlesIndex = (candles) => {
         candle.idx = undefined;
     });
 };
+export const isCandle = (value) => value !== undefined;

package/dist/chart/components/chart/chart.component.js

@@ -100,6 +100,7 @@ export class ChartComponent extends ChartBaseElement {
             this.dynamicObjects.model.addObject({
                 id: series.id,
                 paneId: series.extentComponent.paneUUID,
+                parentId: series.parentId,
                 model: series,
                 drawer: this.dataSeriesDrawer,
             });

package/dist/chart/components/chart/chart.model.js

@@ -20,7 +20,7 @@ import { floor, round } from '../../utils/math.utils';
 import { merge as mergeObj } from '../../utils/merge.utils';
 import { createBasicScaleViewportTransformer, createTimeFrameViewportTransformer } from './basic-scale';
 import { calculateCandleWidth } from './candle-width-calculator.functions';
-import { deleteCandlesIndex, prepareCandle, reindexCandles } from './candle.functions';
+import { deleteCandlesIndex, isCandle, prepareCandle, reindexCandles } from './candle.functions';
 import { ChartInstrument } from './chart.component';
 import { fakeCandle } from './fake-candles';
 import { SecondaryChartColorsPool } from './secondary-chart-colors-pool';
@@ -162,9 +162,9 @@ export class ChartModel extends ChartBaseElement {
      * @returns {CandleSeriesModel | undefined} - The newly created secondary candle series model or undefined if it could not be created.
      */
     setSecondaryCandleSeries(candles, instrument = this.mainCandleSeries.instrument, recalculateAndUpdate = true) {
-        const prepareCandleCandles = sortCandles(candles.map(prepareCandle));
+        const preparedCandles = prepareCandles(candles);
         // set correct indexes based on main candles timestamp
-        const reindexCandles = this.reindexCandlesBasedOnSeries(this.mainCandleSeries.dataPoints, prepareCandleCandles);
+        const reindexCandles = this.reindexCandlesBasedOnSeries(this.mainCandleSeries.dataPoints, preparedCandles);
         // ensure there are no gaps in new candles
         const secondaryCandles = this.secondarySeriesAdjustments(this.mainCandleSeries.dataPoints, reindexCandles);
         // create a new secondary series model if it doesn't already exist
@@ -198,10 +198,10 @@ export class ChartModel extends ChartBaseElement {
             this.mainInstrumentChangedSubject.next(mainSeries.instrument);
         }
         this.rememberCurrentTimeframe();
-        const prepareCandleCandles = sortCandles(mainSeries.candles.map(prepareCandle));
+        const preparedCandles = prepareCandles(mainSeries.candles);
         this.mainCandleSeries.clearData();
-        reindexCandles(prepareCandleCandles);
-        this.mainCandleSeries.dataPoints = prepareCandleCandles;
+        reindexCandles(preparedCandles);
+        this.mainCandleSeries.dataPoints = preparedCandles;
         // deactivate deleted series
         this.secondaryCandleSeries
             .filter(series => {
@@ -282,7 +282,7 @@ export class ChartModel extends ChartBaseElement {
             console.error('All series update failed. Instruments for series are different.');
             return;
         }
-        const preparedCandles = sortCandles(mainSeries.candles.map(prepareCandle));
+        const preparedCandles = prepareCandles(mainSeries.candles);
         const updateResult = updateCandles(this.mainCandleSeries.dataPoints, preparedCandles);
         const updatedCandles = updateResult.candles;
         reindexCandles(updatedCandles);
@@ -290,7 +290,7 @@ export class ChartModel extends ChartBaseElement {
         // re-create series
         secondarySeries.map(series => {
             var _a, _b, _c, _d;
-            const preparedCandles = sortCandles(series.candles.map(prepareCandle));
+            const preparedCandles = prepareCandles(series.candles);
             const updatedCandles = updateCandles((_d = (_c = this.findSecondarySeriesBySymbol((_b = (_a = series.instrument) === null || _a === void 0 ? void 0 : _a.symbol) !== null && _b !== void 0 ? _b : '')) === null || _c === void 0 ? void 0 : _c.dataPoints) !== null && _d !== void 0 ? _d : [], preparedCandles).candles;
             return this.setSecondaryCandleSeries(updatedCandles, series.instrument, false);
         });
@@ -932,6 +932,7 @@ export class ChartModel extends ChartBaseElement {
     }
 }
 const sortCandles = (candles) => candles.slice().sort((a, b) => (a.timestamp === b.timestamp ? 0 : a.timestamp > b.timestamp ? 1 : -1));
+const prepareCandles = (candles) => sortCandles(candles.map(prepareCandle).filter(isCandle));
 const findFirstNotEmptyCandle = (candles, startIdx, iterateStep) => {
     if (startIdx >= candles.length) {
         return candles[candles.length - 1];

package/dist/chart/components/dynamic-objects/dynamic-objects.model.d.ts

@@ -14,17 +14,19 @@ export interface DynamicObject<T = unknown> {
     readonly drawer: DynamicModelDrawer<T>;
     readonly paneId: PaneId;
     readonly model?: T;
+    readonly parentId?: DynamicObjectId;
 }
 export declare class DynamicObjectsModel extends ChartBaseElement {
     private canvasModel;
     private _objects;
     private modelIdToObjectMap;
+    private _uniqueObjects;
     constructor(canvasModel: CanvasModel);
     /**
      * @returns the `DynamicObject` itself and pane `LinkedList` where the object is stored.
      *
      */
-    private getObjectInfoById;
+    getObjectInfoById(id: DynamicObjectId): [DynamicObject, LinkedList<DynamicObject>] | undefined;
     /**
      * @returns `DynamicObject` position in associated pane `LinkedList`
      * @returns `-1` if an object was not found
@@ -78,6 +80,10 @@ export declare class DynamicObjectsModel extends ChartBaseElement {
      * Getter for the objects
      */
     get objects(): Record<string, LinkedList<DynamicObject<unknown>>>;
+    /**
+     * Getter for the unique objects, unique object is an entity which is either dynamic object itself, or its parent
+     */
+    get uniqueObjects(): Record<string, Set<DynamicObjectId>>;
     /**
      * Sets the objects
      * @param objects

package/dist/chart/components/dynamic-objects/dynamic-objects.model.js

@@ -11,6 +11,7 @@ export class DynamicObjectsModel extends ChartBaseElement {
         super();
         this.canvasModel = canvasModel;
         this.modelIdToObjectMap = new Map();
+        this._uniqueObjects = {};
         this._objects = new BehaviorSubject({});
     }
     /**
@@ -49,7 +50,7 @@ export class DynamicObjectsModel extends ChartBaseElement {
      * @param obj
      */
     addObject(obj) {
-        var _a;
+        var _a, _b;
         const paneId = obj.paneId;
         const objects = this.objects;
         const paneList = (_a = objects[paneId]) !== null && _a !== void 0 ? _a : new LinkedList();
@@ -58,6 +59,10 @@ export class DynamicObjectsModel extends ChartBaseElement {
         }
         paneList.insertAtEnd(obj);
         this.modelIdToObjectMap.set(obj.id, obj);
+        if (!this.uniqueObjects[paneId]) {
+            this.uniqueObjects[paneId] = new Set();
+        }
+        this.uniqueObjects[paneId].add((_b = obj.parentId) !== null && _b !== void 0 ? _b : obj.id);
         this.setDynamicObjects(objects);
     }
     /**
@@ -65,6 +70,7 @@ export class DynamicObjectsModel extends ChartBaseElement {
      * @param id
      */
     removeObject(id) {
+        var _a;
         const objInfo = this.getObjectInfoById(id);
         if (!objInfo) {
             return;
@@ -74,6 +80,9 @@ export class DynamicObjectsModel extends ChartBaseElement {
         const targetPos = paneList.getNodePosition(targetNode);
         paneList.removeAt(targetPos);
         this.modelIdToObjectMap.delete(id);
+        if (this.uniqueObjects[obj.paneId]) {
+            this.uniqueObjects[obj.paneId].delete((_a = obj.parentId) !== null && _a !== void 0 ? _a : obj.id);
+        }
         if (paneList.size() === 0) {
             delete this.objects[obj.paneId];
         }
@@ -198,6 +207,12 @@ export class DynamicObjectsModel extends ChartBaseElement {
     get objects() {
         return this._objects.getValue();
     }
+    /**
+     * Getter for the unique objects, unique object is an entity which is either dynamic object itself, or its parent
+     */
+    get uniqueObjects() {
+        return this._uniqueObjects;
+    }
     /**
      * Sets the objects
      * @param objects

package/dist/chart/model/data-series.config.d.ts

@@ -31,6 +31,7 @@ export interface DataSeriesPaintConfig {
     color: string;
     lineWidth: number;
     hoveredLineWidth: number;
+    offset: number;
     multiplyColors?: [NegativeColor, PositiveColor] | [NegativeAndDownColor, NegativeAndUpColor, PositiveAndDownColor, PositiveAndUpColor];
 }
 export declare const DEFAULT_DATA_SERIES_PAINT_CONFIG: DataSeriesPaintConfig;

package/dist/chart/model/data-series.config.js

@@ -7,6 +7,7 @@ export const DEFAULT_DATA_SERIES_PAINT_CONFIG = {
     color: '#FF00FF',
     lineWidth: 1,
     hoveredLineWidth: 2,
+    offset: 0,
 };
 export const DEFAULT_DATA_SERIES_CONFIG = {
     paintConfig: [DEFAULT_DATA_SERIES_PAINT_CONFIG],

package/dist/chart/model/data-series.model.d.ts

@@ -47,6 +47,7 @@ export declare class DataSeriesModel<D extends DataSeriesPoint = DataSeriesPoint
     extentComponent: YExtentComponent;
     id: string;
     htId: number;
+    parentId?: string | number | undefined;
     name: string;
     highlighted: boolean;
     yAxisLabelProvider: DataSeriesYAxisLabelsProvider;
@@ -71,7 +72,7 @@ export declare class DataSeriesModel<D extends DataSeriesPoint = DataSeriesPoint
     get visualPoints(): V[];
     get visualPoints2D(): V[][];
     set visualPoints(points: V[][] | V[]);
-    constructor(extentComponent: YExtentComponent, id: string, htId: number, _config?: AtLeastOne<DataSeriesConfig>);
+    constructor(extentComponent: YExtentComponent, id: string, htId: number, parentId?: string | number | undefined, _config?: AtLeastOne<DataSeriesConfig>);
     protected doActivate(): void;
     /**
      * Sets the data points and recalculates internal state

package/dist/chart/model/data-series.model.js

@@ -65,12 +65,13 @@ export class DataSeriesModel extends ChartBaseElement {
         this._visualPoints = create2DArray(points);
         this._visualPointsFlat = this._visualPoints.flat();
     }
-    constructor(extentComponent, id, htId, _config = cloneUnsafe(DEFAULT_DATA_SERIES_CONFIG)) {
+    constructor(extentComponent, id, htId, parentId, _config = cloneUnsafe(DEFAULT_DATA_SERIES_CONFIG)) {
         var _a;
         super();
         this.extentComponent = extentComponent;
         this.id = id;
         this.htId = htId;
+        this.parentId = parentId;
         this.name = '';
         this.highlighted = false;
         this._dataPoints = [];

package/dist/chart/model/hit-test-canvas.model.js

@@ -10,11 +10,11 @@ import { CanvasModel, initCanvasWithConfig } from './canvas.model';
 import { animationFrameId } from '../utils/performance/request-animation-frame-throttle.utils';
 const bigPrimeNumber = 317;
 export const HIT_TEST_ID_RANGE = {
-    DRAWINGS: [1, 199],
-    NEWS: [200, 299],
-    DATA_SERIES: [300, 2999],
-    EVENTS: [3000, 4000],
-    EXECUTED_ORDERS: [4001, 5000],
+    DRAWINGS: [1, 4999],
+    NEWS: [5000, 5999],
+    DATA_SERIES: [6000, 9999],
+    EVENTS: [10000, 12999],
+    EXECUTED_ORDERS: [13000, 15999],
 };
 /** HitTestCanvasModel
  * Canvas layer for testing mouse events over the models such as Charts, Drawings, Volumes and etc.