@devexperts/dxcharts-lite 1.0.1 → 2.0.0

package/dist/chart/components/cross_tool/types/cross-and-labels.drawer.js

@@ -1,6 +1,142 @@
 /*
- * Copyright (C) 2002 - 2023 Devexperts LLC
+ * Copyright (C) 2019 - 2023 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{CanvasElement as v}from"../../../canvas/canvas-bounds-container";import{avoidAntialiasing as w,drawRoundedRect as B}from"../../../utils/canvas/canvas-drawing-functions.utils";import{priceLabelDrawersMap as S}from"../../y_axis/price_labels/price-label.drawer";export class CrossAndLabelsDrawerType{constructor(o,s,t,e=()=>!0,i){this.config=o,this.canvasBoundsContainer=s,this.paneManager=t,this.crossDrawPredicate=e,this.noLines=i}draw(o,s){this.crossDrawPredicate()&&w(o,()=>this.drawCrossTool(o,s))}drawCrossTool(o,s){var t,e,i,a,l;const n=this.canvasBoundsContainer.getBounds(v.ALL_PANES),d=this.canvasBoundsContainer.getBoundsHitTest(v.ALL_PANES,{extensionY:1e-4}),g=(t=this.config.components.xAxis.padding.top)!==null&&t!==void 0?t:0,r=(i=this.config.components.yAxis.typeConfig[(e=this.config.components.crossTool.yLabel.type)!==null&&e!==void 0?e:"badge"])===null||i===void 0?void 0:i.paddings,p=(a=r==null?void 0:r.start)!==null&&a!==void 0?a:0,c=(l=this.paneManager.paneComponents[s.paneId])===null||l===void 0?void 0:l.ht;if(d(s.x,n.y)){const x={start:[n.x,s.y],end:[n.x+n.width+p,s.y]},f={start:[s.x,n.y],end:[s.x,n.y+n.height+g]},u=c==null?void 0:c(s.x,s.y);this.noLines||(o.strokeStyle=this.config.colors.crossTool.lineColor,o.setLineDash(this.config.components.crossTool.lineDash),o.beginPath(),u&&(o.moveTo(...x.start),o.lineTo(...x.end)),o.moveTo(...f.start),o.lineTo(...f.end),o.stroke()),u&&this.drawYLabel(o,s),this.drawXLabel(o,s)}}drawXLabel(o,s){var t,e,i,a,l;const n=this.config.components.crossTool.xLabel.padding,d=this.config.components.crossTool.xLabel.margin,g=this.config.colors.crossTool;if(this.config.components.xAxis.visible){o.font=this.config.components.xAxis.fontSize+"px "+this.config.components.xAxis.fontFamily;const r=s.x,p=s.time,c=o.measureText(p).width,x=this.config.components.xAxis.fontSize,f=this.canvasBoundsContainer.getBounds(v.X_AXIS);o.save(),o.fillStyle=g.labelBoxColor;const u=(t=n==null?void 0:n.left)!==null&&t!==void 0?t:0,T=(e=n==null?void 0:n.right)!==null&&e!==void 0?e:0,h=(i=n==null?void 0:n.top)!==null&&i!==void 0?i:0,y=(a=n==null?void 0:n.bottom)!==null&&a!==void 0?a:0,b=(l=d==null?void 0:d.top)!==null&&l!==void 0?l:0,m=c+u+T,L=x+h+y,C=Math.max(r-m/2,0),A=f.y+b;B(o,C,A,m,L),o.fillStyle=g.labelTextColor;const P=Math.max(r-c/2,u),_=f.y+b+x+h-1;o.fillText(p,P,_),o.restore()}}drawYLabel(o,s){var t,e;const i=this.config.components.crossTool.yLabel.padding,a=this.config.colors.crossTool;if(this.config.components.yAxis.visible){const l=this.paneManager.paneComponents[s.paneId],n=s.y;if(!l)return;for(const d of l.yExtentComponents){const g=d.regularValueFromY(n),r=d.valueFormatter(g),p=this.canvasBoundsContainer.getBounds(v.PANE_UUID_Y_AXIS(l.uuid,d.idx)),c=S[this.config.components.crossTool.yLabel.type];c(o,p,r,n,{textColor:a.labelTextColor,bgColor:a.labelBoxColor,paddingBottom:i==null?void 0:i.bottom,paddingEnd:i==null?void 0:i.end,paddingTop:i==null?void 0:i.top},(e=(t=d.yAxisComponent)===null||t===void 0?void 0:t.state)!==null&&e!==void 0?e:this.config.components.yAxis,this.config.colors.yAxis,!0)}}}}
+import { CanvasElement } from '../../../canvas/canvas-bounds-container';
+import { avoidAntialiasing, drawRoundedRect } from '../../../utils/canvas/canvas-drawing-functions.utils';
+import { priceLabelDrawersMap } from '../../y_axis/price_labels/price-label.drawer';
+export class CrossAndLabelsDrawerType {
+    constructor(config, canvasBoundsContainer, paneManager, crossDrawPredicate = () => true, noLines) {
+        this.config = config;
+        this.canvasBoundsContainer = canvasBoundsContainer;
+        this.paneManager = paneManager;
+        this.crossDrawPredicate = crossDrawPredicate;
+        this.noLines = noLines;
+    }
+    /**
+     * Draws a cross tool on a canvas context and its labels if the crossDrawPredicate is true.
+     * @param {CanvasRenderingContext2D} ctx - The canvas context to draw on.
+     * @param {CrossToolHover} hover - The hover object containing information about the cross tool's position.
+     */
+    draw(ctx, hover) {
+        if (this.crossDrawPredicate()) {
+            avoidAntialiasing(ctx, () => this.drawCrossTool(ctx, hover));
+        }
+    }
+    /**
+     * This is a protected method called `drawCrossTool` that takes two parameters: `ctx` of type `CanvasRenderingContext2D` and `hover` of type `CrossToolHover`.
+     * The method draws a cross tool on the canvas using the provided context. It first gets the bounds of all panes and the hit test bounds of all panes. It then gets the top padding of the x-axis from the configuration and the left padding of the y-axis from the configuration based on the type of y-label.
+     * If the hit test bounds of all panes contain the hover coordinates, it draws a horizontal line and a vertical line using the provided coordinates and the bounds of all panes. It sets the stroke style to the line color from the configuration and sets the line dash to the line dash from the configuration. It then begins a new path, moves to the start of the horizontal line, draws a line to the end of the horizontal line, moves to the start of the vertical line, and draws a line to the end of the vertical line. Finally, it strokes the path.
+     */
+    drawCrossTool(ctx, hover) {
+        var _a, _b, _c, _d, _e;
+        const allPanes = this.canvasBoundsContainer.getBounds(CanvasElement.ALL_PANES);
+        // extension is need for allPanes.y to fit into hit test
+        const allPanesHT = this.canvasBoundsContainer.getBoundsHitTest(CanvasElement.ALL_PANES, { extensionY: 0.0001 });
+        const xAxisTopPadding = (_a = this.config.components.xAxis.padding.top) !== null && _a !== void 0 ? _a : 0;
+        const padding = (_c = this.config.components.yAxis.typeConfig[(_b = this.config.components.crossTool.yLabel.type) !== null && _b !== void 0 ? _b : 'badge']) === null || _c === void 0 ? void 0 : _c.paddings;
+        const yAxisLeftPadding = (_d = padding === null || padding === void 0 ? void 0 : padding.start) !== null && _d !== void 0 ? _d : 0;
+        // we want to draw hover even if y coordinate is beyond chart
+        // Example: snap option is turned on, and chart is scrolled down, so it's not visible
+        const paneHT = (_e = this.paneManager.panes[hover.paneId]) === null || _e === void 0 ? void 0 : _e.ht;
+        if (allPanesHT(hover.x, allPanes.y)) {
+            const horizontalLineCoords = {
+                start: [allPanes.x, hover.y],
+                end: [allPanes.x + allPanes.width + yAxisLeftPadding, hover.y],
+            };
+            const verticalLineCoords = {
+                start: [hover.x, allPanes.y],
+                end: [hover.x, allPanes.y + allPanes.height + xAxisTopPadding],
+            };
+            const allowHorizontal = paneHT === null || paneHT === void 0 ? void 0 : paneHT(hover.x, hover.y);
+            if (!this.noLines) {
+                ctx.strokeStyle = this.config.colors.crossTool.lineColor;
+                ctx.setLineDash(this.config.components.crossTool.lineDash);
+                ctx.beginPath();
+                // don't draw horizontal line if it's not in hit test
+                if (allowHorizontal) {
+                    ctx.moveTo(...horizontalLineCoords.start);
+                    ctx.lineTo(...horizontalLineCoords.end);
+                }
+                ctx.moveTo(...verticalLineCoords.start);
+                ctx.lineTo(...verticalLineCoords.end);
+                ctx.stroke();
+            }
+            allowHorizontal && this.drawYLabel(ctx, hover);
+            this.drawXLabel(ctx, hover);
+        }
+    }
+    /**
+     * Draws the X axis label for the cross tool on the canvas.
+     * @param {CanvasRenderingContext2D} ctx - The 2D rendering context for the canvas.
+     * @param {CrossToolHover} hover - The hover object containing the x and y coordinates of the cross tool.
+     * @returns {void}
+     */
+    drawXLabel(ctx, hover) {
+        var _a, _b, _c, _d, _e;
+        const xLabelPadding = this.config.components.crossTool.xLabel.padding;
+        const xLabelMargin = this.config.components.crossTool.xLabel.margin;
+        const crossToolColors = this.config.colors.crossTool;
+        // X axis label same for all
+        if (this.config.components.xAxis.visible) {
+            ctx.font = this.config.components.xAxis.fontSize + 'px ' + this.config.components.xAxis.fontFamily;
+            // X hover
+            const x = hover.x;
+            const labelText = hover.time;
+            const width = ctx.measureText(labelText).width;
+            const fontHeight = this.config.components.xAxis.fontSize;
+            // box
+            const xAxis = this.canvasBoundsContainer.getBounds(CanvasElement.X_AXIS);
+            ctx.save();
+            ctx.fillStyle = crossToolColors.labelBoxColor;
+            const xLabelPaddingLeft = (_a = xLabelPadding === null || xLabelPadding === void 0 ? void 0 : xLabelPadding.left) !== null && _a !== void 0 ? _a : 0;
+            const xLabelPaddingRight = (_b = xLabelPadding === null || xLabelPadding === void 0 ? void 0 : xLabelPadding.right) !== null && _b !== void 0 ? _b : 0;
+            const xLabelPaddingTop = (_c = xLabelPadding === null || xLabelPadding === void 0 ? void 0 : xLabelPadding.top) !== null && _c !== void 0 ? _c : 0;
+            const xLabelPaddingBottom = (_d = xLabelPadding === null || xLabelPadding === void 0 ? void 0 : xLabelPadding.bottom) !== null && _d !== void 0 ? _d : 0;
+            const xLabelMarginTop = (_e = xLabelMargin === null || xLabelMargin === void 0 ? void 0 : xLabelMargin.top) !== null && _e !== void 0 ? _e : 0;
+            const boxWidth = width + xLabelPaddingLeft + xLabelPaddingRight;
+            const boxHeight = fontHeight + xLabelPaddingTop + xLabelPaddingBottom;
+            const xBoxPos = Math.max(x - boxWidth / 2, 0);
+            const yBoxPos = xAxis.y + xLabelMarginTop;
+            drawRoundedRect(ctx, xBoxPos, yBoxPos, boxWidth, boxHeight);
+            // label
+            ctx.fillStyle = crossToolColors.labelTextColor;
+            const xTextPos = Math.max(x - width / 2, xLabelPaddingLeft);
+            const yTextPos = xAxis.y + xLabelMarginTop + fontHeight + xLabelPaddingTop - 1; // -1 for vertical adjustment
+            ctx.fillText(labelText, xTextPos, yTextPos);
+            ctx.restore();
+        }
+    }
+    /**
+     * Draws the Y-axis label on the canvas context at the given point.
+     * @param {CanvasRenderingContext2D} ctx - The canvas context to draw on.
+     * @param {Point} point - The point where the label should be drawn.
+     * @returns {void}
+     */
+    drawYLabel(ctx, point) {
+        const yLabelPadding = this.config.components.crossTool.yLabel.padding;
+        const crossToolColors = this.config.colors.crossTool;
+        // Y axis label different for main chart pane and the rest panes
+        if (this.config.components.yAxis.visible) {
+            const pane = this.paneManager.panes[point.paneId];
+            const y = point.y;
+            if (!pane) {
+                return;
+            }
+            for (const extent of pane.yExtentComponents) {
+                const price = extent.regularValueFromY(y);
+                const label = extent.valueFormatter(price);
+                const bounds = this.canvasBoundsContainer.getBounds(CanvasElement.PANE_UUID_Y_AXIS(pane.uuid, extent.idx));
+                const drawYLabel = priceLabelDrawersMap[this.config.components.crossTool.yLabel.type];
+                drawYLabel(ctx, bounds, label, y, {
+                    textColor: crossToolColors.labelTextColor,
+                    bgColor: crossToolColors.labelBoxColor,
+                    paddingBottom: yLabelPadding === null || yLabelPadding === void 0 ? void 0 : yLabelPadding.bottom,
+                    paddingEnd: yLabelPadding === null || yLabelPadding === void 0 ? void 0 : yLabelPadding.end,
+                    paddingTop: yLabelPadding === null || yLabelPadding === void 0 ? void 0 : yLabelPadding.top,
+                }, extent.yAxis.state, this.config.colors.yAxis, true);
+            }
+        }
+    }
+}

