@devexperts/dxcharts-lite 2.7.27 → 2.7.28

package/dist/chart/inputhandlers/hover-producer.component.d.ts

@@ -58,6 +58,10 @@ export declare class HoverProducerComponent extends ChartBaseElement {
     hoverSubject: BehaviorSubject<Hover | null>;
     get hover(): Hover | null;
     longTouchActivatedSubject: BehaviorSubject<boolean>;
+    /**
+     * When true, mobile long-touch (e.g. 200ms) does not activate crosshair / disable pan.
+     */
+    private longTouchCrosshairSuppressed;
     private hoverProducerParts;
     xFormatter: DateTimeFormatter;
     constructor(crossEventProducer: CrossEventProducerComponent, scale: ScaleModel, config: FullChartConfig, chartModel: ChartModel, canvasInputListener: CanvasInputListenerComponent, canvasBoundsContainer: CanvasBoundsContainer, paneManager: PaneManager, timeZoneModel: TimeZoneModel, mainCanvasTouchHandler: MainCanvasTouchHandler, formatterFactory: (format: string) => (timestamp: number) => string);
@@ -125,6 +129,7 @@ export declare class HoverProducerComponent extends ChartBaseElement {
      * Fires the last hover update if there is a last cross.
      */
     fireLastCross(): void;
+    setLongTouchCrosshairSuppressed(value: boolean): void;
     /**
      * Registers a hover producer part with the given id.
      *

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

@@ -34,6 +34,10 @@ export class HoverProducerComponent extends ChartBaseElement {
         this.formatterFactory = formatterFactory;
         this.hoverSubject = new BehaviorSubject(null);
         this.longTouchActivatedSubject = new BehaviorSubject(false);
+        /**
+         * When true, mobile long-touch (e.g. 200ms) does not activate crosshair / disable pan.
+         */
+        this.longTouchCrosshairSuppressed = false;
         this.xFormatter = () => '';
         const candleHoverProducerPart = new CandleHoverProducerPart(this.chartModel);
         const compareSeriesHoverProducerPart = new CompareSeriesHoverProducerPart(this.chartModel);
@@ -104,6 +108,9 @@ export class HoverProducerComponent extends ChartBaseElement {
         const hitTest = this.canvasBoundsContainer.getBoundsHitTest(CanvasElement.ALL_PANES);
         this.addRxSubscription(this.canvasInputListener.observeLongTouchStart(hitTest).subscribe(event => {
             var _a;
+            if (this.longTouchCrosshairSuppressed) {
+                return;
+            }
             this.crossEventProducer.crossToolHover = null;
             this.crossEventProducer.crossToolTouchInfo.isCommonTap = false;
             // don't lock chart and show crosshair if chart is being moved, crosstool is not enabled or we do pinch event
@@ -283,6 +290,9 @@ export class HoverProducerComponent extends ChartBaseElement {
             this.createAndFireHover(lastCross);
         }
     }
+    setLongTouchCrosshairSuppressed(value) {
+        this.longTouchCrosshairSuppressed = value;
+    }
     /**
      * Registers a hover producer part with the given id.
      *