@devexperts/dxcharts-lite 1.0.1

package/dist/chart/canvas/canvas-bounds-container.d.ts

@@ -0,0 +1,347 @@
+/*
+ * 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 } from 'rxjs';
+import { FullChartConfig } from '../chart.config';
+import { CanvasModel } from '../model/canvas.model';
+import EventBus from '../events/event-bus';
+import { ChartResizeHandler } from '../inputhandlers/chart-resize.handler';
+import { Point } from '../inputlisteners/canvas-input-listener.component';
+import { CandleSeriesModel } from '../model/candle-series.model';
+import { Pixel } from '../model/scaling/viewport.model';
+import { DateTimeFormatterFactory } from '../model/date-time.formatter';
+import { Bounds } from '../model/bounds.model';
+import { AtLeastOne } from '../utils/object.utils';
+import { YAxisBoundsContainer, YAxisWidths } from './y-axis-bounds.container';
+export declare const CHART_UUID = "CHART";
+export declare class CanvasElement {
+    static CANVAS: string;
+    static N_MAP: string;
+    static X_AXIS: string;
+    static N_MAP_KNOT_L: string;
+    static N_MAP_KNOT_R: string;
+    static N_MAP_BTN_L: string;
+    static N_MAP_BTN_R: string;
+    static N_MAP_SLIDER_WINDOW: string;
+    static N_MAP_CHART: string;
+    static N_MAP_LABEL_R: string;
+    static N_MAP_LABEL_L: string;
+    static PANE_UUID: (uuid: string) => string;
+    static PANE_UUID_Y_AXIS: (uuid: string, idx?: number) => string;
+    static PANE_UUID_RESIZER: (uuid: string) => string;
+    static ALL_PANES: string;
+    static CHART_WITH_Y_AXIS: string;
+    static EVENTS: string;
+    /**
+     * @deprecated - use CanvasElement.PANE_UUID(CHART_UUID) instead
+     */
+    static CHART: string;
+    /**
+     * @deprecated - use CanvasElement.PANE_UUID_Y_AXIS(CHART_UUID) instead
+     */
+    static Y_AXIS: string;
+}
+export declare const DEFAULT_BOUNDS: Bounds;
+/**
+ * This component listens EVENT_DRAW and recalculates bounds of canvas chart elements.
+ * {@link getBounds} method will always give actual placement of element you want.
+ *
+ * NOTE: this class was designed exclusively for {@link getBounds} method
+ * 	     please think twice when adding additional logic here (does it affect element bounds? or it's smth else)
+ */
+export declare class CanvasBoundsContainer {
+    private config;
+    private eventBus;
+    private canvasModel;
+    private formatterFactory;
+    private mainCandleSeries?;
+    bounds: Record<string, Bounds>;
+    canvasOnPageLocation: Bounds;
+    panesOrder: Array<string>;
+    panesOrderChangedSubject: Subject<string[]>;
+    xAxisHeight: number | undefined;
+    yAxisWidths: YAxisWidths;
+    leftRatio: number;
+    rightRatio: number;
+    private boundsChangedSubject;
+    barResizerChangedSubject: Subject<void>;
+    private _graphsHeightRatio;
+    get graphsHeightRatio(): Record<string, number>;
+    graphsHeightRatioChangedSubject: Subject<Record<string, number>>;
+    private boundsChangedSubscriptions;
+    readonly yAxisBoundsContainer: YAxisBoundsContainer;
+    constructor(config: FullChartConfig, eventBus: EventBus, canvasModel: CanvasModel, formatterFactory: DateTimeFormatterFactory, chartResizeHandler: ChartResizeHandler);
+    updateYAxisWidths(): void;
+    /**
+     * Adds a pane to the list of panes and recalculates the height ratios of all panes.
+     * @param {string} uuid - The unique identifier of the pane to be added.
+     * @param {number} [order] - The order in which the pane should be added. If not provided, the pane will be added to the end of the list.
+     */
+    addPaneBounds(uuid: string, order?: number): void;
+    /**
+     * Overrides the height ratios of the chart with the provided height ratios.
+     * @param {Record<string, number>} heightRatios - An object containing the height ratios to be set.
+     * @returns {void}
+     * @throws {Error} If the sum of the height ratios is not equal to 1.
+     
+    */
+    overrideChartHeightRatios(heightRatios: Record<string, number>): void;
+    /**
+     * Moves a pane up in the panesOrder array.
+     * @param {string} uuid - The unique identifier of the pane to be moved.
+     * @returns {void}
+     */
+    movePaneUp(uuid: string): void;
+    /**
+     * Moves the pane down in the panesOrder array.
+     * @param {string} uuid - The unique identifier of the pane to be moved.
+     * @returns {void}
+     */
+    movePaneDown(uuid: string): void;
+    /**
+     * Reorders current panes according to newPanesOrder
+     * if element in newPanesOrder doesn't exist in real panes order - it will ignored
+     * Example:
+     * 	panesOrder: ['1', '2', '3']
+     * 	newPanesOrder: ['3', '1']
+     * 	result: ['3', '2', '1']
+     */
+    reorderPanes(newPanesOrder: string[]): void;
+    /**
+     * Removes the bounds of a pane with the given uuid from the canvas element.
+     * @param {string} uuid - The uuid of the pane to remove.
+     * @returns {void}
+     */
+    removedPaneBounds(uuid: string): void;
+    /**
+     * Recalculates the bounds of the chart elements based on the current configuration and canvas size.
+     * The function updates the bounds of the canvas, the main chart, the panes, the y-axis, and the chart with y-axis.
+     * It also updates the navigation map element bounds, all bounds page coordinates, and notifies the bounds subscribers.
+     * @function
+     * @name recalculateBounds
+     * @memberof ChartWidget
+     * @returns {void}
+     */
+    recalculateBounds(): void;
+    /**
+     * Updates the canvasOnPageLocation property with the provided PickedDOMRect object.
+     * @param {PickedDOMRect} bcr - The PickedDOMRect object containing the new values for x, y, width, and height.
+     * @private
+     */
+    private updateCanvasOnPageLocation;
+    /**
+     * Updates the page coordinates of all bounds.
+     * @private
+     */
+    private updateAllBoundsPageCoordinates;
+    /**
+     * Returns the bounds of the events component.
+     * @private
+     * @param {Bounds} chartPane - The bounds of the chart pane.
+     * @returns {Bounds} - The bounds of the events component.
+     */
+    private getEventsBounds;
+    /**
+     * Returns the bounds of the navigation map element.
+     * @param {Bounds} canvas - The bounds of the canvas element.
+     * @returns {Bounds} - The bounds of the navigation map element.
+     * @private
+     */
+    private getNavMapBounds;
+    /**
+     * Returns the bounds of the X axis based on the provided parameters.
+     * @private
+     * @param {Bounds} nMap - The bounds of the nMap.
+     * @param {Bounds} canvas - The bounds of the canvas.
+     * @returns {Bounds} - The bounds of the X axis.
+     */
+    private getXAxisBounds;
+    /**
+     * Calculates the height of the X axis based on the font size, font family and padding values.
+     * If the height has already been calculated, it returns the cached value.
+     * @returns {number} The height of the X axis.
+     */
+    getXAxisHeight(): number;
+    /**
+     * Sets the width of the Y axis.
+     *
+     * @param {YAxisWidths} yAxisWidths - The width of the Y axis.
+     * @returns {void}
+     */
+    setYAxisWidths(yAxisWidths: YAxisWidths): void;
+    /**
+     *
+     * Sets the height of the X axis.
+     * @param {number} xAxisHeight - The height of the X axis.
+     * @returns {void}
+     */
+    setXAxisHeight(xAxisHeight: number): void;
+    /**
+     * Sets the order of the panes.
+     * @param {string[]} panesOrder - An array of strings representing the order of the panes.
+     * @returns {void}
+     */
+    setPanesOrder(panesOrder: string[]): void;
+    /**
+     * Returns the widths of the Y axis if it is visible, otherwise returns [0].
+     * @returns {number} The width of the Y axis.
+     */
+    private getYAxisWidth;
+    /**
+     * Recalculates the height ratios of the panes by calling the calculateGraphsHeightRatios() and recalculateBounds() methods.
+     */
+    recalculatePanesHeightRatios(): void;
+    /**
+     * Calculates the height ratios of the graphs in the chart.
+     * It first gets the height ratio of the main chart and then calculates the height ratios of the other graphs.
+     * It then calculates the free space available for the other graphs and distributes it among them based on their previous height ratios.
+     * If there are new graphs added, it calculates their height ratios based on the number of new graphs and the total number of graphs.
+     * @private
+     */
+    private calculateGraphsHeightRatios;
+    /**
+     * Recalculates the bounds of the navigation map elements based on the current configuration and viewport.
+     * If the navigation map is visible, it calculates the bounds of the following elements:
+     * - Navigation map
+     * - Time labels
+     * - Left and right buttons
+     * - Knots
+     * - Slider
+     * - Chart
+     *
+     * The bounds of each element are calculated based on the current viewport and configuration values.
+     * If the time labels are visible, it calculates the width of the left and right time labels based on the first and last visible candle timestamps.
+     * The width of the time labels is used to calculate the position and size of the left and right buttons, as well as the position of the knots.
+     * The position and size of the knots are calculated based on the left and right ratios, which represent the position of the knots relative to the left and right buttons.
+     * The position and size of the slider and chart are calculated based on the position and size of the knots and buttons.
+     */
+    recalculateNavigationMapElementBounds(): void;
+    /**
+     * Checks if the volumes are set to be visible and if they should be shown in a separate pane
+     *
+     * @returns {boolean} - Returns true if the volumes are set to be visible and if they should be shown in a separate pane, otherwise returns false
+     */
+    isVolumesInSeparatePane(): boolean;
+    /**
+     * Gets current canvas element bounds.
+     * @param {string} el - CanvasElement.ELEMENT_NAME
+     * @return {Bounds} bounds of element
+     */
+    getBounds(el: string): Bounds;
+    /**
+     * Returns the position of CANVAS on whole page.
+     * Use it to calculate relative coordinates for mouse movement hit test - crosstool for example.
+     */
+    getCanvasOnPageLocation(): Point;
+    /**
+     * Gets current panes bounds.
+     */
+    getBoundsPanes(): Record<string, Bounds>;
+    /**
+     * Gets hit-test fn for canvas element.
+     * @param {string} el - CanvasElement.ELEMENT_NAME
+     * @param {boolean} reverse - reverses the hit test condition
+     * @param {number} extensionX - extended hitBoundsTest in horizontal direction
+     * @param {number} extensionY - extended hitBoundsTest in vertical direction
+     * @param wholePage
+     * @return {HitBoundsTest} hit-test fn
+     */
+    getBoundsHitTest(el: string, options?: AtLeastOne<HitBoundsTestOptions>): HitBoundsTest;
+    /**
+     * Returns a function that tests if a given point is inside a given bounds object.
+     * @param {Bounds} bounds - The bounds object to test against.
+     * @param {Object} options - An object containing options for the hit test.
+     * @param {number} [options.extensionX=0] - The amount of extension in the x-axis.
+     * @param {number} [options.extensionY=0] - The amount of extension in the y-axis.
+     * @param {boolean} [options.wholePage=false] - Whether to test against the whole page or just the bounds object.
+     * @returns {HitBoundsTest} - A function that takes in x and y coordinates and returns true if the point is inside the bounds object.
+     */
+    static hitTestOf(bounds: Bounds, options?: AtLeastOne<HitBoundsTestOptions>): HitBoundsTest;
+    /**
+     * This method indicates whether it's possible to render the chart, in particular if its width and height > 0.
+     */
+    isChartBoundsAvailable(): boolean;
+    /**
+     * Resizes a pane vertically.
+     * @param {string} uuid - The unique identifier of the pane.
+     * @param {number} y - The amount of pixels to resize the pane by.
+     * @returns {void}
+     */
+    resizePaneVertically(uuid: string, y: number): void;
+    /**
+     * Resizes a pane vertically based on the provided index and delta in pixels.
+     * @param {number} idx - The index of the pane to be resized.
+     * @param {number} yDeltaPixels - The delta in pixels to resize the pane.
+     * @returns {void}
+     */
+    private doResizePaneVertically;
+    /**
+     * Notifies all subscribers about bounds changes
+     * @function
+     * @name notifyBoundsSubscribers
+     * @returns {void}
+     */
+    private notifyBoundsSubscribers;
+    /**
+     * Subscribe to element bounds changes.
+     * Multiple subscriptions will share the same subject.
+     * @param el - element name
+     */
+    observeBoundsChanged(el: string): import("rxjs").Observable<Bounds>;
+    /**
+     * Returns an observable that emits when the bounds of the object change.
+     * @returns {Observable} An observable that emits when the bounds of the object change.
+     */
+    observeAnyBoundsChanged(): import("rxjs").Observable<void>;
+    /**
+     * Creates a copy of the provided bounds object.
+     *
+     * @private
+     * @param {Bounds} bounds - The bounds object to be copied.
+     * @returns {Bounds} - A new bounds object with the same properties as the original.
+     */
+    private copyOf;
+    /**
+     * Copies the values of the `from` object to the `to` object.
+     * @param {Bounds} from - The object to copy the values from.
+     * @param {Bounds} to - The object to copy the values to.
+     */
+    private copyBounds;
+    /**
+     * Checks if two Bounds objects have the same x, y, width and height values.
+     * @param {Bounds} b1 - The first Bounds object to compare.
+     * @param {Bounds} b2 - The second Bounds object to compare.
+     * @returns {boolean} - Returns true if both Bounds objects have the same x, y, width and height values, otherwise returns false.
+     */
+    private sameBounds;
+    /**
+     * Applies default bounds to the provided bounds object.
+     * @param {Bounds} bounds - The bounds object to apply default bounds to.
+     * @returns {void}
+     * @private
+     */
+    private applyDefaultBounds;
+    /**
+     * Sets the main candle series for the CanvasBoundsContainer.
+     * @param {CandleSeriesModel} candleSeries - The candle series to be set as the main candle series.
+     * @returns {void}
+     * @deprecated This method should be removed as candleSeries is not a part of CanvasBoundsContainer.
+     */
+    setMainCandleSeries(candleSeries: CandleSeriesModel): void;
+}
+export declare const isInBounds: (point: Point, bounds: Bounds) => boolean;
+export declare const isInVerticalBounds: (y: number, bounds: Bounds) => boolean;
+export declare const limitYToBounds: (y: Pixel, bounds: Bounds) => number;
+export interface HitBoundsTest {
+    (x: number, y: number): boolean;
+}
+export interface HitBoundsTestOptions {
+    extensionX: number;
+    extensionY: number;
+    wholePage: boolean;
+}
+export type HitBoundsTestOptionsPartial = AtLeastOne<HitBoundsTestOptions>;
+export declare const DEFAULT_HIT_TEST_OPTIONS: HitBoundsTestOptions;
+export declare const areBoundsChanged: (prev: Bounds, next: Bounds) => boolean;

