@devexperts/dxcharts-lite 2.7.5 → 2.7.7

package/dist/chart/drawers/data-series.drawer.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 { clipToBounds } from '../utils/canvas/canvas-drawing-functions.utils';
+import { isEmpty } from '../utils/object.utils';
 export const transformToTwoDimension = (points) => (Array.isArray(points[0]) ? points : [points]);
 /**
  * Basic data series drawer.
@@ -27,7 +28,8 @@ export class DataSeriesDrawer {
         }
     }
     drawSeries(ctx, series) {
-        if (series.config.visible) {
+        const visibilityPredicates = series.config.additionalVisibilityPredicatesMap;
+        if (series.config.visible || (visibilityPredicates && !isEmpty(visibilityPredicates))) {
             const paintTool = series.config.type;
             const drawer = this.seriesDrawers[paintTool];
             if (drawer) {

package/dist/chart/drawers/ht-data-series.drawer.d.ts

@@ -8,6 +8,7 @@ import { DataSeriesModel } from '../model/data-series.model';
 import { HitTestCanvasModel } from '../model/hit-test-canvas.model';
 import { SeriesDrawer } from './data-series.drawer';
 import { Drawer } from './drawing-manager';
+export declare const HIT_TEST_HOVER_WIDTH = 7;
 /***
  * HitTest Chart drawer. It's used to draw hit test for chart types on the hit-test canvas.
  */

package/dist/chart/drawers/ht-data-series.drawer.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 { clipToBounds } from '../utils/canvas/canvas-drawing-functions.utils';
+export const HIT_TEST_HOVER_WIDTH = 7;
 /***
  * HitTest Chart drawer. It's used to draw hit test for chart types on the hit-test canvas.
  */
