@tradecanvas/chart 1.3.0 → 1.7.0

package/dist/widget/WidgetWatchlist.d.ts

@@ -1,10 +1,12 @@
+import { WatchlistList } from './WatchlistStore.js';
 /**
- * Watchlist sidebar — vertical list of symbols, each with last price, %
- * change, and a mini sparkline. Clicking switches the chart's symbol.
+ * Watchlist sidebar: the shown list's symbols, each with last price, % change
+ * and a mini sparkline. A menu switches, creates, renames and deletes lists;
+ * rows are added, removed and reordered (drag, or Alt+↑/↓). It only renders
+ * and reports: the widget keeps the lists (see WatchlistStore).
  *
- * The widget tracks the *active* symbol's price/spark automatically from the
- * live stream. For non-active symbols, the host can push data via
- * `setEntry(symbol, …)` so the row reflects whatever the app already has.
+ * The widget tracks the chart's symbol from the live stream, and fills the
+ * other rows from a quote source or what the host pushes (`setEntry`).
  */
 export interface WatchlistEntry {
     symbol: string;
@@ -16,27 +18,65 @@ export interface WatchlistEntry {
 }
 export interface WatchlistCallbacks {
     onSelect: (symbol: string) => void;
+    /** "+": add a symbol to the shown list (the widget opens its symbol search). */
+    onAdd?: () => void;
+    onRemove?: (symbol: string) => void;
+    /** Move a symbol to `index` in the shown list. */
+    onMove?: (symbol: string, index: number) => void;
+    onPickList?: (id: string) => void;
+    onCreateList?: (name: string) => void;
+    onRenameList?: (id: string, name: string) => void;
+    onDeleteList?: (id: string) => void;
+}
+export interface WatchlistLabels {
+    title: string;
+    lists: string;
+    newList: string;
+    rename: string;
+    deleteList: string;
+    /** `{name}`: the list's name. */
+    confirmDelete: string;
+    add: string;
+    /** `{symbol}`. */
+    remove: string;
+    empty: string;
+    listName: string;
 }
 export declare class WidgetWatchlist {
+    private readonly callbacks;
+    private readonly labels;
     private el;
+    private headerEl;
+    private nameBtn;
+    private menuEl;
     private listEl;
     private rowMap;
     private entries;
+    private lists;
+    private activeList;
     private active;
-    private callbacks;
     private locale;
-    constructor(host: HTMLElement, symbols: string[], callbacks: WatchlistCallbacks, title?: string);
+    private dragging;
+    private readonly onOutside;
+    constructor(host: HTMLElement, callbacks: WatchlistCallbacks, labels: WatchlistLabels);
+    /** The lists, and which one shows. Rows are diffed so prices stay. */
+    setLists(lists: WatchlistList[], activeId: string): void;
     /** Set the BCP 47 locale used for price/percent formatting. */
     setLocale(locale: string | undefined): void;
-    /** Replace the symbol set. Rows are diff'd so DOM churn is minimal. */
-    setSymbols(symbols: string[]): void;
+    /** The chart's symbol, marked in the list. */
     setActive(symbol: string): void;
-    /** Push a price tick into a row. The widget calls this automatically for
-     *  the active symbol. Apps can call it for the rest. */
+    /** A row's price, move and sparkline. Kept for symbols not shown yet. */
     setEntry(symbol: string, patch: Partial<WatchlistEntry>): void;
     destroy(): void;
-    private appendRow;
-    private removeRow;
+    private shownList;
+    private renderRows;
+    private makeRow;
+    private onRowKey;
     private renderRow;
+    private openMenu;
+    private closeMenu;
+    private renderMenu;
+    /** A name typed in place of the list's: Enter keeps it, Escape or leaving drops it. */
+    private editName;
 }
 //# sourceMappingURL=WidgetWatchlist.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetWatchlist.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetWatchlist.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,qBAAa,eAAe;IAC1B,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,MAAM,CAKT;IACL,OAAO,CAAC,OAAO,CAAqC;IACpD,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,MAAM,CAAqB;gBAEvB,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,KAAK,SAAc;IAuBpG,+DAA+D;IAC/D,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;IAK3C,uEAAuE;IACvE,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI;IAanC,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAU/B;4DACwD;IACxD,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI;IAO9D,OAAO,IAAI,IAAI;IAMf,OAAO,CAAC,SAAS;IA0CjB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,SAAS;CAwBlB"}
+{"version":3,"file":"WidgetWatchlist.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetWatchlist.ts"],"names":[],"mappings":"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"}

