@363045841yyt/klinechart 0.8.4 → 0.8.6

package/dist/composables/chart/useChartTheme.d.ts

@@ -0,0 +1,329 @@
+import { Ref } from 'vue';
+import { ChartSettings } from '@363045841yyt/klinechart-core/config';
+import { ChartController } from '@363045841yyt/klinechart-core/controllers';
+export declare function useChartTheme(ctrl: Ref<ChartController | null>): {
+    chartTheme: Ref<"light" | "dark", "light" | "dark">;
+    chartSettings: Ref<{
+        [x: string]: string | boolean | {
+            light?: {
+                background?: string | undefined;
+                foreground?: string | undefined;
+                chartBackground?: string | undefined;
+                candleUpBody?: string | undefined;
+                candleUpBorder?: string | undefined;
+                candleUpWick?: string | undefined;
+                candleDownBody?: string | undefined;
+                candleDownBorder?: string | undefined;
+                candleDownWick?: string | undefined;
+                volumeUp?: string | undefined;
+                volumeDown?: string | undefined;
+                axisText?: string | undefined;
+                axisLine?: string | undefined;
+                axisTick?: string | undefined;
+                gridMajor?: string | undefined;
+                gridMinor?: string | undefined;
+                crosshairLine?: string | undefined;
+                crosshairLabelBg?: string | undefined;
+                crosshairLabelText?: string | undefined;
+                selectionFill?: string | undefined;
+                selectionStroke?: string | undefined;
+                tooltipBg?: string | undefined;
+                tooltipText?: string | undefined;
+                tooltipBorder?: string | undefined;
+                volumeProfilePoc?: string | undefined;
+                footprintAsk?: string | undefined;
+                footprintBid?: string | undefined;
+                footprintImbalance?: string | undefined;
+                alertActive?: string | undefined;
+                alertTriggered?: string | undefined;
+                alertMuted?: string | undefined;
+                avwapLine?: string | undefined;
+                avwapBand?: string | undefined;
+                mtfOverlay?: string | undefined;
+            } | undefined;
+            dark?: {
+                background?: string | undefined;
+                foreground?: string | undefined;
+                chartBackground?: string | undefined;
+                candleUpBody?: string | undefined;
+                candleUpBorder?: string | undefined;
+                candleUpWick?: string | undefined;
+                candleDownBody?: string | undefined;
+                candleDownBorder?: string | undefined;
+                candleDownWick?: string | undefined;
+                volumeUp?: string | undefined;
+                volumeDown?: string | undefined;
+                axisText?: string | undefined;
+                axisLine?: string | undefined;
+                axisTick?: string | undefined;
+                gridMajor?: string | undefined;
+                gridMinor?: string | undefined;
+                crosshairLine?: string | undefined;
+                crosshairLabelBg?: string | undefined;
+                crosshairLabelText?: string | undefined;
+                selectionFill?: string | undefined;
+                selectionStroke?: string | undefined;
+                tooltipBg?: string | undefined;
+                tooltipText?: string | undefined;
+                tooltipBorder?: string | undefined;
+                volumeProfilePoc?: string | undefined;
+                footprintAsk?: string | undefined;
+                footprintBid?: string | undefined;
+                footprintImbalance?: string | undefined;
+                alertActive?: string | undefined;
+                alertTriggered?: string | undefined;
+                alertMuted?: string | undefined;
+                avwapLine?: string | undefined;
+                avwapBand?: string | undefined;
+                mtfOverlay?: string | undefined;
+            } | undefined;
+        } | undefined;
+        showGridLines?: string | boolean | undefined;
+        showVolumePriceMarkers?: string | boolean | undefined;
+        axisType?: string | boolean | undefined;
+        disableMainPaneVerticalScroll?: string | boolean | undefined;
+        isAsiaMarket?: string | boolean | undefined;
+        enableWebGLRendering?: string | boolean | undefined;
+        theme?: string | boolean | undefined;
+        enableCanvasProfiler?: string | boolean | undefined;
+        colorPresetSettings?: {
+            light?: {
+                background?: string | undefined;
+                foreground?: string | undefined;
+                chartBackground?: string | undefined;
+                candleUpBody?: string | undefined;
+                candleUpBorder?: string | undefined;
+                candleUpWick?: string | undefined;
+                candleDownBody?: string | undefined;
+                candleDownBorder?: string | undefined;
+                candleDownWick?: string | undefined;
+                volumeUp?: string | undefined;
+                volumeDown?: string | undefined;
+                axisText?: string | undefined;
+                axisLine?: string | undefined;
+                axisTick?: string | undefined;
+                gridMajor?: string | undefined;
+                gridMinor?: string | undefined;
+                crosshairLine?: string | undefined;
+                crosshairLabelBg?: string | undefined;
+                crosshairLabelText?: string | undefined;
+                selectionFill?: string | undefined;
+                selectionStroke?: string | undefined;
+                tooltipBg?: string | undefined;
+                tooltipText?: string | undefined;
+                tooltipBorder?: string | undefined;
+                volumeProfilePoc?: string | undefined;
+                footprintAsk?: string | undefined;
+                footprintBid?: string | undefined;
+                footprintImbalance?: string | undefined;
+                alertActive?: string | undefined;
+                alertTriggered?: string | undefined;
+                alertMuted?: string | undefined;
+                avwapLine?: string | undefined;
+                avwapBand?: string | undefined;
+                mtfOverlay?: string | undefined;
+            } | undefined;
+            dark?: {
+                background?: string | undefined;
+                foreground?: string | undefined;
+                chartBackground?: string | undefined;
+                candleUpBody?: string | undefined;
+                candleUpBorder?: string | undefined;
+                candleUpWick?: string | undefined;
+                candleDownBody?: string | undefined;
+                candleDownBorder?: string | undefined;
+                candleDownWick?: string | undefined;
+                volumeUp?: string | undefined;
+                volumeDown?: string | undefined;
+                axisText?: string | undefined;
+                axisLine?: string | undefined;
+                axisTick?: string | undefined;
+                gridMajor?: string | undefined;
+                gridMinor?: string | undefined;
+                crosshairLine?: string | undefined;
+                crosshairLabelBg?: string | undefined;
+                crosshairLabelText?: string | undefined;
+                selectionFill?: string | undefined;
+                selectionStroke?: string | undefined;
+                tooltipBg?: string | undefined;
+                tooltipText?: string | undefined;
+                tooltipBorder?: string | undefined;
+                volumeProfilePoc?: string | undefined;
+                footprintAsk?: string | undefined;
+                footprintBid?: string | undefined;
+                footprintImbalance?: string | undefined;
+                alertActive?: string | undefined;
+                alertTriggered?: string | undefined;
+                alertMuted?: string | undefined;
+                avwapLine?: string | undefined;
+                avwapBand?: string | undefined;
+                mtfOverlay?: string | undefined;
+            } | undefined;
+        } | undefined;
+    }, ChartSettings | {
+        [x: string]: string | boolean | {
+            light?: {
+                background?: string | undefined;
+                foreground?: string | undefined;
+                chartBackground?: string | undefined;
+                candleUpBody?: string | undefined;
+                candleUpBorder?: string | undefined;
+                candleUpWick?: string | undefined;
+                candleDownBody?: string | undefined;
+                candleDownBorder?: string | undefined;
+                candleDownWick?: string | undefined;
+                volumeUp?: string | undefined;
+                volumeDown?: string | undefined;
+                axisText?: string | undefined;
+                axisLine?: string | undefined;
+                axisTick?: string | undefined;
+                gridMajor?: string | undefined;
+                gridMinor?: string | undefined;
+                crosshairLine?: string | undefined;
+                crosshairLabelBg?: string | undefined;
+                crosshairLabelText?: string | undefined;
+                selectionFill?: string | undefined;
+                selectionStroke?: string | undefined;
+                tooltipBg?: string | undefined;
+                tooltipText?: string | undefined;
+                tooltipBorder?: string | undefined;
+                volumeProfilePoc?: string | undefined;
+                footprintAsk?: string | undefined;
+                footprintBid?: string | undefined;
+                footprintImbalance?: string | undefined;
+                alertActive?: string | undefined;
+                alertTriggered?: string | undefined;
+                alertMuted?: string | undefined;
+                avwapLine?: string | undefined;
+                avwapBand?: string | undefined;
+                mtfOverlay?: string | undefined;
+            } | undefined;
+            dark?: {
+                background?: string | undefined;
+                foreground?: string | undefined;
+                chartBackground?: string | undefined;
+                candleUpBody?: string | undefined;
+                candleUpBorder?: string | undefined;
+                candleUpWick?: string | undefined;
+                candleDownBody?: string | undefined;
+                candleDownBorder?: string | undefined;
+                candleDownWick?: string | undefined;
+                volumeUp?: string | undefined;
+                volumeDown?: string | undefined;
+                axisText?: string | undefined;
+                axisLine?: string | undefined;
+                axisTick?: string | undefined;
+                gridMajor?: string | undefined;
+                gridMinor?: string | undefined;
+                crosshairLine?: string | undefined;
+                crosshairLabelBg?: string | undefined;
+                crosshairLabelText?: string | undefined;
+                selectionFill?: string | undefined;
+                selectionStroke?: string | undefined;
+                tooltipBg?: string | undefined;
+                tooltipText?: string | undefined;
+                tooltipBorder?: string | undefined;
+                volumeProfilePoc?: string | undefined;
+                footprintAsk?: string | undefined;
+                footprintBid?: string | undefined;
+                footprintImbalance?: string | undefined;
+                alertActive?: string | undefined;
+                alertTriggered?: string | undefined;
+                alertMuted?: string | undefined;
+                avwapLine?: string | undefined;
+                avwapBand?: string | undefined;
+                mtfOverlay?: string | undefined;
+            } | undefined;
+        } | undefined;
+        showGridLines?: string | boolean | undefined;
+        showVolumePriceMarkers?: string | boolean | undefined;
+        axisType?: string | boolean | undefined;
+        disableMainPaneVerticalScroll?: string | boolean | undefined;
+        isAsiaMarket?: string | boolean | undefined;
+        enableWebGLRendering?: string | boolean | undefined;
+        theme?: string | boolean | undefined;
+        enableCanvasProfiler?: string | boolean | undefined;
+        colorPresetSettings?: {
+            light?: {
+                background?: string | undefined;
+                foreground?: string | undefined;
+                chartBackground?: string | undefined;
+                candleUpBody?: string | undefined;
+                candleUpBorder?: string | undefined;
+                candleUpWick?: string | undefined;
+                candleDownBody?: string | undefined;
+                candleDownBorder?: string | undefined;
+                candleDownWick?: string | undefined;
+                volumeUp?: string | undefined;
+                volumeDown?: string | undefined;
+                axisText?: string | undefined;
+                axisLine?: string | undefined;
+                axisTick?: string | undefined;
+                gridMajor?: string | undefined;
+                gridMinor?: string | undefined;
+                crosshairLine?: string | undefined;
+                crosshairLabelBg?: string | undefined;
+                crosshairLabelText?: string | undefined;
+                selectionFill?: string | undefined;
+                selectionStroke?: string | undefined;
+                tooltipBg?: string | undefined;
+                tooltipText?: string | undefined;
+                tooltipBorder?: string | undefined;
+                volumeProfilePoc?: string | undefined;
+                footprintAsk?: string | undefined;
+                footprintBid?: string | undefined;
+                footprintImbalance?: string | undefined;
+                alertActive?: string | undefined;
+                alertTriggered?: string | undefined;
+                alertMuted?: string | undefined;
+                avwapLine?: string | undefined;
+                avwapBand?: string | undefined;
+                mtfOverlay?: string | undefined;
+            } | undefined;
+            dark?: {
+                background?: string | undefined;
+                foreground?: string | undefined;
+                chartBackground?: string | undefined;
+                candleUpBody?: string | undefined;
+                candleUpBorder?: string | undefined;
+                candleUpWick?: string | undefined;
+                candleDownBody?: string | undefined;
+                candleDownBorder?: string | undefined;
+                candleDownWick?: string | undefined;
+                volumeUp?: string | undefined;
+                volumeDown?: string | undefined;
+                axisText?: string | undefined;
+                axisLine?: string | undefined;
+                axisTick?: string | undefined;
+                gridMajor?: string | undefined;
+                gridMinor?: string | undefined;
+                crosshairLine?: string | undefined;
+                crosshairLabelBg?: string | undefined;
+                crosshairLabelText?: string | undefined;
+                selectionFill?: string | undefined;
+                selectionStroke?: string | undefined;
+                tooltipBg?: string | undefined;
+                tooltipText?: string | undefined;
+                tooltipBorder?: string | undefined;
+                volumeProfilePoc?: string | undefined;
+                footprintAsk?: string | undefined;
+                footprintBid?: string | undefined;
+                footprintImbalance?: string | undefined;
+                alertActive?: string | undefined;
+                alertTriggered?: string | undefined;
+                alertMuted?: string | undefined;
+                avwapLine?: string | undefined;
+                avwapBand?: string | undefined;
+                mtfOverlay?: string | undefined;
+            } | undefined;
+        } | undefined;
+    }>;
+    tooltipColors: import('vue').ComputedRef<{
+        upColor: string;
+        downColor: string;
+    }>;
+    themeCssVars: import('vue').ComputedRef<Record<string, string>>;
+    handleSettingsChange: (settings: ChartSettings) => void;
+    applyThemeFromSettings: (themeSetting: string | undefined) => void;
+};
+//# sourceMappingURL=useChartTheme.d.ts.map