@@ -32,7 +33,7 @@ export class HTDataSeriesDrawer {
             if (drawer) {
                 const drawConfig = {
                     color: this.canvasModel.idToColor(series.htId),
-                    hoverWidth: 7,
+                    hoverWidth: HIT_TEST_HOVER_WIDTH,
                 };
                 // +- 1 to correctly draw points which are partly inside bounds
                 drawer.draw(ctx, series.getSeriesInViewport(series.scale.xStart - 1, series.scale.xEnd + 1), series, drawConfig);

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

@@ -21,7 +21,11 @@ export interface Candle {
     readonly expansion?: boolean;
     idx?: number;
     readonly impVolatility?: number;
+    /**
+     * @deprecated might be removed in next major version
+     */
     readonly vwap?: number;
+    readonly typicalPrice?: number;
 }
 export declare const defaultSortCandles: (candles: Candle[]) => Candle[];
 export declare const generateCandleId: (timestamp: number, hashValue: number | string) => string;

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

@@ -50,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 { id, expansion, impVolatility, vwap, volume, timestamp } = base;
+    const { id, expansion, impVolatility, vwap, typicalPrice, volume, timestamp } = base;
     let hi = base.hi;
     let lo = base.lo;
     let open = base.open;
@@ -76,5 +76,6 @@ export function copyCandle(base, idx, pricesAsClose = false) {
         idx: _idx,
         impVolatility,
         vwap,
+        typicalPrice,
     };
 }

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

@@ -4,10 +4,11 @@
  * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 import { BarTypes, YAxisLabelAppearanceType, YAxisLabelMode } from '../chart.config';
-export type DataSeriesType = 'POINTS' | 'LINEAR' | 'HISTOGRAM' | 'TREND_HISTOGRAM' | 'DIFFERENCE' | 'TEXT' | 'ABOVE_CANDLE_TEXT' | 'BELOW_CANDLE_TEXT' | 'ABOVE_CANDLE_TRIANGLE' | 'TRIANGLE' | 'COLOR_CANDLE' | 'RECTANGULAR' | keyof BarTypes | string;
+export type DataSeriesType = 'POINTS' | 'LINEAR' | 'HISTOGRAM' | 'TREND_HISTOGRAM' | 'DIFFERENCE' | 'TEXT' | 'ABOVE_CANDLE_TEXT' | 'BELOW_CANDLE_TEXT' | 'ABOVE_CANDLE_TRIANGLE' | 'TRIANGLE' | 'COLOR_CANDLE' | 'RECTANGULAR' | 'EMA_CLOUD_LINE' | keyof BarTypes | string;
 export interface DataSeriesConfig {
     paintConfig: Array<DataSeriesPaintConfig>;
     visible: boolean;
+    additionalVisibilityPredicatesMap?: any;
     highLowActive: boolean;
     type: DataSeriesType;
     /**

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

@@ -250,7 +250,7 @@ export class DataSeriesModel extends ChartBaseElement {
      * @returns {string} The formatted value as a string.
      */
     valueFormatter(value) {
-        return defaultValueFormatter(value);
+        return this.extentComponent.formatters.regular(value);
     }
     /**
      * Returns a two-dimensional array of the visual points in the viewport of the DataSeriesView.

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

@@ -30,6 +30,7 @@ export default class VisualCandle extends VisualSeriesPoint {
     name: PriceMovement;
     candle: Candle;
     startUnit: Unit;
+    endUnit: Unit;
     hasBorder: boolean;
     isActive: boolean;
     isHollow: boolean;

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

@@ -23,6 +23,7 @@ export default class VisualCandle extends VisualSeriesPoint {
     constructor(x, width, open, close, high, low, name, candle, hasBorder = false, isActive = false, isHollow = false) {
         super(x, close);
         this.startUnit = x - width / 2;
+        this.endUnit = x + width / 2;
         this.width = width;
         this.open = open;
         this.high = high;

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

@@ -8,7 +8,7 @@ export declare class MathUtils {
     static roundToNearest(value: number, precision: number): number;
     static roundUpToNearest(value: number, precision: number): number;
     static roundDecimal(x: number): number;
-    static makeDecimal(value: number, precision: number, decimal?: string): string;
+    static makeDecimal(value: number, precision: number, decimal?: string, thousandsSeparator?: string): string;
     static compare(a: number, b: number, eps: number): number;
     static isZero(a: number): boolean;
     static cutNumber(value: number, amountToCut: NumberFormatLabels, zeros?: number): string;
@@ -38,3 +38,4 @@ export declare const floor: (value: number) => number;
 export declare const ceil: (value: number) => number;
 export declare const round: (value: number) => number;
 export declare const shiftRight: (value: number, shift: number) => number;
+export declare function countDecimalPlaces(number: number): number;

package/dist/chart/utils/math.utils.js

@@ -45,14 +45,33 @@ export class MathUtils {
         // Mantissa >= 10^14 with fractions -- just round
         return Math.round(x);
     }
-    static makeDecimal(value, precision, decimal) {
-        if (isFinite(value)) {
-            const stringValue = value.toFixed(precision);
-            return decimal ? stringValue.replace('.', decimal) : stringValue;
-        }
-        else {
+    static makeDecimal(value, precision, decimal, thousandsSeparator) {
+        if (!isFinite(value)) {
             return '';
         }
+        if (isFinite(value)) {
+            let stringValue = value.toFixed(precision);
+            if (!thousandsSeparator) {
+                return decimal ? stringValue.replace('.', decimal) : stringValue;
+            }
+            if (decimal === thousandsSeparator) {
+                throw new Error('Grouping symbol cannot be the same as decimal separator.');
+            }
+            const splittedValue = stringValue.split('.');
+            let integerPart = splittedValue[0];
+            const fractionPart = splittedValue[1];
+            if (Math.abs(value) >= 1000) {
+                integerPart = integerPart.replace(RegExp('\\d(?=(\\d{3})+$)', 'g'), `$&${thousandsSeparator}`);
+            }
+            if (fractionPart) {
+                stringValue = [integerPart, fractionPart].join(decimal);
+                return stringValue;
+            }
+            else {
+                return integerPart;
+            }
+        }
+        return '';
     }
     static compare(a, b, eps) {
         if (a > b + eps) {
@@ -121,3 +140,15 @@ export const ceil = (value) => ~~(value + 1);
 export const round = (value) => ~~(value + 0.5);
 // eslint-disable-next-line no-bitwise
 export const shiftRight = (value, shift) => value >> shift;
+export function countDecimalPlaces(number) {
+    if (!Number.isFinite(number)) {
+        throw new Error('Input must be a finite number.');
+    }
+    const numberString = number.toString();
+    if (numberString.includes('.')) {
+        return numberString.split('.')[1].length;
+    }
+    else {
+        return 0; // No decimal places
+    }
+}