package/dist/widget/chartMenu.d.ts

@@ -0,0 +1,40 @@
+import { ChartContextArea, PriceScaleMode } from '@tradecanvas/commons';
+import { ContextMenuEntry } from './WidgetContextMenu.js';
+import { Translator } from './i18n.js';
+/** What a menu on the chart (a right-click, or the "+" by the price axis) can do. */
+export type ChartMenuAction = 'alert' | 'buyLimit' | 'buyStop' | 'sellLimit' | 'sellStop' | 'orderTicket' | 'horizontalLine' | 'resetView' | 'hideDrawings' | 'showDrawings' | 'removeDrawings' | 'settings' | 'exportData' | 'autoScale' | 'logScale' | 'percentScale' | 'invertScale' | 'goToDate' | 'paneLog' | 'paneInvert' | 'panePercent';
+/** What the widget can do here, and how the chart is set now. */
+export interface ChartMenuContext {
+    /** The price at the click (the price pane, the price axis, the "+"). */
+    price?: number;
+    /** The latest price, to tell a limit from a stop. */
+    lastPrice: number | null;
+    formatPrice: (price: number) => string;
+    canAlert: boolean;
+    canTrade: boolean;
+    /** An order ticket to open (the account panel is on). */
+    canOrderTicket?: boolean;
+    canDraw: boolean;
+    hasDrawings: boolean;
+    drawingsHidden: boolean;
+    canGoToDate: boolean;
+    /** A download of the bars and indicator lines (`features.dataExport`). */
+    canExport?: boolean;
+    autoScale: boolean;
+    scaleMode: PriceScaleMode;
+    inverted: boolean;
+    /** For a pane's menu: its scale switches. */
+    pane?: {
+        log: boolean;
+        invert: boolean;
+        percent: boolean;
+    };
+}
+/**
+ * What to do at a price: an alert, a buy and a sell (a limit on the side of
+ * the market it would wait on, else a stop), a horizontal line.
+ */
+export declare function priceEntries(ctx: ChartMenuContext, t: Translator): ContextMenuEntry[];
+/** The right-click menu for where it landed. */
+export declare function chartMenuEntries(area: ChartContextArea, ctx: ChartMenuContext, t: Translator): ContextMenuEntry[];
+//# sourceMappingURL=chartMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chartMenu.d.ts","sourceRoot":"","sources":["../../src/widget/chartMenu.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAElD,qFAAqF;AACrF,MAAM,MAAM,eAAe,GACvB,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,aAAa,GAAG,gBAAgB,GAC9F,WAAW,GAAG,cAAc,GAAG,cAAc,GAAG,gBAAgB,GAAG,UAAU,GAAG,YAAY,GAC5F,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,GACzD,UAAU,GACV,SAAS,GACT,YAAY,GACZ,aAAa,CAAC;AAElB,iEAAiE;AACjE,MAAM,WAAW,gBAAgB;IAC/B,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,yDAAyD;IACzD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,cAAc,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,IAAI,CAAC,EAAE;QAAE,GAAG,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC;CAC5D;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,gBAAgB,EAAE,CAAC,EAAE,UAAU,GAAG,gBAAgB,EAAE,CAoBrF;AAED,gDAAgD;AAChD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,EAAE,GAAG,EAAE,gBAAgB,EAAE,CAAC,EAAE,UAAU,GAAG,gBAAgB,EAAE,CAgDjH"}

package/dist/widget/drawingMenu.d.ts