package/dist/chart/canvas/canvas-bounds-container.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 F,Subject as E}from"rxjs";import{distinctUntilChanged as z,map as k}from"rxjs/operators";import{arrayCompare as Y,arrayRemove2 as K,flat as Z,moveInArrayMutable as H,reorderArray as G}from"../utils/array.utils";import{isMobile as W}from"../utils/device/browser.utils";import{calcTimeLabelBounds as q}from"../components/navigation_map/navigation-map.model";import{calculateSymbolHeight as $}from"../utils/canvas/canvas-font-measure-tool.utils";import{YAxisBoundsContainer as J}from"./y-axis-bounds.container";export const CHART_UUID="CHART";class s{}s.CANVAS="CANVAS",s.N_MAP="N_MAP",s.X_AXIS="X_AXIS",s.N_MAP_KNOT_L="N_MAP_KNOT_L",s.N_MAP_KNOT_R="N_MAP_KNOT_R",s.N_MAP_BTN_L="N_MAP_BTN_L",s.N_MAP_BTN_R="N_MAP_BTN_R",s.N_MAP_SLIDER_WINDOW="N_MAP_SLIDER_WINDOW",s.N_MAP_CHART="N_MAP_CHART",s.N_MAP_LABEL_R="N_MAP_LABEL_R",s.N_MAP_LABEL_L="N_MAP_LABEL_L",s.PANE_UUID=c=>"PANE_"+c,s.PANE_UUID_Y_AXIS=(c,t=0)=>"PANE_"+c+"_Y_AXIS_"+t,s.PANE_UUID_RESIZER=c=>"PANE_"+c+"_RESIZER",s.ALL_PANES="ALL_PANES",s.CHART_WITH_Y_AXIS="CHART_WITH_Y_AXIS",s.EVENTS="EVENTS",s.CHART=s.PANE_UUID(CHART_UUID),s.Y_AXIS=s.PANE_UUID_Y_AXIS(CHART_UUID);export{s as CanvasElement};export const DEFAULT_BOUNDS={x:0,y:0,pageX:0,pageY:0,width:0,height:0};const Q=20,j=35,I=15,V=1.5,M=W()?8*V:8,tt=1e-6;export class CanvasBoundsContainer{get graphsHeightRatio(){return this._graphsHeightRatio}constructor(t,e,i,h,n){this.config=t,this.eventBus=e,this.canvasModel=i,this.formatterFactory=h,this.bounds={},this.canvasOnPageLocation={x:0,y:0,pageX:0,pageY:0,width:0,height:0},this.panesOrder=[],this.panesOrderChangedSubject=new E,this.xAxisHeight=void 0,this.yAxisWidths={right:[0],left:[0]},this.leftRatio=0,this.rightRatio=0,this.boundsChangedSubject=new E,this.barResizerChangedSubject=new E,this._graphsHeightRatio={chart:1},this.graphsHeightRatioChangedSubject=new E,this.boundsChangedSubscriptions={},n.canvasResized.subscribe(r=>{let a=r;a||(a=this.canvasModel.canvas.getBoundingClientRect()),this.updateCanvasOnPageLocation(a),this.recalculateBounds()}),this.yAxisBoundsContainer=new J(this.config,this.canvasModel)}updateYAxisWidths(){const t=this.yAxisBoundsContainer.getYAxisWidths();this.setYAxisWidths(t)}addPaneBounds(t,e){if(this.panesOrder.indexOf(t)===-1){if(this.panesOrder.push(t),e!==void 0){const i=this.panesOrder.indexOf(t);H(this.panesOrder,i,e)}this.recalculatePanesHeightRatios(),this.panesOrderChangedSubject.next(this.panesOrder)}}overrideChartHeightRatios(t){const e=Object.assign(Object.assign({},this.graphsHeightRatio),t),i=Object.values(e).reduce((h,n)=>h+n,0);Math.abs(i-1)<tt?(this._graphsHeightRatio=e,this.recalculateBounds()):console.error(`Result ratio should be equal 1, but equal ${i}`)}movePaneUp(t){const e=this.panesOrder.indexOf(t);e!==-1&&(H(this.panesOrder,e,e-1),this.recalculateBounds(),this.eventBus.fireDraw(),this.panesOrderChangedSubject.next(this.panesOrder))}movePaneDown(t){const e=this.panesOrder.indexOf(t);e!==-1&&(H(this.panesOrder,e,e+1),this.recalculateBounds(),this.eventBus.fireDraw(),this.panesOrderChangedSubject.next(this.panesOrder))}reorderPanes(t){this.panesOrder=G(this.panesOrder,t),this.recalculateBounds(),this.panesOrderChangedSubject.next(this.panesOrder)}removedPaneBounds(t){K(this.panesOrder,t),delete this.graphsHeightRatio[t],delete this.bounds[s.PANE_UUID(t)],this.yAxisWidths.left.concat(this.yAxisWidths.right).forEach((e,i)=>delete this.bounds[s.PANE_UUID_Y_AXIS(t,i)]),delete this.bounds[s.PANE_UUID_RESIZER(t)],this.recalculatePanesHeightRatios(),this.panesOrderChangedSubject.next(this.panesOrder)}recalculateBounds(){const t=this.canvasOnPageLocation.width,e=this.canvasOnPageLocation.height,i=this.config.components.paneResizer.height,h=this.getBounds(s.CANVAS);h.x=0,h.y=0,h.width=t,h.height=e;const n=this.getYAxisWidth(),r=this.getNavMapBounds(h),a=this.getXAxisBounds(r,h),o=e-a.height-r.height,l=n.left.reduce((u,_)=>u+_,0),f=n.right.reduce((u,_)=>u+_,0),g=0,O=h.width-f,A=g+l,b=0,m=h.width-l-f;let p=b;this.panesOrder.forEach((u,_)=>{var N;const x=this.graphsHeightRatio[this.panesOrder[_]],B=this.config.components.paneResizer.visible;B&&(_!==0?v(this.bounds,s.PANE_UUID_RESIZER(u),0,p,h.width,i,this.canvasOnPageLocation):v(this.bounds,s.PANE_UUID_RESIZER(u),0,0,0,0,this.canvasOnPageLocation));const C=v(this.bounds,s.PANE_UUID(u),A,B?p+i:p,m,B?o*x-this.config.components.paneResizer.height:o*x,this.canvasOnPageLocation);if(this.config.components.yAxis.visible){const S=this.yAxisBoundsContainer.extentsOrder.get(u);if(S===void 0)return;const T=B?p+i:p,U=B?o*x-i:o*x;let X=A-((N=n.left[0])!==null&&N!==void 0?N:0),D=O;S.left.forEach((L,y)=>{var w;v(this.bounds,s.PANE_UUID_Y_AXIS(u,L),X,T,n.left[y],U,this.canvasOnPageLocation),X-=(w=n.left[y+1])!==null&&w!==void 0?w:0}),S.right.forEach((L,y)=>{v(this.bounds,s.PANE_UUID_Y_AXIS(u,L),D,T,n.right[y],U,this.canvasOnPageLocation),D+=n.right[y]})}else v(this.bounds,s.PANE_UUID_Y_AXIS(u),0,0,0,0,this.canvasOnPageLocation);p=C.y+C.height});const d=this.getBounds(s.ALL_PANES);d.x=A,d.y=b,d.width=m,d.height=p;const P=this.getBounds(s.CHART_WITH_Y_AXIS),R=this.getBounds(s.PANE_UUID(CHART_UUID));this.getEventsBounds(R),this.copyBounds(R,P),P.width=h.width,this.recalculateNavigationMapElementBounds(),this.updateAllBoundsPageCoordinates(),this.notifyBoundsSubscribers()}updateCanvasOnPageLocation(t){this.canvasOnPageLocation=Object.assign(Object.assign({},this.canvasOnPageLocation),{x:t.x,y:t.y,width:t.width,height:t.height})}updateAllBoundsPageCoordinates(){for(const t of Object.keys(this.bounds)){const e=this.bounds[t];e.pageX=e.x+this.canvasOnPageLocation.x,e.pageY=e.y+this.canvasOnPageLocation.y}}getEventsBounds(t){const e=this.getBounds(s.EVENTS);return this.config.components.events.visible?(e.x=0,e.y=t.y+t.height-this.config.components.events.height,e.width=t.width,e.height=this.config.components.events.height):this.applyDefaultBounds(e),e}getNavMapBounds(t){const e=this.getBounds(s.N_MAP);return this.config.components.navigationMap.visible?(e.x=0,e.y=t.height-j,e.width=t.width,e.height=j):this.applyDefaultBounds(e),e}getXAxisBounds(t,e){const i=this.getBounds(s.X_AXIS);return this.config.components.xAxis.visible?(i.x=0,i.y=e.height-this.getXAxisHeight()-t.height,i.width=e.width,i.height=this.getXAxisHeight()):this.applyDefaultBounds(i),i}getXAxisHeight(){var t,e;if(!this.xAxisHeight){const i=this.config.components.xAxis.fontSize+"px "+this.config.components.xAxis.fontFamily,h=$(i,this.canvasModel.ctx);this.xAxisHeight=h+((t=this.config.components.xAxis.padding.top)!==null&&t!==void 0?t:0)+((e=this.config.components.xAxis.padding.bottom)!==null&&e!==void 0?e:0)}return this.xAxisHeight}setYAxisWidths(t){(!Y(this.yAxisWidths.left,t.left)||!Y(this.yAxisWidths.right,t.right))&&(this.yAxisWidths=t,this.recalculateBounds())}setXAxisHeight(t){t!==this.xAxisHeight&&(this.xAxisHeight=t,this.recalculateBounds())}setPanesOrder(t){this.panesOrder=t,this.recalculateBounds()}getYAxisWidth(){return this.config.components.yAxis.visible?this.yAxisWidths:{right:[0],left:[0]}}recalculatePanesHeightRatios(){this.calculateGraphsHeightRatios(),this.recalculateBounds()}calculateGraphsHeightRatios(){let t=this.graphsHeightRatio[CHART_UUID];const e=[];e.push(...this.panesOrder.filter(g=>g!==CHART_UUID)),this.panesOrder.forEach(g=>{this.graphsHeightRatio[g]===0&&delete this.graphsHeightRatio[g]});const i=e.map(g=>this.graphsHeightRatio[g]===void 0?void 0:this.graphsHeightRatio[g]),h=i.filter(g=>g!==void 0).length,n=i.filter(g=>g===void 0).length;let r=0,a=0,o=1,l=0;n>0&&([o,l]=it(e.length),t*=o),h===0&&(t=1-l*n),a=1-t-l*n,i.forEach(g=>{g&&(a-=g*o)}),r=a/(e.length+1);const f=i.map(g=>g?g*o+r:l+r);t+=r,this._graphsHeightRatio={},this.graphsHeightRatio[CHART_UUID]=t,f.forEach((g,O)=>{const A=e[O];this.graphsHeightRatio[A]=g})}recalculateNavigationMapElementBounds(){var t,e,i,h;if(this.config.components.navigationMap.visible){const n=this.getBounds(s.N_MAP),{height:r,width:a}=this.config.components.navigationMap.knots,o=r!=null?r:0,l=W()?a*V:a!=null?a:0,f=o?n.y+(n.height-o)/2:n.y,g=(e=(t=this.config.components.navigationMap)===null||t===void 0?void 0:t.timeLabels)===null||e===void 0?void 0:e.visible,O=x=>q(this.canvasModel.ctx,x,this.formatterFactory,this.config)[0],A=Z((h=(i=this.mainCandleSeries)===null||i===void 0?void 0:i.getSeriesInViewport())!==null&&h!==void 0?h:[]),b=g&&A.length?O(A[0].candle.timestamp):0,m=g&&A.length?O(A[A.length-1].candle.timestamp):0,p=Math.max(b,m);if(g){const x=this.getBounds(s.N_MAP_LABEL_L);x.x=n.x,x.y=n.y,x.width=p,x.height=n.height;const B=this.getBounds(s.N_MAP_LABEL_R);B.x=n.x+n.width-p,B.y=n.y,B.width=p,B.height=n.height}const d=this.getBounds(s.N_MAP_BTN_L);d.x=n.x+p,d.y=n.y,d.width=I,d.height=n.height;const P=this.getBounds(s.N_MAP_BTN_R);P.x=n.x+n.width-I-p,P.y=n.y,P.width=I,P.height=n.height;const R=this.getBounds(s.N_MAP_KNOT_L);R.x=(P.x-d.x-d.width)*this.leftRatio+d.x+d.width,R.y=f,R.width=l!=null?l:M,R.height=o!=null?o:n.height;const u=this.getBounds(s.N_MAP_KNOT_R);u.x=(P.x-d.x-d.width)*this.rightRatio+d.x+d.width-M,u.y=f,u.width=l!=null?l:M,u.height=o!=null?o:n.height;const _=this.getBounds(s.N_MAP_SLIDER_WINDOW);_.x=R.x+R.width,_.y=n.y,_.width=u.x-_.x,_.height=n.height;const N=this.getBounds(s.N_MAP_CHART);N.x=d.x+d.width,N.y=n.y,N.width=P.x-N.x,N.height=n.height}}isVolumesInSeparatePane(){return this.config.components.volumes.visible&&this.config.components.volumes.showSeparately}getBounds(t){return this.bounds[t]===void 0&&(this.bounds[t]=this.copyOf(DEFAULT_BOUNDS)),this.bounds[t]}getCanvasOnPageLocation(){return this.canvasOnPageLocation}getBoundsPanes(){return this.panesOrder.reduce((t,e)=>Object.assign(Object.assign({},t),{[e]:this.bounds[s.PANE_UUID(e)]}),{})}getBoundsHitTest(t,e=DEFAULT_HIT_TEST_OPTIONS){const{extensionX:i,extensionY:h,wholePage:n}=Object.assign(Object.assign({},DEFAULT_HIT_TEST_OPTIONS),e);return n?(r,a)=>{const o=this.getBounds(t);return r>o.pageX-i&&r<o.pageX+o.width+i&&a>o.pageY-h&&a<o.pageY+o.height+h}:(r,a)=>{const o=this.getBounds(t);return r>o.x-i&&r<o.x+o.width+i&&a>o.y-h&&a<o.y+o.height+h}}static hitTestOf(t,e=DEFAULT_HIT_TEST_OPTIONS){const{extensionX:i,extensionY:h,wholePage:n}=Object.assign(Object.assign({},DEFAULT_HIT_TEST_OPTIONS),e);return n?(r,a)=>r>t.pageX-i&&r<t.pageX+t.width+i&&a>t.pageY-h&&a<t.pageY+t.height+h:(r,a)=>r>t.x-i&&r<t.x+t.width+i&&a>t.y-h&&a<t.y+t.height+h}isChartBoundsAvailable(){const t=this.getBounds(s.CANVAS);return t.width>0&&t.height>0}resizePaneVertically(t,e){const i=this.panesOrder.indexOf(t),h=this.getBounds(s.PANE_UUID_RESIZER(t));this.doResizePaneVertically(i,h.y-e),this.barResizerChangedSubject.next()}doResizePaneVertically(t,e){const i=t-1,h=this.getBounds(s.ALL_PANES).height,n=this.config.components.paneResizer.height+Q,r=h*this.graphsHeightRatio[this.panesOrder[t]],a=h*this.graphsHeightRatio[this.panesOrder[i]],o=r+e>n,l=a-e>n;if(o&&l){const f=e/h;this.graphsHeightRatio[this.panesOrder[t]]+=f,this.graphsHeightRatio[this.panesOrder[i]]-=f,this.recalculateBounds()}}notifyBoundsSubscribers(){Object.keys(this.boundsChangedSubscriptions).forEach(t=>{this.boundsChangedSubscriptions[t].next(this.getBounds(t))}),this.boundsChangedSubject.next()}observeBoundsChanged(t){let e=this.boundsChangedSubscriptions[t];return e||(e=new F(this.getBounds(t)),this.boundsChangedSubscriptions[t]=e),e.pipe(k(i=>this.copyOf(i)),z((i,h)=>this.sameBounds(i,h)))}observeAnyBoundsChanged(){return this.boundsChangedSubject.asObservable()}copyOf(t){return Object.assign({},t)}copyBounds(t,e){e.x=t.x,e.y=t.y,e.width=t.width,e.height=t.height}sameBounds(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}applyDefaultBounds(t){this.copyBounds(DEFAULT_BOUNDS,t)}setMainCandleSeries(t){this.mainCandleSeries=t}}const et={0:1,1:.8,2:.6,3:.5,4:.4,5:.2},it=c=>{var t;const e=(t=et[c])!==null&&t!==void 0?t:.4,i=(1-e)/c;return[e,i]};export const isInBounds=(c,t)=>c.x>t.x&&c.x<t.x+t.width&&c.y>t.y&&c.y<t.y+t.height,isInVerticalBounds=(c,t)=>c>t.y&&c<t.y+t.height;const v=(c,t,e,i,h,n,r)=>{const a=c[t];if(a)return a.x=e,a.y=i,a.pageX=e+r.x,a.pageY=i+r.y,a.width=h,a.height=n,a;const o={x:e,y:i,pageX:e+r.x,pageY:i+r.y,width:h,height:n};return c[t]=o,o};export const limitYToBounds=(c,t)=>Math.min(Math.max(c,t.y),t.y+t.height),DEFAULT_HIT_TEST_OPTIONS={extensionX:0,extensionY:0,wholePage:!1},areBoundsChanged=(c,t)=>c.width===t.width&&c.height===t.height;

