@tradecanvas/chart 0.8.2 → 0.14.0

package/dist/io/DragDropImporter.d.ts

@@ -0,0 +1,34 @@
+import { DataSeries } from '@tradecanvas/commons';
+import { ParseResult } from './parseOHLCV.js';
+export interface DragDropImporterCallbacks {
+    /** Called with the parsed series. Hook into chart.setData() here. */
+    onData: (data: DataSeries, result: ParseResult, file: File) => void;
+    /** Called when parsing throws. Hook a toast/banner here. */
+    onError?: (err: Error, file: File) => void;
+}
+/**
+ * Hooks `dragover` / `drop` on a host element so users can drop a CSV / JSON
+ * file onto the chart and get it loaded. A subtle dashed-outline overlay
+ * shows up during the drag for visual confirmation.
+ *
+ * The host owns calling `chart.setData()` via the `onData` callback — the
+ * importer stays decoupled from Chart so it can be reused in other surfaces
+ * (backtester UI, comparison views, etc.).
+ */
+export declare class DragDropImporter {
+    private host;
+    private overlay;
+    private callbacks;
+    private bound;
+    private depth;
+    constructor(host: HTMLElement, callbacks: DragDropImporterCallbacks);
+    attach(): void;
+    detach(): void;
+    private onDragEnter;
+    private onDragOver;
+    private onDragLeave;
+    private onDrop;
+    private showOverlay;
+    private hideOverlay;
+}
+//# sourceMappingURL=DragDropImporter.d.ts.map

package/dist/io/DragDropImporter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDropImporter.d.ts","sourceRoot":"","sources":["../../src/io/DragDropImporter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE/D,MAAM,WAAW,yBAAyB;IACxC,qEAAqE;IACrE,MAAM,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpE,4DAA4D;IAC5D,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAC5C;AAED;;;;;;;;GAQG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,IAAI,CAAc;IAC1B,OAAO,CAAC,OAAO,CAA+B;IAC9C,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,KAAK,CAA2I;IACxJ,OAAO,CAAC,KAAK,CAAK;gBAEN,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,yBAAyB;IAWnE,MAAM,IAAI,IAAI;IAOd,MAAM,IAAI,IAAI;IAQd,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,WAAW;YAML,MAAM;IAoBpB,OAAO,CAAC,WAAW;IA6BnB,OAAO,CAAC,WAAW;CAIpB"}

package/dist/io/index.d.ts

@@ -0,0 +1,7 @@
+export { parseOHLCV } from './parseOHLCV.js';
+export type { ParseResult } from './parseOHLCV.js';
+export { DragDropImporter } from './DragDropImporter.js';
+export type { DragDropImporterCallbacks } from './DragDropImporter.js';
+export { resampleOHLCV, inferTimeframeMs, canResample } from './resampleOHLCV.js';
+export type { ResampleOptions } from './resampleOHLCV.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/io/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/io/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAClF,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/io/parseOHLCV.d.ts

@@ -0,0 +1,21 @@
+import { DataSeries } from '@tradecanvas/commons';
+/**
+ * Best-effort parser for OHLCV CSV / JSON drops.
+ *
+ * Recognises:
+ *   - CSV (header-driven, comma / semicolon / tab delimiters)
+ *   - JSON array of objects (`[{ time, open, high, low, close, volume }]`)
+ *   - JSON array of arrays  (`[[time, open, high, low, close, volume]]`)
+ *
+ * Time columns auto-detect ISO strings, unix-seconds, and unix-ms. Returned
+ * bars are sorted ascending by time and de-duplicated on collision.
+ */
+export interface ParseResult {
+    data: DataSeries;
+    /** Total rows seen — useful for "imported 4321 of 5000 rows" style toasts. */
+    rowCount: number;
+    /** Rows skipped because of missing/invalid required fields. */
+    skipped: number;
+}
+export declare function parseOHLCV(text: string): ParseResult;
+//# sourceMappingURL=parseOHLCV.d.ts.map

package/dist/io/parseOHLCV.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseOHLCV.d.ts","sourceRoot":"","sources":["../../src/io/parseOHLCV.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAW,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEhE;;;;;;;;;;GAUG;AACH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,8EAA8E;IAC9E,QAAQ,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,OAAO,EAAE,MAAM,CAAC;CACjB;AASD,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,CAQpD"}

