@devexperts/dxcharts-lite 1.0.2 → 2.0.0

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

@@ -3,4 +3,284 @@
  * 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{DataSeriesYAxisLabelsProvider as x}from"../components/y_axis/price_labels/data-series-y-axis-labels.provider";import{binarySearch as l,create2DArray as h,lastOf as P,slice2DArray as v}from"../utils/array.utils";import{floorToDPR as d}from"../utils/device/device-pixel-ratio.utils";import{MathUtils as g}from"../utils/math.utils";import{merge as p}from"../utils/merge.utils";import{cloneUnsafe as m}from"../utils/object.utils";import{ChartBaseElement as I}from"./chart-base-element";import{DataSeriesView as c}from"./data-series-view";import{DEFAULT_DATA_SERIES_CONFIG as u}from"./data-series.config";export class VisualSeriesPoint{constructor(t,i){this.centerUnit=t,this.close=i}y(t){return d(t.toY(this.close))}x(t){return d(t.toX(this.centerUnit))}clone(){return new VisualSeriesPoint(this.centerUnit,this.close)}}export class DataSeriesModel extends I{get dataPoints2D(){return this._dataPoints}get dataPoints(){return this._dataPointsFlat}set dataPoints(t){this._dataPoints=h(t),this._dataPointsFlat=this._dataPoints.flat(),this.visualPoints=this._toVisualPoints(this._dataPoints)}get visualPoints(){return this._visualPointsFlat}get visualPoints2D(){return this._visualPoints}set visualPoints(t){this._visualPoints=h(t),this._visualPointsFlat=this._visualPoints.flat()}constructor(t,i,e=m(u)){var a;super(),this.extentComponent=t,this.id=i,this.name="",this.hovered=!1,this._dataPoints=[],this.pricePrecisions=[2],this.linkedDataSeriesModels=[],this._dataPointsFlat=[],this._visualPoints=[],this._visualPointsFlat=[],this.dataIdxStart=0,this.dataIdxEnd=0,this.getPaintConfig=s=>{var n;return(n=this.config.paintConfig[s])!==null&&n!==void 0?n:this.config.paintConfig[0]},this.getBaseLine=(s=this.dataIdxStart)=>{var n,r;return(r=(n=this.visualPoints[s])===null||n===void 0?void 0:n.close)!==null&&r!==void 0?r:1},this.getTextForPoint=s=>`${s.close}`,this.getLastVisualSeriesPoint=()=>{const s=this.visualPoints,n=l(s,this.scaleModel.xEnd,r=>r.centerUnit).index;return s[n]},this.getLastDataSeriesPoint=()=>{const s=this.visualPoints;return P(s)},this.config=p(e,u),this.scaleModel=t.scaleModel,this.view=new c(this,this.scaleModel,()=>this.extentComponent.getAxisType(),this.getBaseLine),this.yAxisLabelProvider=new x(this,this.config,t.getYAxisBounds,(a=t.yAxisComponent)===null||a===void 0?void 0:a.state),this.highLowProvider=f(this),t.addDataSeries(this),this.activate()}doActivate(){this.addRxSubscription(this.scaleModel.xChanged.subscribe(()=>this.recalculateDataViewportIndexes())),this.addRxSubscription(this.scaleModel.scaleInversedSubject.subscribe(()=>this.recalculateVisualPoints()))}setDataPoints(t){this.dataPoints=t,this.extentComponent.paneComponent.updateView()}_toVisualPoints(t){return t.map(i=>this.toVisualPoints(i))}moveToExtent(t){var i;this.extentComponent.removeDataSeries(this),this.extentComponent=t,this.scaleModel=t.scaleModel,this.view=new c(this,this.scaleModel,()=>this.extentComponent.getAxisType(),this.getBaseLine),this.yAxisLabelProvider.yAxisBoundsProvider=t.getYAxisBounds,this.yAxisLabelProvider.axisState=(i=t.yAxisComponent)===null||i===void 0?void 0:i.state,this.deactivate(),this.activate(),t.addDataSeries(this)}toVisualPoints(t){return t.map((i,e)=>({centerUnit:e,close:i.close}))}setType(t){this.config.type=t,this.extentComponent.dataSeriesCanvasModel.fireDraw()}recalculateVisualPoints(){this.visualPoints=this._toVisualPoints(this.dataPoints2D)}recalculateDataViewportIndexes(t=this.scaleModel.xStart,i=this.scaleModel.xEnd){const{dataIdxStart:e,dataIdxEnd:a}=this.calculateDataViewportIndexes(t,i);this.dataIdxStart=e,this.dataIdxEnd=a}calculateDataViewportIndexes(t,i){const e=l(this.visualPoints,t,s=>s.centerUnit).index,a=l(this.visualPoints,i,s=>s.centerUnit).index;return{dataIdxStart:e,dataIdxEnd:a}}valueFormatter(t){return defaultValueFormatter(t)}getSeriesInViewport(t,i){let e=this.dataIdxStart,a=this.dataIdxEnd;if(i!==void 0&&t!==void 0){const s=this.calculateDataViewportIndexes(t,i);e=s.dataIdxStart,a=s.dataIdxEnd}return v(this.visualPoints2D,e,a)}}export const calculateDataSeriesHighLow=o=>{const t={high:Number.MIN_SAFE_INTEGER,low:Number.MAX_SAFE_INTEGER,highIdx:0,lowIdx:0};for(let i=0;i<o.length;i++){const e=o[i];e.close>t.high&&(t.high=e.close,t.highIdx=i),e.close<t.low&&(t.low=e.close,t.lowIdx=i)}return t};const f=o=>({isHighLowActive:()=>o.config.highLowActive,calculateHighLow:t=>{const i=calculateDataSeriesHighLow(o.getSeriesInViewport(t==null?void 0:t.xStart,t==null?void 0:t.xEnd).flat());return Object.assign(Object.assign({},i),{high:o.view.toAxisUnits(i.high),low:o.view.toAxisUnits(i.low)})}});export const defaultValueFormatter=o=>{const i=s=>Math.ceil(Math.log(Math.abs(s))*Math.LOG10E),a=((s,n=5)=>Math.max(0,n-Math.max(0,i(s))))(o);return g.makeDecimal(o,a)};