@@ -0,0 +1,21 @@
+import { ContextMenuEntry } from './WidgetContextMenu.js';
+import { Translator } from './i18n.js';
+/** What a right-clicked drawing's menu can do. */
+export type DrawingMenuAction = 'settings' | 'alert' | 'front' | 'forward' | 'backward' | 'back' | 'group' | 'ungroup' | 'lock' | 'unlock' | 'hide' | 'duplicate' | 'delete';
+/** The right-clicked drawing and the selection it is part of. */
+export interface DrawingMenuTarget {
+    /** Selected drawings: the right-clicked one, its group, or a selection it was part of. */
+    selected: readonly {
+        id: string;
+        locked: boolean;
+        groupId: string | null;
+    }[];
+    canConfigure: boolean;
+    canAlert: boolean;
+}
+/**
+ * The menu's entries: settings and alert for one drawing, order, grouping,
+ * then lock, hide, duplicate and delete for the whole selection.
+ */
+export declare function drawingMenuEntries(target: DrawingMenuTarget, t: Translator): ContextMenuEntry[];
+//# sourceMappingURL=drawingMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawingMenu.d.ts","sourceRoot":"","sources":["../../src/widget/drawingMenu.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,kDAAkD;AAClD,MAAM,MAAM,iBAAiB,GACzB,UAAU,GAAG,OAAO,GACpB,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GACzC,OAAO,GAAG,SAAS,GACnB,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAExD,iEAAiE;AACjE,MAAM,WAAW,iBAAiB;IAChC,0FAA0F;IAC1F,QAAQ,EAAE,SAAS;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,EAAE,CAAC;IAC7E,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,iBAAiB,EAAE,CAAC,EAAE,UAAU,GAAG,gBAAgB,EAAE,CA8B/F"}

package/dist/widget/escapeHtml.d.ts

@@ -0,0 +1,3 @@
+/** Text made safe to put in HTML markup, attribute values included. */
+export declare function escapeHtml(text: string): string;
+//# sourceMappingURL=escapeHtml.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"escapeHtml.d.ts","sourceRoot":"","sources":["../../src/widget/escapeHtml.ts"],"names":[],"mappings":"AAAA,uEAAuE;AACvE,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE/C"}

package/dist/widget/focusTrap.d.ts

@@ -0,0 +1,8 @@
+/** What Tab can land on inside a dialog. */
+export declare const FOCUSABLE = "button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+/**
+ * Keep Tab inside `container` (a modal dialog): from its last control Tab
+ * goes to its first, and Shift+Tab the other way. Call from its keydown.
+ */
+export declare function keepTabInside(e: KeyboardEvent, container: HTMLElement): void;
+//# sourceMappingURL=focusTrap.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"focusTrap.d.ts","sourceRoot":"","sources":["../../src/widget/focusTrap.ts"],"names":[],"mappings":"AAAA,4CAA4C;AAC5C,eAAO,MAAM,SAAS,uIAAqI,CAAC;AAE5J;;;GAGG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,GAAG,IAAI,CAe5E"}

package/dist/widget/i18n.d.ts

@@ -1,70 +1,27 @@
+import { EN_MESSAGES, MessageKey, WidgetMessages } from './locales/en.js';
+import { VI_MESSAGES } from './locales/vi.js';
+export { EN_MESSAGES, VI_MESSAGES };
+export type { MessageKey, WidgetMessages };
+/** The locales registered so far: English, Vietnamese and any added with `registerWidgetLocale`. */
+export declare const BUILTIN_LOCALES: Readonly<Record<string, Partial<WidgetMessages>>>;
 /**
- * i18n for ChartWidget's own chrome (toolbar, watchlist, indicator picker,
- * status bar, settings panel, hotkey sheet). This does NOT translate
- * data-driven labels sourced from `widgetConfig.ts` (the 69 indicator
- * display names, drawing-tool names, timezone/locale option labels) — those
- * stay in English for now; see README "Widget i18n" for the current
- * coverage and how to extend it via `messages`.
+ * Make a language available to `locale` on every ChartWidget, e.g.
+ * `registerWidgetLocale('ja', ja)` with `ja` from
+ * `@tradecanvas/chart/widget/locales`. Codes match case-insensitively.
  */
