@devexperts/dxcharts-lite 2.5.1 → 2.5.3

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

@@ -25,6 +25,8 @@ export declare class XAxisScaleHandler extends ChartBaseElement {
     lastXStart: Unit;
     lastXWidth: Unit;
     lastXPxWidth: Pixel;
+    private dblClickCallback;
+    private dblTapCallback;
     constructor(scale: ScaleModel, canvasInputListener: CanvasInputListenerComponent, canvasBoundsContainer: CanvasBoundsContainer, chartPanComponent: ChartPanComponent, chartModel: ChartModel, hitTestCanvasModel: HitTestCanvasModel);
     /**
      * This method is used to activate the canvas input listener and add a subscription to it.
@@ -38,4 +40,6 @@ export declare class XAxisScaleHandler extends ChartBaseElement {
     private onXDragStart;
     private onXDragTick;
     private onXDragEnd;
+    setDblTapCallback: (cb: () => void) => () => void;
+    setDblClickCallback: (cb: () => void) => () => void;
 }

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

@@ -46,6 +46,10 @@ 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.dblClickCallback = () => chartModel.doBasicScale();
+        this.dblTapCallback = () => chartModel.doBasicScale();
         const dragNDropXComponent = new DragNDropXComponent(this.canvasBoundsContainer.getBoundsHitTest(CanvasElement.X_AXIS), {
             onDragStart: this.onXDragStart,
             onDragTick: this.onXDragTick,
@@ -67,7 +71,10 @@ export class XAxisScaleHandler extends ChartBaseElement {
         super.doActivate();
         this.addRxSubscription(this.canvasInputListener
             .observeDbClick(this.canvasBoundsContainer.getBoundsHitTest(CanvasElement.X_AXIS))
-            .subscribe(() => this.chartModel.doBasicScale()));
+            .subscribe(() => this.dblClickCallback()));
+        this.addRxSubscription(this.canvasInputListener
+            .observeDbTap(this.canvasBoundsContainer.getBoundsHitTest(CanvasElement.X_AXIS))
+            .subscribe(() => this.dblTapCallback()));
         this.addRxSubscription(this.chartModel.candlesPrependSubject.subscribe(({ prependedCandlesWidth }) => (this.lastXStart += prependedCandlesWidth)));
     }
 }

package/dist/chart/components/x_axis/x-axis.component.d.ts

@@ -71,4 +71,6 @@ export declare class XAxisComponent extends ChartBaseElement {
      * If visible, when you can see the x-axis on the chart
      */
     isVisible(): boolean;
+    setDblClickCallback: (cb: () => void) => () => void;
+    setDblTapCallback: (cb: () => void) => () => void;
 }

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

