@devexperts/dxcharts-lite 1.0.1

package/dist/chart/components/events/events.model.d.ts

@@ -0,0 +1,64 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * 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 { CanvasModel } from '../../model/canvas.model';
+import { Point } from '../../inputlisteners/canvas-input-listener.component';
+import { HitTestSubscriber } from '../../model/hit-test-canvas.model';
+export declare class EventsModel extends ChartBaseElement implements HitTestSubscriber {
+    private canvasModel;
+    events: EventWithId[];
+    hoveredEvent: BehaviorSubject<Required<EventWithId> | null>;
+    constructor(canvasModel: CanvasModel);
+    /**
+     * Sets the events array of the object to the provided array of events after indexing them.
+     * @param {EconomicEvent[]} events - An array of events to be set as the events array of the object.
+     * @returns {void}
+     */
+    setEvents(events: EconomicEvent[]): void;
+    /**
+     * Private method to index events with unique ids and sort them by timestamp
+     * @param {EconomicEvent[]} events - Array of events to be indexed
+     * @returns {EventWithId[]} - Array of indexed events with unique ids
+     */
+    private indexEvents;
+    /**
+     * Returns an array of two numbers representing the range of IDs for event hit tests.
+     * @returns {Array<number>} An array of two numbers representing the range of IDs for event hit tests.
+     */
+    getIdRange(): [number, number];
+    /**
+     * Returns the event with the specified id.
+     * @param {number} id - The id of the event to look up.
+     * @returns {EventWithId} - The event with the specified id.
+     */
+    lookup(id: number): EventWithId;
+    /**
+     * Function that handles the hover event on a canvas element.
+     * @param {EventWithId} event - The event that is being hovered.
+     * @param {Point} [point] - The point where the event is being hovered.
+     * @returns {void}
+     */
+    onHover(event: Required<EventWithId> | null, point: Point): void;
+    /**
+     * Handles the touch start event.
+     *
+     * @param {EventWithId} event - The touch start event.
+     * @param {Point} [point] - The point where the touch started.
+     * @returns {void}
+     */
+    onTouchStart(event: Required<EventWithId>, point: Point): void;
+}
+export type EventType = 'earnings' | 'dividends' | 'splits' | 'conference-calls';
+export type EventWithId = EconomicEvent & {
+    id: number;
+    point?: Point;
+};
+export interface EconomicEvent {
+    type: EventType;
+    timestamp: number;
+    style: 'rhombus' | 'rhombus-small' | 'rhombus-large';
+}

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

@@ -0,0 +1,6 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * 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 as n}from"rxjs";import{ChartBaseElement as o}from"../../model/chart-base-element";import{HIT_TEST_ID_RANGE as i}from"../../model/hit-test-canvas.model";export class EventsModel extends o{constructor(t){super(),this.canvasModel=t,this.events=[],this.hoveredEvent=new n(null)}setEvents(t){this.events=this.indexEvents(t)}indexEvents(t){const e=this.getIdRange()[0];return t.map((s,r)=>Object.assign(Object.assign({},s),{id:r+e})).sort((s,r)=>s.timestamp-r.timestamp)}getIdRange(){return i.EVENTS}lookup(t){return this.events.filter(e=>e.id===t)[0]}onHover(t,e){this.hoveredEvent.getValue()!==t&&(t&&(t.point=e),this.hoveredEvent.next(t),this.canvasModel.fireDraw())}onTouchStart(t,e){this.onHover(t,e)}}

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

@@ -0,0 +1,34 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * 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 { NumericAxisLabel } from '../labels_generator/numeric-axis-labels.generator';
+import { BoundsProvider } from '../../model/bounds.model';
+import { FullChartConfig } from '../../chart.config';
+import { ChartBaseElement } from '../../model/chart-base-element';
+import { CanvasModel } from '../../model/canvas.model';
+import { CompositeDrawer } from '../../drawers/composite.drawer';
+import { DrawingManager } from '../../drawers/drawing-manager';
+import { Unit, ViewportModel } from '../../model/scaling/viewport.model';
+export declare class GridComponent extends ChartBaseElement {
+    private drawerName;
+    private drawingManager;
+    private readonly drawer;
+    constructor(canvasModel: CanvasModel, viewportModel: ViewportModel, config: FullChartConfig, drawerName: string, drawingManager: DrawingManager | CompositeDrawer, xBoundsProvider: BoundsProvider, yBoundsProvider: BoundsProvider, xLabelsProvider: () => NumericAxisLabel[], yLabelsProvider: () => NumericAxisLabel[], getBaseLine?: () => Unit, drawPredicate?: () => boolean);
+    /**
+     * This method is used to deactivate the drawer and remove it from the drawing manager.
+     * @protected
+     * @function
+     * @name doDeactivate
+     * @returns {void}
+     */
+    protected doDeactivate(): void;
+    /**
+     * This method is used to activate the drawer. It calls the parent class's doActivate method and adds the drawer to the drawing manager.
+     * @protected
+     * @function
+     * @returns {void}
+     */
+    protected doActivate(): void;
+}

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

@@ -0,0 +1,6 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * 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 m}from"../../model/chart-base-element";import{GridDrawer as c}from"./grid.drawer";export class GridComponent extends m{constructor(r,e,a,t,i,d,s,o,n,w,h){super(),this.drawerName=t,this.drawingManager=i,this.drawer=new c(r,e,a,d,s,o,n,h,w)}doDeactivate(){super.doDeactivate(),this.drawingManager.removeDrawer(this.drawer)}doActivate(){super.doActivate(),this.drawingManager.addDrawer(this.drawer,this.drawerName)}}