package/dist/io/resampleOHLCV.d.ts

@@ -0,0 +1,29 @@
+import { DataSeries, TimeFrame } from '@tradecanvas/commons';
+export interface ResampleOptions {
+    /** 0 = Sunday, 1 = Monday (default) — anchor for weekly buckets. */
+    weekStartsOn?: 0 | 1;
+}
+/**
+ * Aggregate a finer OHLCV series into a coarser timeframe.
+ *
+ * Bars are grouped by calendar-aware bucket (see `timeframeBucketStart`):
+ * open = first bar's open, high/low = extremes, close = last bar's close,
+ * volume = sum. Input bars are assumed sorted ascending by `time` and are
+ * never mutated.
+ *
+ * Upsampling (target finer than source) cannot synthesize data — pass a target
+ * coarser than the source. Use `inferTimeframeMs` to detect the source spacing.
+ */
+export declare function resampleOHLCV(bars: DataSeries, target: TimeFrame, opts?: ResampleOptions): DataSeries;
+/**
+ * Estimate the source bar spacing in milliseconds from the median gap between
+ * consecutive bars. Robust to occasional gaps (weekends, halts). Returns 0 for
+ * series with fewer than two bars.
+ */
+export declare function inferTimeframeMs(bars: DataSeries): number;
+/**
+ * Whether `target` is coarser than (or equal to) the source spacing, i.e. a
+ * valid downsample. A non-positive `sourceMs` (unknown) is treated as valid.
+ */
+export declare function canResample(sourceMs: number, target: TimeFrame): boolean;
+//# sourceMappingURL=resampleOHLCV.d.ts.map

package/dist/io/resampleOHLCV.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resampleOHLCV.d.ts","sourceRoot":"","sources":["../../src/io/resampleOHLCV.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAW,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAG3E,MAAM,WAAW,eAAe;IAC9B,oEAAoE;IACpE,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CACtB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,SAAS,EACjB,IAAI,GAAE,eAAoB,GACzB,UAAU,CAkCZ;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAUzD;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,GAAG,OAAO,CAGxE"}

package/dist/widget/AlertNotifier.d.ts

@@ -0,0 +1,32 @@
+export interface AlertNotifyOptions {
+    /** Play a sound on trigger. `true` = built-in beep, string = audio URL. Default `false`. */
+    sound?: boolean | string;
+    /** Show a desktop notification (requests permission on first use). Default `false`. */
+    desktop?: boolean;
+    /** Title for desktop notifications. Default `'Price alert'`. */
+    title?: string;
+}
+/** True when the Notification API is present and not denied. */
+export declare function canRequestNotifications(): boolean;
+/**
+ * Plays a sound and/or raises a desktop notification when a price alert fires.
+ * Browser-API heavy by nature — every entry point is guarded so it degrades to
+ * a no-op in SSR, unsupported browsers, or when permission is denied.
+ */
+export declare class AlertNotifier {
+    private options;
+    private audioCtx;
+    private audioEl;
+    private permissionAsked;
+    constructor(options?: AlertNotifyOptions);
+    setOptions(options: AlertNotifyOptions): void;
+    /** Fire the configured notifications for a triggered alert. */
+    notify(message: string): void;
+    private playSound;
+    /** A short two-tone beep via Web Audio — no asset required. */
+    private beep;
+    private ensurePermission;
+    private showDesktop;
+    destroy(): void;
+}
+//# sourceMappingURL=AlertNotifier.d.ts.map

package/dist/widget/AlertNotifier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertNotifier.d.ts","sourceRoot":"","sources":["../../src/widget/AlertNotifier.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,4FAA4F;IAC5F,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,gEAAgE;AAChE,wBAAgB,uBAAuB,IAAI,OAAO,CAEjD;AAED;;;;GAIG;AACH,qBAAa,aAAa;IACxB,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,QAAQ,CAA6B;IAC7C,OAAO,CAAC,OAAO,CAAiC;IAChD,OAAO,CAAC,eAAe,CAAS;gBAEpB,OAAO,GAAE,kBAAuB;IAc5C,UAAU,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI;IAI7C,+DAA+D;IAC/D,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAK7B,OAAO,CAAC,SAAS;IASjB,+DAA+D;IAC/D,OAAO,CAAC,IAAI;IAwBZ,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,WAAW;IAanB,OAAO,IAAI,IAAI;CAShB"}