package/dist/chart/components/cross_tool/types/none.drawer.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2002 - 2023 Devexperts LLC
+ * Copyright (C) 2019 - 2023 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/.
  */

package/dist/chart/components/cross_tool/types/none.drawer.js

@@ -1,6 +1,8 @@
 /*
- * Copyright (C) 2002 - 2023 Devexperts LLC
+ * Copyright (C) 2019 - 2023 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/.
  */
-export class NoneDrawerType{draw(){}}
+export class NoneDrawerType {
+    draw() { }
+}

package/dist/chart/components/dran-n-drop_helper/drag-n-drop-x.component.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2002 - 2023 Devexperts LLC
+ * Copyright (C) 2019 - 2023 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/.
  */

package/dist/chart/components/dran-n-drop_helper/drag-n-drop-x.component.js

@@ -1,6 +1,33 @@
 /*
- * Copyright (C) 2002 - 2023 Devexperts LLC
+ * Copyright (C) 2019 - 2023 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{defaultDragComponentOptions as a,DragNDropComponent as o}from"./drag-n-drop.component";export class DragNDropXComponent extends o{constructor(t,s,r,e,i=a){super(t,s,r,e,i)}doActivate(){super.doActivate(),this.addRxSubscription(this.canvasInputListener.observeXDragStart(this.hitTest).subscribe(this.onDragStart)),this.addRxSubscription(this.canvasInputListener.observeXDrag().subscribe(this.onDragTick)),this.addRxSubscription(this.canvasInputListener.observeXDragEnd().subscribe(this.onDragEnd))}doDeactivate(){super.doDeactivate()}}
+import { defaultDragComponentOptions, DragNDropComponent, } from './drag-n-drop.component';
+export class DragNDropXComponent extends DragNDropComponent {
+    constructor(hitTest, dragCallbacks, canvasInputListener, chartPanComponent, dragComponentOptions = defaultDragComponentOptions) {
+        super(hitTest, dragCallbacks, canvasInputListener, chartPanComponent, dragComponentOptions);
+    }
+    /**
+     * This method is used to activate the component and add the necessary subscriptions to the canvasInputListener.
+     * It calls the super method doActivate() and then adds the following subscriptions:
+     * - observeXDragStart() subscription with hitTest() as parameter and onDragStart() as callback function
+     * - observeXDrag() subscription with onDragTick() as callback function
+     * - observeXDragEnd() subscription with onDragEnd() as callback function
+     * @returns {void}
+     */
+    doActivate() {
+        super.doActivate();
+        this.addRxSubscription(this.canvasInputListener.observeXDragStart(this.hitTest).subscribe(this.onDragStart));
+        this.addRxSubscription(this.canvasInputListener.observeXDrag().subscribe(this.onDragTick));
+        this.addRxSubscription(this.canvasInputListener.observeXDragEnd().subscribe(this.onDragEnd));
+    }
+    /**
+     * This method overrides the doDeactivate method of the parent class and calls it using the super keyword.
+     * It is used to deactivate the current object and perform any necessary cleanup operations.
+     * @protected
+     */
+    doDeactivate() {
+        super.doDeactivate();
+    }
+}