package/dist/chart/components/grid/grid.drawer.d.ts

@@ -0,0 +1,55 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * 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 { NumericAxisLabel } from '../labels_generator/numeric-axis-labels.generator';
+import { BoundsProvider } from '../../model/bounds.model';
+import { FullChartConfig } from '../../chart.config';
+import { CanvasModel } from '../../model/canvas.model';
+import { Drawer } from '../../drawers/drawing-manager';
+import { Unit, ViewportModel } from '../../model/scaling/viewport.model';
+export interface GridLine {
+    readonly pos?: number;
+    readonly pixels: number;
+}
+/**
+ * Draws grid lines on chart.
+ */
+export declare class GridDrawer implements Drawer {
+    private canvasModel;
+    private viewportModel;
+    private config;
+    private xBoundsProvider;
+    private yBoundsProvider;
+    private xLabelsProvider;
+    private yLabelsProvider;
+    private drawPredicate;
+    private getBaseLine?;
+    constructor(canvasModel: CanvasModel, viewportModel: ViewportModel, config: FullChartConfig, xBoundsProvider: BoundsProvider, yBoundsProvider: BoundsProvider, xLabelsProvider: () => NumericAxisLabel[], yLabelsProvider: () => NumericAxisLabel[], drawPredicate?: () => boolean, getBaseLine?: (() => Unit) | undefined);
+    /**
+     * Draws the chart on the canvas if the drawPredicate is true.
+     * @returns {void}
+     */
+    draw(): void;
+    /**
+     * Draws a zero line on the y-axis if the chart is a percentage chart and the zeroPercentLine option is enabled.
+     * @param {CanvasRenderingContext2D} ctx - The 2D rendering context of the canvas element.
+     */
+    drawZeroLine(ctx: CanvasRenderingContext2D): void;
+    /**
+     * Draws vertical grid lines on the canvas context provided.
+     * @param {CanvasRenderingContext2D} ctx - The canvas context to draw on.
+     * @returns {void}
+     */
+    drawVertical(ctx: CanvasRenderingContext2D): void;
+    /**
+     * This function is responsible for drawing horizontal grid lines on the chart. It takes a CanvasRenderingContext2D object as a parameter. It first retrieves the y-axis labels using the yLabelsProvider method. If there are any labels and the horizontal grid is enabled in the configuration, it sets the line width, color, and dash style. It then retrieves the y-bounds using the yBoundsProvider method. For each label, it calculates the y-coordinate using the toY method of the viewportModel object. It also calculates the label's y-offset using the getLabelYOffset method. If the y-coordinate is within the bounds of the chart, it draws a horizontal line using the beginPath, moveTo, lineTo, and stroke methods of the CanvasRenderingContext2D object.
+     */
+    drawHorizontal(ctx: CanvasRenderingContext2D): void;
+    /**
+     * Returns an array of strings containing the ID of the canvas model.
+     * @returns {Array<string>} An array of strings containing the ID of the canvas model.
+     */
+    getCanvasIds(): Array<string>;
+}

package/dist/chart/components/grid/grid.drawer.js

@@ -0,0 +1,6 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * 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{avoidAntialiasing as r}from"../../utils/canvas/canvas-drawing-functions.utils";import{DEFAULT_PRICE_LABEL_PADDING as c,getLabelYOffset as g}from"../y_axis/y-axis-labels.drawer";import{floor as h}from"../../utils/math.utils";export class GridDrawer{constructor(o,e,i,n,t,s,a,d=()=>!0,l){this.canvasModel=o,this.viewportModel=e,this.config=i,this.xBoundsProvider=n,this.yBoundsProvider=t,this.xLabelsProvider=s,this.yLabelsProvider=a,this.drawPredicate=d,this.getBaseLine=l}draw(){if(this.drawPredicate()){const o=this.canvasModel.ctx;r(o,()=>this.drawVertical(o)),r(o,()=>this.drawHorizontal(o)),r(o,()=>this.drawZeroLine(o))}}drawZeroLine(o){if(this.getBaseLine&&this.config.components.yAxis.type==="percent"&&this.config.components.yAxis.zeroPercentLine){const e=this.xBoundsProvider(),i=h(this.getBaseLine());o.beginPath(),o.strokeStyle=this.config.colors.yAxis.zeroPercentLine,o.setLineDash([]),o.moveTo(e.x,i),o.lineTo(e.x+e.width,i),o.stroke(),o.closePath()}}drawVertical(o){const e=this.xLabelsProvider();if(e.length&&this.config.components.grid.vertical){o.lineWidth=this.config.components.grid.width,o.strokeStyle=this.config.colors.chartAreaTheme.gridColor,o.setLineDash(this.config.components.grid.dash||[]);const i=this.xBoundsProvider(),n=i.x+i.width;for(const t of e){const s=h(this.viewportModel.toX(t.value));s>i.x&&s<n&&(o.beginPath(),o.moveTo(s,i.y),o.lineTo(s,i.y+i.height),o.stroke())}}}drawHorizontal(o){const e=this.yLabelsProvider();if(e.length&&this.config.components.grid.horizontal){o.lineWidth=this.config.components.grid.width,o.strokeStyle=this.config.colors.chartAreaTheme.gridColor,o.setLineDash(this.config.components.grid.dash||[]);const i=this.yBoundsProvider();for(const n of e){const t=h(this.viewportModel.toY(n.value)),s=g(n.text,o,c);t>i.y+s&&t<i.y+i.height-s&&(o.beginPath(),o.moveTo(i.x,t),o.lineTo(i.x+i.width,t),o.stroke())}}}getCanvasIds(){return[this.canvasModel.canvasId]}}