+import { DataSeriesYAxisLabelsProvider } from '../components/y_axis/price_labels/data-series-y-axis-labels.provider';
+import { binarySearch, create2DArray, lastOf, slice2DArray } from '../utils/array.utils';
+import { floorToDPR } from '../utils/device/device-pixel-ratio.utils';
+import { MathUtils } from '../utils/math.utils';
+import { merge } from '../utils/merge.utils';
+import { cloneUnsafe } from '../utils/object.utils';
+import { ChartBaseElement } from './chart-base-element';
+import { DataSeriesView } from './data-series-view';
+import { DEFAULT_DATA_SERIES_CONFIG, } from './data-series.config';
+/**
+ * Properties are named in order to match VisualCandle interface
+ */
+export class VisualSeriesPoint {
+    constructor(centerUnit, close) {
+        this.centerUnit = centerUnit;
+        this.close = close;
+    }
+    /**
+     * returns y coordinate in pixels
+     */
+    y(viewable) {
+        return floorToDPR(viewable.toY(this.close));
+    }
+    /**
+     * returns x coordinate in pixels
+     */
+    x(viewable) {
+        return floorToDPR(viewable.toX(this.centerUnit));
+    }
+    clone() {
+        return new VisualSeriesPoint(this.centerUnit, this.close);
+    }
+}
+/**
+ * DataSeriesModel represents single time series chart.
+ * Usually data source is presented as a one-dimension array, but here it can be presented as two-dimension array
+ * If the data is presented as two-dim array when every data array will be drawn as a separate time-series
+ * For example, linear chart type will be drawn with gaps on the chart
+ */
+export class DataSeriesModel extends ChartBaseElement {
+    get dataPoints2D() {
+        return this._dataPoints;
+    }
+    get dataPoints() {
+        return this._dataPointsFlat;
+    }
+    set dataPoints(points) {
+        // createTwoDimArray here and below is needed to support two-dimension arrays
+        this._dataPoints = create2DArray(points);
+        this._dataPointsFlat = this._dataPoints.flat();
+        this.visualPoints = this._toVisualPoints(this._dataPoints);
+    }
+    get visualPoints() {
+        return this._visualPointsFlat;
+    }
+    get visualPoints2D() {
+        return this._visualPoints;
+    }
+    set visualPoints(points) {
+        this._visualPoints = create2DArray(points);
+        this._visualPointsFlat = this._visualPoints.flat();
+    }
+    constructor(extentComponent, id, _config = cloneUnsafe(DEFAULT_DATA_SERIES_CONFIG)) {
+        var _a;
+        super();
+        this.extentComponent = extentComponent;
+        this.id = id;
+        this.name = '';
+        this.hovered = false;
+        this._dataPoints = [];
+        this.pricePrecisions = [2];
+        /**
+         * Should be used for paint tools like rectangular drawing or diff cloud
+         */
+        this.linkedDataSeriesModels = [];
+        this._dataPointsFlat = [];
+        this._visualPoints = [];
+        this._visualPointsFlat = [];
+        // start/end data index in viewport
+        this.dataIdxStart = 0;
+        this.dataIdxEnd = 0;
+        /**
+         * Returns the paint configuration object for a specific series part, or the default paint configuration object
+         * if the specified series part is not defined in the current DataSeriesView configuration.
+         *
+         * @param {number} seriesPart - The index of the series part to get the paint configuration for.
+         * @returns {DataSeriesPaintConfig} The paint configuration object for the specified series part, or the default paint configuration object.
+         */
+        this.getPaintConfig = (seriesPart) => {
+            var _a;
+            return (_a = this.config.paintConfig[seriesPart]) !== null && _a !== void 0 ? _a : this.config.paintConfig[0];
+        };
+        /**
+         * Returns the close value of the visual point at the given index, or 1 if the visual point is not defined.
+         * The index defaults to the data index start of the DataSeriesView.
+         *
+         * @param {number} [idx=this.dataIdxStart] - The index of the visual point to retrieve the close value for.
+         * @returns {Unit} The close value of the visual point at the given index, or 1 if the visual point is not defined.
+         */
+        this.getBaseline = (idx = this.dataIdxStart) => { var _a, _b; return (_b = (_a = this.visualPoints[idx]) === null || _a === void 0 ? void 0 : _a.close) !== null && _b !== void 0 ? _b : 1; };
+        /**
+         * Returns the string representation of the close value of the given visual point.
+         *
+         * @param {VisualSeriesPoint} point - The visual point to get the string representation of the close value for.
+         * @returns {string} The string representation of the close value of the given visual point.
+         */
+        this.getTextForPoint = (point) => `${point.close}`;
+        /**
+         * Returns last visible on the screen data series value
+         * @param seriesIndex
+         */
+        this.getLastVisualSeriesPoint = () => {
+            const points = this.visualPoints;
+            const endIdx = binarySearch(points, this.scale.xEnd, i => i.centerUnit).index;
+            return points[endIdx];
+        };
+        /**
+         * Return last overall data series value (even if not visible)
+         * @param seriesIndex
+         */
+        this.getLastDataSeriesPoint = () => {
+            const points = this.visualPoints;
+            return lastOf(points);
+        };
+        this.config = merge(_config, DEFAULT_DATA_SERIES_CONFIG);
+        this.scale = extentComponent.scale;
+        this.view = new DataSeriesView(this, this.scale, () => this.extentComponent.yAxis.getAxisType(), this.getBaseline);
+        this.yAxisLabelProvider = new DataSeriesYAxisLabelsProvider(this, this.config, extentComponent.getYAxisBounds, (_a = extentComponent.yAxis) === null || _a === void 0 ? void 0 : _a.state);
+        this.highLowProvider = createDataSeriesModelHighLowProvider(this);
+        extentComponent.addDataSeries(this);
+        this.activate();
+    }
+    doActivate() {
+        this.addRxSubscription(this.scale.xChanged.subscribe(() => this.recalculateDataViewportIndexes()));
+        this.addRxSubscription(this.scale.scaleInversedSubject.subscribe(() => this.recalculateVisualPoints()));
+    }
+    /**
+     * Sets the data points and recalculates internal state
+     * @param {DataSeriesPoint[][] | DataSeriesPoint[]} points - The data points to set for the model. Can be an array of arrays or a single array.
+     * @returns {void}
+     */
+    setDataPoints(points) {
+        this.dataPoints = points;
+        this.extentComponent.paneComponent.updateView();
+    }
+    _toVisualPoints(data) {
+        return data.map(d => this.toVisualPoints(d));
+    }
+    /**
+     * Moves the DataSeriesModel to the given extent.
+     * @param extent
+     */
+    moveToExtent(extent) {
+        var _a;
+        this.extentComponent.removeDataSeries(this);
+        this.extentComponent = extent;
+        this.scale = extent.scale;
+        this.view = new DataSeriesView(this, this.scale, () => this.extentComponent.yAxis.getAxisType(), this.getBaseline);
+        this.yAxisLabelProvider.yAxisBoundsProvider = extent.getYAxisBounds;
+        this.yAxisLabelProvider.axisState = (_a = extent.yAxis) === null || _a === void 0 ? void 0 : _a.state;
+        // shut down old subscriptions
+        this.deactivate();
+        // and apply new ones (with updated scaleModel)
+        this.activate();
+        extent.addDataSeries(this);
+    }
+    /**
+     * Transforms the given array of data points of type D into an array of visual points of type V.
+     * Each visual point object contains a centerUnit property with the index of the point in the input array,
+     * and a close property with the close value of the point.
+     *
+     * @param {D[]} data - The array of data points to transform into visual points.
+     * @returns {V[]} An array of visual points, each with a centerUnit and close property.
+     */
+    toVisualPoints(data) {
+        // @ts-ignore
+        return data.map((point, idx) => ({ centerUnit: idx, close: point.close }));
+    }
+    setType(type) {
+        this.config.type = type;
+        this.extentComponent.dynamicObjectsCanvasModel.fireDraw();
+    }
+    /**
+     * Recalculates the visual points of the DataSeriesView based on the current data points.
+     * The visual points are stored in the visualPoints property of the DataSeriesView.
+     * Should be called 1 time when data are set / updated to chart.
+     */
+    recalculateVisualPoints() {
+        this.visualPoints = this._toVisualPoints(this.dataPoints2D);
+    }
+    /**
+     * Recalculates the indexes of the start and end points of the data viewport,
+     * based on the current xStart and xEnd values of the scale model, or on the given xStart and xEnd parameters.
+     *
+     * @param {number} [xStart=this.scale.xStart] - The start value of the viewport on the x-axis. Defaults to the current xStart value of the scale model.
+     * @param {number} [xEnd=this.scale.xEnd] - The end value of the viewport on the x-axis. Defaults to the current xEnd value of the scale model.
+     */
+    recalculateDataViewportIndexes(xStart = this.scale.xStart, xEnd = this.scale.xEnd) {
+        const { dataIdxStart, dataIdxEnd } = this.calculateDataViewportIndexes(xStart, xEnd);
+        this.dataIdxStart = dataIdxStart;
+        this.dataIdxEnd = dataIdxEnd;
+    }
+    /**
+     * Calculates and returns the indexes of the start and end points of the data viewport,
+     * based on the given start and end units on the x-axis.
+     *
+     * @param {Unit} xStart - The start value of the viewport on the x-axis.
+     * @param {Unit} xEnd - The end value of the viewport on the x-axis.
+     * @returns {DataSeriesViewportIndexes} An object containing the calculated start and end indexes of the data viewport.
+     */
+    calculateDataViewportIndexes(xStart, xEnd) {
+        const dataIdxStart = binarySearch(this.visualPoints, xStart, i => i.centerUnit).index;
+        const dataIdxEnd = binarySearch(this.visualPoints, xEnd, i => i.centerUnit).index;
+        return {
+            dataIdxStart,
+            dataIdxEnd,
+        };
+    }
+    /**
+     * Formats the given numerical value using the default value formatter.
+     *
+     * @param {number} value - The numerical value to be formatted.
+     * @returns {string} The formatted value as a string.
+     */
+    valueFormatter(value) {
+        return defaultValueFormatter(value);
+    }
+    /**
+     * Returns a two-dimensional array of the visual points in the viewport of the DataSeriesView.
+     * The viewport range can be customized by providing start and end units on the x-axis.
+     * If start or end units are not provided, the current viewport range of the DataSeriesView is used.
+     *
+     * @param {number} [xStart] - The start value of the viewport range on the x-axis.
+     * @param {number} [xEnd] - The end value of the viewport range on the x-axis.
+     * @returns {V[][]} A two-dimensional array of the visual points in the viewport of the DataSeriesView.
+     */
+    getSeriesInViewport(xStart, xEnd) {
+        let dataIdxStart = this.dataIdxStart;
+        let dataIdxEnd = this.dataIdxEnd;
+        if (xEnd !== undefined && xStart !== undefined) {
+            const res = this.calculateDataViewportIndexes(xStart, xEnd);
+            dataIdxStart = res.dataIdxStart;
+            dataIdxEnd = res.dataIdxEnd;
+        }
+        return slice2DArray(this.visualPoints2D, dataIdxStart, dataIdxEnd);
+    }
+}
+export const calculateDataSeriesHighLow = (visualCandles) => {
+    const result = {
+        high: Number.MIN_SAFE_INTEGER,
+        low: Number.MAX_SAFE_INTEGER,
+        highIdx: 0,
+        lowIdx: 0,
+    };
+    for (let i = 0; i < visualCandles.length; i++) {
+        const candle = visualCandles[i];
+        if (candle.close > result.high) {
+            result.high = candle.close;
+            result.highIdx = i;
+        }
+        if (candle.close < result.low) {
+            result.low = candle.close;
+            result.lowIdx = i;
+        }
+    }
+    return result;
+};
+const createDataSeriesModelHighLowProvider = (dataSeries) => ({
+    isHighLowActive: () => dataSeries.config.highLowActive,
+    calculateHighLow: state => {
+        const highLow = calculateDataSeriesHighLow(dataSeries.getSeriesInViewport(state === null || state === void 0 ? void 0 : state.xStart, state === null || state === void 0 ? void 0 : state.xEnd).flat());
+        return Object.assign(Object.assign({}, highLow), { high: dataSeries.view.toAxisUnits(highLow.high), low: dataSeries.view.toAxisUnits(highLow.low) });
+    },
+});
+export const defaultValueFormatter = (value) => {
+    const DEFAULT_PRECISION = 5;
+    const calcFraction = (val) => Math.ceil(Math.log(Math.abs(val)) * Math.LOG10E);
+    const calcPrecision = (val, maxPrecision = DEFAULT_PRECISION) => Math.max(0, maxPrecision - Math.max(0, calcFraction(val)));
+    const resPrecision = calcPrecision(value);
+    return MathUtils.makeDecimal(value, resPrecision);
+};