package/dist/composables/chart/useChartTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartTheme.d.ts","sourceRoot":"","sources":["../../../src/composables/chart/useChartTheme.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAQ9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAA;AACzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAA;AAEhF,wBAAgB,aAAa,CAAC,IAAI,EAAE,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAiDrB,aAAa;2CAnBP,MAAM,GAAG,SAAS;EAsCjE"}

package/dist/composables/chart/useDrawingManager.d.ts

@@ -0,0 +1,86 @@
+import { Ref } from 'vue';
+import { DrawingInteractionController, ChartController } from '@363045841yyt/klinechart-core/controllers';
+import { DrawingObject, DrawingStyle } from '@363045841yyt/klinechart-core/plugin';
+export declare function useDrawingManager(ctrl: Ref<ChartController | null>): {
+    drawingController: import('vue').ShallowRef<DrawingInteractionController | null, DrawingInteractionController | null>;
+    selectedDrawingId: Ref<string | null, string | null>;
+    selectedDrawing: import('vue').ComputedRef<{
+        id: string;
+        kind: import('@363045841yyt/klinechart-core/plugin').DrawingKind;
+        paneId: string;
+        visible: boolean;
+        locked?: boolean | undefined;
+        zIndex?: number | undefined;
+        anchors: {
+            id: string;
+            index: number;
+            time?: number | string | undefined;
+            price: number;
+        }[];
+        params: Record<string, unknown>;
+        style: {
+            stroke?: string | undefined;
+            strokeWidth?: number | undefined;
+            strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
+            fill?: string | undefined;
+            fillOpacity?: number | undefined;
+            pointRadius?: number | undefined;
+            textColor?: string | undefined;
+            fontSize?: number | undefined;
+        };
+    } | null>;
+    drawings: Ref<{
+        id: string;
+        kind: import('@363045841yyt/klinechart-core/plugin').DrawingKind;
+        paneId: string;
+        visible: boolean;
+        locked?: boolean | undefined;
+        zIndex?: number | undefined;
+        anchors: {
+            id: string;
+            index: number;
+            time?: number | string | undefined;
+            price: number;
+        }[];
+        params: Record<string, unknown>;
+        style: {
+            stroke?: string | undefined;
+            strokeWidth?: number | undefined;
+            strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
+            fill?: string | undefined;
+            fillOpacity?: number | undefined;
+            pointRadius?: number | undefined;
+            textColor?: string | undefined;
+            fontSize?: number | undefined;
+        };
+    }[], DrawingObject[] | {
+        id: string;
+        kind: import('@363045841yyt/klinechart-core/plugin').DrawingKind;
+        paneId: string;
+        visible: boolean;
+        locked?: boolean | undefined;
+        zIndex?: number | undefined;
+        anchors: {
+            id: string;
+            index: number;
+            time?: number | string | undefined;
+            price: number;
+        }[];
+        params: Record<string, unknown>;
+        style: {
+            stroke?: string | undefined;
+            strokeWidth?: number | undefined;
+            strokeStyle?: "solid" | "dashed" | "dotted" | undefined;
+            fill?: string | undefined;
+            fillOpacity?: number | undefined;
+            pointRadius?: number | undefined;
+            textColor?: string | undefined;
+            fontSize?: number | undefined;
+        };
+    }[]>;
+    handleSelectTool: (toolId: string) => void;
+    onUpdateDrawingStyle: (style: Partial<DrawingStyle>) => void;
+    onDeleteDrawing: () => void;
+    setupDrawing: (chartCtrl: ChartController) => void;
+};
+//# sourceMappingURL=useDrawingManager.d.ts.map