package/dist/chart/components/high_low/high-low.component.d.ts

@@ -0,0 +1,17 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * 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 { CanvasBoundsContainer } from '../../canvas/canvas-bounds-container';
+import { ChartBaseElement } from '../../model/chart-base-element';
+import { FullChartConfig } from '../../chart.config';
+import { CanvasModel } from '../../model/canvas.model';
+import { DrawingManager } from '../../drawers/drawing-manager';
+import { ChartModel } from '../chart/chart.model';
+/**
+ * Shows the highest and lowest prices labels over all candles in chart (not only in viewport).
+ */
+export declare class HighLowComponent extends ChartBaseElement {
+    constructor(config: FullChartConfig, canvasModel: CanvasModel, chartModel: ChartModel, canvasBoundsContainer: CanvasBoundsContainer, drawingManager: DrawingManager);
+}

package/dist/chart/components/high_low/high-low.component.js

@@ -0,0 +1,6 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * 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 s}from"../../model/chart-base-element";import{HighLowDrawer as w}from"./high-low.drawer";export class HighLowComponent extends s{constructor(r,o,e,t,a){super();const n=new w(o,e,r,t);a.addDrawer(n,"HIGH_LOW")}}

package/dist/chart/components/high_low/high-low.drawer.d.ts

@@ -0,0 +1,69 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * 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 { CanvasBoundsContainer } from '../../canvas/canvas-bounds-container';
+import { FullChartConfig } from '../../chart.config';
+import { ChartModel } from '../chart/chart.model';
+import { CanvasModel } from '../../model/canvas.model';
+export declare class HighLowDrawer implements Drawer {
+    private canvasModel;
+    private chartModel;
+    private config;
+    private canvasBoundsContainer;
+    constructor(canvasModel: CanvasModel, chartModel: ChartModel, config: FullChartConfig, canvasBoundsContainer: CanvasBoundsContainer);
+    /**
+     * This function is responsible for drawing the high and low markers on the chart canvas. It checks if the highLow component is visible and if the chartModel is ready. If so, it retrieves the high, low, highIdx, and lowIdx from the chartModel's mainCandleSeries zippedHighLow property.
+     * The function then calculates the global indexes of the high and low candles by adding the viewportStartCandleGlobalIdx to the highIdx and lowIdx respectively. It then saves the canvas context and sets the font to the highLow font specified in the config.
+     * Finally, it calls the drawMarkerLabel function twice, passing in the canvas context, the final global index of the high or low candle, the high or low value, and a string indicating whether it is a high or low marker. After both markers have been drawn, the canvas context is restored.
+     */
+    draw(): void;
+    /**
+     * Draws a marker label on the canvas context at a specific position.
+     * @param {CanvasRenderingContext2D} ctx - The canvas context to draw on.
+     * @param {number} candleIdx - The index of the candle.
+     * @param {number} yValue - The y value of the marker.
+     * @param {MarkerType} type - The type of the marker.
+     * @returns {void}
+     */
+    private drawMarkerLabel;
+    /**
+     * Returns a string that represents a marker text for a given yValue and type.
+     *
+     * @private
+     * @param {number} yValue - The yValue to format.
+     * @param {MarkerType} type - The type of the marker ('high' or 'low').
+     * @returns {string} - The formatted marker text.
+     */
+    private getMarkerText;
+    /**
+     * Returns the y-coordinate of a marker on the chart.
+     * @param {CanvasRenderingContext2D} ctx - The rendering context of the canvas.
+     * @param {number} yValue - The y-value of the marker.
+     * @param {boolean} [offset=false] - Whether to add an offset to the y-coordinate.
+     * @returns {number} The y-coordinate of the marker.
+     */
+    private getMarkerY;
+    /**
+     * Checks if the given Y coordinate is within the bounds of the chart.
+     * @param {number} y - The Y coordinate to check.
+     * @returns {boolean} - Returns true if the Y coordinate is within the bounds of the chart, otherwise returns false.
+     */
+    private checkMarkerInBounds;
+    /**
+     * Calculates the x position of the marker for a given candle index and text
+     * @param {CanvasRenderingContext2D} ctx - The canvas rendering context
+     * @param {number} candleIdx - The index of the candle
+     * @param {string} text - The text to be displayed
+     * @returns {number} - The x position of the marker
+     */
+    private getMarkerX;
+    /**
+     * Returns an array of canvas IDs.
+     *
+     * @returns {Array<string>} An array containing the ID of the canvas model.
+     */
+    getCanvasIds(): Array<string>;
+}

package/dist/chart/components/high_low/high-low.drawer.js

@@ -0,0 +1,6 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * 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 h}from"../../canvas/canvas-bounds-container";import{getTextLineHeight as c}from"../../utils/canvas/canvas-text-functions.utils";export class HighLowDrawer{constructor(t,o,r,e){this.canvasModel=t,this.chartModel=o,this.config=r,this.canvasBoundsContainer=e}draw(){if(this.config.components.highLow.visible&&this.chartModel.isReady()){const{high:t,low:o,highIdx:r,lowIdx:e}=this.chartModel.mainCandleSeries.zippedHighLow,s=this.chartModel.mainCandleSeries.dataIdxStart,i=s+r,n=s+e,a=this.canvasModel.ctx;a.save(),a.font=this.config.components.highLow.font,this.drawMarkerLabel(a,i,t,"high"),this.drawMarkerLabel(a,n,o,"low"),a.restore()}}drawMarkerLabel(t,o,r,e){const s=this.getMarkerY(t,r,e==="low");if(!this.checkMarkerInBounds(s))return;const i=this.getMarkerText(r,e),n=this.getMarkerX(t,o,i);t.fillStyle=e==="high"?this.config.colors.highLowTheme.highColor:this.config.colors.highLowTheme.lowColor,t.fillText(i,n,s)}getMarkerText(t,o){const r=this.chartModel.pane.regularFormatter(t);return`${o==="high"?"H:":"L:"} ${r}`}getMarkerY(t,o,r=!1){const e=this.chartModel.toY(o);if(r){const s=c(t);return e+s}return e}checkMarkerInBounds(t){const o=this.canvasBoundsContainer.getBounds(h.CHART);return t>o.y&&t<o.y+o.height}getMarkerX(t,o,r){let e=this.chartModel.toX(o);const s=this.canvasBoundsContainer.getBounds(h.CHART),i=4,n=t.measureText(r).width;return e+i+n>s.width&&(e=e-(i+n)),e+i}getCanvasIds(){return[this.canvasModel.canvasId]}}

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

