@devexperts/dxcharts-lite 2.7.0 → 2.7.1

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

@@ -113,7 +113,7 @@ export class ChartModel extends ChartBaseElement {
             const nextChartWidth = this.canvasBoundsContainer.getEffectiveChartWidth();
             const nextYAxisWidth = this.canvasBoundsContainer.getEffectiveYAxisWidth();
             if (this.prevChartWidth === 0 && this.scale) {
-                this.scale.isViewportValid(false) && this.scale.recalculateZoom();
+                this.scale.isViewportValid(false) ? this.scale.recalculateZoom() : this.doBasicScale();
                 this.prevChartWidth = nextChartWidth;
                 this.prevYWidth = nextYAxisWidth;
                 return;

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

@@ -7,7 +7,7 @@ import { Subject } from 'rxjs';
 import { CanvasAnimation } from '../../animation/canvas-animation';
 import { CanvasBoundsContainer } from '../../canvas/canvas-bounds-container';
 import { CursorHandler } from '../../canvas/cursor.handler';
-import { FullChartConfig } from '../../chart.config';
+import { FullChartConfig, YAxisAlign } from '../../chart.config';
 import { DrawingManager } from '../../drawers/drawing-manager';
 import EventBus from '../../events/event-bus';
 import { CrossEventProducerComponent } from '../../inputhandlers/cross-event-producer.component';
@@ -29,6 +29,8 @@ interface MoveDataSeriesToPaneOptions {
     paneUUID?: string;
     extent?: YExtentComponent;
     direction?: MoveDataSeriesToPaneDirection;
+    align?: YAxisAlign;
+    extentIdx?: number;
     isForceKeepPane?: boolean;
     index?: number;
 }

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

@@ -193,20 +193,22 @@ export class PaneManager extends ChartBaseElement {
      * Move data series to a certain pane, or create a new one if no pane is found
      */
     moveDataSeriesToPane(dataSeries, initialPane, initialExtent, options) {
-        const { paneUUID, extent, direction, isForceKeepPane, index = 0 } = options;
+        const { paneUUID, extent, direction, align, extentIdx, isForceKeepPane, index = 0 } = options;
         const pane = paneUUID && this.panes[paneUUID];
+        const initialYAxisState = align ? Object.assign(Object.assign({}, this.panes[CHART_UUID].yAxis.state), { align }) : undefined;
+        const onNewScale = extentIdx && extentIdx > 0;
         if (!pane) {
-            const order = direction && direction === 'above' ? index : this.panesOrder.length + index;
-            const newPane = this.createPane(paneUUID, { order });
+            const order = direction && direction === 'above' ? index : index + 1;
+            const newPane = this.createPane(paneUUID, { order, initialYAxisState });
             newPane.moveDataSeriesToExistingExtentComponent(dataSeries, initialPane, initialExtent, newPane.mainExtent, isForceKeepPane);
             !isForceKeepPane && initialPane.yExtentComponents.length === 0 && this.removePane(initialPane.uuid);
             return;
         }
-        if (extent) {
+        if (extent && !onNewScale) {
             pane.moveDataSeriesToExistingExtentComponent(dataSeries, initialPane, initialExtent, extent);
         }
         else {
-            pane.moveDataSeriesToNewExtentComponent(dataSeries, initialPane, initialExtent, initialExtent.yAxis.state.align);
+            pane.moveDataSeriesToNewExtentComponent(dataSeries, initialPane, initialExtent, align !== null && align !== void 0 ? align : initialExtent.yAxis.state.align);
         }
         !isForceKeepPane && initialPane.yExtentComponents.length === 0 && this.removePane(initialPane.uuid);
     }

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

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

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

@@ -147,9 +147,9 @@ export class PaneComponent extends ChartBaseElement {
         this.yExtentComponentsChangedSubject.next();
         return yExtentComponent;
     }
-    removeExtentComponent(extentComponent) {
-        extentComponent.disable();
-        this.yExtentComponents.splice(extentComponent.idx, 1);
+    removeExtentComponents(extentComponents) {
+        extentComponents.forEach(extentComponent => extentComponent.disable());
+        this.yExtentComponents = this.yExtentComponents.filter(current => !extentComponents.map(excluded => excluded.idx).includes(current.idx));
         // re-index extents
         this.yExtentComponents.forEach((c, idx) => (c.idx = idx));
         this.canvasBoundsContainer.updateYAxisWidths();
@@ -162,7 +162,7 @@ export class PaneComponent extends ChartBaseElement {
         const extent = this.createExtentComponent();
         extent.yAxis.setYAxisAlign(align);
         dataSeries.forEach(series => series.moveToExtent(extent));
-        initialExtent.dataSeries.size === 0 && initialPane.removeExtentComponent(initialExtent);
+        initialExtent.dataSeries.size === 0 && initialPane.removeExtentComponents([initialExtent]);
     }
     /**
      * Attach data series to existing y axis extent
@@ -172,7 +172,9 @@ export class PaneComponent extends ChartBaseElement {
     // because the next data series could be moved to it
     isForceKeepExtent) {
         dataSeries.forEach(series => series.moveToExtent(extentComponent));
-        !isForceKeepExtent && initialExtent.dataSeries.size === 0 && initialPane.removeExtentComponent(initialExtent);
+        !isForceKeepExtent &&
+            initialExtent.dataSeries.size === 0 &&
+            initialPane.removeExtentComponents([initialExtent]);
         this.yExtentComponentsChangedSubject.next();
     }
     /**

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

@@ -52,7 +52,9 @@ export declare class BarResizerComponent extends ChartBaseElement {
      * @returns {void}
      */
     protected doActivate(): void;
+    private onYDragStartMobile;
     private onYDragStart;
+    private onYDragEndMobile;
     private onYDragEnd;
     private onYDragTick;
     /**

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

@@ -3,17 +3,13 @@
  * 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.
- * 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, skip, startWith, filter } from 'rxjs/operators';
 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';
+import { isMobile } from '../../utils/device/browser.utils';
 export const RESIZER_HIT_TEST_EXTENSION = 8;
 /**
  * Bar separator between panes.
@@ -40,15 +36,21 @@ export class BarResizerComponent extends ChartBaseElement {
         this.hitTestCanvasModel = hitTestCanvasModel;
         this.initialY = 0;
         this.resizeEvent$ = new Subject();
-        this.onYDragStart = () => {
+        this.onYDragStartMobile = () => {
             this.config.components.crossTool.type = 'none';
+            this.onYDragStart();
+        };
+        this.onYDragStart = () => {
             this.initialY = this.boundsProvider().y;
             // Stop redrawing hit test
             this.hitTestCanvasModel.hitTestDrawersPredicateSubject.next(false);
             this.chartPanComponent.deactivatePanHandlers();
         };
-        this.onYDragEnd = () => {
+        this.onYDragEndMobile = () => {
             this.config.components.crossTool.type = 'cross-and-labels';
+            this.onYDragEnd();
+        };
+        this.onYDragEnd = () => {
             this.initialY = this.boundsProvider().y;
             this.canvasBoundsContainer.graphsHeightRatioChangedSubject.next(this.canvasBoundsContainer.graphsHeightRatio);
             // Continue redrawing hit test
@@ -82,8 +84,8 @@ export class BarResizerComponent extends ChartBaseElement {
         if (!fixedMode) {
             const dragNDropYComponent = new DragNDropYComponent(this.hitTest, {
                 onDragTick: this.onYDragTick,
-                onDragStart: this.onYDragStart,
-                onDragEnd: this.onYDragEnd,
+                onDragStart: isMobile() ? this.onYDragStartMobile : this.onYDragStart,
+                onDragEnd: isMobile() ? this.onYDragEndMobile : this.onYDragEnd,
             }, this.canvasInputListener, this.chartPanComponent, {
                 dragPredicate: this.dragPredicate,
             });

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

@@ -3,11 +3,6 @@
  * 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.
- * 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 { CanvasElement, DEFAULT_MIN_PANE_HEIGHT, } from '../../canvas/canvas-bounds-container';
 import { ChartBaseElement } from '../../model/chart-base-element';

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

@@ -85,7 +85,9 @@ export class DataSeriesView {
                 const baseline = this.percentAnimationHandler.getBaselineForPercent(getBaseline);
                 return unitToPercent(value, baseline);
             case 'logarithmic':
-                return calcLogValue(value);
+                // TODO: temporary fix for dataseries with negative values, think about the requirements for these cases
+                // should probably not allow to switch to log values at all, or just keep it as it is
+                return value <= 0 ? value : calcLogValue(value);
             case 'regular':
                 return value;
         }

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

@@ -105,7 +105,7 @@ export class DataSeriesModel extends ChartBaseElement {
          * @param {number} [idx=this.dataIdxStart] - The index of the visual point to retrieve the close value for.
          * @returns {Unit} The close value of the visual point at the given index, or 1 if the visual point is not defined.
          */
-        this.getBaseline = (idx = this.dataIdxStart) => { var _a, _b; return (_b = (_a = this.visualPoints[idx]) === null || _a === void 0 ? void 0 : _a.close) !== null && _b !== void 0 ? _b : 1; };
+        this.getBaseline = (idx = this.dataIdxStart) => { var _a, _b, _c; return ((_a = this.visualPoints[idx]) === null || _a === void 0 ? void 0 : _a.close) && ((_b = this.visualPoints[idx]) === null || _b === void 0 ? void 0 : _b.close) >= 0 ? (_c = this.visualPoints[idx]) === null || _c === void 0 ? void 0 : _c.close : 1; };
         /**
          * Returns the string representation of the close value of the given visual point.
          *