@devexperts/dxcharts-lite 2.7.31 → 2.7.33

package/dist/chart/components/y_axis/price_labels/data-series-y-axis-labels.provider.js

@@ -38,7 +38,7 @@ export class DataSeriesYAxisLabelsProvider {
         if (!isFinite(lastPointY)) {
             return [];
         }
-        const label = this.series.valueFormatter(lastPoint.close);
+        const label = this.series.extentComponent.valueFormatter(lastPoint.close, { formatWithSeparators: true });
         const drawConfig = this.getLabelDrawConfig();
         return [
             {

package/dist/chart/components/y_axis/price_labels/last-candle-labels.provider.js

@@ -68,7 +68,10 @@ export class LastCandleLabelsProvider {
                 return {
                     y,
                     labelWeight: 0,
-                    labelText: this.chartModel.pane.valueFormatter(lastCandle.close, series),
+                    labelText: this.chartModel.pane.valueFormatter(lastCandle.close, {
+                        formatWithSeparators: true,
+                        dataSeries: series,
+                    }),
                     mode,
                     labelType: appearanceType,
                     description: series.instrument.symbol,

package/dist/chart/model/hit-test-canvas.model.d.ts

@@ -12,7 +12,7 @@ import EventBus from '../events/event-bus';
 import { CanvasInputListenerComponent, Point } from '../inputlisteners/canvas-input-listener.component';
 export declare const bigPrimeNumber = 317;
 export type HitTestEvents = 'mousedown' | 'hover' | 'touchstart' | 'dblclick' | 'contextmenu' | 'zoom' | 'mouseup';
-type HitTestType = 'DRAWINGS' | 'DATA_SERIES' | 'EVENTS' | 'NEWS' | 'EXECUTED_ORDERS';
+type HitTestType = 'DRAWINGS' | 'DATA_SERIES' | 'EVENTS' | 'NEWS' | 'EXECUTED_ORDERS' | 'CUSTOM_STUDY_LABELS';
 export declare const HIT_TEST_ID_RANGE: Record<HitTestType, [number, number]>;
 /** HitTestCanvasModel
  * Canvas layer for testing mouse events over the models such as Charts, Drawings, Volumes and etc.

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

@@ -15,6 +15,7 @@ export const HIT_TEST_ID_RANGE = {
     DATA_SERIES: [6000, 9999],
     EVENTS: [10000, 12999],
     EXECUTED_ORDERS: [13000, 15999],
+    CUSTOM_STUDY_LABELS: [16000, 19999],
 };
 /** HitTestCanvasModel
  * Canvas layer for testing mouse events over the models such as Charts, Drawings, Volumes and etc.

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

@@ -376,6 +376,7 @@ export class ScaleModel extends ViewportModel {
      */
     autoScale(auto = true) {
         // TODO rework, make this a separate feature toggle, describe in docs; this should be a business-logic level
+        const prevAuto = this.state.auto;
         if (this.config.components.yAxis.type === 'percent') {
             this.state.auto = true;
         }
@@ -386,6 +387,9 @@ export class ScaleModel extends ViewportModel {
             this.clearHistory();
             this.doAutoScale();
         }
+        else if (prevAuto !== this.state.auto) {
+            this.fireChanged();
+        }
     }
     /**
      * Sets whether the price-to-bar ratio should be locked or not.

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

@@ -8,6 +8,8 @@ export declare class MathUtils {
     static roundToNearest(value: number, precision: number): number;
     static roundUpToNearest(value: number, precision: number): number;
     static roundDecimal(x: number): number;
+    static readonly THOUSANDS_SEPARATOR_REGEX: RegExp;
+    static formatIntegerWithSeparator(integerValue: number, thousandsSeparator: 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;

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

@@ -46,6 +46,12 @@ export class MathUtils {
         // Mantissa >= 10^14 with fractions -- just round
         return Math.round(x);
     }
+    static formatIntegerWithSeparator(integerValue, thousandsSeparator) {
+        if (Math.abs(integerValue) < 1000) {
+            return integerValue.toString();
+        }
+        return integerValue.toString().replace(MathUtils.THOUSANDS_SEPARATOR_REGEX, `$&${thousandsSeparator}`);
+    }
     static makeDecimal(value, precision, decimal, thousandsSeparator) {
         if (!isFinite(value)) {
             return '';
@@ -62,7 +68,7 @@ export class MathUtils {
             let integerPart = splittedValue[0];
             const fractionPart = splittedValue[1];
             if (Math.abs(value) >= 1000) {
-                integerPart = integerPart.replace(RegExp('\\d(?=(\\d{3})+$)', 'g'), `$&${thousandsSeparator}`);
+                integerPart = integerPart.replace(MathUtils.THOUSANDS_SEPARATOR_REGEX, `$&${thousandsSeparator}`);
             }
             if (fractionPart) {
                 stringValue = [integerPart, fractionPart].join(decimal);
@@ -99,6 +105,7 @@ export class MathUtils {
         return /\de(\-|\+)\d/.test(a.toString());
     }
 }
+MathUtils.THOUSANDS_SEPARATOR_REGEX = /\d(?=(\d{3})+$)/g;
 /**
  * Checks if first and second number are differs by specified times
  * @param first {number}