package/dist/composables/chart/useDrawingManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawingManager.d.ts","sourceRoot":"","sources":["../../../src/composables/chart/useDrawingManager.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAA6B,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AACzD,OAAO,EACL,4BAA4B,EAC5B,KAAK,eAAe,EAErB,MAAM,2CAA2C,CAAA;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAA;AAEvF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAU/B,MAAM;kCAIH,OAAO,CAAC,YAAY,CAAC;;8BAczB,eAAe,KAAG,IAAI;EAwBxD"}

package/dist/composables/chart/useIndicatorManager.d.ts

@@ -0,0 +1,38 @@
+import { Ref } from 'vue';
+import { ChartController, PaneSpec, SubIndicatorType } from '@363045841yyt/klinechart-core/controllers';
+import { SemanticChartConfig } from '@363045841yyt/klinechart-core/semantic';
+interface SubPaneSlot {
+    id: string;
+    indicatorId: SubIndicatorType;
+    params: Record<string, unknown>;
+}
+export declare function useIndicatorManager(ctrl: Ref<ChartController | null>, paneRatiosRef: Ref<Record<string, number>>): {
+    mainActiveIndicators: Ref<string[], string[]>;
+    subActiveIndicators: import('vue').ComputedRef<string[]>;
+    activeIndicators: import('vue').ComputedRef<string[]>;
+    indicatorParams: Ref<Record<string, Record<string, unknown>>, Record<string, Record<string, unknown>>>;
+    subPanes: Ref<{
+        id: string;
+        indicatorId: SubIndicatorType;
+        params: Record<string, unknown>;
+    }[], SubPaneSlot[] | {
+        id: string;
+        indicatorId: SubIndicatorType;
+        params: Record<string, unknown>;
+    }[]>;
+    maxSubPanes: number;
+    buildPaneLayoutIntent: () => PaneSpec[];
+    getDefaultParams: (indicatorId: SubIndicatorType) => Record<string, number | boolean | string>;
+    isSubPaneIndicator: (id: string) => boolean;
+    addSubPane: (indicatorId?: SubIndicatorType, params?: Record<string, number | boolean | string>) => boolean;
+    removeSubPane: (paneId: string) => void;
+    clearAllSubPanes: () => void;
+    initIndicatorsFromConfig: (semanticConfig?: SemanticChartConfig) => void;
+    switchSubIndicator: (paneId: string, newIndicatorId: SubIndicatorType) => void;
+    handleIndicatorToggle: (indicatorId: string, active: boolean) => void;
+    handleUpdateParams: (indicatorId: string, params: Record<string, unknown>) => void;
+    handleReorderSubIndicators: (orderedIndicatorIds: string[]) => void;
+    setupIndicatorSubscriptions: (chartCtrl: ChartController) => () => void;
+};
+export {};
+//# sourceMappingURL=useIndicatorManager.d.ts.map

