@fintatech/fintachart 3.1.10 → 3.1.12

package/d.ts/FintaChart.d.ts

@@ -42,6 +42,28 @@ declare module FintaChart {
 }
 declare module FintaChart {
 }
+declare module FintaChart {
+    interface BBRun {
+        text: string;
+        bold: boolean;
+        italic: boolean;
+        underline: boolean;
+        color?: string;
+    }
+    class BBCode {
+        private static readonly MAX_LEN;
+        private static readonly MAX_TAGS;
+        private static readonly MAX_DEPTH;
+        private static readonly MAX_COLOR_LEN;
+        private static readonly NAMED_COLORS;
+        static parse(text: string): BBRun[][];
+        private static literal;
+        private static parseInternal;
+        private static readTag;
+        private static safeColor;
+        private static inByteRange;
+    }
+}
 declare module FintaChart {
 }
 interface Math {
@@ -382,6 +404,11 @@ declare module FintaChart {
          * @param width
          * @param height
          */
+        /**
+         * Upper bound for the device pixel ratio used when sizing canvases.
+         * Lower values trade sharpness for far cheaper fills on mobile.
+         */
+        static dprCap: number;
         static canvasRetina(canvas: HTMLCanvasElement, context: CanvasRenderingContext2D, width: number, height: number): void;
         /**
          * Returns full screen is enabled
@@ -533,6 +560,15 @@ declare module FintaChart {
          * @param value The CSS property value.
          */
         static css(el: HTMLElement, prop: string, value: string | number): void;
+        private static _rectCache;
+        private static _rectCacheStamp;
+        /**
+         * Bounding rect cached within an 8ms frame bucket.
+         *
+         * @param el The element.
+         * @return The (possibly cached) bounding rect.
+         */
+        static cachedBoundingRect(el: HTMLElement): DOMRect;
         /**
          * Converts client (viewport) coordinates to local element coordinates.
          *
@@ -590,6 +626,13 @@ declare module FintaChart {
          * @param topOffset The top CSS value (e.g. '6rem').
          */
         static centerHorizontally(el: HTMLElement, topOffset: string): void;
+        /**
+         * Binds a tap handler firing once on touch or click.
+         *
+         * @param el The target element.
+         * @param handler The tap handler.
+         */
+        static onTap(el: HTMLElement, handler: (e: Event) => void): void;
         /**
          * Shows an element by clearing its display style.
          *
@@ -691,6 +734,8 @@ declare module FintaChart {
         destroy(): void;
         /** Enables or disables dragging. */
         setEnabled(enabled: boolean): void;
+        /** Re-clamps the element inside its containment (e.g. after a resize). */
+        reclamp(): void;
     }
     /**
      * Makes an element draggable using native pointer events.
@@ -1878,6 +1923,10 @@ declare module FintaChart {
          * The ending date to load bars.
          */
         endDate?: Date;
+        /**
+         * Reset visible range to default view after load.
+         */
+        resetVisibleRange?: boolean;
     }
 }
 declare module FintaChart.Formatters {
@@ -2435,6 +2484,10 @@ declare module FintaChart {
          * Event object
          */
         evt: Event;
+        /**
+         * Overrides the native (read-only) `which` button value.
+         */
+        which?: number;
         /**
          * Pane
          */
@@ -2883,6 +2936,7 @@ declare module FintaChart {
         private _lastScale;
         private _prevScale;
         private _scaleThreshold;
+        private _wheelDeltaAccum;
         /**
          * Delta
          */
@@ -2963,6 +3017,15 @@ declare module FintaChart {
         hide(): void;
         private init;
         private onClose;
+        private onSubmit;
+        private collectFormData;
+        private validate;
+        private isValidEmail;
+        private sendPurchaseRequest;
+        private sendViaBackend;
+        private showError;
+        private showSuccess;
+        private clearMessages;
     }
 }
 declare module FintaChart {
@@ -3861,6 +3924,7 @@ declare module FintaChart {
         private _lineDashFunc;
         private _canvas;
         private _context;
+        private _linearGradientCache;
         /**
          * Get canvas
          */
@@ -4730,6 +4794,8 @@ declare module FintaChart {
         private _canvasEl;
         private _parentEl;
         private _renderer;
+        private _sizeCache;
+        private _sizeCacheStamp;
         /**
          * The canvas element.
          */
@@ -5291,6 +5357,7 @@ declare module FintaChart {
         static enable(control: HTMLElement, enable: boolean): void;
         enable(value?: boolean): void;
         private static isElementReady;
+        private static hasSpectrum;
         private initSpectrum;
         private waitForAttach;
         private static initParams;
@@ -5326,14 +5393,29 @@ declare module FintaChart {
          * Control Drag Pane's root container
          */
         protected rootContainer: HTMLElement;
-        /**
-         * Draggable controller instance
-         */
-        private _draggableController;
         /**
          * Bound resize handler reference for cleanup
          */
         private _resizeHandler;
+        /**
+         * Whether the pane has been placed at its initial position
+         */
+        private _positioned;
+        /**
+         * Pointer offset from the pane top-left at drag start
+         */
+        private _dragOffsetX;
+        private _dragOffsetY;
+        /**
+         * Bound drag handlers for cleanup
+         */
+        private _onDragStart;
+        private _onDragMove;
+        private _onDragEnd;
+        /**
+         * Drag handle element
+         */
+        private _handleEl;
         get visible(): boolean;
         /**
          * Creates an instance of DragPane.
@@ -5354,7 +5436,18 @@ declare module FintaChart {
          * Shows Control Drag Pane
          */
         protected show(): void;
-        private adjustPosition;
+        /** Returns the offsetParent rect the pane is positioned against. */
+        private parentRect;
+        /** Places the pane near the top-center of the chart. */
+        private placeInitial;
+        private onDragStart;
+        private onDragMove;
+        private onDragEnd;
+        /** Sets absolute position within the offsetParent, clamped inside it. */
+        private applyPosition;
+        private clampIntoViewport;
+        private eventPoint;
+        private teardownDrag;
         private onResize;
     }
 }
@@ -5978,6 +6071,7 @@ declare module FintaChart {
         private _hasCustomPicker;
         private _isActive;
         private _last;
+        private _hoverTimer;
         private _windowScrollHandler;
         private _windowResizeHandler;
         private _bodyClickHandler;
@@ -6018,6 +6112,42 @@ declare module FintaChart {
         private unsubscribe;
     }
 }
+declare module FintaChart {
+    class ToolbarCalendar {
+        private _chart;
+        private _element;
+        private _onSelect;
+        private _selected;
+        private _viewYear;
+        private _viewMonth;
+        private _months;
+        private _weekdaysShort;
+        private _clearText;
+        private _todayText;
+        constructor(chart: Chart, host: HTMLElement);
+        get isVisible(): boolean;
+        /**
+         * Shows the calendar for the given selection.
+         *
+         * @param selected Currently selected date, highlighted in the grid.
+         * @param onSelect Invoked with the picked date, or `null` when cleared.
+         */
+        show(selected: Date | null, onSelect: (date: Date | null) => void): void;
+        hide(): void;
+        private _loadLocalization;
+        private _localize;
+        private _splitLocalized;
+        private _render;
+        private _renderHeader;
+        private _renderNavButton;
+        private _renderGrid;
+        private _renderDay;
+        private _renderFooter;
+        private _pick;
+        private _isSameDay;
+        private _shiftMonth;
+    }
+}
 declare module FintaChart {
     /**
      * Represents Toolbar Config
@@ -6057,6 +6187,14 @@ declare module FintaChart {
         private _logScaleBtn;
         private _percentScaleBtn;
         private _lockShapesBtn;
+        private _dateRangeButtons;
+        private _dateRangeMenuItems;
+        private _applyingDateRangePreset;
+        private _dateRangeFrom;
+        private _dateRangeTo;
+        private _openDateRangePopup;
+        private _dateRangeResizeObserver;
+        private _dateRangeInlineWidth;
         private _scalePercentageAdapter;
         onAmountChanged: (quantity: number) => void;
         /**
@@ -6103,6 +6241,26 @@ declare module FintaChart {
         supportedTimeFramesShow(): void;
         private _createPeriodicityForm;
         private _subscribeToCreateCustomTimeFrame;
+        private _subscribeDateRangeControls;
+        private onDocumentTap;
+        private _subscribeCollapsedDateRange;
+        private _observeDateRangeWidth;
+        private _subscribeCustomDateRange;
+        private updateDateRangeApplyState;
+        private formatDisplayDate;
+        private truncateToDay;
+        private endOfDay;
+        /**
+         * Applies a bottom-toolbar date-range preset (1D, 5D, ..., All).
+         *
+         * @param presetKey
+         */
+        applyDateRangePreset(presetKey: string): void;
+        private applyDateRange;
+        private setActiveDateRangeButton;
+        private closestSupportedTimeFrame;
+        private parseSupportedTimeFrame;
+        private addToDate;
         setTimeFrame(timeFrame: TimeFrame): void;
         /**
          * Refresh toolbar components depend to size
@@ -6113,7 +6271,7 @@ declare module FintaChart {
         /**
          * Update trade panel units value
          *
-         * @param quantity
+         * @param quantity default quantity expressed in units (backend contract)
          */
         updateTradeHandlerUnits(quantity: number): void;
         private activateStayInShapeModeBtn;
@@ -6132,6 +6290,8 @@ declare module FintaChart {
         private onCrossHairChange;
         private onDeleteClick;
         private onHideOptionClick;
+        /** Reflects the hide buttons' active class from real chart state. */
+        private syncHideButtonsState;
         onIndicatorsClick(): void;
         applyIndicator(typeName: string): void;
         private onInstrumentChange;
@@ -6179,6 +6339,7 @@ declare module FintaChart {
         private resetTradePanelOnInstrumentChange;
         private onLockShapesClick;
         private replaceLockIcon;
+        private getStaticQuantitiesForCalc;
         private getQuantityRules;
         private normalizeAmountByRules;
         private getNumberDecimals;
@@ -6273,7 +6434,13 @@ declare module FintaChart {
         private hideDropDown;
         private init;
         private setValue;
-        private showDropDownForHover;
+        /**
+         * Handles a tap/click on the button head, routing to toggle, fire or
+         * drop-down open depending on the button configuration and platform.
+         *
+         * @param e The originating tap/click event.
+         */
+        private handleHeadTap;
         private showDropDown;
         private toggleButton;
         private toggleDropDown;
@@ -8974,6 +9141,14 @@ declare module FintaChart {
     /**
      * Represents indicator state
      */
+    /**
+     * A single indicator plot value for the OHLC card.
+     */
+    interface IIndicatorHoverValue {
+        name: string;
+        color: string;
+        value: string;
+    }
     interface IIndicatorState {
         id?: string;
         parentId?: string;
@@ -9070,6 +9245,11 @@ declare module FintaChart {
         private _hovered;
         private _id;
         private _lineLevels;
+        private _indicatorShapes;
+        private _shapesById;
+        private _shapesPanes;
+        private _shapesForcePricePane;
+        private _shapesFullyAttached;
         private _requireDefaults;
         private _optionsTitle;
         private _parametersContextMenu;
@@ -9125,6 +9305,7 @@ declare module FintaChart {
         get theme(): any;
         set theme(value: any);
         get lineLevels(): any[];
+        get indicatorShapes(): Shape[];
         /**
          * Allow setting dialog state
          */
@@ -9299,6 +9480,15 @@ declare module FintaChart {
          * @param pointY
          */
         addLine(color: string, pointY: number): void;
+        addShape(state: IShapeState): Shape | null;
+        setIndicatorShapes(states: IShapeState[], opts?: {
+            onPricePane?: boolean;
+        }): void;
+        upsertIndicatorShapes(states: IShapeState[]): void;
+        removeIndicatorShapes(): void;
+        private isPixelAnchoredShape;
+        private routeAndAttach;
+        private attachIndicatorShapes;
         /**
          * Add plot
          *
@@ -9395,6 +9585,13 @@ declare module FintaChart {
          */
         updateHoverRecord(record?: number): void;
         getValues(): DataRowsCollection;
+        /**
+         * Per-plot values at a record for the OHLC card.
+         *
+         * @param record Record index; defaults to hovered record.
+         * @return One { name, color, value } per plot.
+         */
+        hoverValues(record?: number): IIndicatorHoverValue[];
         /**
          * Update visibility of title elements
          */
@@ -9504,6 +9701,8 @@ declare module FintaChart {
         SLOW: string;
         VOLUME_DIVISOR: string;
         OFFSET_MULTIPLIER: string;
+        MULTIPLIER: string;
+        BOX_RATIO_SMOOTHING: string;
         ENVELOPE_PERCENTAGE: string;
         BAR_COUNT: string;
         Q_PERIODS: string;
@@ -10840,6 +11039,8 @@ declare module FintaChart {
          */
         get period(): number;
         set period(value: number);
+        get multiplier(): number;
+        set multiplier(value: number);
         /**
          * The signal period.
          */
@@ -11724,6 +11925,8 @@ declare module FintaChart {
          */
         get period(): number;
         set period(value: number);
+        get multiplier(): number;
+        set multiplier(value: number);
         protected onInitializeIndicator(): void;
         protected onResetDefaults(): void;
         protected onInputTick(): void;
@@ -11880,6 +12083,8 @@ declare module FintaChart {
         static get type(): string;
         private _ema;
         private _emv;
+        private _boxRatio;
+        private _smoothedBoxRatio;
         /**
          * The smooth value.
          */
@@ -11890,6 +12095,11 @@ declare module FintaChart {
          */
         get volumeDivisor(): number;
         set volumeDivisor(value: number);
+        /**
+         * The box ratio smoothing period.
+         */
+        get boxRatioSmoothing(): number;
+        set boxRatioSmoothing(value: number);
         protected onInitializeIndicator(): void;
         protected onResetDefaults(): void;
         protected onInputTick(): void;
@@ -11905,6 +12115,8 @@ declare module FintaChart {
         static get type(): string;
         private _smaFast;
         private _smaSlow;
+        private _emaFast;
+        private _emaSlow;
         /**
          * The fast SMA period.
          */
@@ -11920,6 +12132,11 @@ declare module FintaChart {
          */
         get slow(): number;
         set slow(value: number);
+        /**
+         * The maType period.
+         */
+        get maType(): number;
+        set maType(value: number);
         protected onInitializeIndicator(): void;
         protected onResetDefaults(): void;
         protected onInputTick(): void;
@@ -13497,6 +13714,19 @@ declare module FintaChart {
         containsShape(shape: Shape): boolean;
         dispose(): void;
         paint(): void;
+        /**
+         * Returns true when a shape is fully outside the visible frame and
+         * safe to skip. Extrapolated shapes (lines/rays) and selected shapes
+         * are never culled since they can extend across the viewport.
+         */
+        private isShapeOffscreen;
+        /** Shape types that extend beyond their points and must not be culled. */
+        private static NON_CULLABLE_SHAPES;
+        static pGrid: number;
+        static pObjects: number;
+        static pIndicators: number;
+        static pHover: number;
+        static pWatermark: number;
         /**
          * Executes shapes
          *
@@ -13515,6 +13745,12 @@ declare module FintaChart {
          * @param value
          */
         formatValue(value: number): string;
+        /**
+         * Formats a volume value in a compact form (e.g. 1.03M, 12.4K).
+         *
+         * @param value
+         */
+        formatVolume(value: number): string;
         /**
          * Returns index
          *
@@ -13649,7 +13885,30 @@ declare module FintaChart {
          * @param record
          * @return
          */
+        private _lastHoverKey;
         updateHoverRecord(record?: number): void;
+        /**
+         * Fills the OHLC card indicator rows for the hovered record.
+         *
+         * @param control The card's bar-info control.
+         * @param record  The hovered record index.
+         */
+        private renderOhlcCardIndicators;
+        /**
+         * Renders the live graphics of an OHLC info card: the volume bar (as a
+         * fraction of the max visible volume) and the price sparkline (the last
+         * N closes up to the hovered record).
+         *
+         * @param control The card's bar-info control.
+         * @param record  The hovered record index.
+         * @param color   The up/down colour for the current bar.
+         */
+        private renderOhlcCardGraphics;
+        /**
+         * Draws a price sparkline onto a canvas, scaling to its CSS size and
+         * device pixel ratio for a crisp line.
+         */
+        private drawSparkline;
         preserveAutoScaling(): void;
         cancelAutoScaling(): void;
         verticalAxisLabelMaxWidth(verticalAxis: VerticalAxis): number;
@@ -13692,6 +13951,7 @@ declare module FintaChart {
         private initInstrumentPaneTitle;
         private initPaneTitle;
         private initDraggablePaneTitle;
+        private initOHLCCard;
         private layoutHtmlElements;
         private motionHitTest;
         private updateInstrument;
@@ -14923,9 +15183,6 @@ declare module FintaChart {
     }
 }
 declare module FintaChart {
-    enum MimeType {
-        PNG = "image/png"
-    }
     interface IChartSnapshotHandler extends IChartComponent {
         /**
          * Returns snapshot file name.
@@ -14949,11 +15206,22 @@ declare module FintaChart {
         name(): string;
         save(): void;
         saveToClipboard(): void;
+        private writeBlobToClipboard;
+        private fallbackDownload;
+        private showChartMessage;
+        /**
+         * Composites the chart's own canvas layers into one bitmap.
+         * Far cheaper than serializing the whole DOM. Returns null when
+         * no canvases are found so the caller can fall back.
+         */
+        private compositeCanvasLayers;
         private createSnapshot;
         private saveImage;
-        private writeToClipboard;
-        private canWriteToClipboard;
-        private canvasToBlob;
+        /**
+         * Returns a human-readable reason why the clipboard cannot be used,
+         * or `null` when a clipboard write may be attempted.
+         */
+        private clipboardUnavailableReason;
         private addBorders;
         private trimTransparentMargins;
         private loadImage;
@@ -17332,7 +17600,6 @@ declare module FintaChart {
         private updateCoordinateMapper;
         private autoScroll;
         private refresh;
-        private animateZoom;
     }
 }
 declare module FintaChart {
@@ -20587,7 +20854,7 @@ declare module FintaChart {
      */
     class TextShape extends Shape {
         static get type(): string;
-        private _lines;
+        private _parsed;
         /**
          * Creates an instance of TextShape.
          *
@@ -20606,7 +20873,10 @@ declare module FintaChart {
         restoreState(state: IShapeState): void;
         pointsLocalizationKeys(): string[];
         protected paintHovered(oldTheme: any): any;
+        private get baseTextTheme();
         private updateLines;
+        private deriveRunTheme;
+        private measureLineWidth;
     }
 }
 declare module FintaChart {
@@ -21296,6 +21566,7 @@ declare module FintaChart {
         private _accountSize;
         private _lotSize;
         private _riskPercentage;
+        private _leverage;
         private _profitTicks;
         private _profitPrice;
         private _stopTicks;
@@ -21303,6 +21574,7 @@ declare module FintaChart {
         private _entryPrice;
         private _input_accountSizeHTMLObj;
         private _input_lotSizeHTMLObj;
+        private _input_leverageHTMLObj;
         private _input_riskPercentageHTMLObj;
         private _input_profitTicksHTMLObj;
         private _input_profitPriceHTMLObj;
@@ -21351,6 +21623,7 @@ declare module FintaChart {
         private handleLevelPriceChange;
         private getRelatedInputField;
         private updateLevel;
+        private applyEntryChange;
         private calculateTicksFromPrice;
         private calculatePriceFromTicks;
         private validatePrice;
@@ -21390,6 +21663,8 @@ declare module FintaChart {
         rewardPips: number;
         calculatedStop: number;
         calculatedTarget: number;
+        accountTooSmall: boolean;
+        minLotSize: number;
     }
     interface IPositionDrawingShapeState extends IShapeState {
         entry: number;
@@ -21442,9 +21717,13 @@ declare module FintaChart {
          */
         lotSize?: number;
         /**
-         * Shape risk percentage
+         * Shape risk percentage (display-only — no longer drives Qty)
          */
         riskPercentage?: number;
+        /**
+         * Account leverage used to size the position: Qty = (accountSize * leverage) / entryPrice
+         */
+        leverage?: number;
     }
     interface IPositionShapeDefaults extends IShapeDefaults {
         /**
@@ -21471,6 +21750,10 @@ declare module FintaChart {
         * Shape risk percentage
         */
         riskPercentage: number;
+        /**
+        * Account leverage used to size the position: Qty = (accountSize * leverage) / entryPrice
+        */
+        leverage: number;
         /**
          * Shape visibility config
          */
@@ -21494,6 +21777,7 @@ declare module FintaChart {
         const COMPACT_MODE_CHANGED = "compactModeChanged";
         const ALWAYS_SHOW_STATS_CHANGED = "alwaysShowStatsChanged";
         const VISIBILITY_CONFIG_CHANGED = "visibilityConfigChanged";
+        const ACCOUNT_TOO_SMALL_CHANGED = "accountTooSmallChanged";
     }
     abstract class PositionDrawingShape extends Shape {
         private _entry;
@@ -21511,6 +21795,7 @@ declare module FintaChart {
         private _dragStartPoints?;
         private _initialTimeframe?;
         private _initialWidthInBars?;
+        private _accountTooSmall;
         static defaults: IPositionShapeDefaults;
         protected get defaults(): IPositionShapeDefaults;
         static get type(): string;
@@ -21531,6 +21816,8 @@ declare module FintaChart {
         set riskPercentage(value: number);
         get lotSize(): number;
         set lotSize(value: number);
+        get leverage(): number;
+        set leverage(value: number);
         get visibilityConfig(): ITimeFrameVisibilityConfig;
         set visibilityConfig(value: ITimeFrameVisibilityConfig);
         setCustomPoints(points: IPositionPoint[]): void;
@@ -21588,6 +21875,7 @@ declare module FintaChart {
         private paintExecutionPoint;
         private addOpacity;
         private getShapeWidth;
+        private decimalPlaces;
         private findClosestBarIndex;
         /**
          * Check if the current timeframe matches the initial timeframe
@@ -21994,6 +22282,11 @@ declare module FintaChart {
         private generateList;
         deleteTemplate(key: string): void;
         selectTemplate(key: string): void;
+        /** Fixed-positions the dropdown so the pane cell does not clip it. */
+        private positionDropList;
+        /** Clears inline fixed-positioning so the closed dropdown returns to flow. */
+        private resetDropListPosition;
+        private resetFibonacciLevels;
     }
 }
 declare module FintaChart {
@@ -22402,8 +22695,23 @@ declare module FintaChart {
         private _motions;
         protected state: TradingToolState;
         locked: boolean;
+        protected _dim: number | null;
         protected get canHandleEvents(): boolean;
         get canMove(): boolean;
+        get dim(): number | null;
+        /**
+         * Visually dims the trading tool by multiplying its theme colors by `value`.
+         * Pass `null` (or omit) to undim and restore the original theme.
+         * @param value Number in (0, 1] or null to clear.
+         */
+        setDimmed(value?: number | null): void;
+        /**
+         * Returns a deep clone of `src` with every `strokeColor` and `fillColor`
+         * leaf multiplied by `value`. Used by subclasses inside `actualTheme` when
+         * `_dim` is set.
+         */
+        protected _dimThemeColors<T extends object>(src: T, value: number): T;
+        private _dimWalk;
         protected constructor();
         dispose(): void;
         protected onPaneChanged(oldValue: Pane): void;
@@ -22426,6 +22734,10 @@ declare module FintaChart {
         private formatProfitDescription;
         modifyThemeColor(color: string, opacity?: number): string;
         formatValue(value: number): number;
+        protected getDisplayedBidAsk(fallbackPrice?: number): {
+            bid: number;
+            ask: number;
+        };
         private _initButtons;
         private initMotionEvents;
         protected _handleHoverGesture(gesture?: MouseHoverMotionEvent): boolean;
@@ -22541,6 +22853,10 @@ declare module FintaChart {
     const defaultLabelZIndex = 500;
     const selectedLabelZIndex = 501;
     const blur = 10;
+    const priceTypeBadgeWidth = 22;
+    const priceTypeBadgeGap = 5;
+    const STOP_LIMIT_LIMIT_SUFFIX = "limit";
+    const STOP_LIMIT_STOP_SUFFIX = "stop";
     class OrderBar extends TradingTool {
         private _config;
         get localizedKind(): string;
@@ -22553,6 +22869,7 @@ declare module FintaChart {
         get theme(): IOrderBarTheme;
         set theme(value: IOrderBarTheme);
         get actualTheme(): IOrderBarTheme;
+        setDimmed(value?: number | null): void;
         get defaultTheme(): IOrderBarTheme;
         _cancelButtonOptions: IButtonOptions;
         private _acceptedButtonOptions;
@@ -22629,6 +22946,8 @@ declare module FintaChart {
         private _forceExpanded;
         private _parentOrder?;
         get showlabel(): boolean;
+        get priceType(): 'LP' | 'SP' | null;
+        get priceTypeBadgeReservedWidth(): number;
         get isSelected(): boolean;
         private get _isExitChildOrder();
         private _ensureParentLink;
@@ -22664,6 +22983,7 @@ declare module FintaChart {
          * @inheritdoc
          */
         paint(): void;
+        private _paintPriceTypeBadge;
         finishModifyMode(): void;
         paintVerticalAxisLabels(): void;
         orderModifyStarted(): boolean;
@@ -22767,6 +23087,14 @@ declare module FintaChart {
         private _takeProfitLine;
         private _stTpLine;
         private _selected;
+        /**
+         * Instance text width for kind.
+         */
+        private _kindTextWidth;
+        /**
+         * Instance text width for quantity.
+         */
+        private _quantityTextWidth;
         /**
          * Gets/Set position.
          */
@@ -22808,6 +23136,7 @@ declare module FintaChart {
          * Gets current theme of position tool.
          */
         get actualTheme(): IPositionBarTheme;
+        setDimmed(value?: number | null): void;
         /**
          * Gets default theme of position tool.
          */
@@ -23056,12 +23385,17 @@ declare module FintaChart {
         private DRAG_THRESHOLD;
         _isTP: boolean;
         _isSL: boolean;
-        _isTpDrag: boolean;
+        _isTpDrag: boolean | null;
         sizeOptions: any;
         constructor(parent: OrderBar, isTP: boolean, isSL: boolean);
         paintVerticalAxisLabels(): void;
         protected _handleHoverGesture(gesture: MouseHoverMotionEvent): boolean;
         protected _handleMotionEventPencilDevice(gesture: MoveMotionEvent, event: IWindowEvent): boolean;
+        private _isTakeProfitCreated;
+        private _isStopLossCreated;
+        private _getButtonAreas;
+        private _isOnTakeProfitButton;
+        private _isOnStopLossButton;
         private _detectTP;
         private _updateStopLossTakeProfit;
         /**
@@ -23498,6 +23832,10 @@ declare module FintaChart {
          * Is chart OHLC panel showed
          */
         ohlcShowed?: boolean;
+        /**
+         * Is chart OHLC info card showed
+         */
+        ohlcCardShowed?: boolean;
         /**
          * Scrollbar loaded event emitter
          */
@@ -23578,6 +23916,7 @@ declare module FintaChart {
         orderSettings?: GetOrderSettingsType;
         useExternalSearchInput?: boolean;
         showLogoWatermark?: boolean;
+        useNewBrandedWatermark?: boolean;
         isChartWidget?: boolean;
     }
     /**
@@ -23608,6 +23947,10 @@ declare module FintaChart {
          * Is OHLC panel showed
          */
         ohlcShowed?: boolean;
+        /**
+         * Is OHLC info card showed
+         */
+        ohlcCardShowed?: boolean;
         /**
          * Is chart scroll enabled
          */
@@ -23621,6 +23964,7 @@ declare module FintaChart {
          */
         showInstrumentWatermark: boolean;
         showLogoWatermark: boolean;
+        useNewBrandedWatermark: boolean;
         /**
          * Is hide chart scroll to last bar
          */
@@ -23735,6 +24079,14 @@ declare module FintaChart {
         Fok = "fok",
         Ioc = "ioc"
     }
+    /**
+     * Rendering quality: trades sharpness for paint speed on weak devices.
+     */
+    enum RenderQuality {
+        LOW = "low",
+        MEDIUM = "medium",
+        HIGH = "high"
+    }
     /**
      * Provides model of min and max
      */
@@ -23835,6 +24187,10 @@ declare module FintaChart {
     const DEFAULT_BARS_COUNT = 500;
     const DEFAULT_MORE_BARS_COUNT = 1000;
     const DEFAULT_QUANTITY = 1;
+    interface IDateRangeSelection {
+        startDate: Date | null;
+        endDate: Date | null;
+    }
     const version = "2.0.0";
     enum AutoScalePanesKind {
         AllPanes = 0,
@@ -23868,6 +24224,12 @@ declare module FintaChart {
         private readonly _sessionBreakLines;
         private _supportedTimeFrames;
         private readonly _handleWindowResizeEvent;
+        private _rootResizeObserver;
+        private _lastObservedWidth;
+        private _lastObservedHeight;
+        private _resizeRafPending;
+        private _windowResizeRafPending;
+        private _renderQuality;
         private readonly _indicatorAlertsHandler;
         private readonly _addThemeCssClass;
         private readonly _barCountdown;
@@ -23943,15 +24305,21 @@ declare module FintaChart {
         private _showAlertId;
         private _favoriteIndicators;
         private _shapeTemplates;
+        private static readonly _shapeTemplatesStorageKey;
+        private static loadShapeTemplatesFromStorage;
+        private static saveShapeTemplatesToStorage;
         private _magnetMode;
         private _lockShapes;
         private _pendingTimeFrameRangeClamp;
         private _pendingInstrumentChangeDateRange;
+        private _pendingDateRangeSelection;
+        private _dateRangeSelectionToken;
         private _lastBid;
         private _lastAsk;
         private _conversionRate;
         private _touchPanActive;
         private _touchPanLastX;
+        get isTouchPanActive(): boolean;
         get conversionRate(): {
             ask: number;
             bid: number;
@@ -23996,6 +24364,13 @@ declare module FintaChart {
         get timezone(): ITimezone | null;
         set timezone(data: ITimezone | null);
         constructor(config: IChartConfig);
+        /**
+         * Dev-only on-screen FPS / frame-time meter, shown only on localhost.
+         * A small toggle button is placed at the right edge; clicking it starts
+         * an independent rAF loop that measures the real display frame rate
+         * (independent of the RefreshOptimizer throttle) during pan/zoom/hover.
+         */
+        private setupFpsMeter;
         get isInReplayMode(): boolean;
         get dateTimezoneConverter(): DateTimezoneConverter;
         get smoothLines(): boolean;
@@ -24167,6 +24542,11 @@ declare module FintaChart {
          */
         get ohlcShowed(): boolean;
         set ohlcShowed(value: boolean);
+        /**
+         * Get is OHLC info card showed
+         */
+        get ohlcCardShowed(): boolean;
+        set ohlcCardShowed(value: boolean);
         /**
          * Get chart panes
          */
@@ -24243,6 +24623,7 @@ declare module FintaChart {
         get showInstrumentWatermark(): boolean;
         set showInstrumentWatermark(value: boolean);
         get showLogoWatermark(): boolean;
+        get useNewBrandedWatermark(): boolean;
         /**
          * Get chart size
          */
@@ -24294,6 +24675,15 @@ declare module FintaChart {
          */
         get zoomEnabled(): boolean;
         set zoomEnabled(value: boolean);
+        /**
+         * Rendering quality (sharpness vs paint speed).
+         */
+        get renderQuality(): RenderQuality;
+        set renderQuality(value: RenderQuality);
+        /**
+         * Maps render quality to the DPR cap and max visible bars.
+         */
+        private applyRenderQualityCap;
         /**
          * Get trading session hours type
          */
@@ -24330,7 +24720,10 @@ declare module FintaChart {
          * @param event
          * @return Is event handled
          */
+        static evtCount: number;
+        static evtMs: number;
         onMouseEvents(event: Event): boolean;
+        private onMouseEventsImpl;
         /**
          * Scrolling chart to real time arrow
          */
@@ -24450,6 +24843,19 @@ declare module FintaChart {
          * @return Data range
          */
         dateRange(startDate?: Date, endDate?: Date): any;
+        /**
+         * Shows the specified date range, loading missing history first and
+         * optionally switching the time frame (used by the bottom-toolbar
+         * date-range presets: 1D, 5D, ..., All).
+         *
+         * @param startDate Range start; `null` shows all available history.
+         * @param endDate Range end; defaults to the last loaded bar.
+         * @param timeFrame Optional time frame to switch to before applying the range.
+         */
+        setVisibleDateRange(startDate: Date | null, endDate?: Date | null, timeFrame?: ITimeFrame): void;
+        private estimateDateRangeBarsCount;
+        private applyDateRangeSelection;
+        private waitForBarsRequestComplete;
         /**
          * Alias for `dispose()`. Both names are documented across the
          * public guides; both are supported on the runtime.
@@ -24464,6 +24870,7 @@ declare module FintaChart {
         /**
          * Paints horizontal scale and panes container
          */
+        static lastPaintMs: number;
         paint(): void;
         /**
          * Executes indicator or indicators
@@ -24549,6 +24956,14 @@ declare module FintaChart {
          * @param state
          */
         restoreIndicatorsState(state: string | IIndicatorState[]): void;
+        /**
+         * Removes orphaned panes (non-primary, no indicators, no savable
+         * shapes). Panes claimed by `indicatorStates` via `paneIndex` are kept.
+         *
+         * @param indicatorStates States whose `paneIndex` marks panes to keep.
+         * @return The number of panes removed.
+         */
+        pruneEmptyPanes(indicatorStates?: IIndicatorState[]): number;
         /**
          * Loads shapes state
          *
@@ -24717,6 +25132,15 @@ declare module FintaChart {
          * @param makeAutoScale
          */
         refreshAsync(makeAutoScale?: boolean): void;
+        private _tickRefreshInterval;
+        private _lastTickRefresh;
+        private _tickRefreshTimer;
+        private _restoreIndicatorsTimer;
+        /**
+         * Throttled refresh for the live-tick path so a busy feed cannot force
+         * a full repaint every frame. User gestures still use refreshAsync.
+         */
+        refreshOnTickAsync(): void;
         autoScalePanes(kind?: AutoScalePanesKind): void;
         /**
          * Sets chart window mode
@@ -24763,6 +25187,11 @@ declare module FintaChart {
          *
          * @param updateInstruments
          */
+        static lastRefreshMs: number;
+        static lastLayoutMs: number;
+        static lastChartTypeMs: number;
+        static lastHScaleMs: number;
+        static lastPanesMs: number;
         refresh(updateInstruments?: boolean): void;
         /**
          * Triggers a repaint after direct property mutations (theme,
@@ -24836,6 +25265,20 @@ declare module FintaChart {
         private showDataInfo;
         private hideDataInfo;
         toggleDataInfo(show: boolean): void;
+        /**
+         * Resolves the root container that holds this chart's OHLC card,
+         * accounting for the multi-chart / mobile layouts where `_rootDiv`
+         * may not be an ancestor of the card element.
+         */
+        private ohlcCardRootContainer;
+        private showOhlcCard;
+        /**
+         * Places the OHLC card at (left, top) but clamps it so the whole card
+         */
+        private clampOhlcCardPosition;
+        private hideOhlcCard;
+        toggleOhlcCardButton(show: boolean): void;
+        setOhlcCardVariant(variant: string): void;
         private translateClonedShape;
         private subscribe;
         private unsubscribe;