@devexperts/dxcharts-lite 2.4.3 → 2.4.5

package/dist/chart/components/events/events-hit-test.drawer.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */
@@ -7,12 +7,13 @@ import { CanvasElement } from '../../canvas/canvas-bounds-container';
 import { getEventSize } from './events.drawer';
 const hoverExtendedAreaPixels = 5;
 export class EventsHitTestDrawer {
-    constructor(hitTestCanvasModel, chartModel, config, canvasBoundsContainer, model) {
+    constructor(hitTestCanvasModel, chartModel, config, canvasBoundsContainer, model, drawPredicate = () => true) {
         this.hitTestCanvasModel = hitTestCanvasModel;
         this.chartModel = chartModel;
         this.config = config;
         this.canvasBoundsContainer = canvasBoundsContainer;
         this.model = model;
+        this.drawPredicate = drawPredicate;
     }
     /**
      * Draws events on the hit test canvas.
@@ -24,39 +25,41 @@ export class EventsHitTestDrawer {
       
     */
     draw() {
-        const ctx = this.hitTestCanvasModel.ctx;
-        const bounds = this.canvasBoundsContainer.getBounds(CanvasElement.EVENTS);
-        ctx.save();
-        this.model.events.forEach((event, idx) => {
-            const prevEvent = this.model.events[idx - 1];
-            const prevX = prevEvent &&
-                this.chartModel.candleFromTimestamp(prevEvent.timestamp).xCenter(this.chartModel.scale);
-            const x = this.chartModel.candleFromTimestamp(event.timestamp).xCenter(this.chartModel.scale);
-            if (x > bounds.x && x < bounds.x + bounds.width) {
-                const color = this.config.colors.events[event.type].color;
-                ctx.strokeStyle = color;
-                ctx.fillStyle = color;
-                const size = getEventSize(event);
-                // draw hit test
-                ctx.fillStyle = this.hitTestCanvasModel.idToColor(event.id);
-                const hoverSize = (size + hoverExtendedAreaPixels) * 2;
-                if (prevX !== undefined) {
-                    const prevSize = getEventSize(prevEvent);
-                    const isIntersectsWithPrev = prevX + prevSize > x - hoverSize / 2;
-                    if (isIntersectsWithPrev) {
-                        const hoverSize = size * 2 + hoverExtendedAreaPixels;
-                        ctx.fillRect(prevX + prevSize, bounds.y, hoverSize, bounds.height);
+        if (this.drawPredicate()) {
+            const ctx = this.hitTestCanvasModel.ctx;
+            const bounds = this.canvasBoundsContainer.getBounds(CanvasElement.EVENTS);
+            ctx.save();
+            this.model.events.forEach((event, idx) => {
+                const prevEvent = this.model.events[idx - 1];
+                const prevX = prevEvent &&
+                    this.chartModel.candleFromTimestamp(prevEvent.timestamp).xCenter(this.chartModel.scale);
+                const x = this.chartModel.candleFromTimestamp(event.timestamp).xCenter(this.chartModel.scale);
+                if (x > bounds.x && x < bounds.x + bounds.width) {
+                    const color = this.config.colors.events[event.type].color;
+                    ctx.strokeStyle = color;
+                    ctx.fillStyle = color;
+                    const size = getEventSize(event);
+                    // draw hit test
+                    ctx.fillStyle = this.hitTestCanvasModel.idToColor(event.id);
+                    const hoverSize = (size + hoverExtendedAreaPixels) * 2;
+                    if (prevX !== undefined) {
+                        const prevSize = getEventSize(prevEvent);
+                        const isIntersectsWithPrev = prevX + prevSize > x - hoverSize / 2;
+                        if (isIntersectsWithPrev) {
+                            const hoverSize = size * 2 + hoverExtendedAreaPixels;
+                            ctx.fillRect(prevX + prevSize, bounds.y, hoverSize, bounds.height);
+                        }
+                        else {
+                            ctx.fillRect(x - size - hoverExtendedAreaPixels, bounds.y, hoverSize, bounds.height);
+                        }
                     }
                     else {
                         ctx.fillRect(x - size - hoverExtendedAreaPixels, bounds.y, hoverSize, bounds.height);
                     }
                 }
-                else {
-                    ctx.fillRect(x - size - hoverExtendedAreaPixels, bounds.y, hoverSize, bounds.height);
-                }
-            }
-        });
-        ctx.restore();
+            });
+            ctx.restore();
+        }
     }
     /**
      * Returns an array of string containing the canvas ID of the hitTestCanvasModel.

package/dist/chart/components/events/events.component.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */
@@ -25,7 +25,7 @@ export class EventsComponent extends ChartBaseElement {
         hitTestCanvasModel.addSubscriber(eventsModel);
         const eventsDrawer = new EventsDrawer(canvasModel, chartModel, config, canvasBoundsContainer, eventsModel, this.eventsXAxisLabelFormatterProvider);
         this.drawingManager.addDrawer(eventsDrawer, 'EVENTS');
-        const eventsHitTestDrawer = new EventsHitTestDrawer(hitTestCanvasModel, chartModel, config, canvasBoundsContainer, eventsModel);
+        const eventsHitTestDrawer = new EventsHitTestDrawer(hitTestCanvasModel, chartModel, config, canvasBoundsContainer, eventsModel, () => hitTestCanvasModel.hitTestDrawersPredicateSubject.getValue());
         this.drawingManager.addDrawerBefore(eventsHitTestDrawer, 'HIT_TEST_EVENTS', 'HIT_TEST_DRAWINGS');
         cursorHandler.setCursorForCanvasEl(CanvasElement.EVENTS, config.components.events.cursor);
     }

package/dist/chart/components/events/events.drawer.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/events/events.drawer.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/grid/grid.component.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/grid/grid.drawer.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/grid/grid.drawer.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/high_low/high-low.component.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/high_low/high-low.component.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/high_low/high-low.drawer.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/high_low/high-low.drawer.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */
@@ -35,10 +35,7 @@ export class HighLowDrawer {
             ctx.font = this.config.components.highLow.font;
             this.drawMarkerLabel(ctx, finalHighIdx, high, 'high');
             this.drawMarkerLabel(ctx, finalLowIdx, low, 'low');
-            const chartBounds = this.canvasBoundsContainer.getBounds('PANE_CHART');
             ctx.restore();
-            // We need clip here so lowLabel won't overlap other panes
-            clipToBounds(ctx, chartBounds);
         }
     }
     /**
@@ -62,6 +59,9 @@ export class HighLowDrawer {
         ctx.fillStyle =
             type === 'high' ? this.config.colors.highLowTheme.highColor : this.config.colors.highLowTheme.lowColor;
         ctx.fillText(text, x, y);
+        const chartBounds = this.canvasBoundsContainer.getBounds('PANE_CHART');
+        // We need clip here so lowLabel won't overlap other panes
+        clipToBounds(ctx, chartBounds);
     }
     /**
      * Returns a string that represents a marker text for a given yValue and type.

package/dist/chart/components/highlights/highlights.component.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/highlights/highlights.drawer.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/highlights/highlights.drawer.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

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

@@ -0,0 +1,14 @@
+/*
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
+ * 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 { CanvasAnimation } from '../../animation/canvas-animation';
+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);
+    protected doActivate(): void;
+}

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

@@ -0,0 +1,20 @@
+/*
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
+ * 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 { ChartBaseElement } from '../../model/chart-base-element';
+export class HitTestComponent extends ChartBaseElement {
+    constructor(hitTestCanvasModel, canvasAnimation) {
+        super();
+        this.hitTestCanvasModel = hitTestCanvasModel;
+        this.canvasAnimation = canvasAnimation;
+    }
+    doActivate() {
+        super.doActivate();
+        this.addRxSubscription(this.canvasAnimation.animationInProgressSubject.subscribe(() => {
+            const animationInProgress = this.canvasAnimation.animationInProgressSubject.getValue();
+            this.hitTestCanvasModel.hitTestDrawersPredicateSubject.next(!animationInProgress);
+        }));
+    }
+}

package/dist/chart/components/labels_generator/numeric-axis-labels.generator.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/labels_generator/numeric-axis-labels.generator.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/navigation_map/navigation-map-move.handler.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/navigation_map/navigation-map-move.handler.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/navigation_map/navigation-map.component.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/navigation_map/navigation-map.component.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/navigation_map/navigation-map.drawer.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/navigation_map/navigation-map.drawer.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/navigation_map/navigation-map.model.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/navigation_map/navigation-map.model.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */
@@ -12,6 +12,7 @@ import { CanvasInputListenerComponent } from '../../inputlisteners/canvas-input-
 import { ScaleModel } from '../../model/scale.model';
 import { ChartAreaPanHandler } from '../chart/chart-area-pan.handler';
 import { BaseType, ChartBaseModel } from '../chart/chart-base.model';
+import { HitTestCanvasModel } from '../../model/hit-test-canvas.model';
 export declare class ChartPanComponent extends ChartBaseElement {
     private eventBus;
     private mainScale;
@@ -21,9 +22,10 @@ export declare class ChartPanComponent extends ChartBaseElement {
     private canvasInputListener;
     private mainCanvasParent;
     chartBaseModel: ChartBaseModel<BaseType>;
+    private hitTestCanvasModel;
     chartPanComponents: Array<ChartEntity>;
     chartAreaPanHandler: ChartAreaPanHandler;
-    constructor(eventBus: EventBus, mainScale: ScaleModel, canvasBoundsContainer: CanvasBoundsContainer, config: FullChartConfig, canvasAnimation: CanvasAnimation, canvasInputListener: CanvasInputListenerComponent, mainCanvasParent: Element, chartBaseModel: ChartBaseModel<BaseType>);
+    constructor(eventBus: EventBus, mainScale: ScaleModel, canvasBoundsContainer: CanvasBoundsContainer, config: FullChartConfig, canvasAnimation: CanvasAnimation, canvasInputListener: CanvasInputListenerComponent, mainCanvasParent: Element, chartBaseModel: ChartBaseModel<BaseType>, hitTestCanvasModel: HitTestCanvasModel);
     /**
      * Activates the chart pan handlers.
      * @protected

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

@@ -1,12 +1,12 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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 { ChartBaseElement } from '../../model/chart-base-element';
 import { ChartAreaPanHandler } from '../chart/chart-area-pan.handler';
 export class ChartPanComponent extends ChartBaseElement {
-    constructor(eventBus, mainScale, canvasBoundsContainer, config, canvasAnimation, canvasInputListener, mainCanvasParent, chartBaseModel) {
+    constructor(eventBus, mainScale, canvasBoundsContainer, config, canvasAnimation, canvasInputListener, mainCanvasParent, chartBaseModel, hitTestCanvasModel) {
         super();
         this.eventBus = eventBus;
         this.mainScale = mainScale;
@@ -16,8 +16,9 @@ export class ChartPanComponent extends ChartBaseElement {
         this.canvasInputListener = canvasInputListener;
         this.mainCanvasParent = mainCanvasParent;
         this.chartBaseModel = chartBaseModel;
+        this.hitTestCanvasModel = hitTestCanvasModel;
         this.chartPanComponents = [];
-        this.chartAreaPanHandler = new ChartAreaPanHandler(this.eventBus, this.config, this.mainScale, this.mainCanvasParent, this.canvasInputListener, this.canvasBoundsContainer, this.canvasAnimation, this);
+        this.chartAreaPanHandler = new ChartAreaPanHandler(this.eventBus, this.config, this.mainScale, this.mainCanvasParent, this.canvasInputListener, this.canvasBoundsContainer, this.canvasAnimation, this, this.hitTestCanvasModel);
         this.chartPanComponents.push(this.chartAreaPanHandler);
     }
     /**

package/dist/chart/components/pane/extent/y-extent-component.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/pane/extent/y-extent-component.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/pane/pane-hit-test.controller.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/pane/pane-hit-test.controller.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */

package/dist/chart/components/pane/pane-manager.component.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */
@@ -22,6 +22,7 @@ import { YExtentComponent, YExtentCreationOptions } from './extent/y-extent-comp
 import { PaneHitTestController } from './pane-hit-test.controller';
 import { PaneComponent } from './pane.component';
 import { DataSeriesModel } from '../../model/data-series.model';
+import { HitTestCanvasModel } from '../../model/hit-test-canvas.model';
 export declare class PaneManager extends ChartBaseElement {
     private chartBaseModel;
     private dynamicObjectsCanvasModel;
@@ -38,6 +39,7 @@ export declare class PaneManager extends ChartBaseElement {
     chartPanComponent: ChartPanComponent;
     private mainCanvasModel;
     private yAxisLabelsCanvasModel;
+    private hitTestCanvasModel;
     panes: Record<string, PaneComponent>;
     paneRemovedSubject: Subject<PaneComponent>;
     paneAddedSubject: Subject<Record<string, PaneComponent>>;
@@ -48,7 +50,7 @@ export declare class PaneManager extends ChartBaseElement {
      * Returns order of panes in the chart from top to bottom.
      */
     get panesOrder(): string[];
-    constructor(chartBaseModel: ChartBaseModel<'candle'>, dynamicObjectsCanvasModel: CanvasModel, userInputListenerComponents: ChartEntity[], eventBus: EventBus, mainScale: ScaleModel, canvasBoundsContainer: CanvasBoundsContainer, config: FullChartConfig, canvasAnimation: CanvasAnimation, canvasInputListener: CanvasInputListenerComponent, drawingManager: DrawingManager, cursorHandler: CursorHandler, crossEventProducer: CrossEventProducerComponent, chartPanComponent: ChartPanComponent, mainCanvasModel: CanvasModel, yAxisLabelsCanvasModel: CanvasModel);
+    constructor(chartBaseModel: ChartBaseModel<'candle'>, dynamicObjectsCanvasModel: CanvasModel, userInputListenerComponents: ChartEntity[], eventBus: EventBus, mainScale: ScaleModel, canvasBoundsContainer: CanvasBoundsContainer, config: FullChartConfig, canvasAnimation: CanvasAnimation, canvasInputListener: CanvasInputListenerComponent, drawingManager: DrawingManager, cursorHandler: CursorHandler, crossEventProducer: CrossEventProducerComponent, chartPanComponent: ChartPanComponent, mainCanvasModel: CanvasModel, yAxisLabelsCanvasModel: CanvasModel, hitTestCanvasModel: HitTestCanvasModel);
     private addBounds;
     /**
      * Adds a resizer to the canvas bounds container for the given uuid.

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */
@@ -20,7 +20,7 @@ export class PaneManager extends ChartBaseElement {
     get panesOrder() {
         return this.canvasBoundsContainer.panesOrder;
     }
-    constructor(chartBaseModel, dynamicObjectsCanvasModel, userInputListenerComponents, eventBus, mainScale, canvasBoundsContainer, config, canvasAnimation, canvasInputListener, drawingManager, cursorHandler, crossEventProducer, chartPanComponent, mainCanvasModel, yAxisLabelsCanvasModel) {
+    constructor(chartBaseModel, dynamicObjectsCanvasModel, userInputListenerComponents, eventBus, mainScale, canvasBoundsContainer, config, canvasAnimation, canvasInputListener, drawingManager, cursorHandler, crossEventProducer, chartPanComponent, mainCanvasModel, yAxisLabelsCanvasModel, hitTestCanvasModel) {
         super();
         this.chartBaseModel = chartBaseModel;
         this.dynamicObjectsCanvasModel = dynamicObjectsCanvasModel;
@@ -37,6 +37,7 @@ export class PaneManager extends ChartBaseElement {
         this.chartPanComponent = chartPanComponent;
         this.mainCanvasModel = mainCanvasModel;
         this.yAxisLabelsCanvasModel = yAxisLabelsCanvasModel;
+        this.hitTestCanvasModel = hitTestCanvasModel;
         this.panes = {};
         this.paneRemovedSubject = new Subject();
         this.paneAddedSubject = new Subject();
@@ -63,12 +64,13 @@ export class PaneManager extends ChartBaseElement {
         const resizerHT = this.canvasBoundsContainer.getBoundsHitTest(CanvasElement.PANE_UUID_RESIZER(uuid), {
             extensionY: this.config.components.paneResizer.dragZone,
         });
+        const dragPredicate = () => this.chartBaseModel.mainVisualPoints.length !== 0;
         const dragTick = () => {
             this.canvasBoundsContainer.resizePaneVertically(uuid, this.canvasInputListener.getCurrentPoint().y);
             this.eventBus.fireDraw([this.mainCanvasModel.canvasId, 'dynamicObjectsCanvas']);
         };
         const resizerId = CanvasElement.PANE_UUID_RESIZER(uuid);
-        const barResizerComponent = new BarResizerComponent(resizerId, () => this.canvasBoundsContainer.getBounds(resizerId), resizerHT, dragTick, this.chartPanComponent, this.mainCanvasModel, this.drawingManager, this.canvasInputListener, this.canvasAnimation, this.config, this.canvasBoundsContainer);
+        const barResizerComponent = new BarResizerComponent(resizerId, () => this.canvasBoundsContainer.getBounds(resizerId), resizerHT, dragTick, dragPredicate, this.chartPanComponent, this.mainCanvasModel, this.drawingManager, this.canvasInputListener, this.canvasAnimation, this.config, this.canvasBoundsContainer, this.hitTestCanvasModel);
         this.userInputListenerComponents.push(barResizerComponent);
         return barResizerComponent;
     }
@@ -93,7 +95,7 @@ export class PaneManager extends ChartBaseElement {
         if (this.panes[uuid] !== undefined) {
             return this.panes[uuid];
         }
-        const paneComponent = new PaneComponent(this.chartBaseModel, this.mainCanvasModel, this.yAxisLabelsCanvasModel, this.dynamicObjectsCanvasModel, this.hitTestController, this.config, this.mainScale, this.drawingManager, this.chartPanComponent, this.canvasInputListener, this.canvasAnimation, this.cursorHandler, this.eventBus, this.canvasBoundsContainer, uuid, this.dataSeriesAddedSubject, this.dataSeriesRemovedSubject, options);
+        const paneComponent = new PaneComponent(this.chartBaseModel, this.mainCanvasModel, this.yAxisLabelsCanvasModel, this.dynamicObjectsCanvasModel, this.hitTestController, this.config, this.mainScale, this.drawingManager, this.chartPanComponent, this.canvasInputListener, this.canvasAnimation, this.cursorHandler, this.eventBus, this.canvasBoundsContainer, uuid, this.dataSeriesAddedSubject, this.dataSeriesRemovedSubject, this.hitTestCanvasModel, options);
         // TODO: is resizer should be added always?
         if (this.config.components.paneResizer.visible) {
             paneComponent.addChildEntity(this.addResizer(uuid));

package/dist/chart/components/pane/pane.component.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - 2023 Devexperts Solutions IE Limited
+ * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
  * 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/.
  */
@@ -24,6 +24,7 @@ import { ChartPanComponent } from '../pan/chart-pan.component';
 import { YAxisComponent } from '../y_axis/y-axis.component';
 import { YExtentComponent, YExtentCreationOptions } from './extent/y-extent-component';
 import { PaneHitTestController } from './pane-hit-test.controller';
+import { HitTestCanvasModel } from '../../model/hit-test-canvas.model';
 export declare class PaneComponent extends ChartBaseElement {
     chartBaseModel: ChartBaseModel<'candle'>;
     private mainCanvasModel;
@@ -42,6 +43,7 @@ export declare class PaneComponent extends ChartBaseElement {
     readonly uuid: string;
     seriesAddedSubject: Subject<DataSeriesModel>;
     seriesRemovedSubject: Subject<DataSeriesModel>;
+    private hitTestCanvasModel;
     private _paneOrder;
     /**
      * Pane hit test (without Y-Axis and resizer)
@@ -52,7 +54,7 @@ export declare class PaneComponent extends ChartBaseElement {
     get yAxis(): YAxisComponent;
     get dataSeries(): DataSeriesModel<import("../../model/data-series.model").DataSeriesPoint, import("../../model/data-series.model").VisualSeriesPoint>[];
     mainExtent: YExtentComponent;
-    constructor(chartBaseModel: ChartBaseModel<'candle'>, mainCanvasModel: CanvasModel, yAxisLabelsCanvasModel: CanvasModel, dynamicObjectsCanvasModel: CanvasModel, hitTestController: PaneHitTestController, config: FullChartConfig, mainScale: ScaleModel, drawingManager: DrawingManager, chartPanComponent: ChartPanComponent, canvasInputListener: CanvasInputListenerComponent, canvasAnimation: CanvasAnimation, cursorHandler: CursorHandler, eventBus: EventBus, canvasBoundsContainer: CanvasBoundsContainer, uuid: string, seriesAddedSubject: Subject<DataSeriesModel>, seriesRemovedSubject: Subject<DataSeriesModel>, options?: AtLeastOne<YExtentCreationOptions>);
+    constructor(chartBaseModel: ChartBaseModel<'candle'>, mainCanvasModel: CanvasModel, yAxisLabelsCanvasModel: CanvasModel, dynamicObjectsCanvasModel: CanvasModel, hitTestController: PaneHitTestController, config: FullChartConfig, mainScale: ScaleModel, drawingManager: DrawingManager, chartPanComponent: ChartPanComponent, canvasInputListener: CanvasInputListenerComponent, canvasAnimation: CanvasAnimation, cursorHandler: CursorHandler, eventBus: EventBus, canvasBoundsContainer: CanvasBoundsContainer, uuid: string, seriesAddedSubject: Subject<DataSeriesModel>, seriesRemovedSubject: Subject<DataSeriesModel>, hitTestCanvasModel: HitTestCanvasModel, options?: AtLeastOne<YExtentCreationOptions>);
     /**
      * Method that activates the canvas bounds container and recalculates the zoom Y of the scale model.
      * @protected