@pradeepjadhav/trading-reload-chart 1.0.3 → 1.0.4

package/dist/canvas/layers/ShapesLayer/FibRetracementShape.d.ts

@@ -15,7 +15,7 @@ export declare class FibRetracementShape {
         converter: ShapeCoordinateConverter;
         config?: FibRetracementConfig;
     }): void;
-    static getHandles(shape: FibRetracementShapeData, converter: ShapeCoordinateConverter, config?: FibRetracementConfig): ShapeHandleHitbox[];
+    static getHandles(shape: FibRetracementShapeData, converter: ShapeCoordinateConverter): ShapeHandleHitbox[];
     static hitTest({ point, shape, converter, tolerance, config, }: {
         point: ShapePoint;
         shape: FibRetracementShapeData;

package/dist/canvas/layers/ShapesLayer/LineShape.d.ts

@@ -15,7 +15,7 @@ export declare class LineShape {
         converter: ShapeCoordinateConverter;
         config?: CommonShapeConfig;
     }): void;
-    static getHandles(shape: TrendlineShape, converter: ShapeCoordinateConverter, config?: CommonShapeConfig): ShapeHandleHitbox[];
+    static getHandles(shape: TrendlineShape, converter: ShapeCoordinateConverter): ShapeHandleHitbox[];
     static hitTest({ point, shape, converter, tolerance, }: {
         point: ShapePoint;
         shape: TrendlineShape;

package/dist/canvas/layers/ShapesLayer/PathShape.d.ts

@@ -16,7 +16,7 @@ export declare class PathShape {
         converter: ShapeCoordinateConverter;
         config?: CommonShapeConfig;
     }): void;
-    static getHandles(shape: PathShapeData, converter: ShapeCoordinateConverter, config?: CommonShapeConfig): ShapeHandleHitbox[];
+    static getHandles(shape: PathShapeData, converter: ShapeCoordinateConverter): ShapeHandleHitbox[];
     static hitTest({ point, shape, converter, tolerance, }: {
         point: ShapePoint;
         shape: PathShapeData;

package/dist/canvas/layers/ShapesLayer/RectangleShape.d.ts

@@ -15,7 +15,7 @@ export declare class RectangleShape {
         converter: ShapeCoordinateConverter;
         config?: RectangleShapeConfig;
     }): void;
-    static getHandles(shape: RectangleShapeData, converter: ShapeCoordinateConverter, config?: RectangleShapeConfig): ShapeHandleHitbox[];
+    static getHandles(shape: RectangleShapeData, converter: ShapeCoordinateConverter): ShapeHandleHitbox[];
     static hitTest({ point, shape, converter, tolerance, }: {
         point: ShapePoint;
         shape: RectangleShapeData;

package/dist/canvas/layers/ShapesLayer/ShapesLayer.constants.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Fixed visual constants for shape drag handles.
+ * These are chart-internal rendering properties and are not user-configurable.
+ */
+export declare const SHAPE_HANDLE_CONFIG: {
+    readonly handleColor: "#0F0F0F";
+    readonly handleBorderColor: "#2962FF";
+    readonly handleBorderThickness: 1.5;
+    readonly handleRadius: 5;
+};

package/dist/canvas/layers/ShapesLayer/ShapesLayer.d.ts

@@ -15,9 +15,12 @@ export declare class ShapesLayer {
     handleHitboxes: ShapeHandleHitbox[];
     private draft;
     private dragState;
+    private lastTapTime;
+    private lastTapShapeId;
     private onShapeAdded?;
     private onShapeModified?;
     private onShapeSelected?;
+    private onShapeDoubleClicked?;
     private onToolChange?;
     constructor(options: ShapesLayerOptions);
     setCandles(candles: Candle[]): void;
@@ -29,9 +32,17 @@ export declare class ShapesLayer {
     render(): void;
     handlePointerEvent(event: PointerEvent | MouseEvent): boolean;
     handleKeyboardEvent(event: KeyboardEvent): boolean;
+    private getArrowKeyDelta;
     private handlePointerDown;
     private handlePointerMove;
     private handlePointerUp;
+    private handleDoubleClick;
+    /**
+     * Tracks touch taps and fires `onShapeDoubleClicked` on a double-tap.
+     * Only runs for touch pointer events; mouse/stylus use the `dblclick` DOM
+     * event path instead to avoid firing twice.
+     */
+    private checkTouchDoubleTap;
     private handleContextMenu;
     private handleToolPointerDown;
     private handleTwoPointDraft;

package/dist/canvas/layers/ShapesLayer/ShapesLayer.types.d.ts

@@ -72,10 +72,6 @@ export type ShapeLineStyle = "solid" | "dashed" | "dotted";
  *   lineColor: "#4ade80",
  *   lineOpacity: 1,
  *   lineStyle: "solid",
- *   handleColor: "#ffffff",
- *   handleBorderColor: "#111827",
- *   handleBorderThickness: 1,
- *   handleRadius: 4,
  * };
  * ```
  */
@@ -86,12 +82,6 @@ export type CommonShapeConfig = {
     lineStyle: ShapeLineStyle;
     fillColor?: string;
     fillOpacity?: number;
-    handleColor: string;
-    handleBorderColor: string;
-    handleBorderThickness: number;
-    handleRadius: number;
-    hoverLineWidth?: number;
-    selectedLineWidth?: number;
 };
 export type RectangleShapeConfig = CommonShapeConfig & {
     textColor: string;
@@ -112,12 +102,6 @@ export type FibRetracementConfig = {
     levels: FibLevelConfig[];
     fillColor?: string;
     fillOpacity?: number;
-    handleColor: string;
-    handleBorderColor: string;
-    handleBorderThickness: number;
-    handleRadius: number;
-    hoverLineWidth: number;
-    selectedLineWidth: number;
 };
 export type PositionShapeConfig = {
     defaultWidthCandles: number;
@@ -135,12 +119,6 @@ export type PositionShapeConfig = {
     midLineOpacity: number;
     midLineWidth: number;
     midLineStyle: ShapeLineStyle;
-    handleColor: string;
-    handleBorderColor: string;
-    handleBorderThickness: number;
-    handleRadius: number;
-    hoverLineWidth: number;
-    selectedLineWidth: number;
 };
 /**
  * Trendline shape defined by two vertices.
@@ -293,12 +271,12 @@ export type Shape = TrendlineShape | RectangleShapeData | PathShapeData | FibRet
  * @example
  * ```ts
  * const config: ShapeConfig = {
- *   trendline: { lineWidth: 2, lineColor: "#4ade80", lineOpacity: 1, lineStyle: "solid", handleColor: "#fff", handleBorderColor: "#111827", handleBorderThickness: 1, handleRadius: 4 },
- *   rectangle: { lineWidth: 2, lineColor: "#60a5fa", lineOpacity: 1, lineStyle: "solid", handleColor: "#fff", handleBorderColor: "#111827", handleBorderThickness: 1, handleRadius: 4, textColor: "#fff", textOpacity: 1, textFontFamily: "Arial", textFontSize: 12 },
- *   path: { lineWidth: 2, lineColor: "#f59e0b", lineOpacity: 1, lineStyle: "solid", handleColor: "#fff", handleBorderColor: "#111827", handleBorderThickness: 1, handleRadius: 4 },
- *   fibRetracement: { levels: [], handleColor: "#fff", handleBorderColor: "#111827", handleBorderThickness: 1, handleRadius: 4, hoverLineWidth: 3, selectedLineWidth: 3 },
- *   shortPosition: { defaultWidthCandles: 20, defaultStopLossPercent: 0.25, defaultRiskRewardRatio: 2, profitFillColor: "#16a34a", profitFillOpacity: 0.2, lossFillColor: "#dc2626", lossFillOpacity: 0.2, borderColor: "#fff", borderOpacity: 1, borderWidth: 1, borderStyle: "solid", midLineColor: "#fff", midLineOpacity: 0.8, midLineWidth: 1, midLineStyle: "dashed", handleColor: "#fff", handleBorderColor: "#111827", handleBorderThickness: 1, handleRadius: 4, hoverLineWidth: 2, selectedLineWidth: 2 },
- *   longPosition: { defaultWidthCandles: 20, defaultStopLossPercent: 0.25, defaultRiskRewardRatio: 2, profitFillColor: "#16a34a", profitFillOpacity: 0.2, lossFillColor: "#dc2626", lossFillOpacity: 0.2, borderColor: "#fff", borderOpacity: 1, borderWidth: 1, borderStyle: "solid", midLineColor: "#fff", midLineOpacity: 0.8, midLineWidth: 1, midLineStyle: "dashed", handleColor: "#fff", handleBorderColor: "#111827", handleBorderThickness: 1, handleRadius: 4, hoverLineWidth: 2, selectedLineWidth: 2 },
+ *   trendline: { lineWidth: 2, lineColor: "#4ade80", lineOpacity: 1, lineStyle: "solid" },
+ *   rectangle: { lineWidth: 2, lineColor: "#60a5fa", lineOpacity: 1, lineStyle: "solid", textColor: "#fff", textOpacity: 1, textFontFamily: "Arial", textFontSize: 12 },
+ *   path: { lineWidth: 2, lineColor: "#f59e0b", lineOpacity: 1, lineStyle: "solid" },
+ *   fibRetracement: { levels: [] },
+ *   shortPosition: { defaultWidthCandles: 20, defaultStopLossPercent: 0.25, defaultRiskRewardRatio: 2, profitFillColor: "#16a34a", profitFillOpacity: 0.2, lossFillColor: "#dc2626", lossFillOpacity: 0.2, borderColor: "#fff", borderOpacity: 1, borderWidth: 1, borderStyle: "solid", midLineColor: "#fff", midLineOpacity: 0.8, midLineWidth: 1, midLineStyle: "dashed" },
+ *   longPosition: { defaultWidthCandles: 20, defaultStopLossPercent: 0.25, defaultRiskRewardRatio: 2, profitFillColor: "#16a34a", profitFillOpacity: 0.2, lossFillColor: "#dc2626", lossFillOpacity: 0.2, borderColor: "#fff", borderOpacity: 1, borderWidth: 1, borderStyle: "solid", midLineColor: "#fff", midLineOpacity: 0.8, midLineWidth: 1, midLineStyle: "dashed" },
  * };
  * ```
  */
@@ -462,6 +440,7 @@ export type ShapesLayerOptions = {
     onShapeAdded?: (payload: ShapeAddedPayload) => void;
     onShapeModified?: (payload: ShapeModifiedPayload) => void;
     onShapeSelected?: (payload: ShapeSelectedPayload | null) => void;
+    onShapeDoubleClicked?: (payload: ShapeSelectedPayload) => void;
     onToolChange?: (tool: ShapeToolType | null) => void;
 };
 export type InternalDragState = {

package/dist/canvas/layers/ShapesLayer/ShortLongPosition.d.ts

@@ -20,12 +20,11 @@ export declare class ShortLongPosition {
         config?: PositionShapeConfig;
     }): PositionShapeData;
     static getGeometry(shape: PositionShapeData, converter: ShapeCoordinateConverter): PositionGeometry;
-    static getHandles(shape: PositionShapeData, converter: ShapeCoordinateConverter, config?: PositionShapeConfig): ShapeHandleHitbox[];
-    static hitTest({ point, shape, converter, config, }: {
+    static getHandles(shape: PositionShapeData, converter: ShapeCoordinateConverter): ShapeHandleHitbox[];
+    static hitTest({ point, shape, converter, }: {
         point: ShapePoint;
         shape: PositionShapeData;
         converter: ShapeCoordinateConverter;
-        config?: PositionShapeConfig;
     }): boolean;
     static move(shape: PositionShapeData, delta: ShapeVertex): PositionShapeData;
     static resize({ shape, handleType, vertex, converter, }: {

package/dist/chart/ChartController.types.d.ts

@@ -193,6 +193,18 @@ export type ChartControllerProps = {
      * ```
      */
     onShapeSelected?: (payload: ShapeSelectedPayload | null) => void;
+    /**
+     * Called when the user double-clicks on a shape.
+     *
+     * Fires with the same payload as {@link onShapeSelected} but only on a
+     * double-click gesture. Does not affect shape selection state.
+     *
+     * @example
+     * ```ts
+     * onShapeDoubleClicked: (payload) => openShapeEditor(payload.shapeId)
+     * ```
+     */
+    onShapeDoubleClicked?: (payload: ShapeSelectedPayload) => void;
     /**
      * Called when the chart wants the parent to change the active drawing tool.
      *