package/dist/chart/model/date-time.formatter.js

@@ -3,4 +3,154 @@
  * 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 defaultDateTimeFormatter=()=>e=>e.toString(),dateTimeFormatterFactory=(e,n)=>{var a;const d="date.get"+(n((a=e.timezone)!==null&&a!==void 0?a:"")?"":"UTC"),r={YYYY:t("FullYear"),YY:t("FullYear")+" % 100",MMM:s("shortMonths","Month"),MMMM:l(s("shortMonths","Month")),M:"1+"+t("Month"),d:t("Date"),H:t("Hours"),m:t("Minutes"),s:t("Seconds"),sss:t("Milliseconds"),EEE:s("shortDays","Day"),SSS:"this.addTwoZeros("+t("Milliseconds")+")",T:"date.getTime()"};["s","m","H","d","M"].forEach(function(o){r[o+o]="this.addZero("+r[o]+")"});const i=new RegExp(Object.keys(r).sort().reverse().join("|"),"g");function t(o){return d+o+"()"}function s(o,h){return"this."+o+"["+t(h)+"]"}function l(o){return o+".toUpperCase()"}function c(o){return"' + ("+r[o]+") + '"}return function(o){var h;const M={shortDays:p(e),shortMonths:f(e),addZero(u){return u<10?"0"+u:u},addTwoZeros(u){return(u<100?"0":"")+(u<10?"0":"")+u},tzDate:n((h=e.timezone)!==null&&h!==void 0?h:"")||function(u){return u instanceof Date?u:new Date(+u)}};return new Function("date","date=this.tzDate(date); return '"+o.replace(i,c)+"'").bind(M)}};function p(e){var n;return(n=e.shortDays)!==null&&n!==void 0?n:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]}function f(e){var n;return(n=e.shortMonths)!==null&&n!==void 0?n:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]}export const recalculateXFormatter=(e,n,a)=>{if(e){if(typeof e=="string")return a(e);if(Array.isArray(e)){const d=e.filter(r=>{if(r.showWhen){const i=[];return r.showWhen.periodLessThen&&i.push(()=>{var t,s;return n<((s=(t=r.showWhen)===null||t===void 0?void 0:t.periodLessThen)!==null&&s!==void 0?s:0)}),r.showWhen.periodMoreThen&&i.push(()=>{var t,s;return n>=((s=(t=r.showWhen)===null||t===void 0?void 0:t.periodMoreThen)!==null&&s!==void 0?s:0)}),i.every(t=>t())}else return!0});if(d.length>0){const r=d[0];if(r.format)return a(r.format);if(r.customFormatter)return r.customFormatter}}}return defaultDateTimeFormatter()};