package/dist/chart/components/dran-n-drop_helper/drag-n-drop-y.component.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2002 - 2023 Devexperts LLC
+ * Copyright (C) 2019 - 2023 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/.
  */

package/dist/chart/components/dran-n-drop_helper/drag-n-drop-y.component.js

@@ -1,6 +1,29 @@
 /*
- * Copyright (C) 2002 - 2023 Devexperts LLC
+ * Copyright (C) 2019 - 2023 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{defaultDragComponentOptions as a,DragNDropComponent as o}from"./drag-n-drop.component";export class DragNDropYComponent extends o{constructor(t,s,r,e,i=a){super(t,s,r,e,i)}doActivate(){super.doActivate(),this.addRxSubscription(this.canvasInputListener.observeYDragStart(this.hitTest).subscribe(this.onDragStart)),this.addRxSubscription(this.canvasInputListener.observeYDrag().subscribe(this.onDragTick)),this.addRxSubscription(this.canvasInputListener.observeYDragEnd().subscribe(this.onDragEnd))}doDeactivate(){super.doDeactivate()}}
+import { defaultDragComponentOptions, DragNDropComponent, } from './drag-n-drop.component';
+export class DragNDropYComponent extends DragNDropComponent {
+    constructor(hitTest, dragCallbacks, canvasInputListener, chartPanComponent, dragComponentOptions = defaultDragComponentOptions) {
+        super(hitTest, dragCallbacks, canvasInputListener, chartPanComponent, dragComponentOptions);
+    }
+    /**
+     * This method activates the component and adds subscriptions to the canvasInputListener.
+     * @protected
+     * @returns {void}
+     */
+    doActivate() {
+        super.doActivate();
+        this.addRxSubscription(this.canvasInputListener.observeYDragStart(this.hitTest).subscribe(this.onDragStart));
+        this.addRxSubscription(this.canvasInputListener.observeYDrag().subscribe(this.onDragTick));
+        this.addRxSubscription(this.canvasInputListener.observeYDragEnd().subscribe(this.onDragEnd));
+    }
+    /**
+     * This method overrides the doDeactivate method of the parent class and calls the parent method before executing its own code.
+     * It is a protected method, which means it can only be accessed within the class and its subclasses.
+     */
+    doDeactivate() {
+        super.doDeactivate();
+    }
+}