@@ -0,0 +1,42 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * 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 { FullChartConfig } from '../../chart.config';
+import { Highlight } from './highlights.model';
+import { CanvasBoundsContainer } from '../../canvas/canvas-bounds-container';
+import { CanvasModel } from '../../model/canvas.model';
+import { DrawingManager } from '../../drawers/drawing-manager';
+import { ChartBaseElement } from '../../model/chart-base-element';
+import { ChartModel } from '../chart/chart.model';
+import EventBus from '../../events/event-bus';
+export declare class HighlightsComponent extends ChartBaseElement {
+    private eventBus;
+    private config;
+    private readonly highlightsModel;
+    private highLightsDrawer;
+    constructor(eventBus: EventBus, config: FullChartConfig, chartModel: ChartModel, canvasModel: CanvasModel, canvasBoundsContainer: CanvasBoundsContainer, drawingManager: DrawingManager);
+    /**
+     * Returns the highlights from the highlightsModel
+     * @returns {Array} An array of highlights
+     */
+    getHighlights(): Highlight[];
+    /**
+     * Sets the highlights of the highlights model.
+     * @param {Highlight[]} highlights - An array of Highlight objects to be set as the highlights of the model.
+     * @returns {void}
+     */
+    setHighlights(highlights: Highlight[]): void;
+    /**
+     * Sets the visibility of the highlights component.
+     * @param {boolean} visible - A boolean value indicating whether the highlights should be visible or not. Default value is true.
+     * @returns {void}
+     */
+    setHighlightsVisible(visible?: boolean): void;
+    /**
+     * Returns an observable that emits when the highlights are updated.
+     * @returns {Observable} An observable that emits when the highlights are updated.
+     */
+    observeHighlightsUpdated(): import("rxjs").Observable<Highlight[]>;
+}

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

@@ -0,0 +1,6 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * 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{HighlightsModel as r}from"./highlights.model";import{HighlightsDrawer as l}from"./highlights.drawer";import{ChartBaseElement as o}from"../../model/chart-base-element";const d="HIGHLIGHTS_PLUGIN";export class HighlightsComponent extends o{constructor(h,i,t,s,e,g){super(),this.eventBus=h,this.config=i,this.highlightsModel=new r(t),this.addChildEntity(this.highlightsModel),this.highLightsDrawer=new l(this.highlightsModel,t,s,e,i),g.addDrawer(this.highLightsDrawer,d)}getHighlights(){return this.highlightsModel.getHighlights()}setHighlights(h){this.highlightsModel.setHighlights(h)}setHighlightsVisible(h=!0){this.config.components.highlights.visible=h,this.eventBus.fireDraw(this.highLightsDrawer.getCanvasIds())}observeHighlightsUpdated(){return this.highlightsModel.observeHighlightsUpdated()}}

package/dist/chart/components/highlights/highlights.drawer.d.ts

@@ -0,0 +1,56 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * 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 { FullChartConfig } from '../../chart.config';
+import { HighlightsModel } from './highlights.model';
+import { CanvasModel } from '../../model/canvas.model';
+import { CanvasBoundsContainer } from '../../canvas/canvas-bounds-container';
+import { Drawer } from '../../drawers/drawing-manager';
+import { ChartModel } from '../chart/chart.model';
+export declare class HighlightsDrawer implements Drawer {
+    private highlightsModel;
+    private chartModel;
+    private canvasModel;
+    private canvasBoundsContainer;
+    private config;
+    constructor(highlightsModel: HighlightsModel, chartModel: ChartModel, canvasModel: CanvasModel, canvasBoundsContainer: CanvasBoundsContainer, config: FullChartConfig);
+    /**
+     * Draws highlights on the chart canvas if they are visible.
+     * @function
+     * @name draw
+     * @memberof ChartComponent.prototype
+     *
+     * @returns {void}
+     *
+     * @example
+     * chartComponent.draw();
+     */
+    draw(): void;
+    /**
+     * Calculates the position of the highlight label based on the given parameters.
+     * @param {HighlightTextPlacement} placement - The placement of the highlight text.
+     * @param {Bounds} bounds - The bounds of the highlight.
+     * @param {[number, number]} highlightFromTo - The start and end position of the highlight.
+     * @param {number} labelWidth - The width of the label.
+     * @returns {[number, number]} - The x and y position of the highlight label.
+     */
+    private resolveHighlightLabelPosition;
+    /**
+     * Draws borders on a canvas context for a given chart.
+     * @param {HighlightBorder} border - The border to draw.
+     * @param {CanvasRenderingContext2D} ctx - The canvas context to draw on.
+     * @param {number} fromX - The starting x-coordinate of the border.
+     * @param {number} toX - The ending x-coordinate of the border.
+     * @param {Bounds} chartBounds - The bounds of the chart to draw the border on.
+     * @returns {void}
+     */
+    private drawBorders;
+    /**
+     * Returns an array of canvas IDs.
+     *
+     * @returns {Array<string>} An array containing the canvas ID.
+     */
+    getCanvasIds(): Array<string>;
+}