package/dist/chart/canvas/canvas-chart-html.d.ts

@@ -0,0 +1,7 @@
+/*
+ * 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/.
+ */
+declare const _default: (devexpertsPromoLink: boolean) => string;
+export default _default;

package/dist/chart/canvas/canvas-chart-html.js

@@ -0,0 +1,23 @@
+/*
+ * 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/.
+ */
+export default a=>`<div data-element="chartResizer" style="position: relative; min-height: 20px; height: 100%; width: 100%; touch-action: manipulation; z-index: 0;">
+	<div data-element="chartContainer" style="position: absolute; height: 100%; width: 100%;" class="chart chartArea--graph">
+		<div data-element="canvasArea" style="position: relative; height: 100%; width: 100%; touch-action: manipulation;">
+			<canvas data-element="snapshotCanvas" style="z-index: 0"></canvas>
+			<canvas data-element="backgroundCanvas" style="z-index: 1"></canvas>
+			<canvas data-element="mainCanvas" style="z-index: 2"></canvas>
+			<canvas data-element="staticDrawingCanvas" style="z-index: 3"></canvas>
+			<canvas data-element="dataSeriesCanvas" style="z-index: 5"></canvas>
+			<canvas data-element="overDataSeriesCanvas" style="z-index: 6"></canvas>
+			<canvas data-element="dynamicDrawingCanvas" style="z-index: 7"></canvas>
+			<canvas data-element="yAxisLabelsCanvas" style="z-index: 8"></canvas>
+			<canvas data-element="crossToolCanvas" style="z-index: 9"></canvas>
+			<canvas data-element="hitTestCanvas" style="z-index: 10"></canvas>
+${a?`			<p style="position: absolute; visibility: hidden;">If you have any suggestions or are experiencing any issues, please feel free to contact us at <a href="https://devexperts.com/dxcharts/">devexperts.com</a></p>
+`:""}		</div>
+	</div>
+</div>
+`;