package/dist/chart/components/dran-n-drop_helper/drag-n-drop.component.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2002 - 2023 Devexperts LLC
+ * Copyright (C) 2019 - 2023 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/.
  */

package/dist/chart/components/dran-n-drop_helper/drag-n-drop.component.js

@@ -1,6 +1,58 @@
 /*
- * Copyright (C) 2002 - 2023 Devexperts LLC
+ * Copyright (C) 2019 - 2023 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{ChartBaseElement as e}from"../../model/chart-base-element";export const defaultDragComponentOptions={disableChartPanning:!0};export class DragNDropComponent extends e{constructor(t,s,i,n,r){super(),this.hitTest=t,this.dragCallbacks=s,this.canvasInputListener=i,this.chartPanComponent=n,this.dragComponentOptions=r,this.dragging=!1,this.draggedPixels=0,this.onDragStart=a=>{this.dragging=!0,this.draggedPixels=0,this.dragCallbacks.onDragStart&&this.dragCallbacks.onDragStart(a),this.dragComponentOptions.disableChartPanning&&this.chartPanComponent.deactivatePanHandlers()},this.onDragTick=a=>{this.dragging&&(this.draggedPixels+=a,this.dragCallbacks.onDragTick({delta:a,draggedPixels:this.draggedPixels}))},this.onDragEnd=()=>{this.dragging&&(this.dragging=!1,this.dragCallbacks.onDragEnd&&this.dragCallbacks.onDragEnd(this.draggedPixels),this.dragComponentOptions.disableChartPanning&&this.chartPanComponent.activateChartPanHandlers())}}doActivate(){super.doActivate()}doDeactivate(){super.doDeactivate()}}
+import { ChartBaseElement } from '../../model/chart-base-element';
+export const defaultDragComponentOptions = {
+    disableChartPanning: true,
+};
+export class DragNDropComponent extends ChartBaseElement {
+    constructor(hitTest, dragCallbacks, canvasInputListener, chartPanComponent, dragComponentOptions) {
+        super();
+        this.hitTest = hitTest;
+        this.dragCallbacks = dragCallbacks;
+        this.canvasInputListener = canvasInputListener;
+        this.chartPanComponent = chartPanComponent;
+        this.dragComponentOptions = dragComponentOptions;
+        this.dragging = false;
+        this.draggedPixels = 0;
+        this.onDragStart = (point) => {
+            this.dragging = true;
+            this.draggedPixels = 0;
+            this.dragCallbacks.onDragStart && this.dragCallbacks.onDragStart(point);
+            this.dragComponentOptions.disableChartPanning && this.chartPanComponent.deactivatePanHandlers();
+        };
+        this.onDragTick = (yDelta) => {
+            if (this.dragging) {
+                this.draggedPixels += yDelta;
+                this.dragCallbacks.onDragTick({
+                    delta: yDelta,
+                    draggedPixels: this.draggedPixels,
+                });
+            }
+        };
+        this.onDragEnd = () => {
+            if (this.dragging) {
+                this.dragging = false;
+                this.dragCallbacks.onDragEnd && this.dragCallbacks.onDragEnd(this.draggedPixels);
+                this.dragComponentOptions.disableChartPanning && this.chartPanComponent.activateChartPanHandlers();
+            }
+        };
+    }
+    /**
+     * Calls the parent class's doActivate method and performs any additional activation logic.
+     * This method is protected and can only be accessed by the class itself and its subclasses.
+     */
+    doActivate() {
+        super.doActivate();
+    }
+    /**
+     * This method overrides the doDeactivate method of the parent class and calls it using the super keyword.
+     * It is a protected method that can only be accessed within the class and its subclasses.
+     * This method is responsible for deactivating the current object.
+     */
+    doDeactivate() {
+        super.doDeactivate();
+    }
+}