package/dist/chart/components/highlights/highlights.drawer.js

@@ -0,0 +1,6 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * 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{calculateTextWidth as A}from"../../utils/canvas/canvas-font-measure-tool.utils";import{HIGHLIGHTS_TYPES as F}from"./highlights.model";import{CanvasElement as x}from"../../canvas/canvas-bounds-container";import{unitToPixels as X}from"../../model/scaling/viewport.model";import{clipToBounds as G}from"../../drawers/data-series.drawer";const n=[20,10];export class HighlightsDrawer{constructor(e,o,s,l,i){this.highlightsModel=e,this.chartModel=o,this.canvasModel=s,this.canvasBoundsContainer=l,this.config=i}draw(){var e,o,s,l;if(this.config.components.highlights.visible){const i=this.chartModel.getCandles(),t=this.canvasModel.ctx,d=this.highlightsModel.getVisualHighlights();if(this.highlightsModel.getHighlights().length&&i.length!==0&&this.chartModel.scaleModel.isScaleReady()){const r=this.canvasBoundsContainer.getBounds(x.ALL_PANES);t.save(),G(t,r);const w=(e=this.config.components.highlights.border.width)!==null&&e!==void 0?e:1,E=(o=this.config.components.highlights.border.dash)!==null&&o!==void 0?o:[0,0],H=(s=this.config.components.highlights.fontSize)!==null&&s!==void 0?s:11,L=(l=this.config.components.highlights.fontFamily)!==null&&l!==void 0?l:"monospace",p=`${H}px ${L}, monospace`;t.font=p,t.lineWidth=w,t.setLineDash(E),F.forEach(y=>{var f,g;const S=d[y];if(S){const a=this.config.colors.highlights[y],k=(f=a==null?void 0:a.border)!==null&&f!==void 0?f:"#ffffff",B=(g=a==null?void 0:a.background)!==null&&g!==void 0?g:"#ffffff";t.save(),t.beginPath(),t.fillStyle=B,t.strokeStyle=k,S.forEach(h=>{var v,m,b;const P=this.chartModel.candleFromTimestamp(h.from),D=X(P.width,this.chartModel.scaleModel.zoomX),c=P.xStart(this.chartModel.scaleModel),_=this.chartModel.candleFromTimestamp(h.to),C=X(_.width,this.chartModel.scaleModel.zoomX),u=_.xStart(this.chartModel.scaleModel)+C;if(h.border&&this.drawBorders(h.border,t,c+D,u-C,r),t.fillRect(c,r.y,u-c,r.y+r.height),h.label){const T=(v=h.label.text)!==null&&v!==void 0?v:"",M=this.config.colors.highlights[h.type];t.save(),t.fillStyle=(m=M==null?void 0:M.label)!==null&&m!==void 0?m:"#ffffff";const I=A(T,t,p),[W,z]=this.resolveHighlightLabelPosition((b=h.label.placement)!==null&&b!==void 0?b:"left-left",r,[c,u],I);t.fillText(T,W,z),t.restore()}}),t.closePath(),t.restore()}}),t.restore()}}}resolveHighlightLabelPosition(e,o,s,l){const[i,t]=s;switch(e){case"right-left":return[t-n[1]-l,o.y+n[0]];case"left-left":return[i-n[1]-l,o.y+n[0]];case"right-right":return[t+n[1],o.y+n[0]];case"left-right":default:return[i+n[1],o.y+n[0]]}}drawBorders(e,o,s,l,i){const t=e.left,d=e.right;t&&(o.beginPath(),o.moveTo(s,i.y),o.lineTo(s,i.y+i.height),o.stroke(),o.closePath()),d&&(o.beginPath(),o.moveTo(l,i.y),o.lineTo(l,i.y+i.height),o.stroke(),o.closePath())}getCanvasIds(){return[this.canvasModel.canvasId]}}

package/dist/chart/components/highlights/highlights.model.d.ts

@@ -0,0 +1,66 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * 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 { Observable } from 'rxjs/internal/Observable';
+import { ChartBaseElement } from '../../model/chart-base-element';
+import { ChartModel } from '../chart/chart.model';
+export type HighlightTextPlacement = 'left-left' | 'left-right' | 'right-left' | 'right-right';
+export declare const HIGHLIGHTS_TYPES: readonly ["AFTER_MARKET", "PRE_MARKET", "NO_TRADING", "REGULAR"];
+export type HighlightType = typeof HIGHLIGHTS_TYPES[number];
+export type VisualHighlights = Partial<Record<HighlightType, Highlight[]>>;
+export interface Highlight {
+    type: HighlightType;
+    from: number;
+    to: number;
+    border?: HighlightBorder;
+    label?: {
+        text?: string;
+        placement?: HighlightTextPlacement;
+    };
+}
+export interface HighlightBorder {
+    right?: boolean;
+    left?: boolean;
+}
+export declare class HighlightsModel extends ChartBaseElement {
+    private chartModel;
+    private highlights;
+    private visualHighlights;
+    private highlightsUpdatedSubject;
+    constructor(chartModel: ChartModel);
+    /**
+     * Activates the chart by subscribing to the xChanged event of the scaleModel.
+     * If there are highlights, it recalculates the visual highlights.
+     */
+    activate(): void;
+    /**
+     * Returns an array of Highlight objects.
+     * @returns {Highlight[]} - An array of Highlight objects.
+     */
+    getHighlights(): Highlight[];
+    /**
+     * Returns the visual highlights object.
+     *
+     * @returns {VisualHighlights} The visual highlights object.
+     */
+    getVisualHighlights(): VisualHighlights;
+    /**
+     * Recalculates the visual highlights based on the current chart model and highlights.
+     * @private
+     * @returns {void}
+     */
+    private recalculateVisualHighlights;
+    /**
+     * Sets the highlights of the component and updates the visual highlights accordingly.
+     * @param {Highlight[]} highlights - An array of Highlight objects to be set as the new highlights.
+     * @returns {void}
+     */
+    setHighlights(highlights: Highlight[]): void;
+    /**
+     * Returns an Observable that emits an array of Highlight objects whenever the highlightsUpdatedSubject emits a new value.
+     * @returns {Observable<Highlight[]>} An Observable that emits an array of Highlight objects.
+     */
+    observeHighlightsUpdated(): Observable<Highlight[]>;
+}

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