+export const defaultDateTimeFormatter = () => (date) => date.toString();
+/**
+ * Default chart-core time formatter.
+ * @param config
+ * @param offsetFunction
+ * @doc-tags chart-core,default-config,date-formatter
+ */
+export const dateTimeFormatterFactory = (config, offsetFunction) => {
+    var _a;
+    const getPrefix = 'date.get' + (offsetFunction((_a = config.timezone) !== null && _a !== void 0 ? _a : '') ? '' : 'UTC');
+    const patterns = {
+        YYYY: apply('FullYear'),
+        YY: apply('FullYear') + ' % 100',
+        MMM: from('shortMonths', 'Month'),
+        MMMM: upperCase(from('shortMonths', 'Month')),
+        M: '1+' + apply('Month'),
+        d: apply('Date'),
+        H: apply('Hours'),
+        m: apply('Minutes'),
+        s: apply('Seconds'),
+        sss: apply('Milliseconds'),
+        EEE: from('shortDays', 'Day'),
+        SSS: 'this.' + 'addTwoZeros' + '(' + apply('Milliseconds') + ')',
+        T: 'date.getTime()',
+    };
+    ['s', 'm', 'H', 'd', 'M'].forEach(function (k) {
+        patterns[k + k] = 'this.' + 'addZero' + '(' + patterns[k] + ')';
+    });
+    const re = new RegExp(Object.keys(patterns).sort().reverse().join('|'), 'g');
+    /**
+     * Returns a string that concatenates the result of the function getPrefix with the input string fn and the string '()'.
+     * @param {string} fn - The input string to concatenate.
+     * @returns {string} - The resulting string.
+     */
+    function apply(fn) {
+        return getPrefix + fn + '()';
+    }
+    /**
+     * Returns a string that represents an element of an array by applying a function to its index.
+     *
+     * @param {string} array - The name of the array.
+     * @param {string} fn - The name of the function to apply to the index.
+     * @returns {string} - A string that represents an element of the array.
+     */
+    function from(array, fn) {
+        return 'this.' + array + '[' + apply(fn) + ']';
+    }
+    /**
+     * Returns a string with the function name and the '.toUpperCase()' method appended to it.
+     * @param {string} fn - The name of the function to be converted to uppercase.
+     * @returns {string} - The resulting string with the function name in uppercase.
+     */
+    function upperCase(fn) {
+        return fn + '.toUpperCase()';
+    }
+    /**
+     * Returns a string that concatenates a pattern from an object with a string
+     * @param {string} pattern - The key of the pattern to be concatenated
+     * @returns {string} - A string that concatenates a pattern from an object with a string
+     */
+    function applyPattern(pattern) {
+        return "' + (" + patterns[pattern] + ") + '";
+    }
+    return function (pattern) {
+        var _a;
+        const context = {
+            shortDays: getShortDays(config),
+            shortMonths: getShortMonths(config),
+            /**
+             * Adds a leading zero to a number if it is less than 10
+             * @param {number} x - The number to add a leading zero to
+             * @returns {string|number} - The number with a leading zero if it is less than 10, otherwise the original number
+             */
+            addZero(x) {
+                return x < 10 ? '0' + x : x;
+            },
+            /**
+             * Adds two zeros to a number if it is less than 10 or 100
+             * @param {number} x - The number to add zeros to
+             * @returns {string} - The number with two zeros added if necessary
+             */
+            addTwoZeros(x) {
+                return (x < 100 ? '0' : '') + (x < 10 ? '0' : '') + x;
+            },
+            tzDate: offsetFunction((_a = config.timezone) !== null && _a !== void 0 ? _a : '') ||
+                function (date) {
+                    return date instanceof Date ? date : new Date(+date);
+                },
+        };
+        // eslint-disable-next-line no-new-func
+        return new Function('date', 'date=this.' + 'tzDate' + "(date); return '" + pattern.replace(re, applyPattern) + "'").bind(context);
+    };
+};
+/**
+ * Returns an array of short day names based on the provided configuration object.
+ * If the configuration object does not contain shortDays property, it returns an array of default short day names.
+ *
+ * @param {TimeFormatterConfig} config - The configuration object containing shortDays property.
+ * @returns {string[]} - An array of short day names.
+ */
+function getShortDays(config) {
+    var _a;
+    return (_a = config.shortDays) !== null && _a !== void 0 ? _a : ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+}
+/**
+ * Returns an array of short month names based on the provided configuration object.
+ * If the configuration object does not have a 'shortMonths' property, it returns the default array of short month names.
+ *
+ * @param {TimeFormatterConfig} config - The configuration object that contains the shortMonths property.
+ * @returns {string[]} - An array of short month names.
+ */
+function getShortMonths(config) {
+    var _a;
+    return (_a = config.shortMonths) !== null && _a !== void 0 ? _a : ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+}
+export const recalculateXFormatter = (xAxisLabelFormat, period, formatterFactory) => {
+    if (xAxisLabelFormat) {
+        if (typeof xAxisLabelFormat === 'string') {
+            // always same format
+            return formatterFactory(xAxisLabelFormat);
+        }
+        else if (Array.isArray(xAxisLabelFormat)) {
+            // conditional format
+            const matchingFormats = xAxisLabelFormat.filter(config => {
+                if (config.showWhen) {
+                    const predicates = [];
+                    if (config.showWhen.periodLessThen) {
+                        predicates.push(() => { var _a, _b; return period < ((_b = (_a = config.showWhen) === null || _a === void 0 ? void 0 : _a.periodLessThen) !== null && _b !== void 0 ? _b : 0); });
+                    }
+                    if (config.showWhen.periodMoreThen) {
+                        predicates.push(() => { var _a, _b; return period >= ((_b = (_a = config.showWhen) === null || _a === void 0 ? void 0 : _a.periodMoreThen) !== null && _b !== void 0 ? _b : 0); });
+                    }
+                    return predicates.every(p => p());
+                }
+                else {
+                    return true;
+                }
+            });
+            if (matchingFormats.length > 0) {
+                const formatConfig = matchingFormats[0];
+                if (formatConfig.format) {
+                    return formatterFactory(formatConfig.format);
+                }
+                else if (formatConfig.customFormatter) {
+                    return formatConfig.customFormatter;
+                }
+            }
+        }
+    }
+    return defaultDateTimeFormatter();
+};

package/dist/chart/model/hit-test-canvas.model.d.ts

@@ -11,7 +11,7 @@ import { DrawingManager } from '../drawers/drawing-manager';
 import EventBus from '../events/event-bus';
 import { CanvasInputListenerComponent, Point } from '../inputlisteners/canvas-input-listener.component';
 export type HitTestEvents = 'mousedown' | 'hover' | 'touchstart' | 'dblclick' | 'contextmenu' | 'zoom' | 'mouseup';
-type HitTestType = 'DRAWINGS' | 'DATA_SERIES' | 'EVENTS' | 'NEWS';
+type HitTestType = 'DRAWINGS' | 'DATA_SERIES' | 'EVENTS' | 'NEWS' | 'EXECUTED_ORDERS';
 export declare const HIT_TEST_ID_RANGE: Record<HitTestType, [number, number]>;
 /** HitTestCanvasModel
  * Canvas layer for testing mouse events over the models such as Charts, Drawings, Volumes and etc.