package/dist/chart/canvas/chart-elements.d.ts

@@ -0,0 +1,22 @@
+/*
+ * 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/.
+ */
+export interface ChartElements {
+    canvasArea?: HTMLElement;
+    snapshotCanvas?: HTMLCanvasElement;
+    backgroundCanvas?: HTMLCanvasElement;
+    mainCanvas?: HTMLCanvasElement;
+    dataSeriesCanvas?: HTMLCanvasElement;
+    overDataSeriesCanvas?: HTMLCanvasElement;
+    staticDrawingCanvas?: HTMLCanvasElement;
+    dynamicDrawingCanvas?: HTMLCanvasElement;
+    yAxisLabelsCanvas?: HTMLCanvasElement;
+    crossToolCanvas?: HTMLCanvasElement;
+    hitTestCanvas?: HTMLCanvasElement;
+    chartResizer?: HTMLElement;
+    chartContainer?: HTMLElement;
+}
+export type ValidatedChartElements = Required<ChartElements>;
+export declare const validateChartElements: (els: ChartElements) => els is Required<ChartElements>;

package/dist/chart/canvas/chart-elements.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/.
+ */
+export const validateChartElements=a=>{const n=a.canvasArea!==null,l=a.snapshotCanvas!==null,s=a.backgroundCanvas!==null,t=a.mainCanvas!==null,v=a.overDataSeriesCanvas!==null,i=a.staticDrawingCanvas!==null,o=a.dynamicDrawingCanvas!==null,c=a.yAxisLabelsCanvas!==null,r=a.crossToolCanvas!==null,e=a.hitTestCanvas!==null,C=a.chartResizer!==null,b=a.chartContainer!==null,A=a.dataSeriesCanvas!==null;return n&&l&&s&&t&&v&&i&&o&&c&&r&&e&&C&&b&&A};