package/dist/chart/components/dynamic-objects/dynamic-objects.component.d.ts

@@ -0,0 +1,13 @@
+/*
+ * Copyright (C) 2019 - 2023 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 { DrawingManager } from '../../drawers/drawing-manager';
+import { CanvasModel } from '../../model/canvas.model';
+import { ChartBaseElement } from '../../model/chart-base-element';
+import { DynamicObjectsModel } from './dynamic-objects.model';
+export declare class DynamicObjectsComponent extends ChartBaseElement {
+    model: DynamicObjectsModel;
+    constructor(canvasModel: CanvasModel, drawingManager: DrawingManager);
+}

package/dist/chart/components/dynamic-objects/dynamic-objects.component.js

@@ -0,0 +1,20 @@
+/*
+ * Copyright (C) 2019 - 2023 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 { ChartBaseElement } from '../../model/chart-base-element';
+import { DynamicObjectsDrawer } from './dynamic-objects.drawer';
+import { DynamicObjectsModel } from './dynamic-objects.model';
+export class DynamicObjectsComponent extends ChartBaseElement {
+    constructor(canvasModel, drawingManager) {
+        super();
+        // model
+        const dynamicObjectsModel = new DynamicObjectsModel();
+        this.model = dynamicObjectsModel;
+        this.addChildEntity(dynamicObjectsModel);
+        // drawer
+        const dynamicObjectsDrawer = new DynamicObjectsDrawer(dynamicObjectsModel, canvasModel);
+        drawingManager.addDrawer(dynamicObjectsDrawer, 'DYNAMIC_OBJECTS');
+    }
+}

package/dist/chart/components/dynamic-objects/dynamic-objects.drawer.d.ts

@@ -0,0 +1,18 @@
+/*
+ * Copyright (C) 2019 - 2023 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 { Drawer } from '../../drawers/drawing-manager';
+import { CanvasModel } from '../../model/canvas.model';
+import { DynamicObjectsModel } from './dynamic-objects.model';
+export interface DynamicModelDrawer<T> {
+    draw(canvasModel: CanvasModel, model: T, paneUUID?: string): void;
+}
+export declare class DynamicObjectsDrawer implements Drawer {
+    private dynamicObjectsModel;
+    private canvasModel;
+    constructor(dynamicObjectsModel: DynamicObjectsModel, canvasModel: CanvasModel);
+    draw(): void;
+    getCanvasIds(): string[];
+}

package/dist/chart/components/dynamic-objects/dynamic-objects.drawer.js

@@ -0,0 +1,23 @@
+/*
+ * Copyright (C) 2019 - 2023 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/.
+ */
+export class DynamicObjectsDrawer {
+    constructor(dynamicObjectsModel, canvasModel) {
+        this.dynamicObjectsModel = dynamicObjectsModel;
+        this.canvasModel = canvasModel;
+    }
+    draw() {
+        const objects = this.dynamicObjectsModel.objects;
+        Object.entries(objects).forEach(([paneUUID, list]) => {
+            for (const obj of list) {
+                const { model, drawer } = obj;
+                drawer.draw(this.canvasModel, model, paneUUID);
+            }
+        });
+    }
+    getCanvasIds() {
+        return [this.canvasModel.canvasId];
+    }
+}

