@devexperts/dxcharts-lite 2.6.1 → 2.6.2

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

@@ -51,6 +51,7 @@ export declare class PaneComponent extends ChartBaseElement {
      */
     ht: HitBoundsTest;
     yExtentComponents: YExtentComponent[];
+    yExtentComponentsChangedSubject: Subject<void>;
     get scale(): ScaleModel;
     get yAxis(): YAxisComponent;
     get dataSeries(): DataSeriesModel<import("../../model/data-series.model").DataSeriesPoint, import("../../model/data-series.model").VisualSeriesPoint>[];
@@ -68,8 +69,10 @@ export declare class PaneComponent extends ChartBaseElement {
     /**
      * Creates a new GridComponent instance with the provided parameters.
      * @param {string} uuid - The unique identifier of the pane.
-     * @param {ScaleModel} scaleModel - The scale model used to calculate the scale of the grid.
-     * @param {NumericYAxisLabelsGenerator} yAxisLabelsGenerator - The generator used to create the labels for the y-axis.
+     * @param {ScaleModel} scale - The scale model used to calculate the scale of the grid.
+     * @param {YAxisConfig} yAxisState - y Axis Config
+     * @param {() => NumericAxisLabel[]} yAxisLabelsGetter
+     * @param {() => Unit} yAxisBaselineGetter
      * @returns {GridComponent} - The newly created GridComponent instance.
      */
     private createGridComponent;
@@ -77,8 +80,8 @@ export declare class PaneComponent extends ChartBaseElement {
      * Creates a handler for Y-axis panning of the chart.
      * @private
      * @param {string} uuid - The unique identifier of the chart pane.
-     * @param {ScaleModel} scaleModel - The scale model of the chart.
-     * @returns {Unsubscriber}
+     * @param {ScaleModel} scale - The scale model of the chart.
+     * @returns [Unsubscriber, DragNDropYComponent]
      */
     private createYPanHandler;
     private addCursors;

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

@@ -3,6 +3,7 @@
  * 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 { Subject } from 'rxjs';
 import { distinctUntilChanged } from 'rxjs/operators';
 import { areBoundsChanged, CanvasElement, } from '../../canvas/canvas-bounds-container';
 import { ChartBaseElement } from '../../model/chart-base-element';
@@ -47,6 +48,7 @@ export class PaneComponent extends ChartBaseElement {
         this.hitTestCanvasModel = hitTestCanvasModel;
         this.chartResizeHandler = chartResizeHandler;
         this.yExtentComponents = [];
+        this.yExtentComponentsChangedSubject = new Subject();
         this.getYAxisBounds = () => {
             return this.canvasBoundsContainer.getBounds(CanvasElement.PANE_UUID_Y_AXIS(this.uuid));
         };
@@ -84,8 +86,10 @@ export class PaneComponent extends ChartBaseElement {
     /**
      * Creates a new GridComponent instance with the provided parameters.
      * @param {string} uuid - The unique identifier of the pane.
-     * @param {ScaleModel} scaleModel - The scale model used to calculate the scale of the grid.
-     * @param {NumericYAxisLabelsGenerator} yAxisLabelsGenerator - The generator used to create the labels for the y-axis.
+     * @param {ScaleModel} scale - The scale model used to calculate the scale of the grid.
+     * @param {YAxisConfig} yAxisState - y Axis Config
+     * @param {() => NumericAxisLabel[]} yAxisLabelsGetter
+     * @param {() => Unit} yAxisBaselineGetter
      * @returns {GridComponent} - The newly created GridComponent instance.
      */
     createGridComponent(uuid, scale, yAxisState, yAxisLabelsGetter, yAxisBaselineGetter) {
@@ -97,8 +101,8 @@ export class PaneComponent extends ChartBaseElement {
      * Creates a handler for Y-axis panning of the chart.
      * @private
      * @param {string} uuid - The unique identifier of the chart pane.
-     * @param {ScaleModel} scaleModel - The scale model of the chart.
-     * @returns {Unsubscriber}
+     * @param {ScaleModel} scale - The scale model of the chart.
+     * @returns [Unsubscriber, DragNDropYComponent]
      */
     createYPanHandler(uuid, scale) {
         const chartPaneId = CanvasElement.PANE_UUID(uuid);
@@ -140,6 +144,7 @@ export class PaneComponent extends ChartBaseElement {
         yExtentComponent.activate();
         this.yExtentComponents.push(yExtentComponent);
         this.canvasBoundsContainer.updateYAxisWidths();
+        this.yExtentComponentsChangedSubject.next();
         return yExtentComponent;
     }
     removeExtentComponent(extentComponent) {
@@ -148,6 +153,7 @@ export class PaneComponent extends ChartBaseElement {
         // re-index extents
         this.yExtentComponents.forEach((c, idx) => (c.idx = idx));
         this.canvasBoundsContainer.updateYAxisWidths();
+        this.yExtentComponentsChangedSubject.next();
     }
     /**
      * Create new pane extent and attach data series to it
@@ -164,6 +170,7 @@ export class PaneComponent extends ChartBaseElement {
     moveDataSeriesToExistingExtentComponent(dataSeries, initialPane, initialExtent, extentComponent) {
         dataSeries.forEach(series => series.moveToExtent(extentComponent));
         initialExtent.dataSeries.size === 0 && initialPane.removeExtentComponent(initialExtent);
+        this.yExtentComponentsChangedSubject.next();
     }
     /**
      * This method updates the view by calling the doAutoScale method of the scaleModel and firing the Draw event using the eventBus.

package/dist/chart/components/resizer/bar-resizer.component.d.ts

@@ -14,6 +14,7 @@ import { CanvasInputListenerComponent } from '../../inputlisteners/canvas-input-
 import { ChartPanComponent } from '../pan/chart-pan.component';
 import { BoundsProvider } from '../../model/bounds.model';
 import { HitTestCanvasModel } from '../../model/hit-test-canvas.model';
+export declare const RESIZER_HIT_TEST_EXTENSION: number;
 /**
  * Bar separator between panes.
  * Used to resize the areas height or just draw a fixed line.

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

@@ -9,6 +9,7 @@ import { DynamicDrawerType } from '../../drawers/drawing-manager';
 import { ChartBaseElement } from '../../model/chart-base-element';
 import { DragNDropYComponent } from '../dran-n-drop_helper/drag-n-drop-y.component';
 import { BarResizerDrawer } from './bar-resizer.drawer';
+export const RESIZER_HIT_TEST_EXTENSION = 8;
 /**
  * Bar separator between panes.
  * Used to resize the areas height or just draw a fixed line.

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

@@ -60,7 +60,8 @@ export declare class FancyYAxisLabelsModel extends ChartBaseElement {
      * an easier way to manage custom y-axis labels, than y-axis labels providers, but doesn't support overlapping avoidance
      */
     readonly customLabels: Record<string, VisualYAxisLabel>;
-    private labelsProviders;
+    private _labelsProviders;
+    get labelsProviders(): Record<string, Record<string, YAxisLabelsProvider>>;
     private labelsPositionRecalculatedSubject;
     private animFrameId;
     constructor(eventBus: EventBus, scale: ScaleModel, canvasBoundsContainer: CanvasBoundsContainer, state: YAxisConfig, canvasModel: CanvasModel, paneUUID: string, updateYAxisWidth: () => void, chartResizeHandler: ChartResizeHandler);
@@ -157,4 +158,5 @@ export declare class FancyYAxisLabelsModel extends ChartBaseElement {
  */
 export interface YAxisLabelsProvider {
     readonly getUnorderedLabels: () => LabelGroup[];
+    yAxisBoundsProvider?: () => Bounds;
 }

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

@@ -27,6 +27,9 @@ export const LabelsGroups = {
  * Anything but the base labels which are generated in other component {@link YAxisBaseLabelsModel}
  */
 export class FancyYAxisLabelsModel extends ChartBaseElement {
+    get labelsProviders() {
+        return this._labelsProviders;
+    }
     constructor(eventBus, scale, canvasBoundsContainer, state, canvasModel, paneUUID, updateYAxisWidth, chartResizeHandler) {
         super();
         this.eventBus = eventBus;
@@ -42,7 +45,7 @@ export class FancyYAxisLabelsModel extends ChartBaseElement {
          * an easier way to manage custom y-axis labels, than y-axis labels providers, but doesn't support overlapping avoidance
          */
         this.customLabels = {};
-        this.labelsProviders = {};
+        this._labelsProviders = {};
         this.labelsPositionRecalculatedSubject = new Subject();
         this.animFrameId = `anim_cache_${uuid()}`;
         this.initModel();

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

@@ -30,10 +30,12 @@ export declare class YAxisScaleHandler extends ChartBaseElement {
     lastYEnd: Unit;
     lastYHeight: Unit;
     lastYPxHeight: Pixel;
+    private dragNDropYComponent;
     private dblClickCallback;
     private touches;
     private dblTapCallback;
     constructor(bus: EventBus, config: YAxisConfig, panning: ChartPanComponent, scale: ScaleModel, canvasInputListener: CanvasInputListenerComponent, bounds: CanvasBoundsContainer, hitTest: HitBoundsTest, hitTestCanvasModel: HitTestCanvasModel);
+    isDragging(): boolean;
     protected doActivate(): void;
     private onYDragStart;
     private onYDragTick;

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

@@ -1,3 +1,8 @@
+/*
+ * 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/.
+ */
 /*
  * 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.
@@ -87,7 +92,14 @@ export class YAxisScaleHandler extends ChartBaseElement {
                 dragPredicate: () => panning.chartAreaPanHandler.chartPanningOptions.vertical && config.type !== 'percent',
             });
             this.addChildEntity(dragNDropYComponent);
+            this.dragNDropYComponent = dragNDropYComponent;
+        }
+    }
+    isDragging() {
+        if (!this.dragNDropYComponent) {
+            return false;
         }
+        return Math.abs(this.dragNDropYComponent.draggedPixels) > 0;
     }
     doActivate() {
         if (this.config.customScaleDblClick) {

package/dist/chart/model/data-series.model.js

@@ -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 { DataSeriesYAxisLabelsProvider } from '../components/y_axis/price_labels/data-series-y-axis-labels.provider';
+import { LabelsGroups } from '../components/y_axis/price_labels/y-axis-labels.model';
 import { binarySearch, create2DArray, lastOf, slice2DArray } from '../utils/array.utils';
 import { floorToDPR } from '../utils/device/device-pixel-ratio.utils';
 import { MathUtils } from '../utils/math.utils';
@@ -141,6 +142,7 @@ export class DataSeriesModel extends ChartBaseElement {
         this.addRxSubscription(this.scale.xChanged.subscribe(() => this.recalculateDataViewportIndexes()));
         this.addRxSubscription(this.scale.scaleInversedSubject.subscribe(() => {
             this.recalculateVisualPoints();
+            this.extentComponent.dynamicObjectsCanvasModel.fireDraw();
         }));
     }
     /**
@@ -161,12 +163,28 @@ export class DataSeriesModel extends ChartBaseElement {
      */
     moveToExtent(extent) {
         var _a;
+        const prevExtent = Object.assign({}, this.extentComponent);
         this.extentComponent.removeDataSeries(this);
         this.extentComponent = extent;
         this.scale = extent.scale;
         this.view = new DataSeriesView(this, this.scale, () => this.extentComponent.yAxis.getAxisType(), this.getBaseline);
         this.yAxisLabelProvider.yAxisBoundsProvider = extent.getYAxisBounds;
         this.yAxisLabelProvider.axisState = (_a = extent.yAxis) === null || _a === void 0 ? void 0 : _a.state;
+        // move data series labels
+        const prevExtentMainLabels = prevExtent.yAxis.model.fancyLabelsModel.labelsProviders[LabelsGroups.MAIN];
+        const dataSeriesLabelsId = prevExtentMainLabels && Object.keys(prevExtentMainLabels).find(p => this.parentId && p === this.parentId);
+        const currentMainLabels = this.extentComponent.yAxis.model.fancyLabelsModel.labelsProviders[LabelsGroups.MAIN];
+        if (dataSeriesLabelsId) {
+            const labelsProvider = prevExtentMainLabels[dataSeriesLabelsId];
+            labelsProvider.yAxisBoundsProvider = extent.getYAxisBounds;
+            // main group is not created yet (new extent without labels) or main group exists but no data series labels so far
+            if (!currentMainLabels || (currentMainLabels && !currentMainLabels[dataSeriesLabelsId])) {
+                // create new data series labels group on the new extent
+                this.extentComponent.yAxis.model.fancyLabelsModel.registerYAxisLabelsProvider(LabelsGroups.MAIN, labelsProvider, dataSeriesLabelsId);
+                // remove labels from previous extent
+                prevExtent.yAxis.model.fancyLabelsModel.unregisterYAxisLabelsProvider(LabelsGroups.MAIN, dataSeriesLabelsId);
+            }
+        }
         // shut down old subscriptions
         this.deactivate();
         // and apply new ones (with updated scaleModel)