package/dist/chart/canvas/cursor.handler.d.ts

@@ -0,0 +1,71 @@
+/*
+ * 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 { CursorType } from '../chart.config';
+import { CanvasInputListenerComponent } from '../inputlisteners/canvas-input-listener.component';
+import { Bounds } from '../model/bounds.model';
+import { ChartBaseElement } from '../model/chart-base-element';
+import { HitTestCanvasModel } from '../model/hit-test-canvas.model';
+import { CanvasBoundsContainer } from './canvas-bounds-container';
+/**
+ * This class is responsible for changing cursor for different entities which are drawn on the canvas.
+ * @doc-tags chart-core,cursor
+ */
+export declare class CursorHandler extends ChartBaseElement {
+    private element;
+    private canvasInputListener;
+    private canvasBoundsContainer;
+    private hitTestCanvasModel;
+    private normalLayer;
+    private extensionLayer;
+    cursorChangedSubject: Subject<string>;
+    constructor(element: HTMLElement, canvasInputListener: CanvasInputListenerComponent, canvasBoundsContainer: CanvasBoundsContainer, hitTestCanvasModel: HitTestCanvasModel);
+    /**
+     * This method is called when the user activates the canvas. It subscribes to the mouse move event and checks if the mouse pointer is over any of the elements in the normalLayer or extensionLayer. If the mouse pointer is over any of the elements, it updates the cursor to the corresponding cursor of the element.
+     */
+    protected doActivate(): void;
+    /***
+     * @param elId
+     * @param bounds
+     * @param cursorType
+     * @param extension is an extra area beyond the borders of the bounds
+     */
+    setCursorForBounds(elId: string, bounds: Bounds, cursorType: CursorType, extension?: number): void;
+    /**
+     * Sets a cursor for a canvas element
+     * @param {string} canvasEl - The canvas element to add the cursor to
+     * @param {CursorType} cursor - The type of cursor to add
+     * @param {number} [extensionRadius] - The extension radius of the cursor
+     */
+    setCursorForCanvasEl(canvasEl: string, cursor: CursorType, extensionRadius?: number): void;
+    /**
+     * Removes the cursor for a given canvas element.
+     *
+     * @param {string} canvasEl - The canvas element to remove the cursor from.
+     * @returns {void}
+     */
+    removeCursorForCanvasEl(canvasEl: string): void;
+    /**
+     * Returns an Observable that emits the latest CursorType value whenever the cursorChangedSubject emits a new value.
+     * The emitted value is guaranteed to be distinct from the previous one.
+     * @returns {Observable<CursorType>} An Observable that emits the latest CursorType value.
+     */
+    observeCursorChanged(): Observable<CursorType>;
+    /**
+     * Sets the cursor type for a given canvas element and optionally extends the hit test area.
+     * @param {string} canvasElement - The ID of the canvas element to observe.
+     * @param {CursorType} cursorType - The type of cursor to set.
+     * @param {number} [extensionY] - Optional extension of the hit test area in the Y axis.
+     * @returns {void}
+     */
+    private observeCursorType;
+    /**
+     * Updates the cursor type of an element based on the mouse enter or leave event.
+     * @param {CursorType} cursorType - The type of cursor to be set on the element.
+     * @returns {void}
+     */
+    updateCursor(cursorType: CursorType): void;
+}

