@devexperts/dxcharts-lite 2.7.31 → 2.7.32

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

@@ -86,6 +86,7 @@ export declare class PaneComponent extends ChartBaseElement {
     private createYPanHandler;
     private addCursors;
     createExtentComponent(options?: AtLeastOne<YExtentCreationOptions>): YExtentComponent;
+    private shouldKeepVolumeHostExtent;
     removeExtentComponents(extentComponents: YExtentComponent[]): void;
     /**
      * Create new pane extent and attach data series to it

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

@@ -15,6 +15,7 @@ import { GridComponent } from '../grid/grid.component';
 import { YAxisComponent } from '../y_axis/y-axis.component';
 import { createDefaultYExtentHighLowProvider, YExtentComponent, } from './extent/y-extent-component';
 import { merge } from '../../utils/merge.utils';
+import { VOLUMES_UUID } from '../volumes/volumes.model';
 export class PaneComponent extends ChartBaseElement {
     get scale() {
         return this.mainExtent.scale;
@@ -160,9 +161,16 @@ export class PaneComponent extends ChartBaseElement {
         this.yExtentComponentsChangedSubject.next();
         return yExtentComponent;
     }
+    shouldKeepVolumeHostExtent(extent) {
+        return (this.uuid === VOLUMES_UUID && extent === this.mainExtent && this.config.components.volumes.showSeparately);
+    }
     removeExtentComponents(extentComponents) {
-        extentComponents.forEach(extentComponent => extentComponent.disable());
-        this.yExtentComponents = this.yExtentComponents.filter(current => !extentComponents.map(excluded => excluded.idx).includes(current.idx));
+        const removableExtents = extentComponents.filter(extent => !this.shouldKeepVolumeHostExtent(extent));
+        if (removableExtents.length === 0) {
+            return;
+        }
+        removableExtents.forEach(extentComponent => extentComponent.disable());
+        this.yExtentComponents = this.yExtentComponents.filter(current => !removableExtents.map(excluded => excluded.idx).includes(current.idx));
         // re-index extents
         this.yExtentComponents.forEach((c, idx) => {
             c.yAxis.setExtentIdx(idx);

package/dist/chart/components/volumes/separate-volumes.component.d.ts

@@ -19,6 +19,7 @@ export declare class SeparateVolumesComponent extends ChartBaseElement {
     pane: PaneComponent | undefined;
     constructor(chartComponent: ChartComponent, config: FullChartConfig, volumesModel: VolumesModel, paneManager: PaneManager);
     protected doActivate(): void;
+    private paneHasStudyDataSeries;
     /**
      * Activates the separate volumes feature.
      * If the pane component for separate volumes does not exist, it creates a new pane with the specified UUID and options.
@@ -27,7 +28,8 @@ export declare class SeparateVolumesComponent extends ChartBaseElement {
      */
     activateSeparateVolumes(): void;
     /**
-     * Deactivates the separate volumes feature by removing the separate volumes pane, deleting the scale model, and removing the underlay volumes area drawer.
+     * Deactivates the separate volumes feature by removing the separate volumes pane when it has no study data series,
+     * or by keeping the pane when studies remain on it.
      */
     deactiveSeparateVolumes(): void;
     /**

package/dist/chart/components/volumes/separate-volumes.component.js

@@ -22,6 +22,9 @@ export class SeparateVolumesComponent extends ChartBaseElement {
         this.addRxSubscription(this.chartComponent.chartModel.candlesUpdatedSubject.subscribe(() => { var _a, _b; return !((_a = this.pane) === null || _a === void 0 ? void 0 : _a.scale.isViewportValid()) && ((_b = this.pane) === null || _b === void 0 ? void 0 : _b.scale.doAutoScale(true)); }));
         this.addRxSubscription(this.volumesModel.volumeMax.subscribe(() => { var _a; return (_a = this.pane) === null || _a === void 0 ? void 0 : _a.scale.doAutoScale(); }));
     }
+    paneHasStudyDataSeries(pane) {
+        return pane.dataSeries.length > 0;
+    }
     /**
      * Activates the separate volumes feature.
      * If the pane component for separate volumes does not exist, it creates a new pane with the specified UUID and options.
@@ -29,7 +32,8 @@ export class SeparateVolumesComponent extends ChartBaseElement {
      * A new VolumesDrawer is created and added to the drawing manager with the specified parameters.
      */
     activateSeparateVolumes() {
-        if (this.paneManager.panes[SeparateVolumesComponent.UUID] === undefined) {
+        const existingPane = this.paneManager.panes[SeparateVolumesComponent.UUID];
+        if (existingPane === undefined) {
             const precision = 1;
             const volumePane = this.paneManager.createPane(SeparateVolumesComponent.UUID, {
                 paneFormatters: {
@@ -38,18 +42,30 @@ export class SeparateVolumesComponent extends ChartBaseElement {
                 useDefaultHighLow: false,
                 increment: 1,
             });
-            this.pane = volumePane;
             volumePane.mainExtent.yAxis.setAxisType('regular');
             const { scale: scaleModel } = volumePane;
             const volumesHighLowProvider = createCandlesOffsetProvider(() => ({ top: 10, bottom: 0, left: 0, right: 0, visible: true }), this.volumesModel.highLowProvider);
             scaleModel.autoScaleModel.setHighLowProvider('volumes', volumesHighLowProvider);
             scaleModel.doAutoScale(true);
+            this.pane = volumePane;
+            return;
         }
+        this.pane = existingPane;
     }
     /**
-     * Deactivates the separate volumes feature by removing the separate volumes pane, deleting the scale model, and removing the underlay volumes area drawer.
+     * Deactivates the separate volumes feature by removing the separate volumes pane when it has no study data series,
+     * or by keeping the pane when studies remain on it.
      */
     deactiveSeparateVolumes() {
+        const pane = this.paneManager.panes[SeparateVolumesComponent.UUID];
+        if (pane === undefined) {
+            delete this.pane;
+            return;
+        }
+        if (this.paneHasStudyDataSeries(pane)) {
+            this.pane = undefined;
+            return;
+        }
         this.paneManager.removePane(SeparateVolumesComponent.UUID);
         delete this.pane;
     }

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

@@ -40,6 +40,8 @@ export declare class VolumesComponent extends ChartBaseElement {
      * @param {boolean} separate - A boolean value indicating whether the volumes should be shown separately or not.
      * @returns {void}
      */
+    /** Restores separate volumes pane and dynamic object after study pane cleanup. */
+    ensureSeparateVolumesHost(): void;
     setShowVolumesSeparatly(separate: boolean): void;
     /**
      * This method deactivates the current component by calling the superclass doDeactivate method and setting the visibility of the component to false.

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

@@ -53,6 +53,15 @@ export class VolumesComponent extends ChartBaseElement {
      * @param {boolean} separate - A boolean value indicating whether the volumes should be shown separately or not.
      * @returns {void}
      */
+    /** Restores separate volumes pane and dynamic object after study pane cleanup. */
+    ensureSeparateVolumesHost() {
+        if (!this.config.components.volumes.showSeparately) {
+            return;
+        }
+        this.separateVolumes.activateSeparateVolumes();
+        this.syncVolumesDynamicObject();
+        this.canvasModel.fireDraw();
+    }
     setShowVolumesSeparatly(separate) {
         if (this.config.components.volumes.showSeparately !== separate) {
             this.config.components.volumes.showSeparately = separate;