@devexperts/dxcharts-lite 2.7.1 → 2.7.2

package/dist/chart/drawers/data-series-drawers/trend-histogram.drawer.js

@@ -4,25 +4,26 @@
  * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 import { flat } from '../../utils/array.utils';
+import { setLineWidth } from '../data-series.drawer';
 export class TrendHistogramDrawer {
     constructor() { }
-    draw(ctx, allPoints, model) {
+    draw(ctx, allPoints, model, hitTestDrawerConfig) {
         const zero = model.view.toY(0);
         //  here I do flat, thinks that there is no more that 1 series
         const allPointsFlat = flat(allPoints);
         const config = model.getPaintConfig(0);
+        setLineWidth(ctx, config.lineWidth, model, hitTestDrawerConfig, config.hoveredLineWidth);
         allPointsFlat.forEach((point, idx) => {
-            var _a, _b;
+            var _a, _b, _c, _d, _e, _f, _g, _h;
             // odd width is crucial to draw histogram without antialiasing
             // 2 colors: Negative and Positive
             if (((_a = config.multiplyColors) === null || _a === void 0 ? void 0 : _a.length) === 2) {
                 ctx.strokeStyle =
-                    (point.close < this.previousValue(allPointsFlat, idx)
+                    (_b = hitTestDrawerConfig.color) !== null && _b !== void 0 ? _b : ((point.close < this.previousValue(allPointsFlat, idx)
                         ? config.multiplyColors[1]
                         : config.multiplyColors[0]) ||
                         config.color ||
-                        '#FF00FF';
-                ctx.lineWidth = config.lineWidth;
+                        '#FF00FF');
                 ctx.beginPath();
                 const x = model.view.toX(point.centerUnit);
                 const y = model.view.toY(point.close);
@@ -32,21 +33,24 @@ export class TrendHistogramDrawer {
                 return;
             }
             // 4 colors: Negative and Down, Negative and Up, Positive and Down, Positive and Up
-            if (((_b = config.multiplyColors) === null || _b === void 0 ? void 0 : _b.length) === 4) {
+            if (((_c = config.multiplyColors) === null || _c === void 0 ? void 0 : _c.length) === 4) {
                 const prevPointClose = this.previousValue(allPointsFlat, idx);
                 if (point.close < prevPointClose && point.close < 0) {
-                    ctx.strokeStyle = config.multiplyColors[0] || config.color || '#FF00FF';
+                    ctx.strokeStyle =
+                        (_d = hitTestDrawerConfig.color) !== null && _d !== void 0 ? _d : (config.multiplyColors[0] || config.color || '#FF00FF');
                 }
                 if (point.close > prevPointClose && point.close < 0) {
-                    ctx.strokeStyle = config.multiplyColors[1] || config.color || '#FF00FF';
+                    ctx.strokeStyle =
+                        (_e = hitTestDrawerConfig.color) !== null && _e !== void 0 ? _e : (config.multiplyColors[1] || config.color || '#FF00FF');
                 }
                 if (point.close < prevPointClose && point.close > 0) {
-                    ctx.strokeStyle = config.multiplyColors[2] || config.color || '#FF00FF';
+                    ctx.strokeStyle =
+                        (_f = hitTestDrawerConfig.color) !== null && _f !== void 0 ? _f : (config.multiplyColors[2] || config.color || '#FF00FF');
                 }
                 if (point.close > prevPointClose && point.close > 0) {
-                    ctx.strokeStyle = config.multiplyColors[3] || config.color || '#FF00FF';
+                    ctx.strokeStyle =
+                        (_g = hitTestDrawerConfig.color) !== null && _g !== void 0 ? _g : (config.multiplyColors[3] || config.color || '#FF00FF');
                 }
-                ctx.lineWidth = config.lineWidth;
                 ctx.beginPath();
                 const x = model.view.toX(point.centerUnit);
                 const y = model.view.toY(point.close);
@@ -56,8 +60,7 @@ export class TrendHistogramDrawer {
                 return;
             }
             // 1 color
-            ctx.strokeStyle = config.color || '#FF00FF';
-            ctx.lineWidth = config.lineWidth;
+            ctx.strokeStyle = (_h = hitTestDrawerConfig.color) !== null && _h !== void 0 ? _h : (config.color || '#FF00FF');
             ctx.beginPath();
             const x = model.view.toX(point.centerUnit);
             const y = model.view.toY(point.close);

package/dist/chart/drawers/data-series-drawers/triangle.drawer.d.ts

@@ -4,9 +4,9 @@
  * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 import { DataSeriesModel, VisualSeriesPoint } from '../../model/data-series.model';
-import { ChartDrawerConfig, SeriesDrawer } from '../data-series.drawer';
+import { HTSeriesDrawerConfig, SeriesDrawer } from '../data-series.drawer';
 export declare class TriangleDrawer implements SeriesDrawer {
     constructor();
-    draw(ctx: CanvasRenderingContext2D, allPoints: VisualSeriesPoint[][], model: DataSeriesModel, drawerConfig: ChartDrawerConfig): void;
+    draw(ctx: CanvasRenderingContext2D, allPoints: VisualSeriesPoint[][], model: DataSeriesModel, hitTestDrawerConfig: HTSeriesDrawerConfig): void;
     private drawCandleTriangle;
 }

package/dist/chart/drawers/data-series-drawers/triangle.drawer.js

@@ -5,11 +5,11 @@
  */
 export class TriangleDrawer {
     constructor() { }
-    draw(ctx, allPoints, model, drawerConfig) {
+    draw(ctx, allPoints, model, hitTestDrawerConfig) {
         allPoints.forEach((points, idx) => {
             var _a;
             const config = model.getPaintConfig(idx);
-            ctx.fillStyle = (_a = drawerConfig.singleColor) !== null && _a !== void 0 ? _a : config.color;
+            ctx.fillStyle = (_a = hitTestDrawerConfig.color) !== null && _a !== void 0 ? _a : config.color;
             points.forEach(p => {
                 const x = model.view.toX(p.centerUnit);
                 const y = model.view.toY(p.close);

package/dist/chart/drawers/data-series.drawer.d.ts

@@ -7,16 +7,16 @@ import { DynamicModelDrawer } from '../components/dynamic-objects/dynamic-object
 import { PaneManager } from '../components/pane/pane-manager.component';
 import { CanvasModel } from '../model/canvas.model';
 import { DataSeriesModel, VisualSeriesPoint } from '../model/data-series.model';
-export interface ChartDrawerConfig {
-    singleColor?: string;
-    forceBold?: number;
+export interface HTSeriesDrawerConfig {
+    color?: string;
+    hoverWidth?: number;
 }
 export interface SeriesDrawer {
     draw: (ctx: CanvasRenderingContext2D, 
     /**
      * You can pass two-dimension array to divide series into multiple parts
      */
-    points: VisualSeriesPoint[][], model: DataSeriesModel, drawerConfig: ChartDrawerConfig) => void;
+    points: VisualSeriesPoint[][], model: DataSeriesModel, hitTestDrawerConfig: HTSeriesDrawerConfig) => void;
 }
 export declare const transformToTwoDimension: (points: VisualSeriesPoint[] | VisualSeriesPoint[][]) => VisualSeriesPoint[][];
 /**
@@ -32,4 +32,4 @@ export declare class DataSeriesDrawer implements DynamicModelDrawer<DataSeriesMo
     draw(canvasModel: CanvasModel, model: DataSeriesModel, paneUUID?: string): void;
     drawSeries(ctx: CanvasRenderingContext2D, series: DataSeriesModel): void;
 }
-export declare const setLineWidth: (ctx: CanvasRenderingContext2D, lineWidth: number, dataSeries: DataSeriesModel, drawerConfig: ChartDrawerConfig, seriesSelectedWidth?: number) => void;
+export declare const setLineWidth: (ctx: CanvasRenderingContext2D, lineWidth: number, dataSeries: DataSeriesModel, hitTestDrawerConfig: HTSeriesDrawerConfig, seriesSelectedWidth?: number) => void;

package/dist/chart/drawers/data-series.drawer.js

@@ -43,9 +43,9 @@ export class DataSeriesDrawer {
         }
     }
 }
-export const setLineWidth = (ctx, lineWidth, dataSeries, drawerConfig, seriesSelectedWidth = lineWidth) => {
-    if (drawerConfig.forceBold) {
-        ctx.lineWidth = drawerConfig.forceBold;
+export const setLineWidth = (ctx, lineWidth, dataSeries, hitTestDrawerConfig, seriesSelectedWidth = lineWidth) => {
+    if (hitTestDrawerConfig.hoverWidth) {
+        ctx.lineWidth = hitTestDrawerConfig.hoverWidth;
     }
     else if (dataSeries.highlighted) {
         ctx.lineWidth = lineWidth !== seriesSelectedWidth ? lineWidth + 1 : seriesSelectedWidth;

package/dist/chart/drawers/ht-data-series.drawer.js

@@ -31,8 +31,8 @@ export class HTDataSeriesDrawer {
             const drawer = this.seriesDrawers[paintTool];
             if (drawer) {
                 const drawConfig = {
-                    singleColor: this.canvasModel.idToColor(series.htId),
-                    forceBold: 7,
+                    color: this.canvasModel.idToColor(series.htId),
+                    hoverWidth: 7,
                 };
                 // +- 1 to correctly draw points which are partly inside bounds
                 drawer.draw(ctx, series.getSeriesInViewport(series.scale.xStart - 1, series.scale.xEnd + 1), series, drawConfig);

package/dist/chart/model/scale.model.js

@@ -125,6 +125,7 @@ export class ScaleModel extends ViewportModel {
         }
     }
     zoomXTo(state, zoomIn, forceNoAnimation) {
+        var _a;
         const initialStateCopy = this.export();
         const constrainedState = this.scalePostProcessor(initialStateCopy, state);
         this.zoomReached = this.calculateZoomReached(constrainedState.zoomX, zoomIn);
@@ -141,6 +142,7 @@ export class ScaleModel extends ViewportModel {
             this.apply(constrainedState);
         }
         else {
+            (_a = this.currentAnimation) === null || _a === void 0 ? void 0 : _a.tick();
             startViewportModelAnimation(this.canvasAnimation, this, constrainedState);
         }
     }
@@ -169,6 +171,7 @@ export class ScaleModel extends ViewportModel {
      * @param forceNoAutoScale - force NOT apply auto-scaling (for lazy loading)
      */
     setXScale(xStart, xEnd, forceNoAnimation = true) {
+        var _a;
         const initialState = this.export();
         const zoomX = this.calculateZoomX(xStart, xEnd);
         if (initialState.xStart === xStart && initialState.xEnd === xEnd && initialState.zoomX > 0) {
@@ -192,6 +195,7 @@ export class ScaleModel extends ViewportModel {
             this.apply(constrainedState);
         }
         else {
+            (_a = this.currentAnimation) === null || _a === void 0 ? void 0 : _a.tick();
             startViewportModelAnimation(this.canvasAnimation, this, constrainedState);
         }
     }