package/dist/chart/canvas/cursor.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{Subject as i}from"rxjs";import{distinctUntilChanged as n,throttleTime as a}from"rxjs/operators";import{ChartBaseElement as u}from"../model/chart-base-element";import{CanvasBoundsContainer as h}from"./canvas-bounds-container";export class CursorHandler extends u{constructor(e,t,s,r){super(),this.element=e,this.canvasInputListener=t,this.canvasBoundsContainer=s,this.hitTestCanvasModel=r,this.normalLayer=new Map,this.extensionLayer=new Map,this.cursorChangedSubject=new i}doActivate(){super.doActivate(),this.canvasInputListener.observeMouseMoveNoDrag().pipe(a(100,void 0,{trailing:!0})).subscribe(e=>{const t=this.hitTestCanvasModel.resolveCursor(e);if(t!==void 0){this.updateCursor(t);return}e&&(this.normalLayer.forEach(s=>{s.hitTest(e.x,e.y)&&this.updateCursor(s.cursor)}),this.extensionLayer.forEach(s=>{s.hitTest(e.x,e.y)&&this.updateCursor(s.cursor)}))})}setCursorForBounds(e,t,s,r=0){const o=h.hitTestOf(t,{extensionY:r});r?this.extensionLayer.set(e,{cursor:s,hitTest:o}):this.normalLayer.set(e,{cursor:s,hitTest:o})}setCursorForCanvasEl(e,t,s){this.observeCursorType(e,t,s)}removeCursorForCanvasEl(e){this.normalLayer.delete(e),this.extensionLayer.delete(e)}observeCursorChanged(){return this.cursorChangedSubject.pipe(n())}observeCursorType(e,t,s){const r=s?this.canvasBoundsContainer.getBoundsHitTest(e,{extensionY:s}):this.canvasBoundsContainer.getBoundsHitTest(e);s?this.extensionLayer.set(e,{cursor:t,hitTest:r}):this.normalLayer.set(e,{cursor:t,hitTest:r})}updateCursor(e){this.element.style.cursor!==e&&(this.element.style.cursor=e,this.cursorChangedSubject.next(e))}}

