@devexperts/dxcharts-lite 2.5.8 → 2.6.0

package/dist/chart/components/volumes/separate-volumes.component.js

@@ -7,10 +7,9 @@ import { ChartBaseElement } from '../../model/chart-base-element';
 import { createCandlesOffsetProvider } from '../chart/data-series.high-low-provider';
 import { volumeFormatter } from './volumes.formatter';
 class SeparateVolumesComponent extends ChartBaseElement {
-    constructor(chartComponent, drawingManager, config, volumesModel, paneManager) {
+    constructor(chartComponent, config, volumesModel, paneManager) {
         super();
         this.chartComponent = chartComponent;
-        this.drawingManager = drawingManager;
         this.config = config;
         this.volumesModel = volumesModel;
         this.paneManager = paneManager;
@@ -53,7 +52,6 @@ class SeparateVolumesComponent extends ChartBaseElement {
     deactiveSeparateVolumes() {
         this.paneManager.removePane(SeparateVolumesComponent.UUID);
         delete this.pane;
-        this.drawingManager.removeDrawerByName('UNDERLAY_VOLUMES_AREA');
     }
     /**
      * Converts a pixel value from the Y-axis of the scale model to the corresponding data value.

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

@@ -23,7 +23,7 @@ export class VolumesComponent extends ChartBaseElement {
         const volumesModel = new VolumesModel(chartComponent, scale);
         this.volumesModel = volumesModel;
         this.addChildEntity(volumesModel);
-        this.separateVolumes = new SeparateVolumesComponent(chartComponent, drawingManager, config, volumesModel, paneManager);
+        this.separateVolumes = new SeparateVolumesComponent(chartComponent, config, volumesModel, paneManager);
         this.volumesDrawer = new VolumesDrawer(config, this.volumesModel, chartComponent.chartModel, () => { var _a, _b; return (this.config.components.volumes.showSeparately ? (_b = (_a = this.separateVolumes.pane) === null || _a === void 0 ? void 0 : _a.scale) !== null && _b !== void 0 ? _b : scale : scale); }, this.volumesColorByChartTypeMap, () => true);
         config.components.volumes.visible && this.syncVolumesDynamicObject();
         this.addChildEntity(this.separateVolumes);

package/dist/chart/components/volumes/volumes.drawer.js

@@ -101,12 +101,12 @@ export class VolumesDrawer {
                 const width = nextX !== undefined ? nextX - x : floorToDPR(unitToPixels(vCandle.width, viewportModel.zoomX));
                 if (this.config.components.volumes.showSeparately) {
                     const y = floorToDPR(viewportModel.toY(vCandle.candle.volume));
-                    const height = floorToDPR(viewportModel.toY(0)) - y;
+                    const height = ceilToDPR(viewportModel.toY(0)) - y;
                     this.drawVolume(canvasModel, vCandle, x, y, width, height);
                 }
                 else {
                     const zoomY = volumeMax / (fullVHeight / OVERLAY_VOLUME_TOTAL_HEIGHT_DIVISOR);
-                    const height = Math.max(unitToPixels(vCandle.candle.volume, zoomY), 2);
+                    const height = Math.max(ceilToDPR(unitToPixels(vCandle.candle.volume, zoomY)), 2);
                     const y = floorToDPR(bounds.y + fullVHeight - height);
                     this.drawVolume(canvasModel, vCandle, x, y, width, height);
                 }
@@ -139,7 +139,7 @@ export class VolumesDrawer {
             ctx.stroke();
         }
         else {
-            ctx.fillRect(x, y, width, ceilToDPR(height));
+            ctx.fillRect(x, y, width, height);
         }
     }
 }

package/dist/chart/components/watermark/water-mark.component.d.ts

@@ -5,21 +5,12 @@
  */
 import { CanvasBoundsContainer } from '../../canvas/canvas-bounds-container';
 import { ChartBaseElement } from '../../model/chart-base-element';
-import { FullChartConfig } from '../../chart.config';
+import { ChartConfigComponentsWaterMark, FullChartConfig } from '../../chart.config';
 import { CanvasModel } from '../../model/canvas.model';
 import { DrawingManager } from '../../drawers/drawing-manager';
 import EventBus from '../../events/event-bus';
 import { ChartModel } from '../chart/chart.model';
 import { PaneManager } from '../pane/pane-manager.component';
-export interface WaterMarkConfig {
-    isVisible?: boolean;
-    fontFamily?: string;
-    firstRowFontSize?: number;
-    firstRowBottomPadding?: number;
-    secondRowFontSize?: number;
-    secondRowBottomPadding?: number;
-    thirdRowFontSize?: number;
-}
 export interface WaterMarkData {
     firstRow?: string;
     secondRow?: string;
@@ -55,11 +46,11 @@ export declare class WaterMarkComponent extends ChartBaseElement {
     private getWaterMarkData;
     /**
      * Sets the watermark configuration for the chart.
-     * @param {WaterMarkConfig} watermarkConfig - The configuration object for the watermark.
+     * @param {ChartConfigComponentsWaterMark} watermarkConfig - The configuration object for the watermark.
      * @returns {void}
      
     */
-    setWaterMarkConfig(watermarkConfig: WaterMarkConfig): void;
+    setWaterMarkConfig(watermarkConfig: ChartConfigComponentsWaterMark): void;
     /**
      * Sets the logo image to be used as a watermark.
      * @param {CanvasImageSource} img - The image to be used as a watermark.

package/dist/chart/components/watermark/water-mark.component.js

@@ -56,7 +56,7 @@ export class WaterMarkComponent extends ChartBaseElement {
     }
     /**
      * Sets the watermark configuration for the chart.
-     * @param {WaterMarkConfig} watermarkConfig - The configuration object for the watermark.
+     * @param {ChartConfigComponentsWaterMark} watermarkConfig - The configuration object for the watermark.
      * @returns {void}
      
     */

package/dist/chart/components/x_axis/time/parser/time-formats-parser.functions.js

@@ -75,7 +75,7 @@ export const parseTimeFormatsFromKey = (format) => {
         };
     }
     else {
-        console.warn(`${format} is not fit, check the documentation to see available formats https://webdev.prosp.devexperts.com:8095/docs/chart/x-axis`);
+        console.warn(`${format} is not fit, check the documentation to see available formats in dxchart-lite documentation.`);
         return null;
     }
 };

package/dist/chart/components/x_axis/x-axis-scale.handler.js

@@ -47,8 +47,8 @@ export class XAxisScaleHandler extends ChartBaseElement {
             // Continue redrawing hit test
             this.hitTestCanvasModel.hitTestDrawersPredicateSubject.next(true);
         };
-        this.setDblTapCallback = (cb) => this.dblTapCallback = cb;
-        this.setDblClickCallback = (cb) => this.dblClickCallback = cb;
+        this.setDblTapCallback = (cb) => (this.dblTapCallback = cb);
+        this.setDblClickCallback = (cb) => (this.dblClickCallback = cb);
         this.dblClickCallback = () => chartModel.doBasicScale();
         this.dblTapCallback = () => chartModel.doBasicScale();
         const dragNDropXComponent = new DragNDropXComponent(hitTest, {

package/dist/chart/components/x_axis/x-axis.component.js

@@ -82,7 +82,7 @@ export class XAxisComponent extends ChartBaseElement {
             this.xAxisLabelsGenerator.recalculateLabels();
         }));
         this.addRxSubscription(this.chartComponent.chartModel.candlesUpdatedSubject
-            .pipe(map(() => lastOf(this.chartComponent.chartModel.mainCandleSeries.visualPoints)), distinctUntilChanged((a, b) => { var _a, _b; return ((_a = a === null || a === void 0 ? void 0 : a.candle) === null || _a === void 0 ? void 0 : _a.timestamp) === ((_b = b === null || b === void 0 ? void 0 : b.candle) === null || _b === void 0 ? void 0 : _b.timestamp); }), filter(notEmpty))
+            .pipe(map(() => lastOf(this.chartComponent.chartModel.mainCandleSeries.visualPoints)), distinctUntilChanged((a, b) => { var _a, _b; return ((_a = a === null || a === void 0 ? void 0 : a.candle) === null || _a === void 0 ? void 0 : _a.id) === ((_b = b === null || b === void 0 ? void 0 : b.candle) === null || _b === void 0 ? void 0 : _b.id); }), filter(notEmpty))
             .subscribe(x => { var _a, _b; return (_b = (_a = this.xAxisLabelsGenerator) === null || _a === void 0 ? void 0 : _a.updateLastLabel) === null || _b === void 0 ? void 0 : _b.call(_a, x); }));
     }
     /**

package/dist/chart/components/y_axis/y-axis-scale.handler.js

@@ -4,7 +4,7 @@
  * 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 { CanvasElement, DEFAULT_MIN_PANE_HEIGHT } from '../../canvas/canvas-bounds-container';
+import { CanvasElement, DEFAULT_MIN_PANE_HEIGHT, } from '../../canvas/canvas-bounds-container';
 import { ChartBaseElement } from '../../model/chart-base-element';
 import { DragNDropYComponent } from '../dran-n-drop_helper/drag-n-drop-y.component';
 // if you drag full Y height from top to bottom - you will have x3 zoom, and vice-versa
@@ -73,8 +73,8 @@ export class YAxisScaleHandler extends ChartBaseElement {
             // Continue redrawing hit test
             this.hitTestCanvasModel.hitTestDrawersPredicateSubject.next(true);
         };
-        this.setDblTapCallback = (cb) => this.dblTapCallback = cb;
-        this.setDblClickCallback = (cb) => this.dblClickCallback = cb;
+        this.setDblTapCallback = (cb) => (this.dblTapCallback = cb);
+        this.setDblClickCallback = (cb) => (this.dblClickCallback = cb);
         this.dblClickCallback = () => scale.autoScale(true);
         this.dblTapCallback = () => scale.autoScale(true);
         // drag to Y-scale and double click to auto scale

package/dist/chart/drawers/drawing-manager.d.ts

@@ -6,7 +6,7 @@
 import EventBus from '../events/event-bus';
 import { ChartResizeHandler } from '../inputhandlers/chart-resize.handler';
 export declare const HIT_TEST_PREFIX = "HIT_TEST_";
-declare const drawerTypes: readonly ["MAIN_BACKGROUND", "MAIN_CLEAR", "HIT_TEST_CLEAR", "YAXIS_CLEAR", "SERIES_CLEAR", "OVER_SERIES_CLEAR", "HIT_TEST_DRAWINGS", "GRID", "UNDERLAY_VOLUMES_AREA", "X_AXIS", "Y_AXIS", "HIGH_LOW", "DYNAMIC_OBJECTS", "N_MAP_CHART", "PL_CHART", "WATERMARK", "EMPTY_CHART", "OFFLINE_CHART", "LABELS", "EVENTS", "HIT_TEST_EVENTS", "ZERO_LINE", "PL_ZERO_LINE_BACKGROUND", "CROSS_TOOL"];
+declare const drawerTypes: readonly ["MAIN_BACKGROUND", "MAIN_CLEAR", "HIT_TEST_CLEAR", "YAXIS_CLEAR", "SERIES_CLEAR", "OVER_SERIES_CLEAR", "HIT_TEST_DRAWINGS", "GRID", "X_AXIS", "Y_AXIS", "HIGH_LOW", "DYNAMIC_OBJECTS", "N_MAP_CHART", "PL_CHART", "WATERMARK", "EMPTY_CHART", "OFFLINE_CHART", "LABELS", "EVENTS", "HIT_TEST_EVENTS", "ZERO_LINE", "PL_ZERO_LINE_BACKGROUND", "CROSS_TOOL"];
 export type DrawerType = typeof drawerTypes[number];
 /**
  * Manages the drawing process.

package/dist/chart/drawers/drawing-manager.js

@@ -18,7 +18,6 @@ const drawerTypes = [
     'OVER_SERIES_CLEAR',
     'HIT_TEST_DRAWINGS',
     'GRID',
-    'UNDERLAY_VOLUMES_AREA',
     'X_AXIS',
     'Y_AXIS',
     'HIGH_LOW',

package/dist/chart/inputhandlers/hover-producer.component.js

@@ -4,6 +4,7 @@
  * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 import { BehaviorSubject, merge } from 'rxjs';
+import { filter, switchMap } from 'rxjs/operators';
 import { CHART_UUID, CanvasElement } from '../canvas/canvas-bounds-container';
 import { CandleHoverProducerPart } from '../model/candle-hover';
 import { ChartBaseElement } from '../model/chart-base-element';
@@ -50,8 +51,13 @@ export class HoverProducerComponent extends ChartBaseElement {
      */
     doActivate() {
         super.doActivate();
-        this.addRxSubscription(this.chartModel.candlesSetSubject.subscribe(() => {
-            // required for initial legend initialization, do not show cross tool
+        this.addRxSubscription(
+        // required for initial legend initialization, do not show cross tool
+        this.chartModel.candlesSetSubject
+            .pipe(
+        // check the scale is valid before doing candle-based hover event
+        switchMap(() => this.scale.initialViewportValidSubject.pipe(filter(Boolean))))
+            .subscribe(() => {
             const lastCandle = this.chartModel.getLastVisualCandle();
             lastCandle && this.createAndFireHoverFromCandle(lastCandle);
         }));

package/dist/chart/model/candle.model.d.ts

@@ -11,6 +11,7 @@ export declare const BASIC_CANDLE_WIDTH: Unit;
  * @doc-tags-name Candle
  */
 export interface Candle {
+    readonly id: string;
     readonly hi: number;
     readonly lo: number;
     readonly open: number;
@@ -22,6 +23,8 @@ export interface Candle {
     readonly impVolatility?: number;
     readonly vwap?: number;
 }
+export declare const defaultSortCandles: (candles: Candle[]) => Candle[];
+export declare const generateCandleId: (timestamp: number, hashValue: number | string) => string;
 /**
  * Provides the name of candle difference
  * @param {Number} open

package/dist/chart/model/candle.model.js

@@ -3,9 +3,14 @@
  * 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 { hashCode } from '../utils/string.utils';
 // Has no specific rule, just any number to use in units calculation.
 // 1 - because why not? Easy to debug.
 export const BASIC_CANDLE_WIDTH = 1;
+export const defaultSortCandles = (candles) => candles.slice().sort((a, b) => (a.timestamp === b.timestamp ? 0 : a.timestamp > b.timestamp ? 1 : -1));
+export const generateCandleId = (timestamp, hashValue) => {
+    return `${timestamp}_${hashCode(hashValue.toString())}`;
+};
 /**
  * Provides the name of candle difference
  * @param {Number} open
@@ -45,7 +50,7 @@ export function hollowDirection(open, close) {
  * @returns {Candle} A new Candle object with the same properties as the base object, with the option to modify the prices.
  */
 export function copyCandle(base, idx, pricesAsClose = false) {
-    const { expansion, impVolatility, vwap, volume, timestamp } = base;
+    const { id, expansion, impVolatility, vwap, volume, timestamp } = base;
     let hi = base.hi;
     let lo = base.lo;
     let open = base.open;
@@ -60,6 +65,7 @@ export function copyCandle(base, idx, pricesAsClose = false) {
         _idx = idx;
     }
     return {
+        id,
         hi,
         lo,
         open,

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

@@ -11,7 +11,7 @@ import { DataSeriesView } from './data-series-view';
 import { DataSeriesConfig, DataSeriesPaintConfig, DataSeriesType } from './data-series.config';
 import { HighLowWithIndex, ScaleModel } from './scale.model';
 import { HighLowProvider } from './scaling/auto-scale.model';
-import { Index, Unit, Viewable } from './scaling/viewport.model';
+import { Index, Pixel, Unit, Viewable } from './scaling/viewport.model';
 /**
  * Properties are named in order to match VisualCandle interface
  */
@@ -22,11 +22,11 @@ export declare class VisualSeriesPoint {
     /**
      * returns y coordinate in pixels
      */
-    y(viewable: Viewable): Unit;
+    y(viewable: Viewable): Pixel;
     /**
      * returns x coordinate in pixels
      */
-    x(viewable: Viewable): Unit;
+    x(viewable: Viewable): Pixel;
     clone(): VisualSeriesPoint;
 }
 export interface DataSeriesPoint {

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

@@ -30,7 +30,7 @@ export class VisualSeriesPoint {
      * returns x coordinate in pixels
      */
     x(viewable) {
-        return floorToDPR(viewable.toX(this.centerUnit));
+        return viewable.toX(this.centerUnit);
     }
     clone() {
         return new VisualSeriesPoint(this.centerUnit, this.close);

package/dist/chart/model/scale.model.js

@@ -125,7 +125,7 @@ export class ScaleModel extends ViewportModel {
         }
     }
     zoomXTo(state, zoomIn, forceNoAnimation) {
-        const initialStateCopy = Object.assign({}, state);
+        const initialStateCopy = this.export();
         const constrainedState = this.scalePostProcessor(initialStateCopy, state);
         this.zoomReached = this.calculateZoomReached(constrainedState.zoomX, zoomIn);
         if (this.zoomReached.zoomIn || this.zoomReached.zoomOut) {

package/dist/chart/model/scaling/viewport.model.d.ts

@@ -3,7 +3,7 @@
  * 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 { BehaviorSubject, Subject } from 'rxjs';
 import { ChartBaseElement } from '../chart-base-element';
 import { ViewportMovementAnimation } from '../../animation/types/viewport-movement-animation';
 import { Bounds } from '../bounds.model';
@@ -92,6 +92,7 @@ export declare abstract class ViewportModel extends ChartBaseElement implements
         start: number;
         end: number;
     }>;
+    initialViewportValidSubject: BehaviorSubject<boolean>;
     protected doActivate(): void;
     protected doDeactivate(): void;
     /**

package/dist/chart/model/scaling/viewport.model.js

@@ -3,7 +3,7 @@
  * 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 { BehaviorSubject, Subject } from 'rxjs';
 import { distinctUntilChanged, map, share } from 'rxjs/operators';
 import { ChartBaseElement } from '../chart-base-element';
 import { keys } from '../../utils/object.utils';
@@ -50,10 +50,15 @@ export class ViewportModel extends ChartBaseElement {
             start: this.yStart,
             end: this.yEnd,
         })), distinctUntilChanged((p, c) => p.start === c.start && p.end === c.end), share());
+        this.initialViewportValidSubject = new BehaviorSubject(false);
     }
     //endregion
     doActivate() {
         super.doActivate();
+        this.addRxSubscription(this.changed.subscribe(() => {
+            !this.initialViewportValidSubject.getValue() &&
+                this.initialViewportValidSubject.next(this.isViewportValid());
+        }));
     }
     doDeactivate() {
         super.doDeactivate();

package/dist/chart/model/time-zone.model.js

@@ -87,9 +87,7 @@ export class TimeZoneModel {
             // In JS Date object is created with local tz offset,
             // so we have to subtract localOffset from current time
             return time => {
-                return new Date(time +
-                    getTimezoneOffset(timezone, time) +
-                    new Date(time).getTimezoneOffset() * timeMultiplier);
+                return new Date(time + getTimezoneOffset(timezone, time) + new Date(time).getTimezoneOffset() * timeMultiplier);
             };
         }
     }

package/dist/chart/utils/candles-generator-ts.utils.d.ts

@@ -32,6 +32,7 @@ export interface GenerateCandlesDataConfig {
  * @doc-tags tricky
  */
 export declare function generateCandlesDataTS(config?: GenerateCandlesDataConfig): {
+    id: string;
     hi: number;
     lo: number;
     open: any;

package/dist/chart/utils/candles-generator.utils.d.ts

@@ -4,6 +4,7 @@
  * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 export default function generateCandlesData(config: any): {
+    id: string;
     hi: number;
     lo: number;
     open: any;

package/dist/chart/utils/candles-generator.utils.js

@@ -5,6 +5,7 @@
  */
 /* eslint-disable */
 'use strict';
+import { generateCandleId } from '../model/candle.model';
 export default function generateCandlesData(config) {
     // default generation config
     config = config || {};
@@ -78,6 +79,7 @@ function generateRandomCandle(from, to, candleAvgSize, type) {
     var high = Math.max(open, close) + Math.random() * candleAvgSize * 0.2;
     var low = Math.min(open, close) - Math.random() * candleAvgSize * 0.2;
     return {
+        id: generateCandleId(0, high + low + open + close),
         hi: high,
         lo: low,
         open: open,

package/dist/chart/utils/string.utils.d.ts

@@ -0,0 +1,6 @@
+/*
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
+ * 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 function hashCode(str: string): number;

package/dist/chart/utils/string.utils.js

@@ -0,0 +1,19 @@
+/*
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
+ * 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 function hashCode(str) {
+    let hash = 0;
+    if (str.length === 0) {
+        return hash;
+    }
+    for (let i = 0; i < str.length; i++) {
+        const chr = str.charCodeAt(i);
+        // eslint-disable-next-line no-bitwise
+        hash = (hash << 5) - hash + chr;
+        // eslint-disable-next-line no-bitwise
+        hash |= 0; // Convert to 32bit integer
+    }
+    return hash;
+}

package/dist/chart/utils/types.utils.d.ts

@@ -0,0 +1,9 @@
+/*
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
+ * 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 type Mutable<T> = {
+    -readonly [P in keyof T]: T[P];
+};
+export type PartialExcept<T, K extends keyof T> = Partial<Omit<T, K>> & Pick<T, K>;

package/dist/chart/utils/types.utils.js

@@ -0,0 +1,6 @@
+/*
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
+ * 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 {};