@@ -0,0 +1,6 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * 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 as l}from"rxjs";import{ChartBaseElement as a}from"../../model/chart-base-element";import{getElementsInRange as r}from"../../utils/array.utils";export const HIGHLIGHTS_TYPES=["AFTER_MARKET","PRE_MARKET","NO_TRADING","REGULAR"];const o=24*60*60*1e3;export class HighlightsModel extends a{constructor(t){super(),this.chartModel=t,this.highlights=[],this.visualHighlights={},this.highlightsUpdatedSubject=new l}activate(){this.addRxSubscription(this.chartModel.scaleModel.xChanged.subscribe(()=>this.highlights.length&&this.recalculateVisualHighlights()))}getHighlights(){return this.highlights}getVisualHighlights(){return this.visualHighlights}recalculateVisualHighlights(){this.visualHighlights={};const t=this.chartModel.getFirstTimestamp(),h=this.chartModel.getLastTimestamp()+o;r(this.highlights,t,h,c).forEach(i=>{var s;this.visualHighlights[i.type]||(this.visualHighlights[i.type]=[]),(s=this.visualHighlights[i.type])===null||s===void 0||s.push(i)})}setHighlights(t){this.highlights=t,this.highlights.sort((h,e)=>h.to-e.to),this.highlightsUpdatedSubject.next(this.highlights),this.highlights.length?this.recalculateVisualHighlights():this.visualHighlights={}}observeHighlightsUpdated(){return this.highlightsUpdatedSubject.asObservable()}}const c=g=>g.to;

package/dist/chart/components/labels_generator/numeric-axis-labels.generator.d.ts

@@ -0,0 +1,63 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * 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 { Observable, Subject } from 'rxjs';
+import { Unit } from '../../model/scaling/viewport.model';
+import { AnimationFrameCache } from '../../utils/perfomance/animation-frame-cache.utils';
+export type PriceAxisType = 'regular' | 'percent' | 'logarithmic';
+export interface LabelsGenerator {
+    readonly observeLabelsChanged: () => Observable<NumericAxisLabel[]>;
+}
+/**
+ * Generator of axes labels.
+ */
+export declare class NumericAxisLabelsGenerator implements LabelsGenerator {
+    private increment;
+    private startEndProvider;
+    private lengthProvider;
+    valueFormatter: (value: number) => string;
+    private withZero;
+    protected axisTypeProvider: () => PriceAxisType;
+    private baseLineProvider;
+    private labelFilter;
+    private singleLabelHeightPixels;
+    /**
+     *    Multipliers which are using for price increments to
+     *    calculate horizontal grid and price lines step.
+     */
+    private gridDistanceMultipliers;
+    labelsCache: AnimationFrameCache<Array<NumericAxisLabel>>;
+    lastSingleLabelHeightValue: number;
+    distanceBetweenLabelsChangeSubject: Subject<NumericAxisLabel[][]>;
+    newGeneratedLabelsSubject: Subject<NumericAxisLabel[]>;
+    private lastStart;
+    private lastEnd;
+    constructor(increment: number | null, startEndProvider: () => [Unit, Unit], lengthProvider: () => Unit, valueFormatter: (value: number) => string, withZero: boolean, axisTypeProvider: () => PriceAxisType, baseLineProvider: () => number, labelFilter?: (labels: NumericAxisLabel[]) => NumericAxisLabel[], singleLabelHeightPixels?: number);
+    private generateRegularLabels;
+    private generatePercentLabels;
+    private generateLogarithmLabels;
+    doGenerateLabels(): NumericAxisLabel[];
+    private calculateMinMax;
+    private getAxisStep;
+    observeDistanceBetweenLabelsChanged(): Observable<NumericAxisLabel[][]>;
+    observeLabelsChanged(): Observable<NumericAxisLabel[]>;
+    protected calculateIncrement(valueLength: number): Unit;
+    protected adjustIncrementOnAxisType(increment: number): number;
+    generateNumericLabels(): Array<NumericAxisLabel>;
+    private static getLabelBounds;
+    /**
+     * Calculates the distance between two axis labels as:
+     *  - Take increment (0.01 for price or 1 for natural number);
+     *  - Take step which was calculated as (chart height / max lines count provided by config (or default 10));
+     *  - Multiplying increment with gridDistanceMultipliers until it will greater then step
+     * @param step
+     * @param increment
+     */
+    private calculateAxisStep;
+}
+export interface NumericAxisLabel {
+    text: string;
+    value: Unit;
+}

package/dist/chart/components/labels_generator/numeric-axis-labels.generator.js