@@ -29,6 +29,18 @@ export class XAxisComponent extends ChartBaseElement {
         this.scale = scale;
         this.chartResizeHandler = chartResizeHandler;
         this.timeZoneModel = timeZoneModel;
+        /* This function assigns a callback to be executed when a double-click event is detected.
+         * It accepts one parameter `cb`, which is a callback function.
+         * When a double-click event occurs, the specified callback function `cb` will be invoked.
+         * By default it calls basic scale on XAxis
+         */
+        this.setDblClickCallback = (cb) => this.xAxisScaleHandler.setDblClickCallback(cb);
+        /* This function assigns a callback to be executed when a double-tap event is detected.
+         * Similar to the dblclick function, it takes one parameter `cb`, which is a callback function.
+         * This function ensures that the callback `cb` is called whenever a double-tap event is triggered.
+         * By default it calls basic scale on XAxis
+         */
+        this.setDblTapCallback = (cb) => this.xAxisScaleHandler.setDblTapCallback(cb);
         const xAxisLabelsGenerator = new XAxisTimeLabelsGenerator(eventBus, config, chartComponent.chartModel, scale, timeZoneModel, this.canvasModel, canvasBoundsContainer);
         this.xAxisLabelsGenerator = xAxisLabelsGenerator;
         this.xAxisLabelsModel = new XAxisLabelsModel(eventBus, []);

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

@@ -24,16 +24,19 @@ export declare class YAxisScaleHandler extends ChartBaseElement {
     private canvasInputListener;
     private bounds;
     private hitTest;
-    private autoScaleCallback;
     private hitTestCanvasModel;
     yAxisDragEndSubject: Subject<void>;
     lastYStart: Unit;
     lastYEnd: Unit;
     lastYHeight: Unit;
     lastYPxHeight: Pixel;
-    constructor(bus: EventBus, config: YAxisConfig, panning: ChartPanComponent, scale: ScaleModel, canvasInputListener: CanvasInputListenerComponent, bounds: CanvasBoundsContainer, hitTest: HitBoundsTest, autoScaleCallback: (auto: boolean) => void, hitTestCanvasModel: HitTestCanvasModel);
+    private dblClickCallback;
+    private dblTapCallback;
+    constructor(bus: EventBus, config: YAxisConfig, panning: ChartPanComponent, scale: ScaleModel, canvasInputListener: CanvasInputListenerComponent, bounds: CanvasBoundsContainer, hitTest: HitBoundsTest, hitTestCanvasModel: HitTestCanvasModel);
     protected doActivate(): void;
     private onYDragStart;
     private onYDragTick;
     private onYDragEnd;
+    setDblTapCallback: (cb: () => void) => () => void;
+    setDblClickCallback: (cb: () => void) => () => void;
 }

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

@@ -14,7 +14,7 @@ const FULL_Y_HEIGHT_ZOOM_FACTOR = 10;
  * @doc-tags scaling,zoom,viewport
  */
 export class YAxisScaleHandler extends ChartBaseElement {
-    constructor(bus, config, panning, scale, canvasInputListener, bounds, hitTest, autoScaleCallback, hitTestCanvasModel) {
+    constructor(bus, config, panning, scale, canvasInputListener, bounds, hitTest, hitTestCanvasModel) {
         super();
         this.bus = bus;
         this.config = config;
@@ -22,7 +22,6 @@ export class YAxisScaleHandler extends ChartBaseElement {
         this.canvasInputListener = canvasInputListener;
         this.bounds = bounds;
         this.hitTest = hitTest;
-        this.autoScaleCallback = autoScaleCallback;
         this.hitTestCanvasModel = hitTestCanvasModel;
         this.yAxisDragEndSubject = new Subject();
         this.lastYStart = 0;
@@ -57,7 +56,7 @@ export class YAxisScaleHandler extends ChartBaseElement {
             const newYEnd = this.lastYEnd + delta;
             if (this.lastYStart !== newYStart || this.lastYEnd !== newYEnd) {
                 this.scale.setYScale(newYStart, newYEnd);
-                this.autoScaleCallback(false);
+                this.scale.state.auto = false;
                 this.bus.fireDraw();
             }
         };
@@ -66,6 +65,10 @@ 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.dblClickCallback = () => scale.autoScale(true);
+        this.dblTapCallback = () => scale.autoScale(true);
         // drag to Y-scale and double click to auto scale
         if (config.customScale) {
             const dragNDropYComponent = new DragNDropYComponent(hitTest, {
@@ -81,7 +84,11 @@ export class YAxisScaleHandler extends ChartBaseElement {
     doActivate() {
         if (this.config.customScaleDblClick) {
             this.addRxSubscription(this.canvasInputListener.observeDbClick(this.hitTest).subscribe(() => {
-                this.autoScaleCallback(true);
+                this.dblClickCallback();
+                this.bus.fireDraw();
+            }));
+            this.addRxSubscription(this.canvasInputListener.observeDbTap(this.hitTest).subscribe(() => {
+                this.dblTapCallback();
                 this.bus.fireDraw();
             }));
         }

package/dist/chart/components/y_axis/y-axis.component.d.ts

@@ -148,4 +148,6 @@ export declare class YAxisComponent extends ChartBaseElement {
      * @returns {void}
      */
     changeLabelsDescriptionVisibility(descVisibility: boolean): void;
+    setDblClickCallback: (cb: () => void) => () => void;
+    setDblTapCallback: (cb: () => void) => () => void;
 }

package/dist/chart/components/y_axis/y-axis.component.js

@@ -12,6 +12,7 @@ import { LabelsGroups } from './price_labels/y-axis-labels.model';
 import { YAxisScaleHandler } from './y-axis-scale.handler';
 import { YAxisModel } from './y-axis.model';
 import { merge as mergeObj } from '../../utils/merge.utils';
+import { cloneUnsafe } from '../../utils/object.utils';
 /**
  * Y axis component. Contains all Y axis related logic.
  */
@@ -28,12 +29,25 @@ export class YAxisComponent extends ChartBaseElement {
         this.extentIdx = extentIdx;
         this.labelsColorByChartTypeMap = {};
         this.axisTypeSetSubject = new Subject();
-        this.state = mergeObj(initialState !== null && initialState !== void 0 ? initialState : {}, config.components.yAxis, {
+        /* This function assigns a callback to be executed when a double-click event is detected.
+         * It accepts one parameter `cb`, which is a callback function.
+         * When a double-click event occurs, the specified callback function `cb` will be invoked.
+         * By default it calls auto scale on YAxis
+         */
+        this.setDblClickCallback = (cb) => this.yAxisScaleHandler.setDblClickCallback(cb);
+        /* This function assigns a callback to be executed when a double-tap event is detected.
+         * Similar to the dblclick function, it takes one parameter `cb`, which is a callback function.
+         * This function ensures that the callback `cb` is called whenever a double-tap event is triggered.
+         * By default it calls auto scale on YAxis
+         */
+        this.setDblTapCallback = (cb) => this.yAxisScaleHandler.setDblTapCallback(cb);
+        const initialStateCopy = initialState ? cloneUnsafe(initialState) : {};
+        this.state = mergeObj(initialStateCopy, config.components.yAxis, {
             overrideExisting: false,
             addIfMissing: true,
         });
         //#region init yAxisScaleHandler
-        this.yAxisScaleHandler = new YAxisScaleHandler(eventBus, this.state, chartPanComponent, scale, canvasInputListeners, canvasBoundsContainer, canvasBoundsContainer.getBoundsHitTest(CanvasElement.PANE_UUID_Y_AXIS(paneUUID, extentIdx)), auto => scale.autoScale(auto), hitTestCanvasModel);
+        this.yAxisScaleHandler = new YAxisScaleHandler(eventBus, this.state, chartPanComponent, scale, canvasInputListeners, canvasBoundsContainer, canvasBoundsContainer.getBoundsHitTest(CanvasElement.PANE_UUID_Y_AXIS(paneUUID, extentIdx)), hitTestCanvasModel);
         this.addChildEntity(this.yAxisScaleHandler);
         //#endregion
         this.model = new YAxisModel(this.paneUUID, eventBus, this.state, canvasBoundsContainer, canvasModel, scale, valueFormatter, dataSeriesProvider, extentIdx);

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

@@ -170,7 +170,7 @@ export class ScaleModel extends ViewportModel {
     setXScale(xStart, xEnd, forceNoAnimation = true) {
         const initialState = this.export();
         const zoomX = this.calculateZoomX(xStart, xEnd);
-        if (initialState.xStart === xStart && initialState.xEnd === xEnd) {
+        if (initialState.xStart === xStart && initialState.xEnd === xEnd && initialState.zoomX > 0) {
             return;
         }
         const state = Object.assign(Object.assign({}, initialState), { zoomX, xStart, xEnd });
@@ -196,7 +196,7 @@ export class ScaleModel extends ViewportModel {
     }
     setYScale(yStart, yEnd, fire = false) {
         const initialState = this.export();
-        if (initialState.yStart === yStart && initialState.yEnd === yEnd) {
+        if (initialState.yStart === yStart && initialState.yEnd === yEnd && initialState.zoomY > 0) {
             return;
         }
         super.setYScale(yStart, yEnd, fire);

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

@@ -40,7 +40,7 @@ export default class VisualCandle extends VisualSeriesPoint {
      * @returns {Pixel} - The height of the body in pixels.
      */
     bodyHeight(viewable) {
-        return floorToDPR(Math.abs(viewable.toY(this.open) - viewable.toY(this.close)));
+        return floorToDPR(Math.max(Math.abs(viewable.toY(this.open) - viewable.toY(this.close)), 1));
     }
     /**
      * Calculates the height of a candle in pixels based on the high and low values of the candle and the viewable area.