package/dist/widget/ChartWidget.d.ts

@@ -1,6 +1,7 @@
-import { Theme, TimeFrame } from '@tradecanvas/commons';
+import { Theme, TimeFrame, DepthData, DataSeries } from '@tradecanvas/commons';
 import { Chart } from '../Chart.js';
 import { ChartWidgetOptions } from './types.js';
+import { WatchlistEntry } from './WidgetWatchlist.js';
 export declare class ChartWidget {
     private chart;
     private state;
@@ -9,23 +10,98 @@ export declare class ChartWidget {
     private settings;
     private statusBar;
     private commandPalette;
+    private symbolSearch;
+    private hotkeySheet;
+    private replayBar;
+    private dragDrop;
+    private alertsPanel;
+    private objectTree;
+    private indicatorSettings;
+    private drawingStyle;
+    private bracketBar;
+    private alertNotifier;
+    private depthLadder;
+    private dataWindow;
+    private lastHoverIndex;
+    private favoritesStore;
+    private watchlist;
+    private watchlistSparkBuffer;
+    private sessionRefPrice;
+    private watchlistInterval;
+    private replayOriginalData;
+    private replayPollInterval;
+    private replaySpeed;
+    private layoutKeyPrefix;
+    private layoutDebounceMs;
+    private activeLayoutKey;
     private root;
     private chartContainer;
     private destroyed;
     private options;
-    private symbolIndex;
     private symbols;
     private settingsState;
     private adapter;
     private boundGlobalKeydown;
+    private baseSeries;
+    private baseTimeframeMs;
+    private compares;
     constructor(container: HTMLElement, options?: ChartWidgetOptions);
+    /** Replace the searchable symbol catalog. Does not change the active symbol. */
+    setSymbols(symbols: string[]): void;
     setSymbol(symbol: string): Promise<void>;
+    /**
+     * Push an entry into the watchlist (e.g., from your own WebSocket).
+     * Call with the symbols you care about; the active symbol is updated
+     * automatically from the chart's live data.
+     */
+    setWatchlistEntry(symbol: string, entry: Partial<WatchlistEntry>): void;
+    private tickWatchlist;
     setTimeframe(tf: TimeFrame): Promise<void>;
     setTheme(theme: import('@tradecanvas/commons').ThemeName | Theme): void;
     getChart(): Chart;
     destroy(): void;
     private handleSymbolClick;
     private handleTimeframe;
+    /**
+     * Load the widget's base series. Prefer this over `getChart().setData()` so
+     * client-side timeframe resampling has a finest-resolution source to
+     * aggregate from. The data is rendered at the current timeframe (resampled
+     * when that timeframe is coarser than the data's native spacing).
+     */
+    setData(data: DataSeries): void;
+    /** Render the base series at the active timeframe, resampling when coarser. */
+    private applyTimeframeData;
+    private toggleAlerts;
+    private handleToggleFavorite;
+    /** Encode the current view (symbol, timeframe, chart type, scale, indicators, drawings). */
+    exportState(): string;
+    /** Restore a view from an `exportState()` string. Returns false if malformed. */
+    importState(encoded: string): Promise<boolean>;
+    /** Copy the chart image to the clipboard, with a toast on success/failure. */
+    copyChartImage(): Promise<void>;
+    /** Copy a shareable deep-link (current view encoded in the URL hash) to the clipboard. */
+    copyShareLink(): Promise<void>;
+    /** Feed order-book depth to the chart overlay, depth ladder, and heatmap. */
+    setDepth(depth: DepthData | null): void;
+    /** Begin a draggable bracket order at the latest price and show the action bar. */
+    startBracket(side: 'buy' | 'sell'): void;
+    private buildDataWindowModel;
+    private toggleDataWindow;
+    private toggleObjects;
+    private openIndicatorSettings;
+    private refreshObjects;
+    private handleAddCompare;
+    /** Overlay another symbol's normalized series. Fetches history via the adapter. */
+    addCompareSymbol(symbol: string): Promise<void>;
+    private handleRemoveCompare;
+    /** Refetch every comparison overlay at the current symbol/timeframe. */
+    private refetchCompares;
+    private refreshAlerts;
+    /** Price + every active indicator line, as selectable alert sources. */
+    private buildAlertSources;
+    /** Latest value for an alert source channel (price or indicator line). */
+    private getAlertChannelValue;
+    private formatAlertPrice;
     private handleChartType;
     private handleAddIndicator;
     private handleRemoveIndicator;
@@ -37,6 +113,28 @@ export declare class ChartWidget {
     private handleToggleMagnet;
     private handleToggleTheme;
     private openSettings;
+    /**
+     * Show a transient toast inside the widget. Auto-dismisses after 3.5s.
+     * Used by the drag-drop importer for success / failure feedback, but
+     * exposed so apps can post their own (e.g. "alert triggered at 64,200").
+     */
+    toast(message: string, kind?: 'info' | 'error'): void;
+    /**
+     * Wipe the layout saved for `symbol` (or the active symbol if omitted).
+     * Useful as an "Reset layout" command in user-facing menus.
+     */
+    clearSavedLayout(symbol?: string): void;
+    private applySymbolLayout;
+    private flushActiveLayout;
+    /**
+     * After loading a layout, the chart restores indicator instances but our
+     * `state.activeIndicators` map (used to render the chip strip) is stale.
+     * Rebuild it from the live `getActiveIndicators` list.
+     */
+    private rebuildActiveIndicatorsMapFromChart;
+    private toggleReplay;
+    private enterReplay;
+    private exitReplay;
     private applySettings;
     private resetSettings;
     private connectStream;

package/dist/widget/ChartWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartWidget.d.ts","sourceRoot":"","sources":["../../src/widget/ChartWidget.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA8B,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACzF,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,OAAO,KAAK,EAAE,kBAAkB,EAAmC,MAAM,YAAY,CAAC;AAUtF,qBAAa,WAAW;IACtB,OAAO,CAAC,KAAK,CAAQ;IACrB,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,OAAO,CAA8B;IAC7C,OAAO,CAAC,OAAO,CAAqC;IACpD,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,SAAS,CAAgC;IACjD,OAAO,CAAC,cAAc,CAAqC;IAC3D,OAAO,CAAC,IAAI,CAAiB;IAC7B,OAAO,CAAC,cAAc,CAAiB;IACvC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,OAAO,CAAW;IAC1B,OAAO,CAAC,aAAa,CAAqB;IAC1C,OAAO,CAAC,OAAO,CAA2D;IAC1E,OAAO,CAAC,kBAAkB,CAA6C;gBAE3D,SAAS,EAAE,WAAW,EAAE,OAAO,GAAE,kBAAuB;IAoK9D,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAWxC,YAAY,CAAC,EAAE,EAAE,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC;IAShD,QAAQ,CAAC,KAAK,EAAE,OAAO,sBAAsB,EAAE,SAAS,GAAG,KAAK,GAAG,IAAI;IASvE,QAAQ,IAAI,KAAK;IAIjB,OAAO,IAAI,IAAI;IAmBf,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,kBAAkB;IAmB1B,OAAO,CAAC,qBAAqB;IAa7B,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,iBAAiB;IAmDzB,OAAO,CAAC,YAAY;IAmBpB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,mBAAmB;IAM3B,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,aAAa;IA2BrB,OAAO,CAAC,aAAa;YAKP,aAAa;IAwC3B,OAAO,CAAC,QAAQ;IAWhB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,WAAW;CAUpB"}
+{"version":3,"file":"ChartWidget.d.ts","sourceRoot":"","sources":["../../src/widget/ChartWidget.ts"],"names":[],"mappings":"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"}

package/dist/widget/DrawingFavoritesStore.d.ts

@@ -0,0 +1,22 @@
+import { KeyValueStorage } from './DrawingTemplateStore.js';
+/**
+ * An ordered, de-duplicated set of pinned drawing-tool ids, persisted to a
+ * key-value store. Order is insertion order (most-recently-pinned last).
+ */
+export declare class DrawingFavoritesStore {
+    private storageKey;
+    private storage;
+    private favorites;
+    constructor(storageKey?: string, storage?: KeyValueStorage | null);
+    list(): string[];
+    has(tool: string): boolean;
+    add(tool: string): void;
+    remove(tool: string): void;
+    /** Toggle a tool's pinned state. Returns the new state (true = pinned). */
+    toggle(tool: string): boolean;
+    /** Seed the favorites only when none are stored yet (first run). */
+    seedDefaults(tools: string[]): void;
+    private load;
+    private persist;
+}
+//# sourceMappingURL=DrawingFavoritesStore.d.ts.map

package/dist/widget/DrawingFavoritesStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawingFavoritesStore.d.ts","sourceRoot":"","sources":["../../src/widget/DrawingFavoritesStore.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAUjE;;;GAGG;AACH,qBAAa,qBAAqB;IAI9B,OAAO,CAAC,UAAU;IAClB,OAAO,CAAC,OAAO;IAJjB,OAAO,CAAC,SAAS,CAAgB;gBAGvB,UAAU,SAAuB,EACjC,OAAO,GAAE,eAAe,GAAG,IAAuB;IAK5D,IAAI,IAAI,MAAM,EAAE;IAIhB,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI1B,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAMvB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAM1B,2EAA2E;IAC3E,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAS7B,oEAAoE;IACpE,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI;IAMnC,OAAO,CAAC,IAAI;IAcZ,OAAO,CAAC,OAAO;CAQhB"}

package/dist/widget/DrawingTemplateStore.d.ts

@@ -0,0 +1,29 @@
+import { DrawingStyle } from '@tradecanvas/commons';
+export interface DrawingStyleTemplate {
+    name: string;
+    style: Partial<DrawingStyle>;
+}
+/** Minimal storage surface — satisfied by `localStorage` and easy to mock. */
+export interface KeyValueStorage {
+    getItem(key: string): string | null;
+    setItem(key: string, value: string): void;
+}
+/**
+ * Named drawing-style presets, persisted to a key-value store. Templates are
+ * upserted by name (case-sensitive) and ordered most-recently-saved last.
+ */
+export declare class DrawingTemplateStore {
+    private storageKey;
+    private storage;
+    private templates;
+    constructor(storageKey?: string, storage?: KeyValueStorage | null);
+    list(): DrawingStyleTemplate[];
+    get(name: string): DrawingStyleTemplate | null;
+    /** Insert or replace a template by name. */
+    save(name: string, style: Partial<DrawingStyle>): void;
+    remove(name: string): void;
+    clear(): void;
+    private load;
+    private persist;
+}
+//# sourceMappingURL=DrawingTemplateStore.d.ts.map

package/dist/widget/DrawingTemplateStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawingTemplateStore.d.ts","sourceRoot":"","sources":["../../src/widget/DrawingTemplateStore.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAC9B;AAED,8EAA8E;AAC9E,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACpC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3C;AAyBD;;;GAGG;AACH,qBAAa,oBAAoB;IAI7B,OAAO,CAAC,UAAU;IAClB,OAAO,CAAC,OAAO;IAJjB,OAAO,CAAC,SAAS,CAA8B;gBAGrC,UAAU,SAAuB,EACjC,OAAO,GAAE,eAAe,GAAG,IAAuB;IAK5D,IAAI,IAAI,oBAAoB,EAAE;IAI9B,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,oBAAoB,GAAG,IAAI;IAK9C,4CAA4C;IAC5C,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,IAAI;IAStD,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAO1B,KAAK,IAAI,IAAI;IAKb,OAAO,CAAC,IAAI;IAeZ,OAAO,CAAC,OAAO;CAQhB"}

package/dist/widget/WidgetAlertsPanel.d.ts

@@ -0,0 +1,58 @@
+import { AlertCondition } from '@tradecanvas/core';
+export interface AlertListItem {
+    id: string;
+    price: number;
+    condition: string;
+    message?: string;
+    triggered: boolean;
+    channel?: string;
+    label?: string;
+}
+export interface AlertSource {
+    /** `'price'` or `<instanceId>:<key>`. */
+    channel: string;
+    label: string;
+}
+export interface AlertsPanelCallbacks {
+    onAdd: (price: number, condition: AlertCondition, message: string | undefined, channel: string, label: string) => void;
+    onRemove: (id: string) => void;
+    onClear: () => void;
+    /** Latest value for a source channel, used to prefill the add form. */
+    getChannelValue: (channel: string) => number | null;
+    formatPrice: (price: number) => string;
+}
+/**
+ * Floating price-alerts panel. Lists current alerts (with condition, price,
+ * message, and a delete control) and an inline form to add a new one prefilled
+ * with the current price. Toggled from the toolbar bell button; the host wires
+ * add/remove back to the chart's `AlertManager`.
+ */
+export declare class WidgetAlertsPanel {
+    private el;
+    private listEl;
+    private priceInput;
+    private conditionSelect;
+    private sourceSelect;
+    private messageInput;
+    private emptyEl;
+    private callbacks;
+    private open;
+    private alerts;
+    private sources;
+    constructor(host: HTMLElement, callbacks: AlertsPanelCallbacks);
+    /** Replace the alert-source options (price + indicator lines). */
+    setSources(sources: AlertSource[]): void;
+    private renderSources;
+    isOpen(): boolean;
+    toggle(): void;
+    openPanel(): void;
+    /** Fill the value input with the selected source's current value. */
+    private prefillPrice;
+    close(): void;
+    /** Replace the displayed alert list. */
+    setAlerts(alerts: AlertListItem[]): void;
+    destroy(): void;
+    private submitForm;
+    private renderList;
+}
+//# sourceMappingURL=WidgetAlertsPanel.d.ts.map

package/dist/widget/WidgetAlertsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetAlertsPanel.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetAlertsPanel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,yCAAyC;IACzC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvH,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,uEAAuE;IACvE,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IACpD,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACxC;AAqBD;;;;;GAKG;AACH,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,UAAU,CAAmB;IACrC,OAAO,CAAC,eAAe,CAAoB;IAC3C,OAAO,CAAC,YAAY,CAAoB;IACxC,OAAO,CAAC,YAAY,CAAmB;IACvC,OAAO,CAAC,OAAO,CAAiB;IAChC,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,OAAO,CAAyD;gBAE5D,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,oBAAoB;IAiF9D,kEAAkE;IAClE,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,IAAI;IAKxC,OAAO,CAAC,aAAa;IAarB,MAAM,IAAI,OAAO;IAIjB,MAAM,IAAI,IAAI;IAId,SAAS,IAAI,IAAI;IAMjB,qEAAqE;IACrE,OAAO,CAAC,YAAY;IAKpB,KAAK,IAAI,IAAI;IAKb,wCAAwC;IACxC,SAAS,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI;IAKxC,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,UAAU;CAiDnB"}

package/dist/widget/WidgetBracketBar.d.ts

@@ -0,0 +1,21 @@
+export interface BracketBarCallbacks {
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+/**
+ * Floating confirm/cancel bar shown while a bracket order is being placed.
+ * The live entry / SL / TP numbers are drawn on the chart canvas; this bar
+ * just carries the commit and discard actions (also bound to Enter / Esc).
+ */
+export declare class WidgetBracketBar {
+    private el;
+    private labelEl;
+    private callbacks;
+    private visible;
+    constructor(host: HTMLElement, callbacks: BracketBarCallbacks);
+    show(side: 'buy' | 'sell'): void;
+    hide(): void;
+    isVisible(): boolean;
+    destroy(): void;
+}
+//# sourceMappingURL=WidgetBracketBar.d.ts.map

package/dist/widget/WidgetBracketBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetBracketBar.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetBracketBar.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;GAIG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,OAAO,CAAkB;IACjC,OAAO,CAAC,SAAS,CAAsB;IACvC,OAAO,CAAC,OAAO,CAAS;gBAEZ,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,mBAAmB;IAiC7D,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI;IAOhC,IAAI,IAAI,IAAI;IAKZ,SAAS,IAAI,OAAO;IAIpB,OAAO,IAAI,IAAI;CAGhB"}

package/dist/widget/WidgetDataWindow.d.ts

@@ -0,0 +1,41 @@
+export interface DataWindowIndicator {
+    name: string;
+    values: {
+        key: string;
+        value: number;
+    }[];
+}
+export interface DataWindowModel {
+    ohlc: {
+        open: number;
+        high: number;
+        low: number;
+        close: number;
+        volume: number;
+    } | null;
+    change: number;
+    changePct: number;
+    indicators: DataWindowIndicator[];
+}
+export interface DataWindowCallbacks {
+    formatPrice: (price: number) => string;
+}
+/**
+ * Data Window — a floating readout of the exact O/H/L/C/V, change, and every
+ * active indicator value at the hovered bar. Updated from `crosshairMove`.
+ */
+export declare class WidgetDataWindow {
+    private el;
+    private bodyEl;
+    private callbacks;
+    private open;
+    constructor(host: HTMLElement, callbacks: DataWindowCallbacks);
+    isOpen(): boolean;
+    toggle(): void;
+    openPanel(): void;
+    close(): void;
+    destroy(): void;
+    render(model: DataWindowModel): void;
+    private row;
+}
+//# sourceMappingURL=WidgetDataWindow.d.ts.map

package/dist/widget/WidgetDataWindow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetDataWindow.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetDataWindow.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC1C;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACxF,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,mBAAmB,EAAE,CAAC;CACnC;AAED,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACxC;AAED;;;GAGG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,SAAS,CAAsB;IACvC,OAAO,CAAC,IAAI,CAAS;gBAET,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,mBAAmB;IA4B7D,MAAM,IAAI,OAAO;IAIjB,MAAM,IAAI,IAAI;IAId,SAAS,IAAI,IAAI;IAKjB,KAAK,IAAI,IAAI;IAKb,OAAO,IAAI,IAAI;IAIf,MAAM,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI;IAkCpC,OAAO,CAAC,GAAG;CAaZ"}

package/dist/widget/WidgetDepthLadder.d.ts

@@ -0,0 +1,29 @@
+import { DepthData } from '@tradecanvas/commons';
+export interface DepthLadderCallbacks {
+    /** Buy at `price` (clicked an ask cell) or sell at `price` (clicked a bid cell). */
+    onTrade: (side: 'buy' | 'sell', price: number) => void;
+    formatPrice: (price: number) => string;
+}
+/**
+ * Depth-of-market ladder (DOM). Renders the order book as price rows with bid
+ * and ask size columns; clicking an ask cell buys at that price, a bid cell
+ * sells. Fed by `setData(depth)`; the bar widths scale to the largest visible
+ * size.
+ */
+export declare class WidgetDepthLadder {
+    private el;
+    private bodyEl;
+    private callbacks;
+    private open;
+    private levels;
+    constructor(host: HTMLElement, callbacks: DepthLadderCallbacks, levels?: number);
+    isOpen(): boolean;
+    toggle(): void;
+    openPanel(): void;
+    close(): void;
+    setData(depth: DepthData | null): void;
+    destroy(): void;
+    private renderEmpty;
+    private render;
+}
+//# sourceMappingURL=WidgetDepthLadder.d.ts.map

package/dist/widget/WidgetDepthLadder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetDepthLadder.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetDepthLadder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAItD,MAAM,WAAW,oBAAoB;IACnC,oFAAoF;IACpF,OAAO,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACxC;AAED;;;;;GAKG;AACH,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,MAAM,CAAS;gBAEX,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,SAAK;IAkC3E,MAAM,IAAI,OAAO;IAIjB,MAAM,IAAI,IAAI;IAId,SAAS,IAAI,IAAI;IAKjB,KAAK,IAAI,IAAI;IAKb,OAAO,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI;IAQtC,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,MAAM;CAiDf"}

package/dist/widget/WidgetDrawingSidebar.d.ts

@@ -8,8 +8,14 @@ export declare class WidgetDrawingSidebar {
     private cursorBtn;
     private magnetBtn;
     private flyoutEl;
+    private favoritesEl;
+    private favoritesDivider;
+    private favorites;
     constructor(host: HTMLElement, config: SidebarConfig, callbacks: SidebarCallbacks);
     private build;
+    /** Update the pinned-tools strip. */
+    setFavorites(favorites: string[]): void;
+    private renderFavorites;
     private showFlyout;
     private hideFlyout;
     update(state: WidgetState): void;

package/dist/widget/WidgetDrawingSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetDrawingSidebar.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetDrawingSidebar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAO/E,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,UAAU,CAAwB;IAC1C,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,SAAS,CAAkC;IACnD,OAAO,CAAC,SAAS,CAAkC;IACnD,OAAO,CAAC,QAAQ,CAA+B;gBAEnC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,gBAAgB;IASjF,OAAO,CAAC,KAAK;IA8Eb,OAAO,CAAC,UAAU;IA8BlB,OAAO,CAAC,UAAU;IAOlB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IA4BhC,OAAO,CAAC,OAAO;IAMf,OAAO,IAAI,IAAI;CAIhB"}
+{"version":3,"file":"WidgetDrawingSidebar.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetDrawingSidebar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAgC/E,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,UAAU,CAAwB;IAC1C,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,SAAS,CAAkC;IACnD,OAAO,CAAC,SAAS,CAAkC;IACnD,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,WAAW,CAA+B;IAClD,OAAO,CAAC,gBAAgB,CAA+B;IACvD,OAAO,CAAC,SAAS,CAAgB;gBAErB,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,gBAAgB;IASjF,OAAO,CAAC,KAAK;IAmGb,qCAAqC;IACrC,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI;IAKvC,OAAO,CAAC,eAAe;IAsBvB,OAAO,CAAC,UAAU;IAsClB,OAAO,CAAC,UAAU;IAOlB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IA4BhC,OAAO,CAAC,OAAO;IAMf,OAAO,IAAI,IAAI;CAIhB"}

package/dist/widget/WidgetDrawingStyle.d.ts

@@ -0,0 +1,36 @@
+import { DrawingStyle } from '@tradecanvas/commons';
+import { DrawingTemplateStore } from './DrawingTemplateStore.js';
+export interface DrawingStyleCallbacks {
+    /** Apply a style change to the active (next) drawing and the selected one. */
+    onStyleChange: (style: Partial<DrawingStyle>) => void;
+    /** Current active drawing style, for seeding controls and saving templates. */
+    getStyle: () => DrawingStyle;
+}
+/**
+ * Drawing style popover — pick colour, line width, and line style for the next
+ * drawing (and the selected one), plus save/apply named style templates
+ * persisted via `DrawingTemplateStore`.
+ */
+export declare class WidgetDrawingStyle {
+    private el;
+    private templatesEl;
+    private nameInput;
+    private callbacks;
+    private store;
+    private open;
+    constructor(host: HTMLElement, callbacks: DrawingStyleCallbacks, store: DrawingTemplateStore);
+    isOpen(): boolean;
+    toggle(): void;
+    openPanel(): void;
+    close(): void;
+    destroy(): void;
+    private colorRow;
+    private widthRow;
+    private lineStyleRow;
+    private applyStyle;
+    /** Mark the controls matching the current active style. */
+    private syncActiveControls;
+    private saveTemplate;
+    private renderTemplates;
+}
+//# sourceMappingURL=WidgetDrawingStyle.d.ts.map

package/dist/widget/WidgetDrawingStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetDrawingStyle.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetDrawingStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,qBAAqB;IACpC,8EAA8E;IAC9E,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACtD,+EAA+E;IAC/E,QAAQ,EAAE,MAAM,YAAY,CAAC;CAC9B;AAMD;;;;GAIG;AACH,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,WAAW,CAAiB;IACpC,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,SAAS,CAAwB;IACzC,OAAO,CAAC,KAAK,CAAuB;IACpC,OAAO,CAAC,IAAI,CAAS;gBAET,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,qBAAqB,EAAE,KAAK,EAAE,oBAAoB;IAuD5F,MAAM,IAAI,OAAO;IAIjB,MAAM,IAAI,IAAI;IAId,SAAS,IAAI,IAAI;IAOjB,KAAK,IAAI,IAAI;IAKb,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,QAAQ;IAqBhB,OAAO,CAAC,QAAQ;IAiBhB,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,UAAU;IAKlB,2DAA2D;IAC3D,OAAO,CAAC,kBAAkB;IAa1B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,eAAe;CA4CxB"}

package/dist/widget/WidgetHotkeySheet.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Keyboard-shortcut reference sheet. Bound to `?` (and `Shift+/`). Surfaces
+ * shortcuts so users discover the widget's hidden interaction model — a
+ * premium-feel detail TradingView, Linear, Figma, etc. all ship.
+ */
+export interface HotkeySheetCallbacks {
+    onClose: () => void;
+}
+export declare class WidgetHotkeySheet {
+    private backdrop;
+    private modal;
+    private callbacks;
+    private boundKeydown;
+    constructor(callbacks: HotkeySheetCallbacks);
+    open(): void;
+    close(): void;
+    isOpen(): boolean;
+    destroy(): void;
+}
+//# sourceMappingURL=WidgetHotkeySheet.d.ts.map

package/dist/widget/WidgetHotkeySheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetHotkeySheet.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetHotkeySheet.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAiED,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,YAAY,CAA6B;gBAErC,SAAS,EAAE,oBAAoB;IAU3C,IAAI,IAAI,IAAI;IAsFZ,KAAK,IAAI,IAAI;IASb,MAAM,IAAI,OAAO;IAIjB,OAAO,IAAI,IAAI;CAGhB"}