@@ -0,0 +1,6 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * 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 as h}from"rxjs";import{logValueToUnit as u,percentToUnit as d,calcLogValue as b}from"../../model/scaling/viewport.model";import{AnimationFrameCache as g}from"../../utils/perfomance/animation-frame-cache.utils";import{identity as m}from"../../utils/function.utils";import{MathUtils as l}from"../../utils/math.utils";import{PriceIncrementsUtils as L}from"../../utils/price-increments.utils";const x=0,p=.01;export class NumericAxisLabelsGenerator{constructor(e,s,a,t,i=!1,r,n,c=m,o=23){this.increment=e,this.startEndProvider=s,this.lengthProvider=a,this.valueFormatter=t,this.withZero=i,this.axisTypeProvider=r,this.baseLineProvider=n,this.labelFilter=c,this.singleLabelHeightPixels=o,this.gridDistanceMultipliers=[2,4,5,10],this.lastSingleLabelHeightValue=0,this.distanceBetweenLabelsChangeSubject=new h,this.newGeneratedLabelsSubject=new h,this.lastStart=0,this.lastEnd=0,this.labelsCache=new g(()=>this.labelFilter(this.doGenerateLabels()))}generateRegularLabels(e,s,a){const t=[];this.withZero&&t.push({value:0,text:"0"});let i=l.roundToNearest(e,a);for(;i<s;){const r=l.roundToNearest(i,a),n=this.valueFormatter(r);t.push({value:r,text:n}),i=l.roundDecimal(i+a)}return t}generatePercentLabels(e,s,a){const t=[],i=this.baseLineProvider();let r=l.roundToNearest(e,a);for(;r<s;){const n=l.roundToNearest(r,a),c=d(n,i),o=this.valueFormatter(c);t.push({value:n,text:o}),r=l.roundDecimal(r+a)}return t}generateLogarithmLabels(e,s,a){const t=[];let i=l.roundToNearest(e,a);for(;i<s;){const r=u(i),n=this.valueFormatter(r);t.push({value:i,text:n}),i=l.roundDecimal(i+a)}return t}doGenerateLabels(){var e;const s=this.lengthProvider();if(s<=0)return[];const[a,t]=this.calculateMinMax(),i=this.getAxisStep(a,t,s);this.lastSingleLabelHeightValue||(this.lastSingleLabelHeightValue=i);let r;const n=this.axisTypeProvider();if(n==="logarithmic"?r=this.generateLogarithmLabels(a,t,i):n==="percent"?r=this.generatePercentLabels(a,t,i):r=this.generateRegularLabels(a,t,i),this.lastSingleLabelHeightValue!==i&&this.labelsCache.cache){const c=(e=this.labelsCache.getLastCachedValue())!==null&&e!==void 0?e:[];this.distanceBetweenLabelsChangeSubject.next([c,r]),this.lastSingleLabelHeightValue=i}return this.newGeneratedLabelsSubject.next(r),r}calculateMinMax(){const[e,s]=this.startEndProvider(),a=this.lengthProvider(),t=NumericAxisLabelsGenerator.getLabelBounds(e,s,a);return[t[0],t[1]]}getAxisStep(e,s,a){const t=s-e,i=a/this.singleLabelHeightPixels,r=this.calculateIncrement(t),n=t/i;return this.calculateAxisStep(n,r)}observeDistanceBetweenLabelsChanged(){return this.distanceBetweenLabelsChangeSubject.asObservable()}observeLabelsChanged(){return this.newGeneratedLabelsSubject.asObservable()}calculateIncrement(e){if(this.increment)return this.increment;if(!isNaN(e)){const s=L.autoDetectIncrementOfValueRange(e);return this.adjustIncrementOnAxisType(s)}return this.adjustIncrementOnAxisType(p)}adjustIncrementOnAxisType(e){switch(this.axisTypeProvider()){case"percent":return e;case"logarithmic":const[s]=this.calculateMinMax(),t=u(s)+e;return b(t)-s;case"regular":return e}}generateNumericLabels(){const[e,s]=this.startEndProvider();return(e!==this.lastStart||s!==this.lastEnd)&&this.labelsCache.invalidate(),this.lastStart=e,this.lastEnd=s,this.labelsCache.calculateOrGet()}static getLabelBounds(e,s,a){const t=Math.abs((s-e)*(x/a));return[e-t,s+t]}calculateAxisStep(e,s){if(s===0)return console.error("NumericAxisLabelsGenerator failed at calculateAxisStep: increment = 0"),0;let a=s,t=s,i=0;for(;a<e&&a>0;)i>=this.gridDistanceMultipliers.length&&(i=0,t*=10),a=t*this.gridDistanceMultipliers[i++];return a}}

package/dist/chart/components/navigation_map/navigation-map-move.handler.d.ts

@@ -0,0 +1,36 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * 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 { CanvasBoundsContainer } from '../../canvas/canvas-bounds-container';
+import EventBus from '../../events/event-bus';
+import { ChartBaseElement } from '../../model/chart-base-element';
+import { CanvasInputListenerComponent } from '../../inputlisteners/canvas-input-listener.component';
+import { ScaleModel } from '../../model/scale.model';
+import { ChartModel } from '../chart/chart.model';
+import { ChartPanComponent } from '../pan/chart-pan.component';
+export declare class NavigationMapMoveHandler extends ChartBaseElement {
+    private bus;
+    private chartModel;
+    private scaleModel;
+    private canvasInputListeners;
+    private canvasBoundsContainer;
+    private chartPanComponent;
+    private leftKnotDragStartXRelative;
+    private rightKnotDragStartXRelative;
+    private lastMousePosition;
+    constructor(bus: EventBus, chartModel: ChartModel, scaleModel: ScaleModel, canvasInputListeners: CanvasInputListenerComponent, canvasBoundsContainer: CanvasBoundsContainer, chartPanComponent: ChartPanComponent);
+    /**
+     * Method that activates the navigation map buttons and subscribes to their click and touch events.
+     * It also subscribes to the xChanged event of the scaleModel and updates the canvasBoundsContainer accordingly.
+     * @returns {void}
+     */
+    protected doActivate(): void;
+    private leftKnotDragStart;
+    private leftKnotDragTick;
+    private rightKnotDragStart;
+    private rightKnotDragTick;
+    private sliderDragStart;
+    private sliderDragTick;
+}