package/dist/chart/components/dynamic-objects/dynamic-objects.model.d.ts

@@ -0,0 +1,63 @@
+/*
+ * Copyright (C) 2019 - 2023 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 { ChartBaseElement } from '../../model/chart-base-element';
+import { LinkedList, ListNode } from '../../utils/linkedList.utils';
+import { DynamicModelDrawer } from './dynamic-objects.drawer';
+export type PaneId = string;
+export interface DynamicObject<T = unknown> {
+    readonly drawer: DynamicModelDrawer<T>;
+    readonly model: T;
+}
+export declare class DynamicObjectsModel extends ChartBaseElement {
+    private _objects;
+    private modelToObjectMap;
+    constructor();
+    /**
+     * Adds an object from outside chart-core into model
+     * @param obj
+     * @param paneId
+     */
+    addObject(obj: DynamicObject, paneId: PaneId): void;
+    /**
+     * Removes an object from model
+     * @param model
+     * @param paneId
+     */
+    removeObject(model: unknown, paneId: PaneId): void;
+    /**
+     * Moves the object inside the drawing order so it's being drawn before the other elements
+     * @param paneId
+     * @param listNode
+     */
+    bringToFront(paneId: PaneId, listNode: ListNode<DynamicObject>): void;
+    /**
+     * Moves the object inside the drawing order so it's being drawn after the other elements
+     * @param paneId
+     * @param listNode
+     */
+    bringToBack(paneId: PaneId, listNode: ListNode<DynamicObject>): void;
+    /**
+     * Moves the object inside the drawing order so it's being drawn one layer ahead
+     * @param obj
+     * @param paneId
+     */
+    moveForward(paneId: PaneId, listNode: ListNode<DynamicObject>): void;
+    /**
+     * Moves the object inside the drawing order so it's being drawn one layer closer to the back
+     * @param obj
+     * @param paneId
+     */
+    moveBackwards(paneId: PaneId, listNode: ListNode<DynamicObject>): void;
+    /**
+     * Getter for the objects
+     */
+    get objects(): Record<string, LinkedList<DynamicObject<unknown>>>;
+    /**
+     * Sets the objects
+     * @param objects
+     */
+    setDynamicObjects(objects: Record<PaneId, LinkedList<DynamicObject>>): void;
+}

