@vninvestcharts/widget 0.0.0-stage → 0.2.0

package/dist/dts/widget/components/SystemMenu.d.ts

@@ -0,0 +1,66 @@
+import React, { type CSSProperties, type ReactNode } from "react";
+import type { ChartTheme } from "../../lib/core";
+export interface SystemMenuProps {
+    activeTarget?: "workspace" | "chart";
+    currentWorkspaceId: string | null;
+    currentWorkspaceName: string;
+    workspaces: Array<{
+        id: string;
+        name: string;
+        updatedAt: number;
+    }>;
+    onSaveWorkspace: (workspaceId: string, name: string) => Promise<void>;
+    onLoadWorkspace: (workspaceId: string) => Promise<void>;
+    onDeleteWorkspace: (workspaceId: string) => Promise<void>;
+    onImportWorkspace: (file: File) => Promise<void>;
+    onExportWorkspace: (workspaceId: string) => Promise<void>;
+    onNewWorkspace: () => void;
+    layoutPresets: Array<{
+        id: string;
+        name: string;
+        layout: any;
+    }>;
+    currentLayoutId: string | null;
+    onLayoutPresetSelect: (presetId: string) => void;
+    onOpenLayoutDesigner?: () => void;
+    layout?: {
+        rows: number;
+        cols: number;
+    };
+    onLayoutChange?: (layout: {
+        rows: number;
+        cols: number;
+    }) => void;
+    syncSettings: {
+        visibleRange: boolean;
+        crosshair: boolean;
+        drawings: boolean;
+        symbolLinks: boolean;
+        timeframe: boolean;
+        chartType: boolean;
+        replay: boolean;
+        time: boolean;
+    };
+    onSyncToggle: (type: keyof SystemMenuProps["syncSettings"]) => void;
+    onExportSnapshot: () => void;
+    onExportData: () => void;
+    onOpenSettings: () => void;
+    currentTheme?: ChartTheme;
+    onThemeChange?: (theme: ChartTheme) => void;
+    onUpgradeClick?: () => void;
+    activeTool?: string | null;
+    onToolSelect?: (toolId: string) => void;
+    canUndo?: boolean;
+    canRedo?: boolean;
+    onUndo?: () => void;
+    onRedo?: () => void;
+    onClearAll?: () => void;
+    variant?: "dropdown" | "bottomsheet";
+    onClose?: () => void;
+    portalRoot?: HTMLElement | null;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+export declare const SystemMenu: React.FC<SystemMenuProps>;
+export default SystemMenu;

package/dist/dts/widget/components/Toast.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from "react";
+export type ToastTone = "info" | "success" | "warn" | "error";
+export interface ToastItem {
+    id: number;
+    message: string;
+    tone: ToastTone;
+}
+interface ToastContextValue {
+    toasts: readonly ToastItem[];
+    pushToast: (message: string, tone?: ToastTone, timeoutMs?: number) => number;
+    dismissToast: (id: number) => void;
+}
+/** BL-10: app-level toast provider. Mount once near the widget root. */
+export declare function ToastProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useToasts(): ToastContextValue;
+/** BL-10: toast stack. Mount once near the widget root, after ToastProvider. */
+export declare function ToastHost(): import("react").JSX.Element | null;
+export {};

package/dist/dts/widget/components/canvas/BarCountdownBadge.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface BarCountdownBadgeProps {
+    timeframe?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    isDark?: boolean;
+}
+export declare const BarCountdownBadge: React.FC<BarCountdownBadgeProps>;

package/dist/dts/widget/components/canvas/ChartA11ySummary.d.ts

@@ -0,0 +1,40 @@
+export interface ChartA11ySummaryProps {
+    /**
+     * DOM id, referenced by the chart root's `aria-describedby`.
+     *
+     * MUST be unique per chart instance: a shared id yields duplicate ids in a
+     * multi-chart workspace and every `aria-describedby` then resolves to the
+     * first match in document order, so the wrong chart is announced.
+     */
+    id: string;
+    symbol: string;
+    timeframe: string;
+    /** Latest OHLC of the active series, when known. */
+    ohlc?: {
+        open: number;
+        high: number;
+        low: number;
+        close: number;
+    } | null;
+    /** Number of bars currently loaded. */
+    barCount: number;
+    /** Visible (viewport) range in bar indices, when known. */
+    visibleRange?: {
+        from: number;
+        to: number;
+    } | null;
+    /** Human-readable status, e.g. "loading" or an error message. */
+    status?: string;
+}
+/**
+ * UX-03 — DOM alternative for the canvas chart.
+ *
+ * The engine renders to a bare `<canvas>`, which screen readers cannot read.
+ * This region exposes the same essential facts as text, and is linked to the
+ * chart container via `aria-describedby` so it is announced on focus without
+ * interrupting pointer interaction.
+ *
+ * It is visually hidden (not `display:none`, which would remove it from the
+ * accessibility tree) and polite, so data ticks do not spam a screen reader.
+ */
+export declare function ChartA11ySummary({ id, symbol, timeframe, ohlc, barCount, visibleRange, status, }: ChartA11ySummaryProps): import("react").JSX.Element;

package/dist/dts/widget/components/canvas/ChartStatusLine.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+import type { EnrichedDatum } from "../../../lib/core/calculators/types";
+import { type PaneDescriptor } from "../../../lib/core";
+export interface ChartStatusLineProps {
+    symbol: string;
+    timeframe: string;
+    hoveredDatum?: EnrichedDatum | null;
+    lastDatum?: EnrichedDatum | null;
+    isDark?: boolean;
+    plotBounds?: {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    };
+    leftAxisWidth?: number;
+    onSettingsClick?: () => void;
+    onToggleSeriesVisibility?: (seriesId: string) => void;
+    onRemoveIndicator?: (paneId: string, seriesId: string) => void;
+    pane?: PaneDescriptor;
+    showCountdown?: boolean;
+    /**
+     * DECLUTTER_V4: compare legend node (same IndicatorLegend chips as the
+     * multichart pane header) rendered directly below the OHLC row, so the
+     * compare symbol never needs its own full-width strip above the chart.
+     */
+    compareLegend?: React.ReactNode;
+    /**
+     * SINGLE-OHLC: hide the main symbol+OHLC row (it duplicates the widget
+     * header OHLC cluster). Compare chips + indicator sub-rows stay and move
+     * up to the plot top, just under the chart header.
+     */
+    hideMainRow?: boolean;
+}
+export declare function resolveExchangeAndSymbol(rawSymbol: string): {
+    exchange: string;
+    cleanSymbol: string;
+};
+export declare const ChartStatusLine: React.FC<ChartStatusLineProps>;

package/dist/dts/widget/components/canvas/PricePaneHeader.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import type { PaneDescriptor, SeriesTypeId } from "../../../lib/core/types/pane-descriptor";
+import { type HoverEmitter } from "../../context/HoverEmitter";
+export interface PricePaneHeaderProps {
+    pane: PaneDescriptor;
+    symbol: string;
+    timeframe: string;
+    chartId: string;
+    isActive?: boolean;
+    symbolLinkGroup?: string | null;
+    hoverEmitterRef: React.RefObject<HoverEmitter | null>;
+    actions: {
+        toggleVisibility: () => void;
+        removePane: () => void;
+        addSeries: () => void;
+        toggleSeries: (seriesType: SeriesTypeId, seriesIndex?: number) => void;
+        removeSeries: (seriesType: SeriesTypeId, seriesIndex?: number) => void;
+    };
+    onSettingsClick?: () => void;
+    onSymbolSearchClick?: () => void;
+    children?: React.ReactNode;
+}
+export declare const PricePaneHeader: React.FC<PricePaneHeaderProps>;
+export default PricePaneHeader;

package/dist/dts/widget/components/canvas/PriceScaleMenu.d.ts

@@ -0,0 +1,27 @@
+import type { PriceScaleMode } from "@vninvestcharts/engine-core";
+export interface PriceScaleMenuState {
+    /** Menu anchor in chart-local px. */
+    x: number;
+    y: number;
+    paneId: string;
+    scaleSlotId: string;
+    /** Current slot mode (for the active checkmark). */
+    mode: PriceScaleMode;
+    /** False when the slot domain is non-positive (log unavailable). */
+    logAvailable: boolean;
+    /**
+     * CHART_CLAMP: viewport-space right/bottom of the owning chart surface
+     * (same space as x/y). Keeps the menu inside its own chart in multi-grid.
+     */
+    flipRight?: number;
+    flipBottom?: number;
+}
+export interface PriceScaleMenuProps {
+    menu: PriceScaleMenuState | null;
+    isDark?: boolean;
+    t: (key: string) => string;
+    onSelectMode: (mode: PriceScaleMode) => void;
+    onResetZoom: () => void;
+    onClose: () => void;
+}
+export declare function PriceScaleMenu({ menu, isDark, t, onSelectMode, onResetZoom, onClose }: PriceScaleMenuProps): import("react").JSX.Element | null;

package/dist/dts/widget/components/canvas/TimeAxisScrollbar.d.ts

@@ -0,0 +1,18 @@
+export declare const SCROLLBAR_MIN_SPAN = 10;
+export interface TimeAxisScrollbarProps {
+    dataLength: number;
+    /** Half-open visible window in bar indices. */
+    from: number;
+    to: number;
+    /** Close prices for the overview sparkline (any length, sampled). */
+    closes: readonly number[];
+    width: number;
+    t: (key: string) => string;
+    onWindowChange: (from: number, to: number) => void;
+}
+/** Clamp a window into [0, dataLength] keeping >= minSpan. Total function. */
+export declare function clampWindow(from: number, to: number, dataLength: number, minSpan?: number): {
+    from: number;
+    to: number;
+};
+export declare function TimeAxisScrollbar({ dataLength, from, to, closes, width, t, onWindowChange }: TimeAxisScrollbarProps): import("react").JSX.Element;

package/dist/dts/widget/components/common/Icons.d.ts

@@ -0,0 +1,67 @@
+/**
+ * P2-a: Icons.tsx — internal SVG chrome icon set (zero new dependencies, F2 approved).
+ *
+ * Conventions: 16x16 viewBox, 1.5px stroke, currentColor, round caps —
+ * identical to OHLCHeader desktop icons so every surface matches.
+ * Tool glyphs (drawing tools) live in @vninvestcharts/engine-react (drawingToolIcons) (SSOT);
+ * use <ToolGlyph id> for those, <Icon*> for chrome.
+ */
+import type { SVGProps } from "react";
+export interface IconProps extends SVGProps<SVGSVGElement> {
+    size?: number;
+}
+/**
+ * Drawing-tool glyph from the central registry (@vninvestcharts/engine-react (drawingToolIcons)).
+ * P4: unknown ids render a dashed placeholder (plus a dev-only warning) instead
+ * of nothing — a missing glyph must stay visible, never silent.
+ */
+export declare function ToolGlyph({ id }: {
+    id: string;
+}): import("react").JSX.Element;
+export declare function IconSearch(props: IconProps): import("react").JSX.Element;
+export declare function IconX(props: IconProps): import("react").JSX.Element;
+export declare function IconMenu(props: IconProps): import("react").JSX.Element;
+export declare function IconLock(props: IconProps): import("react").JSX.Element;
+export declare function IconUnlock(props: IconProps): import("react").JSX.Element;
+export declare function IconChevronUp(props: IconProps): import("react").JSX.Element;
+export declare function IconChevronDown(props: IconProps): import("react").JSX.Element;
+export declare function IconChevronLeft(props: IconProps): import("react").JSX.Element;
+export declare function IconChevronRight(props: IconProps): import("react").JSX.Element;
+export declare function IconTrash(props: IconProps): import("react").JSX.Element;
+export declare function IconUndo(props: IconProps): import("react").JSX.Element;
+export declare function IconRedo(props: IconProps): import("react").JSX.Element;
+export declare function IconSun(props: IconProps): import("react").JSX.Element;
+export declare function IconMoon(props: IconProps): import("react").JSX.Element;
+export declare function IconClock(props: IconProps): import("react").JSX.Element;
+export declare function IconSync(props: IconProps): import("react").JSX.Element;
+export declare function IconLayoutGrid(props: IconProps): import("react").JSX.Element;
+export declare function IconPlus(props: IconProps): import("react").JSX.Element;
+export declare function IconSave(props: IconProps): import("react").JSX.Element;
+export declare function IconFolderOpen(props: IconProps): import("react").JSX.Element;
+export declare function IconCamera(props: IconProps): import("react").JSX.Element;
+export declare function IconExpand(props: IconProps): import("react").JSX.Element;
+export declare function IconBell(props: IconProps): import("react").JSX.Element;
+export declare function IconSettings(props: IconProps): import("react").JSX.Element;
+export declare function IconCompare(props: IconProps): import("react").JSX.Element;
+export declare function IconReplay(props: IconProps): import("react").JSX.Element;
+export declare function IconDownload(props: IconProps): import("react").JSX.Element;
+export declare function IconList(props: IconProps): import("react").JSX.Element;
+export declare function IconBarChart(props: IconProps): import("react").JSX.Element;
+export declare function IconLayers(props: IconProps): import("react").JSX.Element;
+export declare function IconActivity(props: IconProps): import("react").JSX.Element;
+export declare function IconLink(props: IconProps): import("react").JSX.Element;
+export declare function IconEye(props: IconProps): import("react").JSX.Element;
+export declare function IconEyeOff(props: IconProps): import("react").JSX.Element;
+export declare function IconCode(props: IconProps): import("react").JSX.Element;
+export declare function IconFlask(props: IconProps): import("react").JSX.Element;
+export declare function IconStar(props: IconProps): import("react").JSX.Element;
+/**
+ * E1 hover-pin: pushpin glyph for the dock pin toggle (panel header).
+ * 16x16 / 1.5px stroke / currentColor / round — matches file conventions.
+ */
+export declare function IconPin(props: IconProps): import("react").JSX.Element;
+/**
+ * P4-dock: vertical "more" grip — mirror of the drawing toolbar handle
+ * (3 vertical dots). Used by the free-tier dock rail (DockUpgradeNudge).
+ */
+export declare function IconMoreVertical(props: IconProps): import("react").JSX.Element;

package/dist/dts/widget/components/dock/DataWindow.d.ts

@@ -0,0 +1,7 @@
+import type { EnrichedDatum } from "../../../lib/core/calculators/types";
+export interface DataWindowProps {
+    symbol: string;
+    timeframe: string;
+    datum?: EnrichedDatum | null;
+}
+export declare function DataWindow({ symbol, timeframe, datum }: DataWindowProps): import("react").JSX.Element;

package/dist/dts/widget/components/dock/DockUpgradeNudge.d.ts

@@ -0,0 +1,10 @@
+/**
+ * D6: slim 40px rail shown to free tier instead of the dock.
+ * Mirrors the real dock strip (same width/bg/border) + the drawing toolbar
+ * handle grip (vertical dots) for left/right symmetry. The lock badge keeps
+ * the Pro-gated meaning; the tooltip explains. The dock chunk is never
+ * fetched in this path (see resolveDockAccess).
+ */
+export declare function DockUpgradeNudge({ onUpgradeClick }: {
+    onUpgradeClick?: () => void;
+}): import("react").JSX.Element;

package/dist/dts/widget/components/dock/RightSidebarDockHost.d.ts

@@ -0,0 +1,57 @@
+/**
+ * P4a: RightSidebarDockHost — TradingView-style right dock.
+ * Vertical icon strip (40px) + tabbed panel + resizable splitter.
+ * Extracted from VNInvestCharts (was 29 inline lines) to restore fat-file headroom.
+ * Stacked nodes (paper-trade / host custom panel) render above the tab row, unchanged.
+ */
+import { type PointerEvent as ReactPointerEvent, type ReactNode } from "react";
+import type { EnrichedDatum } from "../../../lib/core/calculators/types";
+import type { WatchlistAdapter } from "../../types/watchlist";
+export type DockTabId = "watchlist" | "alerts" | "dataWindow" | "objects" | "tape" | "advisory" | "orderTicket";
+export declare const DOCK_TAB_KEY = "vnsc_dock_tab";
+export declare const DOCK_OPEN_KEY = "vnsc_dock_open";
+export declare const DOCK_TAB_EVENT = "vnsc_dock_tab";
+/** E1: export để slot workspace ghi cùng keys single↔multi (không duplicate LS logic). */
+export declare function persistDock(tab: DockTabId | null, open: boolean): void;
+export interface DockAdvisoryData {
+    show: boolean;
+    result: any;
+    isLoading: boolean;
+    onRefresh?: () => void;
+    /** Native advisory session (V2) — renders instead of result when provided. */
+    session?: import("../../../lib/types/vninvest").AdvisorySessionV2 | null;
+}
+export interface DockTapeData {
+    show: boolean;
+    entries: readonly any[];
+    isLoading: boolean;
+    filterBillions: number;
+    onFilterChange?: (value: number) => void;
+}
+export interface RightSidebarDockHostProps {
+    width: number;
+    isResizing: boolean;
+    onSplitterPointerDown: (e: ReactPointerEvent<HTMLDivElement>) => void;
+    drawingDockNode?: ReactNode;
+    paperTradePanelNode?: ReactNode;
+    tradingDockNode?: ReactNode;
+    customPanelNode?: ReactNode;
+    advisory?: DockAdvisoryData;
+    tape?: DockTapeData;
+    symbol: string;
+    timeframe: string;
+    datum?: EnrichedDatum | null;
+    onAlertsOpen?: () => void;
+    onSymbolChange?: (symbol: string) => void;
+    watchlistAdapter?: WatchlistAdapter;
+    /** E1 controlled mode (workspace hover-pin): undefined = uncontrolled (single giữ nguyên). */
+    openTab?: DockTabId | null;
+    onOpenTabChange?: (tab: DockTabId | null, opts: {
+        sticky: boolean;
+    }) => void;
+    /** E1: hiện nút pin trong panel header. Default false (single không nút). */
+    showPinToggle?: boolean;
+    pinned?: boolean;
+    onPinChange?: (pinned: boolean) => void;
+}
+export declare function RightSidebarDockHost({ width, isResizing, onSplitterPointerDown, drawingDockNode, paperTradePanelNode, tradingDockNode, customPanelNode, advisory, tape, symbol, timeframe, datum, onAlertsOpen, onSymbolChange, watchlistAdapter, openTab, onOpenTabChange, showPinToggle, pinned, onPinChange, }: RightSidebarDockHostProps): import("react").JSX.Element;

package/dist/dts/widget/components/dock/WatchlistPanel.d.ts

@@ -0,0 +1,7 @@
+import type { WatchlistAdapter } from "../../types/watchlist";
+export interface WatchlistPanelProps {
+    symbol: string;
+    onSymbolChange?: (symbol: string) => void;
+    adapter?: WatchlistAdapter;
+}
+export declare function WatchlistPanel({ symbol, onSymbolChange, adapter }: WatchlistPanelProps): import("react").JSX.Element;

package/dist/dts/widget/components/dock/WorkspaceRightDockSlot.d.ts

@@ -0,0 +1,46 @@
+import React, { type ReactNode } from "react";
+import type { SymbolLinkGroupId } from "@vninvestcharts/engine-react";
+import type { ActiveChartReplaySource } from "../../trading/panel/ActiveChartPaperPanel";
+import type { WatchlistAdapter } from "../../types/watchlist";
+import type { FullChartHandle } from "../../types/fullChartHandle";
+import type { EnrichedDatum } from "../../../lib/core/calculators/types";
+import type { DockAdvisoryData, DockTapeData } from "./RightSidebarDockHost";
+export interface WorkspaceDockChartRef {
+    id: string;
+    symbol: string;
+    symbolLinkGroup?: SymbolLinkGroupId | null;
+}
+export interface WorkspaceRightDockSlotProps {
+    showRightDock?: boolean;
+    dockTierGate?: boolean;
+    tier: string | null | undefined;
+    watchlistAdapter?: WatchlistAdapter;
+    renderRightPanel?: (context: {
+        chartId: string;
+        activeChartHandle: unknown;
+    }) => ReactNode;
+    activeChartId: string | null;
+    symbol: string;
+    timeframe: string;
+    datum?: EnrichedDatum | null;
+    drawingRevision: number;
+    chartRefs: React.MutableRefObject<Map<string, React.RefObject<FullChartHandle | null>>>;
+    charts: WorkspaceDockChartRef[];
+    symbolLinks?: boolean;
+    syncContextRef: React.MutableRefObject<{
+        setGroupSymbol?: (group: SymbolLinkGroupId, symbol: string) => void;
+    } | null>;
+    onChartConfigChange: (chartId: string, updates: {
+        symbol: string;
+    }) => void;
+    activeChartHandle: unknown;
+    replaySource?: ActiveChartReplaySource | null | undefined;
+    /** W4: dữ liệu tape/advisory do host cấp. undefined = tabs disabled. */
+    tape?: DockTapeData;
+    advisory?: DockAdvisoryData;
+    /** W4: mở AlertsModal của chart đang active (delegate qua handle imperative). */
+    onAlertsOpen?: () => void;
+    /** E2: true khi viewport mobile (hover/pin tắt, tap = click). */
+    isMobile?: boolean;
+}
+export declare function WorkspaceRightDockSlot(props: WorkspaceRightDockSlotProps): ReactNode;

package/dist/dts/widget/components/dock/dockAccess.d.ts

@@ -0,0 +1,20 @@
+import type { DockTabId } from "./RightSidebarDockHost";
+export type DockAccessMode = "full" | "nudge";
+/** Tabs reserved for pro tier when the dock gate is on. */
+export declare const DOCK_PRO_TABS: readonly DockTabId[];
+/** Tabs visible without pro (informational for hosts; free tier sees the nudge instead). */
+export declare const DOCK_FREE_TABS: readonly DockTabId[];
+/**
+ * Resolve right-dock access.
+ * - `dockTierGate === false` → legacy full dock for every tier (host opt-out).
+ * - có capability `dock_pro` → full dock.
+ * - otherwise (free/none + gate on) → upgrade nudge, dock chunk never fetched.
+ *
+ * W0.2: trước đây dùng `tier === "pro"` — `enterprise`/`custom`/`internal` bị chặn
+ * pro dock dù đã trả tiền (bug mất doanh thu). Nay dùng `hasCapability` (SSOT
+ * `capabilities.ts`), nên mọi tier ≥ pro đều mở.
+ */
+export declare function resolveDockAccess(tier: string | null | undefined, dockTierGate: boolean | undefined): {
+    mode: DockAccessMode;
+    allowedTabs: readonly DockTabId[];
+};

package/dist/dts/widget/components/dock/drawingDockContentBuilders.d.ts

@@ -0,0 +1,29 @@
+import type { ReactNode } from "react";
+import type { DrawingObject } from "@vninvestcharts/engine-drawing";
+import type { DrawingWorkspaceController } from "@vninvestcharts/engine-react";
+export interface DrawingDockTextEdit {
+    isEditingText: boolean;
+    drawingTextDraft: string;
+    setDrawingTextDraft: (value: string) => void;
+    onStartTextEdit: (initial: string) => void;
+    onCommitTextEdit: (commit: (draft: string) => void) => void;
+    onCancelTextEdit: () => void;
+}
+export interface DrawingDockSelectedActions {
+    onDeleteDrawing: () => void;
+    onCloneSelected: () => void;
+    onToggleSelectedLock: () => void;
+    onToggleSelectedVisibility: () => void;
+    onBringSelectedToFront: () => void;
+    onSendSelectedToBack: () => void;
+}
+export interface DrawingDockContentDeps {
+    workspace: DrawingWorkspaceController | null;
+    selected: DrawingObject | null;
+    t: (key: string) => string;
+    textEdit: DrawingDockTextEdit;
+    actions: DrawingDockSelectedActions;
+}
+export declare function buildDockObjectsContent(deps: DrawingDockContentDeps): ReactNode;
+export declare function buildDockPropertiesContent(deps: DrawingDockContentDeps): ReactNode;
+export declare function buildDockTemplatesContent(deps: DrawingDockContentDeps): ReactNode;

package/dist/dts/widget/components/drawing/DrawingDock.d.ts

@@ -0,0 +1,47 @@
+import { type ReactNode } from "react";
+import type { DrawingDockTab } from "@vninvestcharts/engine-react";
+export interface DrawingDockLabels {
+    title: string;
+    close: string;
+    properties: string;
+    objects: string;
+    templates: string;
+    emptyProperties: string;
+    emptyObjects: string;
+    emptyTemplates: string;
+    resize: string;
+}
+export interface DrawingDockProps {
+    isOpen: boolean;
+    activeTab: DrawingDockTab;
+    labels: DrawingDockLabels;
+    position?: {
+        x: number;
+        y: number;
+    };
+    initialDragDelta?: {
+        x: number;
+        y: number;
+    } | null;
+    initialSizeDelta?: {
+        w: number;
+        h: number;
+    } | null;
+    onLayoutChange?: (layout: {
+        dragDelta: {
+            x: number;
+            y: number;
+        };
+        sizeDelta: {
+            w: number;
+            h: number;
+        };
+    }) => void;
+    onClose: () => void;
+    onTabChange: (tab: DrawingDockTab) => void;
+    headerActions?: ReactNode;
+    propertiesContent?: ReactNode;
+    objectsContent?: ReactNode;
+    templatesContent?: ReactNode;
+}
+export default function DrawingDock({ isOpen, activeTab, labels, position, initialDragDelta, initialSizeDelta, onLayoutChange, onClose, onTabChange, headerActions, propertiesContent, objectsContent, templatesContent, }: DrawingDockProps): import("react").JSX.Element | null;

package/dist/dts/widget/components/drawing/DrawingInspector.d.ts

@@ -0,0 +1,94 @@
+import type { DrawingObject } from "@vninvestcharts/engine-drawing";
+export interface DrawingInspectorTextEditorLabels {
+    title: string;
+    label: string;
+    placeholder: string;
+    edit: string;
+    save: string;
+    cancel: string;
+    empty: string;
+}
+export interface DrawingInspectorTextEditorProps {
+    active: boolean;
+    value: string;
+    labels: DrawingInspectorTextEditorLabels;
+    onChange: (value: string) => void;
+    onStartEdit: () => void;
+    onCommit: () => void;
+    onCancel: () => void;
+}
+export interface DrawingInspectorLabels {
+    title: string;
+    stroke: string;
+    fill: string;
+    strokeWidth: string;
+    lineStyle: string;
+    opacity: string;
+    solid: string;
+    dashed: string;
+    dotted: string;
+    lock: string;
+    unlock: string;
+    clone: string;
+    hide: string;
+    show: string;
+    bringToFront: string;
+    sendToBack: string;
+    delete: string;
+    close: string;
+    lineTypeLabel?: string;
+    lineTypeTrendLine?: string;
+    lineTypeRay?: string;
+    lineTypeExtendedLine?: string;
+    saveStyle?: string;
+    templatesTitle?: string;
+    templatesSave?: string;
+    templatesDelete?: string;
+    templatesLoad?: string;
+    templatesNamePlaceholder?: string;
+    /** DT-7: Fibonacci level manager labels */
+    fibLevelsTitle?: string;
+    fibAddLevel?: string;
+    fibRemoveLevel?: string;
+    /** DT-16: Risk/Reward position labels */
+    rrTitle?: string;
+    rrEntry?: string;
+    rrStop?: string;
+    rrTarget?: string;
+    /** DT-17: Segment style editor labels */
+    segmentsTitle?: string;
+    /** DT-10: Drawing alert labels */
+    alertTitle?: string;
+    alertEnabled?: string;
+    alertDirection?: string;
+    alertCooldown?: string;
+    alertCrossAbove?: string;
+    alertCrossBelow?: string;
+    alertEither?: string;
+    alertCooldownSeconds?: string;
+    coordinatesTitle?: string;
+    priceLabel?: string;
+    timeLabel?: string;
+    selectIcon?: string;
+    iconSize?: string;
+}
+export interface DrawingInspectorProps {
+    drawing: DrawingObject | null;
+    labels: DrawingInspectorLabels;
+    textEditor?: DrawingInspectorTextEditorProps;
+    embedded?: boolean;
+    position?: {
+        x: number;
+        y: number;
+    };
+    plotData?: any[];
+    onUpdate: (patch: Partial<DrawingObject>) => void;
+    onDelete: () => void;
+    onClone: () => void;
+    onToggleLock: () => void;
+    onToggleVisible: () => void;
+    onBringToFront: () => void;
+    onSendToBack: () => void;
+    onClose: () => void;
+}
+export default function DrawingInspector({ drawing, labels, textEditor, embedded, position, plotData, onUpdate, onDelete, onClone, onToggleLock, onToggleVisible, onBringToFront, onSendToBack, onClose, }: DrawingInspectorProps): import("react").JSX.Element | null;