package/dist/chart/components/navigation_map/navigation-map-move.handler.js

@@ -0,0 +1,6 @@
+/*
+ * Copyright (C) 2002 - 2023 Devexperts LLC
+ * 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 s}from"../../canvas/canvas-bounds-container";import{ChartBaseElement as B}from"../../model/chart-base-element";import{DragNDropXComponent as c}from"../dran-n-drop_helper/drag-n-drop-x.component";const d=4;export class NavigationMapMoveHandler extends B{constructor(o,r,n,l,u,g){super(),this.bus=o,this.chartModel=r,this.scaleModel=n,this.canvasInputListeners=l,this.canvasBoundsContainer=u,this.chartPanComponent=g,this.leftKnotDragStartXRelative=0,this.rightKnotDragStartXRelative=0,this.lastMousePosition=0,this.leftKnotDragStart=a=>{const t=this.canvasBoundsContainer.getBounds(s.N_MAP_CHART);this.leftKnotDragStartXRelative=a.x-t.x-d},this.leftKnotDragTick=a=>{const{delta:t}=a,i=this.canvasBoundsContainer.getBounds(s.N_MAP_CHART).width,e=(this.leftKnotDragStartXRelative+t)/i;this.canvasBoundsContainer.leftRatio=e,this.scaleModel.setXScale(Math.round(this.chartModel.mainCandleSeries.dataPoints.length*this.canvasBoundsContainer.leftRatio),this.scaleModel.xEnd)},this.rightKnotDragStart=a=>{const t=this.canvasBoundsContainer.getBounds(s.N_MAP_CHART);this.rightKnotDragStartXRelative=a.x-t.x+d},this.rightKnotDragTick=a=>{const{delta:t}=a,i=this.canvasBoundsContainer.getBounds(s.N_MAP_CHART).width,e=(this.rightKnotDragStartXRelative+t)/i;this.canvasBoundsContainer.rightRatio=e,this.scaleModel.setXScale(this.scaleModel.xStart,Math.round(this.chartModel.mainCandleSeries.dataPoints.length*this.canvasBoundsContainer.rightRatio))},this.sliderDragStart=()=>{this.lastMousePosition=0},this.sliderDragTick=a=>{const{delta:t}=a,h=this.canvasBoundsContainer.getBounds(s.N_MAP_CHART),i=this.chartModel.mainCandleSeries.meanCandleWidth/(h.width/this.chartModel.mainCandleSeries.dataPoints.length),e=(this.lastMousePosition-t)*i;this.scaleModel.moveXStart(this.scaleModel.xStart-e),this.lastMousePosition=t};const C=this.canvasBoundsContainer.getBoundsHitTest(s.N_MAP_KNOT_L),v=this.canvasBoundsContainer.getBoundsHitTest(s.N_MAP_KNOT_R),M=new c(C,{onDragStart:this.leftKnotDragStart,onDragTick:this.leftKnotDragTick},this.canvasInputListeners,this.chartPanComponent),S=new c(v,{onDragStart:this.rightKnotDragStart,onDragTick:this.rightKnotDragTick},this.canvasInputListeners,this.chartPanComponent);this.addChildEntity(M),this.addChildEntity(S);const p=this.canvasBoundsContainer.getBoundsHitTest(s.N_MAP_SLIDER_WINDOW),D=new c(p,{onDragStart:this.sliderDragStart,onDragTick:this.sliderDragTick},this.canvasInputListeners,this.chartPanComponent);this.addChildEntity(D)}doActivate(){super.doActivate();const o=this.canvasBoundsContainer.getBoundsHitTest(s.N_MAP_BTN_L);this.addRxSubscription(this.canvasInputListeners.observeClick(o).subscribe(()=>{this.scaleModel.moveXStart(this.scaleModel.xStart-1)})),this.addRxSubscription(this.canvasInputListeners.observeTouchStart(o).subscribe(()=>{this.scaleModel.moveXStart(this.scaleModel.xStart-1)}));const r=this.canvasBoundsContainer.getBoundsHitTest(s.N_MAP_BTN_R);this.addRxSubscription(this.canvasInputListeners.observeClick(r).subscribe(()=>{this.scaleModel.moveXStart(this.scaleModel.xStart+1)})),this.addRxSubscription(this.canvasInputListeners.observeTouchStart(r).subscribe(()=>{this.scaleModel.moveXStart(this.scaleModel.xStart+1)})),this.addRxSubscription(this.scaleModel.xChanged.subscribe(()=>{const n=this.chartModel.mainCandleSeries;this.canvasBoundsContainer.leftRatio=n.dataIdxStart/(n.dataPoints.length-1),this.canvasBoundsContainer.rightRatio=n.dataIdxEnd/(n.dataPoints.length-1),this.canvasBoundsContainer.recalculateNavigationMapElementBounds(),this.bus.fireDraw()}))}}