-export type MessageKey = typeof EN_MESSAGES extends Record<infer K, string> ? K : never;
-export declare const EN_MESSAGES: {
-    readonly 'toolbar.indicators': "Indicators";
-    readonly 'toolbar.indicators.popular': "Popular";
-    readonly 'toolbar.indicators.all': "All";
-    readonly 'indicatorType.overlay': "overlay";
-    readonly 'indicatorType.panel': "panel";
-    readonly 'toolbar.replay': "Bar replay";
-    readonly 'toolbar.longBracket': "Long bracket";
-    readonly 'toolbar.shortBracket': "Short bracket";
-    readonly 'toolbar.depthLadder': "Depth ladder";
-    readonly 'toolbar.objects': "Objects";
-    readonly 'toolbar.priceAlerts': "Price alerts";
-    readonly 'toolbar.screenshot': "Screenshot";
-    readonly 'toolbar.settings': "Chart Settings";
-    readonly 'toolbar.toggleTheme': "Toggle theme";
-    readonly 'chartType.candlestick': "Candlestick";
-    readonly 'chartType.line': "Line";
-    readonly 'chartType.area': "Area";
-    readonly 'chartType.bar': "Bar";
-    readonly 'chartType.heikinAshi': "Heikin-Ashi";
-    readonly 'chartType.hollowCandle': "Hollow Candle";
-    readonly 'chartType.baseline': "Baseline";
-    readonly 'chartType.volumeCandles': "Volume Candles";
-    readonly 'chartType.equivolume': "Equivolume";
-    readonly 'chartType.hlcArea': "HLC Area";
-    readonly 'chartType.stepLine': "Step Line";
-    readonly 'chartType.lineWithMarkers': "Line + Markers";
-    readonly 'watchlist.title': "Watchlist";
-    readonly 'status.connecting': "Connecting...";
-    readonly 'status.live': "Live";
-    readonly 'status.connectionFailed': "Connection failed";
-    readonly 'status.loading': "Loading chart...";
-    readonly 'settings.title': "Chart Settings";
-    readonly 'settings.tab.style': "style";
-    readonly 'settings.tab.display': "display";
-    readonly 'settings.tab.scale': "scale";
-    readonly 'settings.resetToDefaults': "Reset to defaults";
-    readonly 'settings.done': "Done";
-    readonly 'settings.section.candleColors': "Candle Colors";
-    readonly 'settings.section.background': "Background";
-    readonly 'hotkeys.title': "Keyboard shortcuts";
-    readonly 'hotkeys.close': "Close";
-    readonly 'hotkeys.gotIt': "Got it";
-    readonly 'hotkeys.group.searchNavigation': "Search & navigation";
-    readonly 'hotkeys.group.chartManipulation': "Chart manipulation";
-    readonly 'hotkeys.group.touch': "Touch (mobile / tablet)";
-    readonly 'hotkeys.group.keyboard': "Keyboard";
-    readonly 'hotkeys.group.drawing': "Drawing";
-};
-export declare const VI_MESSAGES: Partial<Record<MessageKey, string>>;
-export declare const BUILTIN_LOCALES: Record<string, Partial<Record<MessageKey, string>>>;
+export declare function registerWidgetLocale(code: string, messages: Partial<WidgetMessages>): void;
+/** The table for `locale`, if one is registered for it or its language. */
+export declare function findWidgetLocale(locale: string): Partial<WidgetMessages> | undefined;
 /**
  * Resolve the widget's message table: built-in English as the base, the
- * requested built-in locale layered on top (falling back key-by-key to
- * English for anything that locale hasn't translated yet), then host
- * `messages` overrides layered last so they always win.
+ * table for `locale` (or its language) on top, falling back key by key to
+ * English, then the host's `messages` last so they always win.
  */
-export declare function resolveMessages(locale: string | undefined, overrides: Partial<Record<MessageKey, string>> | undefined): Record<MessageKey, string>;
+export declare function resolveMessages(locale: string | undefined, overrides: Partial<WidgetMessages> | undefined): WidgetMessages;
 export type Translator = (key: MessageKey) => string;