package/dist/composables/chart/useIndicatorManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIndicatorManager.d.ts","sourceRoot":"","sources":["../../../src/composables/chart/useIndicatorManager.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAC7C,OAAO,KAAK,EACV,eAAe,EACf,QAAQ,EAER,gBAAgB,EACjB,MAAM,2CAA2C,CAAA;AAElD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAA;AAEjF,UAAU,WAAW;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,EAAE,gBAAgB,CAAA;IAC7B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAChC;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC,EACjC,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;;;;;;YAPtC,MAAM;qBACG,gBAAgB;gBACrB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;YAF3B,MAAM;qBACG,gBAAgB;gBACrB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;iCAgCG,QAAQ,EAAE;oCAgB7B,gBAAgB,KAC5B,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;6BASZ,MAAM,KAAG,OAAO;+BAOjC,gBAAgB,WACpB,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC,KACjD,OAAO;4BAYqB,MAAM,KAAG,IAAI;4BAIf,IAAI;gDAMkB,mBAAmB,KAAG,IAAI;iCAmBzC,MAAM,kBAAkB,gBAAgB,KAAG,IAAI;yCAKvC,MAAM,UAAU,OAAO;sCAoC1B,MAAM,UAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;sDAmBvB,MAAM,EAAE;6CAuCjB,eAAe,KAAG,MAAM,IAAI;EAgF7E"}