package/dist/chart/components/dynamic-objects/dynamic-objects.model.js

@@ -0,0 +1,136 @@
+/*
+ * Copyright (C) 2019 - 2023 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 { BehaviorSubject } from 'rxjs';
+import { ChartBaseElement } from '../../model/chart-base-element';
+import { LinkedList, ListNode } from '../../utils/linkedList.utils';
+export class DynamicObjectsModel extends ChartBaseElement {
+    constructor() {
+        super();
+        this.modelToObjectMap = new Map();
+        this._objects = new BehaviorSubject({});
+    }
+    /**
+     * Adds an object from outside chart-core into model
+     * @param obj
+     * @param paneId
+     */
+    addObject(obj, paneId) {
+        var _a;
+        const objects = this.objects;
+        const paneList = (_a = objects[paneId]) !== null && _a !== void 0 ? _a : new LinkedList();
+        if (!Object.keys(objects).find(pane => pane === paneId)) {
+            objects[paneId] = paneList;
+        }
+        paneList.insertAtEnd(obj);
+        this.modelToObjectMap.set(obj.model, obj);
+        this.setDynamicObjects(objects);
+    }
+    /**
+     * Removes an object from model
+     * @param model
+     * @param paneId
+     */
+    removeObject(model, paneId) {
+        const objects = this.objects;
+        const paneList = objects[paneId];
+        const obj = this.modelToObjectMap.get(model);
+        if (paneList && obj) {
+            const targetNode = new ListNode(obj);
+            const targetPos = paneList.getNodePosition(targetNode);
+            paneList.removeAt(targetPos);
+            this.modelToObjectMap.delete(model);
+            if (paneList.size() === 0) {
+                delete objects[paneId];
+            }
+            this.setDynamicObjects(objects);
+        }
+    }
+    /**
+     * Moves the object inside the drawing order so it's being drawn before the other elements
+     * @param paneId
+     * @param listNode
+     */
+    bringToFront(paneId, listNode) {
+        const list = this.objects[paneId];
+        if (list) {
+            const targetPos = list.getNodePosition(listNode);
+            if (targetPos >= 0 && targetPos < list.size()) {
+                const nodeToReplace = list.removeAt(targetPos);
+                if (nodeToReplace) {
+                    list.insertAtEnd(nodeToReplace.data);
+                }
+            }
+            this.setDynamicObjects(this.objects);
+        }
+    }
+    /**
+     * Moves the object inside the drawing order so it's being drawn after the other elements
+     * @param paneId
+     * @param listNode
+     */
+    bringToBack(paneId, listNode) {
+        const list = this.objects[paneId];
+        if (list) {
+            const targetPos = list.getNodePosition(listNode);
+            if (targetPos > 0 && targetPos <= list.size()) {
+                const nodeToReplace = list.removeAt(targetPos);
+                if (nodeToReplace) {
+                    list.insertAt(0, nodeToReplace === null || nodeToReplace === void 0 ? void 0 : nodeToReplace.data);
+                }
+            }
+            this.setDynamicObjects(this.objects);
+        }
+    }
+    /**
+     * Moves the object inside the drawing order so it's being drawn one layer ahead
+     * @param obj
+     * @param paneId
+     */
+    moveForward(paneId, listNode) {
+        const list = this.objects[paneId];
+        if (list) {
+            const targetPos = list.getNodePosition(listNode);
+            if (targetPos >= 0 && targetPos < list.size()) {
+                const nodeToReplace = list.removeAt(targetPos);
+                if (nodeToReplace) {
+                    list.insertAt(targetPos + 1, nodeToReplace.data);
+                }
+            }
+            this.setDynamicObjects(this.objects);
+        }
+    }
+    /**
+     * Moves the object inside the drawing order so it's being drawn one layer closer to the back
+     * @param obj
+     * @param paneId
+     */
+    moveBackwards(paneId, listNode) {
+        const list = this.objects[paneId];
+        if (list) {
+            const targetPos = list.getNodePosition(listNode);
+            if (targetPos > 0 && targetPos <= list.size()) {
+                const nodeToReplace = list.removeAt(targetPos);
+                if (nodeToReplace) {
+                    list.insertAt(targetPos - 1, nodeToReplace === null || nodeToReplace === void 0 ? void 0 : nodeToReplace.data);
+                }
+            }
+            this.setDynamicObjects(this.objects);
+        }
+    }
+    /**
+     * Getter for the objects
+     */
+    get objects() {
+        return this._objects.getValue();
+    }
+    /**
+     * Sets the objects
+     * @param objects
+     */
+    setDynamicObjects(objects) {
+        this._objects.next(objects);
+    }
+}

package/dist/chart/components/events/events-hit-test.drawer.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2002 - 2023 Devexperts LLC
+ * Copyright (C) 2019 - 2023 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/.
  */