package/dist/chart/canvas/layout-creator.d.ts

@@ -0,0 +1,20 @@
+/*
+ * 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 { ValidatedChartElements } from './chart-elements';
+import { FullChartConfig } from '../chart.config';
+/**
+ * Creates a default layout template for a canvas chart.
+ * @function
+ * @returns {HTMLTemplateElement} - The default layout template for a canvas chart.
+ */
+export declare function createDefaultLayoutTemplate(config: FullChartConfig): HTMLTemplateElement;
+/**
+ * Extracts chart elements from a given container and returns them as a validated object.
+ * @param {Element} container - The container element to search for chart elements.
+ * @returns {ValidatedChartElements} - An object containing the chart elements as properties.
+ * @throws {Error} - If some chart elements are missing.
+ */
+export declare function extractElements(container: Element): ValidatedChartElements;

package/dist/chart/canvas/layout-creator.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{validateChartElements as o}from"./chart-elements";import l from"./canvas-chart-html";export function createDefaultLayoutTemplate(t){const e=document.createElement("template");return e.innerHTML=l(t.devexpertsPromoLink),e}export function extractElements(t){const e={},n=Array.from(t.querySelectorAll("[data-element]"));if(n.length!==0&&n.forEach(a=>{var r;e[(r=a.getAttribute("data-element"))!==null&&r!==void 0?r:""]=a}),o(e))return e;throw new Error("Some chart elements are missing")}