package/dist/composables/chart/useRangeSelection.d.ts

@@ -0,0 +1,66 @@
+import { Ref, ComputedRef } from 'vue';
+import { ChartController, DataFetcher } from '@363045841yyt/klinechart-core/controllers';
+import { Bounds } from '../../tools/calcRangeOverlayPixel';
+interface RangeSelectionState {
+    startTimestamp: number | null;
+    endTimestamp: number | null;
+    isDragging: boolean;
+}
+export declare function useRangeSelection(options: {
+    controller: Ref<ChartController | null>;
+    activeToolId: Ref<string>;
+    containerRef: Ref<HTMLElement | null>;
+    dataVersion: Ref<number>;
+    viewportVersion: Ref<number>;
+    dataFetcher: Ref<DataFetcher | null>;
+    batchStockCodes: Ref<string[]>;
+}): {
+    rangeSelection: Ref<{
+        startTimestamp: number | null;
+        endTimestamp: number | null;
+        isDragging: boolean;
+    }, RangeSelectionState | {
+        startTimestamp: number | null;
+        endTimestamp: number | null;
+        isDragging: boolean;
+    }>;
+    customStartDate: Ref<string, string>;
+    customEndDate: Ref<string, string>;
+    containerScrollLeft: Ref<number, number>;
+    isRangeSelectActive: ComputedRef<boolean>;
+    rangeSelectionReady: ComputedRef<boolean>;
+    rangeSelectionBounds: ComputedRef<Bounds | null>;
+    rangeSelectionCount: ComputedRef<number>;
+    rangeSelectionStartLabel: ComputedRef<string>;
+    rangeSelectionEndLabel: ComputedRef<string>;
+    rangeSelectionOverlayStyle: ComputedRef<{
+        left: string;
+        width: string;
+        height: string;
+    } | null>;
+    clearRangeSelection: () => void;
+    handleRangePointerDown: (e: PointerEvent, container: HTMLElement) => boolean;
+    handleRangePointerMove: (e: PointerEvent, container: HTMLElement) => boolean;
+    handleRangePointerUp: (e: PointerEvent, container: HTMLElement) => boolean;
+    exportRangeToCsv: () => Promise<void>;
+    exportingProgress: Ref<{
+        current: number;
+        total: number;
+        label: string;
+    } | null, {
+        current: number;
+        total: number;
+        label: string;
+    } | {
+        current: number;
+        total: number;
+        label: string;
+    } | null>;
+    onEdgePointerDown: (side: "left" | "right", e: PointerEvent) => void;
+    onEdgePointerMove: (e: PointerEvent) => void;
+    onEdgePointerUp: (e: PointerEvent) => void;
+    onScroll: () => void;
+    syncScrollLeft: () => void;
+};
+export {};
+//# sourceMappingURL=useRangeSelection.d.ts.map