-export declare function createTranslator(messages: Record<MessageKey, string>): Translator;
+export declare function createTranslator(messages: WidgetMessages): Translator;
+/** English strings, for components used without a widget. */
+export declare const EN_TRANSLATOR: Translator;
+/** Fill `{name}` placeholders: `fill('Comparing {symbol}', { symbol: 'ETH' })`. */
+export declare function fill(template: string, values: Record<string, string | number>): string;
 //# sourceMappingURL=i18n.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/widget/i18n.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,MAAM,MAAM,UAAU,GAAG,OAAO,WAAW,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAExF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Dd,CAAC;AAEX,eAAO,MAAM,WAAW,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAqD3D,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAG/E,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS,GACzD,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAM5B;AAED,MAAM,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,UAAU,KAAK,MAAM,CAAC;AAErD,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,UAAU,CAEjF"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/widget/i18n.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;AACpC,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC;AAO3C,oGAAoG;AACpG,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC,CAQ5E,CAAC;AAEH;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI,CAE1F;AAYD,2EAA2E;AAC3E,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,CAAC,GAAG,SAAS,CAMpF;AAID;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,SAAS,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,SAAS,GAC7C,cAAc,CAahB;AAED,MAAM,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,UAAU,KAAK,MAAM,CAAC;AAErD,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,cAAc,GAAG,UAAU,CAErE;AAED,6DAA6D;AAC7D,eAAO,MAAM,aAAa,EAAE,UAA0C,CAAC;AAEvE,mFAAmF;AACnF,wBAAgB,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG,MAAM,CAEtF"}

package/dist/widget/iconSet.d.ts

@@ -0,0 +1,26 @@
+/**
+ * The TradeCanvas icon set, as in the "TradeCanvas Icons" Figma file: a 24 px
+ * grid with 2 px padding, 1.75 px strokes with round caps and joins. Drawing
+ * tools mark their anchor points (where you click to draw) with filled dots.
+ */
+export interface IconDef {
+    /** Stroked path data. */
+    d?: string;
+    /** Dashed stroke, for guides. */
+    dash?: string;
+    /** Solid shapes, such as filled candle bodies. */
+    fills?: readonly string[];
+    /** An area filled at 22%. */
+    soft?: string;
+    /** Filled dots: [cx, cy, r = 1.75]. */
+    dots?: readonly (readonly number[])[];
+}
+/** Toolbar, sidebar and panel glyphs. */
+export declare const UI_ICONS: Readonly<Record<string, IconDef>>;
+/** One per drawing tool, keyed by tool type. */
+export declare const DRAWING_TOOL_ICONS: Readonly<Record<string, IconDef>>;
+/** One per chart type, keyed by chart type. */
+export declare const CHART_TYPE_ICONS: Readonly<Record<string, IconDef>>;
+/** The icon as an inline SVG string at `size` px, coloured by `currentColor`. */
+export declare function iconSvg(icon: IconDef, size: number): string;
+//# sourceMappingURL=iconSet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"iconSet.d.ts","sourceRoot":"","sources":["../../src/widget/iconSet.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,WAAW,OAAO;IACtB,yBAAyB;IACzB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,MAAM,EAAE,CAAC,EAAE,CAAC;CACvC;AAED,yCAAyC;AACzC,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAyDtD,CAAC;AAEF,gDAAgD;AAChD,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAsEhE,CAAC;AAEF,+CAA+C;AAC/C,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAmB9D,CAAC;AAoBF,iFAAiF;AACjF,wBAAgB,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAE3D"}

package/dist/widget/icons.d.ts

@@ -1,2 +1,7 @@
+/** An interface icon (toolbar, sidebar, panels) as inline SVG; '' for an unknown name. */
 export declare function createIcon(name: string, size?: number): string;
+/** A drawing tool's own icon; a pen for a tool without one (e.g. from a plugin). */
+export declare function createToolIcon(tool: string, size?: number): string;
+/** A chart type's icon; the generic chart glyph for a type without one. */
+export declare function createChartTypeIcon(type: string, size?: number): string;
 //# sourceMappingURL=icons.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/widget/icons.ts"],"names":[],"mappings":"AAwCA,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,SAAK,GAAG,MAAM,CAI1D"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/widget/icons.ts"],"names":[],"mappings":"AAKA,0FAA0F;AAC1F,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,SAAK,GAAG,MAAM,CAG1D;AAED,oFAAoF;AACpF,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,SAAK,GAAG,MAAM,CAE9D;AAED,2EAA2E;AAC3E,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,SAAK,GAAG,MAAM,CAEnE"}