package/dist/chart/canvas/y-axis-bounds.container.d.ts

@@ -0,0 +1,54 @@
+/*
+ * 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, YAxisAlign } from '../chart.config';
+import { CanvasModel } from '../model/canvas.model';
+export interface YAxisWidthContributor {
+    getLargestLabel: () => string;
+    getYAxisIndex: () => number;
+    getYAxisAlign: () => YAxisAlign;
+    getPaneUUID: () => string;
+}
+export type ExtentsOrder = Map<string, // uuid of the pane
+{
+    left: number[];
+    right: number[];
+}>;
+export interface YAxisWidths {
+    left: number[];
+    right: number[];
+}
+export declare class YAxisBoundsContainer {
+    private config;
+    private mainCanvasModel;
+    extentsOrder: ExtentsOrder;
+    constructor(config: FullChartConfig, mainCanvasModel: CanvasModel);
+    yAxisWidthContributors: YAxisWidthContributor[];
+    /**
+     * Registers a YAxisWidthContributor to the chart.
+     *
+     * @param {YAxisWidthContributor} contributor - The YAxisWidthContributor to be registered.
+     * @returns {void}
+     */
+    registerYAxisWidthContributor(contributor: YAxisWidthContributor): void;
+    /**
+     * Removes a YAxisWidthContributor from the chart.
+     *
+     * @param {YAxisWidthContributor} contributor - The YAxisWidthContributor to be removed.
+     * @returns {void}
+     */
+    removeYAxisWidthContributor(contributor: YAxisWidthContributor): void;
+    /**
+     * Calculates the width of a given text using the font from the yAxis component of the chart configuration
+     * @param {string} text - The text to calculate the width of
+     * @returns {number} - The width of the text in pixels
+     */
+    private getTextWidth;
+    /**
+     * Updates width of Y axis.
+     * Considers max text of YAxis labels.
+     */
+    getYAxisWidths(): YAxisWidths;
+}

package/dist/chart/canvas/y-axis-bounds.container.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{getFontFromConfig as g}from"../chart.config";import{calculateTextWidth as c}from"../utils/canvas/canvas-font-measure-tool.utils";export class YAxisBoundsContainer{constructor(t,i){this.config=t,this.mainCanvasModel=i,this.extentsOrder=new Map,this.yAxisWidthContributors=[]}registerYAxisWidthContributor(t){this.yAxisWidthContributors.push(t)}removeYAxisWidthContributor(t){this.yAxisWidthContributors=this.yAxisWidthContributors.filter(i=>i!==t)}getTextWidth(t){const i=g(this.config.components.yAxis);return c(t,this.mainCanvasModel.ctx,i)}getYAxisWidths(){this.extentsOrder.clear();const t=[],i=[],l=this.config.components.yAxis.labelBoxMargin.start+this.config.components.yAxis.labelBoxMargin.end;return this.yAxisWidthContributors.forEach(n=>{var o,r,h;const x=this.getTextWidth(n.getLargestLabel())+l,a=n.getYAxisIndex(),d=n.getPaneUUID(),s=(o=this.extentsOrder.get(d))!==null&&o!==void 0?o:{left:[],right:[]};if(n.getYAxisAlign()==="left"){const e=s.left.length;t[e]=Math.max((r=t[e])!==null&&r!==void 0?r:0,x),s.left.push(a)}else{const e=s.right.length;i[e]=Math.max((h=i[e])!==null&&h!==void 0?h:0,x),s.right.push(a)}this.extentsOrder.set(d,s)}),{left:t,right:i}}}

package/dist/chart/chart-container.d.ts

@@ -0,0 +1,18 @@
+/*
+ * 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 EventBus from './events/event-bus';
+import { FullChartConfig } from './chart.config';
+import { CanvasInputListenerComponent } from './inputlisteners/canvas-input-listener.component';
+import { CanvasBoundsContainer } from './canvas/canvas-bounds-container';
+/**
+ * Abstraction over ChartBootstrap and PL chart.
+ */
+export default interface ChartContainer {
+    bus: EventBus;
+    config: FullChartConfig;
+    canvasInputListener: CanvasInputListenerComponent;
+    canvasBoundsContainer: CanvasBoundsContainer;
+}

package/dist/chart/chart-container.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/.
+ */
+export{};