@devexperts/dxcharts-lite 2.0.2 → 2.2.0

package/dist/chart/model/data-series.model.d.ts

@@ -45,7 +45,8 @@ export interface DataSeriesViewportIndexes {
  */
 export declare class DataSeriesModel<D extends DataSeriesPoint = DataSeriesPoint, V extends VisualSeriesPoint = VisualSeriesPoint> extends ChartBaseElement {
     extentComponent: YExtentComponent;
-    id: number;
+    id: string;
+    htId: number;
     name: string;
     hovered: boolean;
     yAxisLabelProvider: DataSeriesYAxisLabelsProvider;
@@ -70,7 +71,7 @@ export declare class DataSeriesModel<D extends DataSeriesPoint = DataSeriesPoint
     get visualPoints(): V[];
     get visualPoints2D(): V[][];
     set visualPoints(points: V[][] | V[]);
-    constructor(extentComponent: YExtentComponent, id: number, _config?: AtLeastOne<DataSeriesConfig>);
+    constructor(extentComponent: YExtentComponent, id: string, htId: number, _config?: AtLeastOne<DataSeriesConfig>);
     protected doActivate(): void;
     /**
      * Sets the data points and recalculates internal state

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

@@ -65,11 +65,12 @@ export class DataSeriesModel extends ChartBaseElement {
         this._visualPoints = create2DArray(points);
         this._visualPointsFlat = this._visualPoints.flat();
     }
-    constructor(extentComponent, id, _config = cloneUnsafe(DEFAULT_DATA_SERIES_CONFIG)) {
+    constructor(extentComponent, id, htId, _config = cloneUnsafe(DEFAULT_DATA_SERIES_CONFIG)) {
         var _a;
         super();
         this.extentComponent = extentComponent;
         this.id = id;
+        this.htId = htId;
         this.name = '';
         this.hovered = false;
         this._dataPoints = [];

package/dist/chart/model/main-candle-series.model.d.ts

@@ -18,7 +18,7 @@ import VisualCandle from './visual-candle';
  */
 export declare class MainCandleSeriesModel extends CandleSeriesModel {
     private readonly baseModel;
-    constructor(baseModel: ChartBaseModel<'candle'>, extentComponent: YExtentComponent, id: number, eventBus: EventBus, scale: ScaleModel, instrument: ChartInstrument, candlesTransformersByChartType: Partial<Record<DataSeriesType, VisualCandleCalculator>>, candleWidthByChartType: Partial<Record<DataSeriesType, CandleWidthCalculator>>, colors: CandleSeriesColors);
+    constructor(baseModel: ChartBaseModel<'candle'>, extentComponent: YExtentComponent, id: string, htId: number, eventBus: EventBus, scale: ScaleModel, instrument: ChartInstrument, candlesTransformersByChartType: Partial<Record<DataSeriesType, VisualCandleCalculator>>, candleWidthByChartType: Partial<Record<DataSeriesType, CandleWidthCalculator>>, colors: CandleSeriesColors);
     set visualPoints(candles: VisualCandle[] | VisualCandle[][]);
     get visualPoints(): VisualCandle[];
     set dataPoints(candles: Candle[] | Candle[][]);

package/dist/chart/model/main-candle-series.model.js

@@ -8,8 +8,8 @@ import { CandleSeriesModel } from './candle-series.model';
  * This model represents main chart data series and is highly tied to chartBaseModel, @see ChartBaseModel
  */
 export class MainCandleSeriesModel extends CandleSeriesModel {
-    constructor(baseModel, extentComponent, id, eventBus, scale, instrument, candlesTransformersByChartType, candleWidthByChartType, colors) {
-        super(extentComponent, id, eventBus, scale, instrument, candlesTransformersByChartType, candleWidthByChartType, colors);
+    constructor(baseModel, extentComponent, id, htId, eventBus, scale, instrument, candlesTransformersByChartType, candleWidthByChartType, colors) {
+        super(extentComponent, id, htId, eventBus, scale, instrument, candlesTransformersByChartType, candleWidthByChartType, colors);
         this.baseModel = baseModel;
     }
     set visualPoints(candles) {

package/dist/chart/model/scale.model.d.ts

@@ -91,6 +91,7 @@ export declare class ScaleModel extends ViewportModel {
     setXScale(xStart: Unit, xEnd: Unit): void;
     /**
      * Moves both xStart and xEnd without changing the viewport width (zoom).
+     * Works without animation.
      * WILL CHANGE the Y axis if scale.auto=true.
      * @param xStart - starting point in units
      */
@@ -98,6 +99,7 @@ export declare class ScaleModel extends ViewportModel {
     private scalePostProcessor;
     /**
      * Moves both yStart and yEnd without changing the viewport height (zoom).
+     * Works without animation.
      * Will not move viewport if scale.auto=true
      * @param yStart - starting point in units
      */

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

@@ -82,10 +82,14 @@ export class ScaleModel extends ViewportModel {
      * @param zoomSensitivity The sensitivity of the zoom.
      */
     zoomXToPercent(viewportPercent, zoomIn, forceNoAnimation = false, zoomSensitivity = this.config.scale.zoomSensitivity) {
+        const disabledAnimations = this.config.scale.disableAnimations || forceNoAnimation;
+        if (disabledAnimations) {
+            this.haltAnimation();
+        }
         this.beforeStartAnimationSubject.next();
         const state = this.export();
         zoomXToPercentViewportCalculator(this, state, viewportPercent, zoomSensitivity, zoomIn);
-        this.zoomXTo(state, forceNoAnimation);
+        this.zoomXTo(state, disabledAnimations);
     }
     /**
      * Zooms the X axis of the chart relativly to the end of the data range.
@@ -93,10 +97,13 @@ export class ScaleModel extends ViewportModel {
      * @param zoomSensitivity - The sensitivity of the zoom. Default value is taken from the configuration object.
      */
     zoomXToEnd(zoomIn, zoomSensitivity = this.config.scale.zoomSensitivity) {
+        if (this.config.scale.disableAnimations) {
+            this.haltAnimation();
+        }
         this.beforeStartAnimationSubject.next();
         const state = this.export();
         zoomXToEndViewportCalculator(this, state, zoomSensitivity, zoomIn);
-        this.zoomXTo(state);
+        this.zoomXTo(state, this.config.scale.disableAnimations);
     }
     haltAnimation() {
         var _a;
@@ -144,6 +151,7 @@ export class ScaleModel extends ViewportModel {
     }
     /**
      * Moves both xStart and xEnd without changing the viewport width (zoom).
+     * Works without animation.
      * WILL CHANGE the Y axis if scale.auto=true.
      * @param xStart - starting point in units
      */
@@ -162,6 +170,7 @@ export class ScaleModel extends ViewportModel {
     }
     /**
      * Moves both yStart and yEnd without changing the viewport height (zoom).
+     * Works without animation.
      * Will not move viewport if scale.auto=true
      * @param yStart - starting point in units
      */

package/dist/chart/utils/dom.utils.d.ts

@@ -3,6 +3,12 @@
  * 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/.
  */
+export declare const MouseButton: {
+    left: number;
+    middle: number;
+    right: number;
+};
+export type MouseButtonType = typeof MouseButton[keyof typeof MouseButton];
 /**
  * @param {Element} element
  * @param {function} listener
@@ -11,3 +17,4 @@
  * @return {Function}
  */
 export declare function subscribeListener<K extends keyof GlobalEventHandlersEventMap>(element: EventTarget, listener: (e: GlobalEventHandlersEventMap[K]) => void, eventType: K, useCapture?: boolean): () => void;
+export declare function leftMouseButtonListener(cb: (e: MouseEvent) => void): (e: MouseEvent) => void;

package/dist/chart/utils/dom.utils.js

@@ -3,6 +3,11 @@
  * 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/.
  */
+export const MouseButton = {
+    left: 0,
+    middle: 1,
+    right: 2,
+};
 /**
  * @param {Element} element
  * @param {function} listener
@@ -18,3 +23,10 @@ export function subscribeListener(element, listener, eventType, useCapture) {
         element.removeEventListener(eventType, listener, useCapture);
     };
 }
+export function leftMouseButtonListener(cb) {
+    return (e) => {
+        if (e.button === MouseButton.left) {
+            cb(e);
+        }
+    };
+}

package/dist/chart/utils/linkedList.utils.d.ts

@@ -17,9 +17,9 @@ export declare class LinkedList<T> {
     private _tail;
     private length;
     constructor(head?: ListNode<T>);
-    insertAtEnd(data: T): ListNode<T>;
-    insertAt(position: number, data: T): ListNode<T> | null;
-    removeAt(position: number): ListNode<T> | null;
+    insertAtEnd(data: T): void;
+    insertAt(position: number, data: T): null | undefined;
+    removeAt(position: number): null | undefined;
     getNodePosition(node: ListNode<T>): number;
     size(): number;
     get head(): ListNode<T> | null;

package/dist/chart/utils/linkedList.utils.js

@@ -19,102 +19,100 @@ export class LinkedList {
         this._tail = null;
         this.length = 0;
         this._head = head !== null && head !== void 0 ? head : null;
-        // init tail
         if (this.head !== null) {
-            let current;
-            current = this.head;
+            // init tail
+            let current = this.head;
             while (current.next) {
                 current = current.next;
             }
             this._tail = current;
+            this.length++;
         }
     }
     insertAtEnd(data) {
         const node = new ListNode(data);
-        let current;
         if (this.head === null) {
             this._head = node;
         }
         else {
-            current = this.head;
+            let current = this.head;
+            // iterate till the end of the list
             while (current.next) {
                 current = current.next;
             }
+            // insert the node at the end
             current.next = node;
         }
         this._tail = node;
         this.length++;
-        return node;
     }
     insertAt(position, data) {
-        if (position > -1 && position < this.length && this.head) {
+        // falsy cases
+        if (!this.head || position < 0 || position > this.length) {
+            return null;
+        }
+        const node = new ListNode(data);
+        // if position === 0 it means that we need to insert the node in the head
+        if (position === 0) {
+            node.next = this.head;
+            this._head = node;
+        }
+        else {
             let current = this.head;
+            let previous = current;
             let index = 0;
-            let previous = null;
-            const node = new ListNode(data);
+            // iterate till the index === position
+            while (current && index < position) {
+                index++;
+                previous = current;
+                current = current.next;
+            }
+            // insert an element
+            node.next = current;
+            previous.next = node;
+            // update tail
             if (position === this.length - 1) {
                 this._tail = node;
             }
-            if (position === 0) {
-                node.next = current;
-                this._head = node;
-            }
-            else {
-                while (index < position && current.next) {
-                    index++;
-                    previous = current;
-                    current = current.next;
-                }
-                node.next = current;
-                if (previous) {
-                    previous.next = node;
-                }
-            }
-            this.length++;
-            return current;
-        }
-        else {
-            this._head = new ListNode(data);
-            this.length++;
-            return this.head;
         }
+        this.length++;
     }
     removeAt(position) {
-        if (position > -1 && position < this.length && this.head) {
-            let current = this.head;
-            let previous = null;
-            let index = 0;
-            if (position === 0) {
-                this._head = current.next;
-            }
-            else {
-                while (index < position && current.next) {
-                    index++;
-                    previous = current;
-                    current = current.next;
-                }
-                if (previous) {
-                    previous.next = current.next;
-                }
-                if (position === this.length - 1) {
-                    this._tail = current;
-                }
-            }
-            this.length--;
-            return current;
+        // falsy cases
+        if (!this.head || position < 0 || position >= this.length) {
+            return null;
+        }
+        let current = this.head;
+        let previous = current;
+        let index = 0;
+        // if position === 0 it means that we need to delete the first node
+        if (position === 0) {
+            this._head = current.next;
         }
         else {
-            return null;
+            // iterate till the index === position
+            while (current.next && index < position) {
+                index++;
+                previous = current;
+                current = current.next;
+            }
+            // remove the element
+            previous.next = current.next;
+            // update tail
+            if (position === this.length - 1) {
+                this._tail = previous;
+            }
         }
+        this.length--;
     }
     getNodePosition(node) {
         let index = 0;
         let current = this.head;
-        while (node) {
-            if ((current === null || current === void 0 ? void 0 : current.data) === node.data) {
+        while (current) {
+            if (current.data === node.data) {
                 return index;
             }
-            current = current && current.next;
+            current = current.next;
             index++;
         }
         return -1;