@devexperts/dxcharts-lite 2.4.5 → 2.4.6

package/dist/chart/bootstrap.js

@@ -127,7 +127,7 @@ export default class ChartBootstrap {
         this.chartPanComponent = chartPanComponent;
         this.chartComponents.push(chartPanComponent);
         this.userInputListenerComponents.push(chartPanComponent.chartAreaPanHandler);
-        const hitTestComponent = new HitTestComponent(hitTestCanvasModel, canvasAnimation);
+        const hitTestComponent = new HitTestComponent(hitTestCanvasModel, canvasAnimation, eventBus);
         this.hitTestComponent = hitTestComponent;
         this.chartComponents.push(hitTestComponent);
         const paneManager = new PaneManager(chartBaseModel, this.dynamicObjectsCanvasModel, this.userInputListenerComponents, eventBus, scaleModel, canvasBoundsContainer, config, canvasAnimation, canvasInputListener, drawingManager, this.cursorHandler, this.crossEventProducer, chartPanComponent, mainCanvasModel, yAxisLabelsCanvasModel, this.hitTestCanvasModel);

package/dist/chart/chart.config.d.ts

@@ -237,18 +237,12 @@ export interface ChartScale {
         /**
          * Value is related to zoom event (zooming chart via mouse wheel)
          * 0..1 ratio of full viewport; 0.5 = middle, 0.75 = 3/4 of viewport
+         * This value is also related to touchpad.
+         * Touchpad sensitivity is dynamic, and based on delta distance event:
+         * - if distance is small, zoom sencitivity is minimal, which allows you to zoom in/out on the chart and view each candle in details
+         * - if distance is big, zoom sencitivity is becomes close to the config value below, which allows you to zoom in/out on the chart and quickly change zoom with big sensitivity
          */
         wheel: number;
-        /**
-         * Value is related to pinch touchpad event (zooming chart via touchpad)
-         * 0..1 ratio of full viewport; 0.5 = middle, 0.75 = 3/4 of viewport
-         */
-        pinch: number;
-        /**
-         * Value is related to glide touchpad event (scrolling chart via touchpad)
-         * 0..1 ratio of full viewport; 0.5 = middle, 0.75 = 3/4 of viewport
-         */
-        glide: number;
     };
     /**
      * Defines how much items (candles) will be in viewport when chart applies basic scale

package/dist/chart/chart.config.js

@@ -43,8 +43,6 @@ export const getDefaultConfig = () => ({
         inverse: false,
         zoomSensitivity: {
             wheel: 0.25,
-            pinch: 0.05,
-            glide: 0.05,
         },
         defaultViewportItems: 100,
         disableAnimations: false,

package/dist/chart/components/chart/chart-area-pan.handler.d.ts

@@ -17,6 +17,10 @@ export interface ChartWheelEvent {
     readonly originalEvent: WheelEvent;
     readonly candleIdx: number;
 }
+interface ChartPanningOptions {
+    horizontal: boolean;
+    vertical: boolean;
+}
 /**
  * ChartAreaPanHandler is a class that handles the panning and zooming of the chart area.
  * It extends the ChartBaseElement class and has the following properties:
@@ -51,7 +55,8 @@ export declare class ChartAreaPanHandler extends ChartBaseElement {
     private currentPoint;
     xDraggedCandlesDelta: number;
     lastXStart: number;
-    wheelTrottleTime: number;
+    wheelThrottleTime: number;
+    chartPanningOptions: ChartPanningOptions;
     constructor(bus: EventBus, config: FullChartConfig, scale: ScaleModel, mainCanvasParent: Element, canvasInputListener: CanvasInputListenerComponent, canvasBoundsContainer: CanvasBoundsContainer, canvasAnimation: CanvasAnimation, chartPanComponent: ChartPanComponent, hitTestCanvasModel: HitTestCanvasModel);
     /**
      * It observes the wheel event on all panes of the canvas and throttles it to the specified time.
@@ -70,6 +75,7 @@ export declare class ChartAreaPanHandler extends ChartBaseElement {
      * @returns {void}
      */
     protected doActivate(): void;
+    private calculateDynamicSesitivity;
     /**
      * Registers a handler for panning the chart along the Y-axis.
      * @param {ScaleModel} scaleModel - The scale model of the extent.
@@ -89,3 +95,4 @@ export declare class ChartAreaPanHandler extends ChartBaseElement {
  * @doc-tags chart-core,auto-scale,y-axis
  */
 export declare const shouldDisableAutoScale: (point: Point, config: Required<AutoScaleDisableOnDrag>) => boolean;
+export {};

package/dist/chart/components/chart/chart-area-pan.handler.js

@@ -3,15 +3,15 @@
  * 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 { merge, animationFrameScheduler } from 'rxjs';
-import { throttleTime } from 'rxjs/operators';
+import { animationFrameScheduler } from 'rxjs';
+import { throttleTime, filter } from 'rxjs/operators';
 import { VIEWPORT_ANIMATION_ID } from '../../animation/canvas-animation';
 import { CanvasElement } from '../../canvas/canvas-bounds-container';
 import { MainCanvasTouchHandler } from '../../inputhandlers/main-canvas-touch.handler';
 import { ChartBaseElement } from '../../model/chart-base-element';
 import { pixelsToUnits } from '../../model/scaling/viewport.model';
 import { deviceDetector } from '../../utils/device/device-detector.utils';
-import { getTouchpadSensitivity, touchpadDetector } from '../../utils/device/touchpad.utils';
+import { getTouchpadSensitivity } from '../../utils/device/touchpad.utils';
 import { DragNDropXComponent } from '../dran-n-drop_helper/drag-n-drop-x.component';
 import { DragNDropYComponent } from '../dran-n-drop_helper/drag-n-drop-y.component';
 /**
@@ -50,7 +50,8 @@ export class ChartAreaPanHandler extends ChartBaseElement {
         // number of candles delta changed during X dragging: 1, 5 or -3 for ex.
         this.xDraggedCandlesDelta = 0;
         this.lastXStart = 0;
-        this.wheelTrottleTime = 15; // in ms
+        this.wheelThrottleTime = 15; // in ms
+        this.chartPanningOptions = { horizontal: true, vertical: true };
         /**
          * It observes the wheel event on all panes of the canvas and throttles it to the specified time.
          * It then calculates the zoom sensitivity based on whether the event was triggered by a touchpad or not.
@@ -104,7 +105,7 @@ export class ChartAreaPanHandler extends ChartBaseElement {
             onDragTick: this.onXDragTick,
             onDragEnd: this.onXDragEnd,
         }, this.canvasInputListener, this.chartPanComponent, {
-            disableChartPanning: false,
+            dragPredicate: () => this.chartPanningOptions.horizontal,
         });
         this.addChildEntity(dragNDropXComponent);
         //#endregion
@@ -119,37 +120,33 @@ export class ChartAreaPanHandler extends ChartBaseElement {
         //#region hit tests
         const allPanesHitTest = this.canvasBoundsContainer.getBoundsHitTest(CanvasElement.ALL_PANES);
         //#endregion
-        this.addRxSubscription(merge(this.canvasInputListener.observeWheel(allPanesHitTest), this.canvasInputListener.observePinch(allPanesHitTest))
-            .pipe(throttleTime(this.wheelTrottleTime, animationFrameScheduler, { trailing: true, leading: true }))
-            .subscribe(e => {
-            const isTouchpad = touchpadDetector(e);
-            const zoomSensitivity = isTouchpad
-                ? getTouchpadSensitivity(this.config.components.yAxis.type, this.config.scale.zoomSensitivity.pinch)
-                : this.config.scale.zoomSensitivity.wheel;
-            this.zoomXHandler(e, zoomSensitivity);
-        }));
         this.addRxSubscription(this.canvasInputListener
-            .observeScrollGesture()
-            .pipe(throttleTime(this.wheelTrottleTime, animationFrameScheduler, { trailing: true, leading: true }))
-            .subscribe((e) => {
-            let direction = -1;
+            .observeWheel(allPanesHitTest)
+            .pipe(filter(() => this.chartPanningOptions.horizontal && this.chartPanningOptions.vertical), throttleTime(this.wheelThrottleTime, animationFrameScheduler, { trailing: true, leading: true }))
+            .subscribe(e => {
             const device = deviceDetector();
-            if (device === 'apple' || device === 'mobile') {
-                direction = 1;
+            const direction = device === 'apple' || device === 'mobile' ? 1 : -1;
+            const deltaX = 0 + e.deltaX * direction;
+            const deltaY = 0 + e.deltaY * -direction;
+            if (e.ctrlKey) {
+                const zoomSensitivity = this.calculateDynamicSesitivity(e, this.config.scale.zoomSensitivity.wheel);
+                this.zoomXHandler(e, zoomSensitivity);
+                this.bus.fireDraw();
+                return;
+            }
+            // also works for geasture touchpad vertical case
+            if (deltaY !== 0 && Math.abs(deltaY) > Math.abs(deltaX)) {
+                const zoomSensitivity = this.calculateDynamicSesitivity(e, this.config.scale.zoomSensitivity.wheel);
+                this.zoomXHandler(e, zoomSensitivity);
+                this.bus.fireDraw();
             }
-            let deltaX = 0;
-            let deltaY = 0;
-            deltaX += e.deltaX * direction;
-            deltaY += e.deltaY * -direction;
+            // also works for geasture touchpad horizontal case
             if (deltaX !== 0 && Math.abs(deltaX) > Math.abs(deltaY)) {
                 const unitsDelta = pixelsToUnits(deltaX, this.scale.zoomX);
                 this.scale.moveXStart(this.scale.xStart - unitsDelta);
+                this.bus.fireDraw();
+                return;
             }
-            else if (deltaY !== 0 && Math.abs(deltaY) > Math.abs(deltaX)) {
-                const zoomSensitivity = getTouchpadSensitivity(this.config.components.yAxis.type, this.config.scale.zoomSensitivity.glide);
-                this.zoomXHandler(e, zoomSensitivity);
-            }
-            this.bus.fireDraw();
         }));
         this.addRxSubscription(this.chartPanComponent.chartBaseModel.dataPrependSubject
             .asObservable()
@@ -159,6 +156,17 @@ export class ChartAreaPanHandler extends ChartBaseElement {
         this.touchHandler.activate();
         this.addSubscription(this.touchHandler.deactivate.bind(this.touchHandler));
     }
+    calculateDynamicSesitivity(e, maxSensitivity) {
+        // max delta distance that touchpad can provide
+        const MAX_POSSIBLE_DELTA = 100;
+        // get max delta
+        const delta = Math.max(Math.abs(e.deltaY), Math.abs(e.deltaX));
+        // calculate sensitivity for max delta based on touchpad it's distance
+        const caclulatedSensitivity = (maxSensitivity * delta) / MAX_POSSIBLE_DELTA;
+        // adjust sencitivity for percent axis type
+        const zoomSensitivity = getTouchpadSensitivity(this.config.components.yAxis.type, caclulatedSensitivity);
+        return zoomSensitivity;
+    }
     /**
      * Registers a handler for panning the chart along the Y-axis.
      * @param {ScaleModel} scaleModel - The scale model of the extent.
@@ -173,6 +181,8 @@ export class ChartAreaPanHandler extends ChartBaseElement {
             this.canvasAnimation.forceStopAnimation(VIEWPORT_ANIMATION_ID);
             this.currentPoint = { x: 0, y: 0 };
             lastYStart = scale.yStart;
+            // Stop redrawing hit test
+            this.hitTestCanvasModel.hitTestDrawersPredicateSubject.next(false);
         };
         const onYDragTick = (dragInfo) => {
             const { delta: absoluteDelta } = dragInfo;
@@ -196,7 +206,7 @@ export class ChartAreaPanHandler extends ChartBaseElement {
             onDragStart: onYDragStart,
             onDragEnd: onYDragEnd,
         }, this.canvasInputListener, this.chartPanComponent, {
-            disableChartPanning: false,
+            dragPredicate: () => this.chartPanningOptions.vertical,
         });
         this.addChildEntity(dragNDropYComponent);
         return dragNDropYComponent;

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

@@ -46,7 +46,6 @@ export declare class ChartModel extends ChartBaseElement {
     candleSeries: Array<CandleSeriesModel>;
     get mainCandleSeries(): CandleSeriesModel;
     get secondaryCandleSeries(): Array<CandleSeriesModel>;
-    readonly nextCandleTimeStampSubject: Subject<void>;
     readonly chartTypeChanged: Subject<BarType>;
     readonly mainInstrumentChangedSubject: Subject<ChartInstrument>;
     readonly offsetsChanged: Subject<void>;

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

@@ -47,7 +47,6 @@ export class ChartModel extends ChartBaseElement {
         this.prevChartWidth = 0;
         this.prevYWidth = 0;
         this.candleSeries = [];
-        this.nextCandleTimeStampSubject = new Subject();
         this.chartTypeChanged = new Subject();
         this.mainInstrumentChangedSubject = new Subject();
         this.offsetsChanged = new Subject();

package/dist/chart/components/dran-n-drop_helper/drag-n-drop.component.d.ts

@@ -12,7 +12,7 @@ export interface DragInfo {
     draggedPixels: number;
 }
 export interface DragComponentOptions {
-    disableChartPanning: boolean;
+    dragPredicate: () => boolean;
 }
 export interface DragNDropComponentCallbacks {
     onDragStart?: (point: Point) => void;

package/dist/chart/components/dran-n-drop_helper/drag-n-drop.component.js

@@ -5,7 +5,7 @@
  */
 import { ChartBaseElement } from '../../model/chart-base-element';
 export const defaultDragComponentOptions = {
-    disableChartPanning: true,
+    dragPredicate: () => true,
 };
 export class DragNDropComponent extends ChartBaseElement {
     constructor(hitTest, dragCallbacks, canvasInputListener, chartPanComponent, dragComponentOptions) {
@@ -18,25 +18,30 @@ export class DragNDropComponent extends ChartBaseElement {
         this.dragging = false;
         this.draggedPixels = 0;
         this.onDragStart = (point) => {
-            this.dragging = true;
-            this.draggedPixels = 0;
-            this.dragCallbacks.onDragStart && this.dragCallbacks.onDragStart(point);
-            this.dragComponentOptions.disableChartPanning && this.chartPanComponent.deactivatePanHandlers();
+            if (this.dragComponentOptions.dragPredicate()) {
+                this.dragging = true;
+                this.draggedPixels = 0;
+                this.dragCallbacks.onDragStart && this.dragCallbacks.onDragStart(point);
+            }
         };
         this.onDragTick = (yDelta) => {
-            if (this.dragging) {
-                this.draggedPixels += yDelta;
-                this.dragCallbacks.onDragTick({
-                    delta: yDelta,
-                    draggedPixels: this.draggedPixels,
-                });
+            if (this.dragComponentOptions.dragPredicate()) {
+                if (this.dragging) {
+                    this.draggedPixels += yDelta;
+                    this.dragCallbacks.onDragTick({
+                        delta: yDelta,
+                        draggedPixels: this.draggedPixels,
+                    });
+                }
             }
         };
         this.onDragEnd = () => {
-            if (this.dragging) {
-                this.dragging = false;
-                this.dragCallbacks.onDragEnd && this.dragCallbacks.onDragEnd(this.draggedPixels);
-                this.dragComponentOptions.disableChartPanning && this.chartPanComponent.activateChartPanHandlers();
+            if (this.dragComponentOptions.dragPredicate()) {
+                if (this.dragging) {
+                    this.dragging = false;
+                    this.dragCallbacks.onDragEnd && this.dragCallbacks.onDragEnd(this.draggedPixels);
+                    this.chartPanComponent.activateChartPanHandlers();
+                }
             }
         };
     }

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

@@ -34,15 +34,18 @@ export declare class DynamicObjectsModel extends ChartBaseElement {
     /**
      * Adds an object from outside chart-core into model
      * @param obj
-     * @param paneId
      */
     addObject(obj: DynamicObject): void;
     /**
      * Removes an object from model
-     * @param model
-     * @param paneId
+     * @param id
      */
     removeObject(id: DynamicObjectId): void;
+    /**
+     * Updates an object
+     * @param obj
+     */
+    updateObject(obj: DynamicObject): void;
     /**
      * Moves the object inside the associated LinkedList to the specified position
      */

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

@@ -47,7 +47,6 @@ export class DynamicObjectsModel extends ChartBaseElement {
     /**
      * Adds an object from outside chart-core into model
      * @param obj
-     * @param paneId
      */
     addObject(obj) {
         var _a;
@@ -63,8 +62,7 @@ export class DynamicObjectsModel extends ChartBaseElement {
     }
     /**
      * Removes an object from model
-     * @param model
-     * @param paneId
+     * @param id
      */
     removeObject(id) {
         const objInfo = this.getObjectInfoById(id);
@@ -81,6 +79,19 @@ export class DynamicObjectsModel extends ChartBaseElement {
         }
         this.setDynamicObjects(this.objects);
     }
+    /**
+     * Updates an object
+     * @param obj
+     */
+    updateObject(obj) {
+        const objInfo = this.getObjectInfoById(obj.id);
+        if (!objInfo) {
+            return;
+        }
+        const [oldObj] = objInfo;
+        this.removeObject(oldObj.id);
+        this.addObject(obj);
+    }
     /**
      * Moves the object inside the associated LinkedList to the specified position
      */

package/dist/chart/components/hit-test/hit-test.component.d.ts

@@ -4,11 +4,13 @@
  * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 import { CanvasAnimation } from '../../animation/canvas-animation';
+import EventBus from '../../events/event-bus';
 import { ChartBaseElement } from '../../model/chart-base-element';
 import { HitTestCanvasModel } from '../../model/hit-test-canvas.model';
 export declare class HitTestComponent extends ChartBaseElement {
     private hitTestCanvasModel;
     private canvasAnimation;
-    constructor(hitTestCanvasModel: HitTestCanvasModel, canvasAnimation: CanvasAnimation);
+    private eventBus;
+    constructor(hitTestCanvasModel: HitTestCanvasModel, canvasAnimation: CanvasAnimation, eventBus: EventBus);
     protected doActivate(): void;
 }

package/dist/chart/components/hit-test/hit-test.component.js

@@ -3,12 +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 { distinctUntilChanged } from 'rxjs/operators';
 import { ChartBaseElement } from '../../model/chart-base-element';
 export class HitTestComponent extends ChartBaseElement {
-    constructor(hitTestCanvasModel, canvasAnimation) {
+    constructor(hitTestCanvasModel, canvasAnimation, eventBus) {
         super();
         this.hitTestCanvasModel = hitTestCanvasModel;
         this.canvasAnimation = canvasAnimation;
+        this.eventBus = eventBus;
     }
     doActivate() {
         super.doActivate();
@@ -16,5 +18,8 @@ export class HitTestComponent extends ChartBaseElement {
             const animationInProgress = this.canvasAnimation.animationInProgressSubject.getValue();
             this.hitTestCanvasModel.hitTestDrawersPredicateSubject.next(!animationInProgress);
         }));
+        this.addRxSubscription(this.hitTestCanvasModel.hitTestDrawersPredicateSubject
+            .pipe(distinctUntilChanged((prev, cur) => prev !== cur && prev === true && cur === false))
+            .subscribe(() => this.eventBus.fireDraw([this.hitTestCanvasModel.canvasId])));
     }
 }

package/dist/chart/components/pan/chart-pan.component.d.ts

@@ -51,4 +51,5 @@ export declare class ChartPanComponent extends ChartBaseElement {
      * Deactivates all the pan handlers of the chart.
      */
     deactivatePanHandlers(): void;
+    setChartPanningOptions(horizontal: boolean, vertical: boolean): void;
 }

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

@@ -54,4 +54,7 @@ export class ChartPanComponent extends ChartBaseElement {
     deactivatePanHandlers() {
         this.chartPanComponents.forEach(c => c.deactivate());
     }
+    setChartPanningOptions(horizontal, vertical) {
+        this.chartAreaPanHandler.chartPanningOptions = { horizontal, vertical };
+    }
 }

package/dist/chart/components/pane/extent/y-extent-component.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/.
  */
 import { CanvasBoundsContainer } from '../../../canvas/canvas-bounds-container';
+import { YAxisConfig } from '../../../chart.config';
 import { Bounds } from '../../../model/bounds.model';
 import { CanvasModel } from '../../../model/canvas.model';
 import { ChartBaseElement } from '../../../model/chart-base-element';
@@ -23,6 +24,7 @@ export interface YExtentCreationOptions {
     cursor: string;
     paneFormatters: YExtentFormatters;
     increment: number | null;
+    initialYAxisState: YAxisConfig;
 }
 export declare class YExtentComponent extends ChartBaseElement {
     paneUUID: string;

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

@@ -119,10 +119,11 @@ export class PaneComponent extends ChartBaseElement {
         const chartPaneId = CanvasElement.PANE_UUID(this.uuid);
         const getBounds = () => this.canvasBoundsContainer.getBounds(chartPaneId);
         const scaleModel = (_a = options === null || options === void 0 ? void 0 : options.scale) !== null && _a !== void 0 ? _a : new SyncedByXScaleModel(this.mainScale, this.config, getBounds, this.canvasAnimation);
+        const initialYAxisState = options === null || options === void 0 ? void 0 : options.initialYAxisState;
         const [unsub, dragNDrop] = this.createYPanHandler(this.uuid, scaleModel);
         // creating partially resolved constructor except formatter & dataSeriesProvider - bcs it's not possible to provide formatter
         // before y-extent is created
-        const createYAxisComponent = (formatter, dataSeriesProvider) => new YAxisComponent(this.eventBus, this.config, this.yAxisLabelsCanvasModel, scaleModel, this.canvasInputListener, this.canvasBoundsContainer, this.chartPanComponent, this.cursorHandler, formatter, dataSeriesProvider, this.uuid, extentIdx, this.hitTestCanvasModel);
+        const createYAxisComponent = (formatter, dataSeriesProvider) => new YAxisComponent(this.eventBus, this.config, this.yAxisLabelsCanvasModel, scaleModel, this.canvasInputListener, this.canvasBoundsContainer, this.chartPanComponent, this.cursorHandler, formatter, dataSeriesProvider, this.uuid, extentIdx, this.hitTestCanvasModel, initialYAxisState);
         const yExtentComponent = new YExtentComponent(this.uuid, extentIdx, this, this.chartBaseModel, this.canvasBoundsContainer, this.hitTestController, this.dynamicObjectsCanvasModel, scaleModel, createYAxisComponent, dragNDrop);
         yExtentComponent.addSubscription(unsub);
         yExtentComponent.addSubscription(this.addCursors(extentIdx, yExtentComponent.yAxis));

package/dist/chart/components/resizer/bar-resizer.component.js

@@ -73,10 +73,12 @@ export class BarResizerComponent extends ChartBaseElement {
         const fixedMode = this.config.components.paneResizer.fixedMode;
         if (!fixedMode) {
             const dragNDropYComponent = new DragNDropYComponent(this.hitTest, {
-                onDragTick: callIfPredicateTrue(this.onYDragTick, this.dragPredicate),
-                onDragStart: callIfPredicateTrue(this.onYDragStart, this.dragPredicate),
-                onDragEnd: callIfPredicateTrue(this.onYDragEnd, this.dragPredicate)
-            }, this.canvasInputListener, this.chartPanComponent);
+                onDragTick: this.onYDragTick,
+                onDragStart: this.onYDragStart,
+                onDragEnd: this.onYDragEnd
+            }, this.canvasInputListener, this.chartPanComponent, {
+                dragPredicate: this.dragPredicate,
+            });
             this.addChildEntity(dragNDropYComponent);
             if (this.config.animation.paneResizer.enabled) {
                 this.addRxSubscription(this.canvasInputListener
@@ -148,4 +150,3 @@ export class BarResizerComponent extends ChartBaseElement {
         }
     }
 }
-const callIfPredicateTrue = (fun, predicate) => (...args) => predicate() && fun(...args);

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

@@ -51,7 +51,7 @@ export class XAxisScaleHandler extends ChartBaseElement {
             onDragTick: this.onXDragTick,
             onDragEnd: this.onXDragEnd,
         }, this.canvasInputListener, this.chartPanComponent, {
-            disableChartPanning: false,
+            dragPredicate: () => chartPanComponent.chartAreaPanHandler.chartPanningOptions.horizontal,
         });
         this.addChildEntity(dragNDropXComponent);
     }

package/dist/chart/components/y_axis/price_labels/y-axis-labels.model.d.ts

@@ -65,11 +65,9 @@ export declare class FancyYAxisLabelsModel extends ChartBaseElement {
     /**
      * This method is used to activate the chart and subscribe to the observables that will trigger the update of the labels.
      * It calls the parent method doActivate() and adds a new Rx subscription to the merge of the following observables:
-     * - chartModel.observeCandlesChanged()
      * - canvasBoundsContainer.observeBoundsChanged(CanvasElement.CHART)
-     * - chartModel.nextCandleTimeStampSubject
      * - canvasBoundsContainer.barResizerChangedSubject
-     * - chartModel.scale.changed
+     * - scale changed
      * When any of these observables emit a new value, the updateLabels() method is called.
      * @protected
      */

package/dist/chart/components/y_axis/price_labels/y-axis-labels.model.js

@@ -48,11 +48,9 @@ export class FancyYAxisLabelsModel extends ChartBaseElement {
     /**
      * This method is used to activate the chart and subscribe to the observables that will trigger the update of the labels.
      * It calls the parent method doActivate() and adds a new Rx subscription to the merge of the following observables:
-     * - chartModel.observeCandlesChanged()
      * - canvasBoundsContainer.observeBoundsChanged(CanvasElement.CHART)
-     * - chartModel.nextCandleTimeStampSubject
      * - canvasBoundsContainer.barResizerChangedSubject
-     * - chartModel.scale.changed
+     * - scale changed
      * When any of these observables emit a new value, the updateLabels() method is called.
      * @protected
      */

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

@@ -68,13 +68,12 @@ export class YAxisScaleHandler extends ChartBaseElement {
         };
         // drag to Y-scale and double click to auto scale
         if (config.customScale) {
-            const dragPredicate = () => config.type !== 'percent' && config.visible;
             const dragNDropYComponent = new DragNDropYComponent(hitTest, {
-                onDragTick: callIfPredicateTrue(this.onYDragTick, dragPredicate),
-                onDragStart: callIfPredicateTrue(this.onYDragStart, dragPredicate),
-                onDragEnd: callIfPredicateTrue(this.onYDragEnd, dragPredicate),
+                onDragTick: this.onYDragTick,
+                onDragStart: this.onYDragStart,
+                onDragEnd: this.onYDragEnd,
             }, canvasInputListener, panning, {
-                disableChartPanning: false,
+                dragPredicate: () => panning.chartAreaPanHandler.chartPanningOptions.vertical && config.type !== 'percent' && config.visible,
             });
             this.addChildEntity(dragNDropYComponent);
         }
@@ -88,4 +87,3 @@ export class YAxisScaleHandler extends ChartBaseElement {
         }
     }
 }
-const callIfPredicateTrue = (fun, predicate) => (...args) => predicate() && fun(...args);

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

@@ -40,7 +40,7 @@ export declare class YAxisComponent extends ChartBaseElement {
     model: YAxisModel;
     axisTypeSetSubject: Subject<PriceAxisType>;
     readonly state: YAxisConfig;
-    constructor(eventBus: EventBus, config: FullChartConfig, canvasModel: CanvasModel, scale: ScaleModel, canvasInputListeners: CanvasInputListenerComponent, canvasBoundsContainer: CanvasBoundsContainer, chartPanComponent: ChartPanComponent, cursors: CursorHandler, valueFormatter: (value: number) => string, dataSeriesProvider: () => DataSeriesModel | undefined, paneUUID: string, extentIdx: number, hitTestCanvasModel: HitTestCanvasModel);
+    constructor(eventBus: EventBus, config: FullChartConfig, canvasModel: CanvasModel, scale: ScaleModel, canvasInputListeners: CanvasInputListenerComponent, canvasBoundsContainer: CanvasBoundsContainer, chartPanComponent: ChartPanComponent, cursors: CursorHandler, valueFormatter: (value: number) => string, dataSeriesProvider: () => DataSeriesModel | undefined, paneUUID: string, extentIdx: number, hitTestCanvasModel: HitTestCanvasModel, initialState?: YAxisConfig);
     /**
      * Registers default label color resolvers for different chart types.
      * @private

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

@@ -6,17 +6,17 @@
 import { Subject } from 'rxjs';
 import { CanvasElement } from '../../canvas/canvas-bounds-container';
 import { ChartBaseElement } from '../../model/chart-base-element';
-import { cloneUnsafe } from '../../utils/object.utils';
 import { uuid } from '../../utils/uuid.utils';
 import { resolveColorForArea, resolveColorForBar, resolveColorForBaseLine, resolveColorForCandle, resolveColorForHistogram, resolveColorForLine, resolveColorForScatterPlot, resolveColorForTrendAndHollow, resolveDefaultColorForLabel, } from './label-color.functions';
 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';
 /**
  * Y axis component. Contains all Y axis related logic.
  */
 export class YAxisComponent extends ChartBaseElement {
-    constructor(eventBus, config, canvasModel, scale, canvasInputListeners, canvasBoundsContainer, chartPanComponent, cursors, valueFormatter, dataSeriesProvider, paneUUID, extentIdx, hitTestCanvasModel) {
+    constructor(eventBus, config, canvasModel, scale, canvasInputListeners, canvasBoundsContainer, chartPanComponent, cursors, valueFormatter, dataSeriesProvider, paneUUID, extentIdx, hitTestCanvasModel, initialState) {
         super();
         this.eventBus = eventBus;
         this.config = config;
@@ -28,7 +28,10 @@ export class YAxisComponent extends ChartBaseElement {
         this.extentIdx = extentIdx;
         this.labelsColorByChartTypeMap = {};
         this.axisTypeSetSubject = new Subject();
-        this.state = cloneUnsafe(config.components.yAxis);
+        this.state = mergeObj(initialState !== null && initialState !== void 0 ? initialState : {}, 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.addChildEntity(this.yAxisScaleHandler);

package/dist/chart/inputhandlers/main-canvas-touch.handler.d.ts

@@ -31,12 +31,7 @@ export declare class MainCanvasTouchHandler extends ChartBaseElement {
      * Handles touch move event
      * @param {TouchEvent} e - The touch event object
      * @returns {void}
-     
-    private handleTouchMoveEvent(e: TouchEvent): void {
-        if (e.touches.length === 2) {
-            this.pinchHandler(this.touchedCandleIndexes, this.getXPositions(e));
-        }
-    }*/
+    */
     private handleTouchMoveEvent;
     /**
      * Gets candle positions touched by user in pixels.

package/dist/chart/inputhandlers/main-canvas-touch.handler.js

@@ -41,12 +41,7 @@ export class MainCanvasTouchHandler extends ChartBaseElement {
      * Handles touch move event
      * @param {TouchEvent} e - The touch event object
      * @returns {void}
-     
-    private handleTouchMoveEvent(e: TouchEvent): void {
-        if (e.touches.length === 2) {
-            this.pinchHandler(this.touchedCandleIndexes, this.getXPositions(e));
-        }
-    }*/
+    */
     handleTouchMoveEvent(e) {
         if (e.touches.length === 2) {
             this.pinchHandler(this.touchedCandleIndexes, this.getXPositions(e));

package/dist/chart/inputlisteners/canvas-input-listener.component.d.ts

@@ -51,8 +51,6 @@ export declare class CanvasInputListenerComponent extends ChartBaseElement {
     private longTouchStartSubject;
     private longTouchEndSubject;
     private contextMenuSubject;
-    private pinchSubject;
-    private scrollGestureSubject;
     private fastTouchScroll;
     mouseLeavesCanvasSubject: Subject<boolean>;
     dragStartPoint: Point;
@@ -242,18 +240,6 @@ export declare class CanvasInputListenerComponent extends ChartBaseElement {
      * @returns {Observable<WheelEvent>} - An Observable that emits WheelEvent objects.
      */
     observeWheel(hitBoundsTest?: HitBoundsTest): Observable<WheelEvent>;
-    /**
-     * Returns an Observable that emits WheelEvent when a pinch event occurs and the hitBoundsTest function returns true for the current point.
-     * @param {HitBoundsTest} hitBoundsTest - A function that takes the current point's x and y coordinates as arguments and returns a boolean indicating whether the point is within the desired bounds.
-     * @returns {Observable<WheelEvent>} - An Observable that emits WheelEvent when a pinch event occurs and the hitBoundsTest function returns true for the current point.
-     */
-    observePinch(hitBoundsTest?: HitBoundsTest): Observable<WheelEvent>;
-    /**
-     * Returns an Observable that emits a WheelEvent whenever a scroll gesture is detected.
-     * The Observable is created from a Subject that is subscribed to by the component's template.
-     * @returns {Observable<WheelEvent>} An Observable that emits a WheelEvent whenever a scroll gesture is detected.
-     */
-    observeScrollGesture(): Observable<WheelEvent>;
     /**
      * Returns an Observable that emits TouchEvent when a touchstart event occurs within the bounds of the current point.
      * @param {HitBoundsTest} [hitBoundsTest=() => true] - A function that tests if the touch event occurred within the bounds of the current point.