package/dist/composables/chart/useRangeSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRangeSelection.d.ts","sourceRoot":"","sources":["../../../src/composables/chart/useRangeSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,GAAG,EAAE,KAAK,WAAW,EAAE,MAAM,KAAK,CAAA;AAEtE,OAAO,KAAK,EAAa,eAAe,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAA;AAExG,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAM/D,UAAU,mBAAmB;IAC3B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,OAAO,CAAA;CACpB;AAsCD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE;IACzC,UAAU,EAAE,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC,CAAA;IACvC,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,YAAY,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACrC,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACxB,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC5B,WAAW,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACpC,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAA;CAC/B;;wBAjDiB,MAAM,GAAG,IAAI;sBACf,MAAM,GAAG,IAAI;oBACf,OAAO;;wBAFH,MAAM,GAAG,IAAI;sBACf,MAAM,GAAG,IAAI;oBACf,OAAO;;;;;;;;;;;;;;;;;gCA+JgB,YAAY,aAAa,WAAW,KAAG,OAAO;gCAwB9C,YAAY,aAAa,WAAW,KAAG,OAAO;8BAchD,YAAY,aAAa,WAAW,KAAG,OAAO;;;iBA/ItC,MAAM;eAAS,MAAM;eAAS,MAAM;;iBAApC,MAAM;eAAS,MAAM;eAAS,MAAM;;iBAApC,MAAM;eAAS,MAAM;eAAS,MAAM;;8BAsK5C,MAAM,GAAG,OAAO,KAAK,YAAY;2BAQpC,YAAY;yBA0Cd,YAAY;;;EA4IzC"}

package/dist/composables/useTeleportedPopup.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+export declare function useTeleportedPopup(triggerRef: Ref<HTMLElement | null>, popupRef: Ref<HTMLElement | null>, gap?: number): {
+    popupStyle: Ref<Record<string, string>, Record<string, string>>;
+    updatePosition: () => void;
+    startPositionSync: () => void;
+    stopPositionSync: () => void;
+};
+//# sourceMappingURL=useTeleportedPopup.d.ts.map

package/dist/composables/useTeleportedPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTeleportedPopup.d.ts","sourceRoot":"","sources":["../../src/composables/useTeleportedPopup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAE7C,wBAAgB,kBAAkB,CAChC,UAAU,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EACnC,QAAQ,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EACjC,GAAG,SAAI;;;;;EAwCR"}