@devexperts/dxcharts-lite 2.7.9 → 2.7.10

package/dist/chart/canvas/canvas-bounds-container.js

@@ -1,8 +1,3 @@
-/*
- * Copyright (C) 2019 - 2025 Devexperts Solutions IE Limited
- * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
- * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
- */
 /*
  * Copyright (C) 2019 - 2025 Devexperts Solutions IE Limited
  * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.

package/dist/chart/chart.config.d.ts

@@ -442,6 +442,10 @@ export interface YAxisConfig {
     };
     fontSize: number;
     fontFamily: string;
+    /**
+     * Treasury format for price values (1/32 tick format for bonds)
+     */
+    treasuryFormat?: YAxisConfigTreasuryFormat;
 }
 export interface ChartConfigComponentsOffsets {
     visible: boolean;
@@ -788,6 +792,9 @@ export interface YAxisLabels {
      */
     settings: Record<YAxisLabelType, YAxisLabelConfig>;
 }
+export interface YAxisConfigTreasuryFormat {
+    enabled: boolean;
+}
 export interface YAxisTypeConfigProps {
     rounded?: boolean;
     paddings?: {

package/dist/chart/chart.config.js

@@ -134,6 +134,9 @@ export const getDefaultConfig = () => ({
                     },
                 },
             },
+            treasuryFormat: {
+                enabled: false,
+            },
         },
         xAxis: {
             visible: true,

package/dist/chart/chart.d.ts

@@ -4,7 +4,7 @@
  * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 import ChartBootstrap from './bootstrap';
-import { BarType, PartialChartConfig } from './chart.config';
+import { BarType, PartialChartConfig, YAxisConfigTreasuryFormat } from './chart.config';
 import { CandleSeries } from './components/chart/chart.component';
 import { PaneComponent, YExtentFormatters } from './components/pane/pane.component';
 /**
@@ -60,5 +60,9 @@ export declare class Chart extends ChartBootstrap {
      */
     setRtl(rtl: boolean): void;
     setChartType(type: BarType): void;
+    /**
+     * Sets if regular or logarithmic price types should apply treasury format
+     */
+    setTreasuryFormat(treasuryFormat: YAxisConfigTreasuryFormat): void;
     createPane(): PaneComponent;
 }

package/dist/chart/chart.js

@@ -103,6 +103,17 @@ export class Chart extends ChartBootstrap {
         this.data.setChartType(type);
         this.yAxis.updateOrderedLabels();
     }
+    /**
+     * Sets if regular or logarithmic price types should apply treasury format
+     */
+    setTreasuryFormat(treasuryFormat) {
+        this.config.components.yAxis.treasuryFormat = treasuryFormat;
+        this.paneManager.yExtents.forEach(ext => {
+            ext.yAxis.updateOrderedLabels(true);
+            ext.yAxis.model.fancyLabelsModel.updateLabels(true);
+            ext.yAxis.model.baseLabelsModel.updateLabels();
+        });
+    }
     createPane() {
         return this.paneManager.createPane();
     }

package/dist/chart/components/chart/chart-area-pan.handler.js

@@ -3,11 +3,6 @@
  * 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/.
  */
-/*
- * Copyright (C) 2019 - 2024 Devexperts Solutions IE Limited
- * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
- * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
- */
 import { animationFrameScheduler } from 'rxjs';
 import { throttleTime, filter } from 'rxjs/operators';
 import { VIEWPORT_ANIMATION_ID } from '../../animation/canvas-animation';

package/dist/chart/components/chart/chart-base.model.d.ts

@@ -40,7 +40,10 @@ export declare class ChartBaseModel<T extends BaseType = 'point'> {
      * For given timestamp finds the closest candle in dataset.
      * @param timestamp
      */
-    dataFromTimestamp(timestamp: Timestamp, shouldExtrapolate?: boolean, selectedDataPoints?: DataPoint<T>[]): VisualPoint<T>;
+    dataFromTimestamp(timestamp: Timestamp, options?: {
+        extrapolate: boolean;
+        isDaysPeriod?: boolean;
+    }, selectedDataPoints?: DataPoint<T>[]): VisualPoint<T>;
     /**
      * Recalculates the period of the main candle series based on the data points.
      * If a period is detected, it is set as the new period.

package/dist/chart/components/chart/chart-base.model.js

@@ -34,8 +34,8 @@ export class ChartBaseModel {
      * @param timestamp
      */
     // TODO think how to make this function like candleFromX
-    dataFromTimestamp(timestamp, shouldExtrapolate = true, selectedDataPoints = this.mainDataPoints) {
-        const result = searchCandleIndex(timestamp, shouldExtrapolate, selectedDataPoints, this.period);
+    dataFromTimestamp(timestamp, options = { extrapolate: true }, selectedDataPoints = this.mainDataPoints) {
+        const result = searchCandleIndex(timestamp, options, selectedDataPoints, this.period);
         return this.dataFromIdx(result.index);
     }
     /**

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

@@ -227,7 +227,10 @@ export declare class ChartModel extends ChartBaseElement {
      * For given timestamp finds the closest candle in dataset.
      * @param timestamp
      */
-    candleFromTimestamp(timestamp: Timestamp, extrapolate?: boolean, selectedCandleSeries?: CandleSeriesModel): VisualCandle;
+    candleFromTimestamp(timestamp: Timestamp, options?: {
+        extrapolate: boolean;
+        isDaysPeriod?: boolean;
+    }, selectedCandleSeries?: CandleSeriesModel): VisualCandle;
     /**
      * For given id finds the target candle
      * @param id

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

@@ -524,9 +524,9 @@ export class ChartModel extends ChartBaseElement {
      * For given timestamp finds the closest candle in dataset.
      * @param timestamp
      */
-    candleFromTimestamp(timestamp, extrapolate = true, selectedCandleSeries = this.mainCandleSeries) {
+    candleFromTimestamp(timestamp, options = { extrapolate: true }, selectedCandleSeries = this.mainCandleSeries) {
         const dataPointsSource = selectedCandleSeries.dataPoints;
-        return this.chartBaseModel.dataFromTimestamp(timestamp, extrapolate, dataPointsSource);
+        return this.chartBaseModel.dataFromTimestamp(timestamp, options, dataPointsSource);
     }
     /**
      * For given id finds the target candle
@@ -723,7 +723,7 @@ export class ChartModel extends ChartBaseElement {
         return series.reduce((candles, candle) => {
             const timestamp = candle.timestamp;
             // find index of candle in baseSeries
-            const result = searchCandleIndex(timestamp, false, baseSeries, this.chartBaseModel.period);
+            const result = searchCandleIndex(timestamp, { extrapolate: false }, baseSeries, this.chartBaseModel.period);
             if (result.index >= 0 && result.index < baseSeries.length) {
                 candle.idx = result.index;
                 candles[result.index] = candle;
@@ -767,7 +767,7 @@ export class ChartModel extends ChartBaseElement {
                     return;
                 }
                 // detect index of updating candle
-                const result = searchCandleIndex(candle.timestamp, true, curCandles, this.getPeriod());
+                const result = searchCandleIndex(candle.timestamp, { extrapolate: true }, curCandles, this.getPeriod());
                 const idx = Math.min(result.index, curCandles.length);
                 isNewCandle = isNewCandle || idx === curCandles.length;
                 // update the candle and index
@@ -873,7 +873,7 @@ export class ChartModel extends ChartBaseElement {
         const targetCopy = target.slice();
         const prepend = [];
         prependUpdate.forEach(c => {
-            const result = searchCandleIndex(c.timestamp, false, target);
+            const result = searchCandleIndex(c.timestamp, { extrapolate: false }, target);
             const idx = result.index;
             if (idx < 0) {
                 prepend.push(c);
@@ -1007,7 +1007,7 @@ const updateCandles = (target, update) => {
     const prepend = [];
     const append = [];
     update.forEach(c => {
-        const result = searchCandleIndex(c.timestamp, true, target);
+        const result = searchCandleIndex(c.timestamp, { extrapolate: true }, target);
         const idx = result.index;
         if (idx < 0) {
             prepend.push(c);

package/dist/chart/components/chart/{price.formatter.d.ts → price-formatters/price.formatter.d.ts}

@@ -3,10 +3,11 @@
  * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
  * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
-import { DataSeriesModel } from '../../model/data-series.model';
-import { Unit } from '../../model/scaling/viewport.model';
-import { YExtentComponent } from '../pane/extent/y-extent-component';
-import { YExtentFormatters } from '../pane/pane.component';
-export declare const createRegularPriceFormatter: (extent: YExtentComponent) => (value: unknown) => string;
+import { YAxisConfig } from '../../../chart.config';
+import { DataSeriesModel } from '../../../model/data-series.model';
+import { Unit } from '../../../model/scaling/viewport.model';
+import { YExtentComponent } from '../../pane/extent/y-extent-component';
+import { YExtentFormatters } from '../../pane/pane.component';
+export declare const createRegularPriceFormatter: (extent: YExtentComponent, config: YAxisConfig) => (value: unknown) => string;
 export declare const createPercentFormatter: (extent: YExtentComponent) => (value: Unit, dataSeries?: DataSeriesModel) => string;
-export declare const createYExtentFormatters: (extent: YExtentComponent) => YExtentFormatters;
+export declare const createYExtentFormatters: (extent: YExtentComponent, config: YAxisConfig) => YExtentFormatters;

package/dist/chart/components/chart/{price.formatter.js → price-formatters/price.formatter.js}

@@ -3,9 +3,10 @@
  * 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 { unitToPercent } from '../../model/scaling/viewport.model';
-import { PriceIncrementsUtils } from '../../utils/price-increments.utils';
-export const createRegularPriceFormatter = (extent) => (value) => {
+import { unitToPercent } from '../../../model/scaling/viewport.model';
+import { PriceIncrementsUtils } from '../../../utils/price-increments.utils';
+import { treasuryPriceFormatter } from './treasury-price.formatter';
+export const createRegularPriceFormatter = (extent, config) => (value) => {
     let checkedValue;
     if (typeof value === 'number') {
         checkedValue = value;
@@ -16,6 +17,10 @@ export const createRegularPriceFormatter = (extent) => (value) => {
     else {
         return '—';
     }
+    const treasuryFormatConfig = config.treasuryFormat;
+    if (treasuryFormatConfig && treasuryFormatConfig.enabled) {
+        return treasuryPriceFormatter(checkedValue);
+    }
     const [mainDataSeries] = extent.dataSeries;
     if (mainDataSeries !== undefined) {
         const precision = PriceIncrementsUtils.getPricePrecision(checkedValue, mainDataSeries.pricePrecisions);
@@ -34,7 +39,7 @@ export const createPercentFormatter = (extent) => (value, dataSeries) => {
     const formatted = valueUnit.toFixed(PriceIncrementsUtils.DEFAULT_PRECISION).replace('-', '−') + ' %';
     return formatted === '−0.00 %' ? '0.00 %' : formatted;
 };
-export const createYExtentFormatters = (extent) => ({
+export const createYExtentFormatters = (extent, config) => ({
     percent: createPercentFormatter(extent),
-    regular: createRegularPriceFormatter(extent),
+    regular: createRegularPriceFormatter(extent, config),
 });

package/dist/chart/components/chart/price-formatters/treasury-price.formatter.d.ts

@@ -0,0 +1,16 @@
+/*
+ * Copyright (C) 2019 - 2025 Devexperts Solutions IE Limited
+ * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
+ * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+/**
+ * Formats price values for US Treasury contracts in 32nds format
+ *
+ * Examples:
+ *
+ * 132.015625 => 132'00 (0.015625 = 0.5/32)
+ * 132.0625 => 132'02 (0.0625 = 2/32)
+ *
+ */
+export declare const TREASURY_32ND: number;
+export declare const treasuryPriceFormatter: (value: number) => string;

package/dist/chart/components/chart/price-formatters/treasury-price.formatter.js

@@ -0,0 +1,26 @@
+/*
+ * Copyright (C) 2019 - 2025 Devexperts Solutions IE Limited
+ * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
+ * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+/**
+ * Formats price values for US Treasury contracts in 32nds format
+ *
+ * Examples:
+ *
+ * 132.015625 => 132'00 (0.015625 = 0.5/32)
+ * 132.0625 => 132'02 (0.0625 = 2/32)
+ *
+ */
+export const TREASURY_32ND = 1 / 32; // 0.03125
+export const treasuryPriceFormatter = (value) => {
+    const integerValue = Math.floor(value);
+    // Get the decimal part and convert to 64ths
+    const decimalPart = value - integerValue;
+    const sixtyFourths = Math.round(decimalPart * 64);
+    // Calculate 32nds and half
+    const thirtySeconds = Math.floor(sixtyFourths / 2);
+    // Format the 32nds part to always show 2 digits (00-31)
+    const thirtySecondsFormatted = thirtySeconds.toString().padStart(2, '0');
+    return `${integerValue}'${thirtySecondsFormatted}`;
+};

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

@@ -6,6 +6,7 @@
 import { Observable, Subject } from 'rxjs';
 import { Unit } from '../../model/scaling/viewport.model';
 import { AnimationFrameCache } from '../../utils/performance/animation-frame-cache.utils';
+import { YAxisConfig } from '../../chart.config';
 export type PriceAxisType = 'regular' | 'percent' | 'logarithmic';
 export interface LabelsGenerator {
     readonly observeLabelsChanged: () => Observable<NumericAxisLabel[]>;
@@ -23,6 +24,7 @@ export declare class NumericAxisLabelsGenerator implements LabelsGenerator {
     private baseLineProvider;
     private labelFilter;
     private singleLabelHeightPixels;
+    private yAxisConfig?;
     /**
      *    Multipliers which are using for price increments to
      *    calculate horizontal grid and price lines step.
@@ -34,7 +36,8 @@ export declare class NumericAxisLabelsGenerator implements LabelsGenerator {
     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 treasuryFormat;
+    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, yAxisConfig?: YAxisConfig | undefined);
     private generateRegularLabels;
     private generatePercentLabels;
     private generateLogarithmLabels;

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

@@ -9,13 +9,14 @@ import { AnimationFrameCache } from '../../utils/performance/animation-frame-cac
 import { identity } from '../../utils/function.utils';
 import { MathUtils } from '../../utils/math.utils';
 import { PriceIncrementsUtils } from '../../utils/price-increments.utils';
+import { TREASURY_32ND } from '../chart/price-formatters/treasury-price.formatter';
 const PIXEL_OFFSET = 0;
 const DEFAULT_REGULAR_INCREMENT = 0.01;
 /**
  * Generator of axes labels.
  */
 export class NumericAxisLabelsGenerator {
-    constructor(increment, startEndProvider, lengthProvider, valueFormatter, withZero = false, axisTypeProvider, baseLineProvider, labelFilter = identity, singleLabelHeightPixels = 23) {
+    constructor(increment, startEndProvider, lengthProvider, valueFormatter, withZero = false, axisTypeProvider, baseLineProvider, labelFilter = identity, singleLabelHeightPixels = 23, yAxisConfig) {
         this.increment = increment;
         this.startEndProvider = startEndProvider;
         this.lengthProvider = lengthProvider;
@@ -25,6 +26,7 @@ export class NumericAxisLabelsGenerator {
         this.baseLineProvider = baseLineProvider;
         this.labelFilter = labelFilter;
         this.singleLabelHeightPixels = singleLabelHeightPixels;
+        this.yAxisConfig = yAxisConfig;
         /**
          *    Multipliers which are using for price increments to
          *    calculate horizontal grid and price lines step.
@@ -38,6 +40,7 @@ export class NumericAxisLabelsGenerator {
         this.lastStart = 0;
         this.lastEnd = 0;
         this.labelsCache = new AnimationFrameCache(() => this.labelFilter(this.doGenerateLabels()));
+        this.treasuryFormat = this.yAxisConfig && this.yAxisConfig.treasuryFormat;
     }
     generateRegularLabels(min, max, singleLabelHeightValue) {
         const newLabels = [];
@@ -136,29 +139,34 @@ export class NumericAxisLabelsGenerator {
         return this.newGeneratedLabelsSubject.asObservable();
     }
     calculateIncrement(valueLength) {
+        var _a;
         // provided increment
         if (this.increment) {
             return this.increment;
         }
         // auto-generated increment
         if (!isNaN(valueLength)) {
-            const calculatedIncrement = PriceIncrementsUtils.autoDetectIncrementOfValueRange(valueLength);
+            const calculatedIncrement = ((_a = this.treasuryFormat) === null || _a === void 0 ? void 0 : _a.enabled)
+                ? TREASURY_32ND
+                : PriceIncrementsUtils.autoDetectIncrementOfValueRange(valueLength);
             return this.adjustIncrementOnAxisType(calculatedIncrement);
         }
         return this.adjustIncrementOnAxisType(DEFAULT_REGULAR_INCREMENT);
     }
     adjustIncrementOnAxisType(increment) {
+        var _a;
+        const calculatedIncrement = ((_a = this.treasuryFormat) === null || _a === void 0 ? void 0 : _a.enabled) ? TREASURY_32ND : increment;
         switch (this.axisTypeProvider()) {
             case 'percent':
                 return increment;
             case 'logarithmic':
                 const [logMin] = this.calculateMinMax();
                 const regularMin = logValueToUnit(logMin);
-                const regularIncrementedValue = regularMin + increment;
+                const regularIncrementedValue = regularMin + calculatedIncrement;
                 const incrementedLogValue = calcLogValue(regularIncrementedValue);
                 return incrementedLogValue - logMin;
             case 'regular':
-                return increment;
+                return calculatedIncrement;
         }
     }
     // TODO rework, generator should act as model and update itself on scaleChanged

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

@@ -6,9 +6,10 @@
 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 { CanvasInputListenerComponent, Point } from '../../inputlisteners/canvas-input-listener.component';
 import { ScaleModel } from '../../model/scale.model';
 import { ChartModel } from '../chart/chart.model';
+import { DragInfo } from '../dran-n-drop_helper/drag-n-drop.component';
 import { ChartPanComponent } from '../pan/chart-pan.component';
 export declare class NavigationMapMoveHandler extends ChartBaseElement {
     private bus;
@@ -17,8 +18,8 @@ export declare class NavigationMapMoveHandler extends ChartBaseElement {
     private canvasInputListeners;
     private canvasBoundsContainer;
     private chartPanComponent;
-    private leftKnotDragStartXRelative;
-    private rightKnotDragStartXRelative;
+    leftKnotDragStartXRelative: number;
+    rightKnotDragStartXRelative: number;
     private lastMousePosition;
     constructor(bus: EventBus, chartModel: ChartModel, scale: ScaleModel, canvasInputListeners: CanvasInputListenerComponent, canvasBoundsContainer: CanvasBoundsContainer, chartPanComponent: ChartPanComponent);
     /**
@@ -27,10 +28,10 @@ export declare class NavigationMapMoveHandler extends ChartBaseElement {
      * @returns {void}
      */
     protected doActivate(): void;
-    private leftKnotDragStart;
-    private leftKnotDragTick;
-    private rightKnotDragStart;
-    private rightKnotDragTick;
+    leftKnotDragStart: (point: Point) => void;
+    leftKnotDragTick: (dragInfo: DragInfo) => void;
+    rightKnotDragStart: (point: Point) => void;
+    rightKnotDragTick: (dragInfo: DragInfo) => void;
     private sliderDragStart;
     private sliderDragTick;
 }

package/dist/chart/components/pane/extent/y-extent-component.d.ts

@@ -29,6 +29,7 @@ export interface YExtentCreationOptions {
     lockToPriceRatio: boolean;
 }
 export declare class YExtentComponent extends ChartBaseElement {
+    config: YAxisConfig;
     paneUUID: string;
     idx: number;
     paneComponent: PaneComponent;
@@ -42,7 +43,7 @@ export declare class YExtentComponent extends ChartBaseElement {
     formatters: YExtentFormatters;
     yAxis: YAxisComponent;
     mainDataSeries?: DataSeriesModel;
-    constructor(paneUUID: string, idx: number, paneComponent: PaneComponent, chartBaseModel: ChartBaseModel<'candle'>, canvasBoundsContainer: CanvasBoundsContainer, hitTestController: PaneHitTestController, dynamicObjectsCanvasModel: CanvasModel, scale: ScaleModel, createYAxisComponent: (formatter: (value: number) => string, dataSeriesProvider: () => DataSeriesModel | undefined) => YAxisComponent, dragNDrop: DragNDropYComponent, dataSeries?: Set<DataSeriesModel>, formatters?: YExtentFormatters);
+    constructor(config: YAxisConfig, paneUUID: string, idx: number, paneComponent: PaneComponent, chartBaseModel: ChartBaseModel<'candle'>, canvasBoundsContainer: CanvasBoundsContainer, hitTestController: PaneHitTestController, dynamicObjectsCanvasModel: CanvasModel, scale: ScaleModel, createYAxisComponent: (formatter: (value: number) => string, dataSeriesProvider: () => DataSeriesModel | undefined) => YAxisComponent, dragNDrop: DragNDropYComponent, dataSeries?: Set<DataSeriesModel>, formatters?: YExtentFormatters);
     protected doDeactivate(): void;
     getYAxisBounds: () => Bounds;
     yAxisHT: import("../../../canvas/canvas-bounds-container").HitBoundsTest;

package/dist/chart/components/pane/extent/y-extent-component.js

@@ -1,8 +1,3 @@
-/*
- * Copyright (C) 2019 - 2025 Devexperts Solutions IE Limited
- * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
- * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
- */
 /*
  * Copyright (C) 2019 - 2025 Devexperts Solutions IE Limited
  * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
@@ -13,12 +8,13 @@ import { ChartBaseElement } from '../../../model/chart-base-element';
 import { DataSeriesModel, VisualSeriesPoint, defaultValueFormatter, } from '../../../model/data-series.model';
 import { mergeHighLow } from '../../../model/scaling/auto-scale.model';
 import { uuid } from '../../../utils/uuid.utils';
-import { createYExtentFormatters } from '../../chart/price.formatter';
+import { createYExtentFormatters } from '../../chart/price-formatters/price.formatter';
 export class YExtentComponent extends ChartBaseElement {
-    constructor(paneUUID, idx, paneComponent, chartBaseModel, canvasBoundsContainer, hitTestController, dynamicObjectsCanvasModel, scale, createYAxisComponent, dragNDrop, dataSeries = new Set(), formatters = {
+    constructor(config, paneUUID, idx, paneComponent, chartBaseModel, canvasBoundsContainer, hitTestController, dynamicObjectsCanvasModel, scale, createYAxisComponent, dragNDrop, dataSeries = new Set(), formatters = {
         regular: defaultValueFormatter,
     }) {
         super();
+        this.config = config;
         this.paneUUID = paneUUID;
         this.idx = idx;
         this.paneComponent = paneComponent;
@@ -56,7 +52,7 @@ export class YExtentComponent extends ChartBaseElement {
             }
         };
         this.addChildEntity(scale);
-        this.setValueFormatters(createYExtentFormatters(this));
+        this.setValueFormatters(createYExtentFormatters(this, config));
         this.yAxis = createYAxisComponent(this.valueFormatter.bind(this), () => this.mainDataSeries);
         this.addChildEntity(this.yAxis);
     }

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

@@ -1,8 +1,3 @@
-/*
- * Copyright (C) 2019 - 2025 Devexperts Solutions IE Limited
- * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
- * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
- */
 /*
  * Copyright (C) 2019 - 2025 Devexperts Solutions IE Limited
  * This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
@@ -66,7 +61,7 @@ export class PaneComponent extends ChartBaseElement {
         this.mainExtent = yExtentComponent;
         this.ht = this.canvasBoundsContainer.getBoundsHitTest(CanvasElement.PANE_UUID(uuid), {
             // this is needed to reduce cross event fire zone, so cross event won't be fired when hover resizer
-            // maybe we need to rework it, this isn't perfect - top and bottom panes will have small no-hover area
+            // maybe we need to rework it, this isn't perfect: top and bottom panes will have small no-hover area
             extensionY: -this.config.components.paneResizer.dragZone,
         });
     }
@@ -138,7 +133,7 @@ export class PaneComponent extends ChartBaseElement {
         // creating partially resolved constructor except formatter & dataSeriesProvider - bcs it's not possible to provide formatter
         // before y-extent is created
         const createYAxisComponent = (formatter, dataSeriesProvider) => new YAxisComponent(this.eventBus, this.config, this.yAxisLabelsCanvasModel, scaleModel, this.canvasInputListener, this.canvasBoundsContainer, this.chartPanComponent, this.cursorHandler, formatter, dataSeriesProvider, this.uuid, extentIdx, this.hitTestCanvasModel, this.chartResizeHandler, initialYAxisState);
-        const yExtentComponent = new YExtentComponent(this.uuid, extentIdx, this, this.chartBaseModel, this.canvasBoundsContainer, this.hitTestController, this.dynamicObjectsCanvasModel, scaleModel, createYAxisComponent, dragNDrop);
+        const yExtentComponent = new YExtentComponent(this.config.components.yAxis, this.uuid, extentIdx, this, this.chartBaseModel, this.canvasBoundsContainer, this.hitTestController, this.dynamicObjectsCanvasModel, scaleModel, createYAxisComponent, dragNDrop);
         yExtentComponent.addSubscription(unsub);
         yExtentComponent.addSubscription(this.addCursors(extentIdx, yExtentComponent.yAxis));
         (options === null || options === void 0 ? void 0 : options.paneFormatters) && yExtentComponent.setValueFormatters(options.paneFormatters);

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

@@ -3,6 +3,7 @@
  * 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 { YAxisConfig } from '../../chart.config';
 import { DataSeriesModel } from '../../model/data-series.model';
 import { ViewportModel } from '../../model/scaling/viewport.model';
 import { NumericAxisLabelsGenerator, PriceAxisType } from '../labels_generator/numeric-axis-labels.generator';
@@ -11,7 +12,7 @@ import { NumericAxisLabelsGenerator, PriceAxisType } from '../labels_generator/n
  */
 export declare class NumericYAxisLabelsGenerator extends NumericAxisLabelsGenerator {
     private dataSeriesProvider;
-    constructor(increment: number | null, dataSeriesProvider: () => DataSeriesModel | undefined, viewportModel: ViewportModel, valueFormatter: (value: number) => string, axisTypeProvider?: () => PriceAxisType, singleLabelHeightPixels?: number);
+    constructor(increment: number | null, dataSeriesProvider: () => DataSeriesModel | undefined, viewportModel: ViewportModel, valueFormatter: (value: number) => string, axisTypeProvider: (() => PriceAxisType) | undefined, singleLabelHeightPixels: number | undefined, config: YAxisConfig);
     getLargestLabel(): string;
     /**
      * Calculates the increment to be used on the chart axis based on the length of the value and the instrument's price increments.

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

@@ -10,8 +10,8 @@ import { NumericAxisLabelsGenerator } from '../labels_generator/numeric-axis-lab
  * Y axis labels generator for prices. Respects price increment from instrument.
  */
 export class NumericYAxisLabelsGenerator extends NumericAxisLabelsGenerator {
-    constructor(increment, dataSeriesProvider, viewportModel, valueFormatter, axisTypeProvider = () => 'regular', singleLabelHeightPixels = 23) {
-        super(increment, () => [viewportModel.yStart, viewportModel.yEnd], () => viewportModel.getBounds().height, valueFormatter, false, axisTypeProvider, () => { var _a, _b; return (_b = (_a = dataSeriesProvider()) === null || _a === void 0 ? void 0 : _a.getBaseline()) !== null && _b !== void 0 ? _b : 1; }, undefined, singleLabelHeightPixels);
+    constructor(increment, dataSeriesProvider, viewportModel, valueFormatter, axisTypeProvider = () => 'regular', singleLabelHeightPixels = 23, config) {
+        super(increment, () => [viewportModel.yStart, viewportModel.yEnd], () => viewportModel.getBounds().height, valueFormatter, false, axisTypeProvider, () => { var _a, _b; return (_b = (_a = dataSeriesProvider()) === null || _a === void 0 ? void 0 : _a.getBaseline()) !== null && _b !== void 0 ? _b : 1; }, undefined, singleLabelHeightPixels, config);
         this.dataSeriesProvider = dataSeriesProvider;
     }
     getLargestLabel() {

package/dist/chart/components/y_axis/y-axis.model.js

@@ -14,7 +14,7 @@ export class YAxisModel extends ChartBaseElement {
         this.state = state;
         this.canvasBoundsContainer = canvasBoundsContainer;
         this.extentIdx = extentIdx;
-        this.labelsGenerator = new NumericYAxisLabelsGenerator(null, dataSeriesProvider, scale, valueFormatter, () => this.state.type, state.labelHeight);
+        this.labelsGenerator = new NumericYAxisLabelsGenerator(null, dataSeriesProvider, scale, valueFormatter, () => this.state.type, state.labelHeight, state);
         this.baseLabelsModel = new YAxisBaseLabelsModel(scale, this.labelsGenerator, this.canvasBoundsContainer, paneUUID, extentIdx);
         this.addChildEntity(this.baseLabelsModel);
         this.fancyLabelsModel = new FancyYAxisLabelsModel(eventBus, scale, canvasBoundsContainer, state, canvasModel, paneUUID, () => this.canvasBoundsContainer.updateYAxisWidths(), chartResizeHandler);

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

@@ -5,4 +5,8 @@
  */
 import { DataSeriesPoint } from '../model/data-series.model';
 import { BinarySearchResult } from './array.utils';
-export declare const searchCandleIndex: (timestamp: number, shouldExtrapolate: boolean, candles: DataSeriesPoint[], periodMs?: number) => BinarySearchResult;
+export declare const getDaysOnlyTimestampFn: (isDaysPeriod: boolean) => (timestamp: number) => number;
+export declare const searchCandleIndex: (rawTimestamp: number, options: {
+    extrapolate?: boolean | undefined;
+    isDaysPeriod?: boolean | undefined;
+} | undefined, candles: DataSeriesPoint[], periodMs?: number) => BinarySearchResult;

package/dist/chart/utils/candles.utils.js

@@ -5,10 +5,20 @@
  */
 import { binarySearch, firstOf, lastOf } from './array.utils';
 import { floor } from './math.utils';
-export const searchCandleIndex = (timestamp, shouldExtrapolate, candles, periodMs = 1000) => {
+export const getDaysOnlyTimestampFn = (isDaysPeriod) => (timestamp) => {
+    if (isDaysPeriod) {
+        return new Date(timestamp).setHours(0, 0, 0, 0);
+    }
+    return timestamp;
+};
+export const searchCandleIndex = (rawTimestamp, options = {}, candles, periodMs = 1000) => {
     var _a, _b, _c, _d;
-    const firstTimestamp = (_b = (_a = firstOf(candles)) === null || _a === void 0 ? void 0 : _a.timestamp) !== null && _b !== void 0 ? _b : 0;
-    const lastTimestamp = (_d = (_c = lastOf(candles)) === null || _c === void 0 ? void 0 : _c.timestamp) !== null && _d !== void 0 ? _d : 0;
+    const { extrapolate, isDaysPeriod } = options;
+    const shouldExtrapolate = Boolean(extrapolate);
+    const getDaysOnlyTimestamp = getDaysOnlyTimestampFn(Boolean(isDaysPeriod));
+    const timestamp = getDaysOnlyTimestamp(rawTimestamp);
+    const firstTimestamp = getDaysOnlyTimestamp((_b = (_a = firstOf(candles)) === null || _a === void 0 ? void 0 : _a.timestamp) !== null && _b !== void 0 ? _b : 0);
+    const lastTimestamp = getDaysOnlyTimestamp((_d = (_c = lastOf(candles)) === null || _c === void 0 ? void 0 : _c.timestamp) !== null && _d !== void 0 ? _d : 0);
     if (timestamp > lastTimestamp) {
         // TODO rework the code below, it looks very very sus ( ≖.≖)
         if (shouldExtrapolate) {
@@ -42,6 +52,6 @@ export const searchCandleIndex = (timestamp, shouldExtrapolate, candles, periodM
         }
     }
     else {
-        return binarySearch(candles, timestamp, candle => candle.timestamp);
+        return binarySearch(candles, timestamp, candle => getDaysOnlyTimestamp(candle.timestamp));
     }
 };