@tradecanvas/chart 1.3.0 → 1.7.0

package/dist/widget/DrawingTemplateStore.d.ts

@@ -1,7 +1,10 @@
-import { DrawingStyle } from '@tradecanvas/commons';
+import { DrawingOptions, DrawingStyle, DrawingToolType } from '@tradecanvas/commons';
 export interface DrawingStyleTemplate {
     name: string;
     style: Partial<DrawingStyle>;
+    /** The tool it was saved from, with that tool's options; absent for a style-only template. */
+    type?: DrawingToolType;
+    options?: DrawingOptions;
 }
 /** Minimal storage surface — satisfied by `localStorage` and easy to mock. */
 export interface KeyValueStorage {
@@ -9,21 +12,39 @@ export interface KeyValueStorage {
     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.
+ * Named drawing presets, persisted to a key-value store: a style, and for a
+ * template saved from a tool, that tool's options. Templates are upserted by
+ * name and tool (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;
+    /** Style-only templates, plus with `type` the ones saved from that tool. */
+    list(type?: DrawingToolType): DrawingStyleTemplate[];
+    get(name: string, type?: DrawingToolType): DrawingStyleTemplate | null;
+    /** Insert or replace a template by name (and tool, when it is saved with one). */
+    save(name: string, style: Partial<DrawingStyle>, tool?: {
+        type: DrawingToolType;
+        options: DrawingOptions;
+    }): void;
+    remove(name: string, type?: DrawingToolType): void;
     clear(): void;
     private load;
     private persist;
 }
+/**
+ * The options each drawing tool starts with ("save as default"), persisted to
+ * a key-value store. Values are checked by the chart when they are applied.
+ */
+export declare class DrawingDefaultsStore {
+    private storageKey;
+    private storage;
+    private defaults;
+    constructor(storageKey?: string, storage?: KeyValueStorage | null);
+    all(): Partial<Record<DrawingToolType, DrawingOptions>>;
+    /** Remember a tool's default options; null forgets them. */
+    set(type: DrawingToolType, options: DrawingOptions | null): void;
+}
 //# sourceMappingURL=DrawingTemplateStore.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"DrawingTemplateStore.d.ts","sourceRoot":"","sources":["../../src/widget/DrawingTemplateStore.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG1F,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC7B,8FAA8F;IAC9F,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;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;AA0BD;;;;GAIG;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,4EAA4E;IAC5E,IAAI,CAAC,IAAI,CAAC,EAAE,eAAe,GAAG,oBAAoB,EAAE;IAIpD,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,eAAe,GAAG,oBAAoB,GAAG,IAAI;IAKtE,kFAAkF;IAClF,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,eAAe,CAAC;QAAC,OAAO,EAAE,cAAc,CAAA;KAAE,GAAG,IAAI;IAajH,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,eAAe,GAAG,IAAI;IAKlD,KAAK,IAAI,IAAI;IAKb,OAAO,CAAC,IAAI;IAqBZ,OAAO,CAAC,OAAO;CAQhB;AAED;;;GAGG;AACH,qBAAa,oBAAoB;IAI7B,OAAO,CAAC,UAAU;IAClB,OAAO,CAAC,OAAO;IAJjB,OAAO,CAAC,QAAQ,CAAwD;gBAG9D,UAAU,SAAyB,EACnC,OAAO,GAAE,eAAe,GAAG,IAAuB;IAiB5D,GAAG,IAAI,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,cAAc,CAAC,CAAC;IAIvD,4DAA4D;IAC5D,GAAG,CAAC,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,cAAc,GAAG,IAAI,GAAG,IAAI;CASjE"}

package/dist/widget/WatchlistStore.d.ts

@@ -0,0 +1,65 @@
+import { KeyValueStorage } from './DrawingTemplateStore.js';
+/** One watchlist: a name and its symbols, in order. */
+export interface WatchlistList {
+    id: string;
+    name: string;
+    symbols: string[];
+}
+export interface WatchlistStoreOptions {
+    /** Lists to start with; when none, one list of `symbols`. */
+    lists?: WatchlistList[];
+    /** The list shown first, by id. */
+    activeList?: string;
+    symbols?: string[];
+    /** The first list's name when the store makes it. */
+    defaultName?: string;
+    /** Where the lists are kept between visits; none keeps them in memory only. */
+    storage?: KeyValueStorage | null;
+    storageKey?: string;
+}
+/**
+ * Watchlists from untrusted input (storage, a host): lists need an id and a
+ * name; repeated ids, symbols that aren't strings and repeats are dropped;
+ * at most 50 lists of 500 symbols. The active id falls back to the first
+ * list. Null when no list is left.
+ */
+export declare function readWatchlists(raw: unknown): {
+    lists: WatchlistList[];
+    active: string;
+} | null;
+/**
+ * The widget's watchlists: which one is shown, and their symbols. Every
+ * change is kept in storage (when it has one) and told to its listeners;
+ * readers get copies.
+ */
+export declare class WatchlistStore {
+    private lists;
+    private active;
+    private readonly listeners;
+    private readonly storage;
+    private readonly storageKey;
+    constructor(options: WatchlistStoreOptions);
+    getLists(): WatchlistList[];
+    getActive(): WatchlistList;
+    setActive(id: string): void;
+    /** Replace every list (untrusted input is read as `readWatchlists` does). */
+    replace(lists: WatchlistList[], active?: string): void;
+    /** A new list, shown at once; null for a name it can't use or one list too many. */
+    create(name: string): WatchlistList | null;
+    rename(id: string, name: string): void;
+    /** Delete a list; the last one stays. */
+    remove(id: string): void;
+    /** Add a symbol to the end of a list (the shown one by default); false when it's there or unusable. */
+    add(symbol: string, id?: string): boolean;
+    removeSymbol(symbol: string, id?: string): void;
+    /** Move a symbol to `index` in its list. */
+    move(symbol: string, index: number, id?: string): void;
+    /** Called after every change; returns a function that stops it. */
+    subscribe(listener: () => void): () => void;
+    private activeList;
+    private update;
+    private changed;
+    private load;
+    private save;
+}
+//# sourceMappingURL=WatchlistStore.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WatchlistStore.d.ts","sourceRoot":"","sources":["../../src/widget/WatchlistStore.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,uDAAuD;AACvD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,6DAA6D;IAC7D,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IACxB,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AA6BD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,OAAO,GAAG;IAAE,KAAK,EAAE,aAAa,EAAE,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAiB9F;AAID;;;;GAIG;AACH,qBAAa,cAAc;IACzB,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAyB;IACnD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAyB;IACjD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAS;gBAExB,OAAO,EAAE,qBAAqB;IAa1C,QAAQ,IAAI,aAAa,EAAE;IAI3B,SAAS,IAAI,aAAa;IAI1B,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAM3B,6EAA6E;IAC7E,OAAO,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI;IAQtD,oFAAoF;IACpF,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI;IAY1C,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAMtC,yCAAyC;IACzC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAOxB,uGAAuG;IACvG,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,SAAc,GAAG,OAAO;IAQ9C,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,SAAc,GAAG,IAAI;IAMpD,4CAA4C;IAC5C,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,SAAc,GAAG,IAAI;IAW3D,mEAAmE;IACnE,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI;IAK3C,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,IAAI;IAUZ,OAAO,CAAC,IAAI;CAMb"}

package/dist/widget/WidgetAccountPanel.d.ts

@@ -0,0 +1,72 @@
+import { FillEvent, TradingOrder, TradingPosition } from '@tradecanvas/commons';
+import { Translator } from './i18n.js';
+export interface AccountPanelCallbacks {
+    onClosePosition: (id: string) => void;
+    onReversePosition: (id: string) => void;
+    onCancelOrder: (id: string) => void;
+    onNewOrder: () => void;
+    formatPrice: (price: number) => string;
+    formatTime: (ms: number) => string;
+    /** Called when the panel opens or closes (the chart above resizes). */
+    onToggle?: (open: boolean) => void;
+}
+export interface AccountSnapshot {
+    positions: readonly TradingPosition[];
+    orders: readonly TradingOrder[];
+    fills: readonly FillEvent[];
+    /** The latest price, for the positions' profit and loss. */
+    price: number | null;
+    /** The P&L realised by every fill (the list may keep only the latest); else the listed fills' sum. */
+    realisedPnl?: number;
+}
+/** A position's open profit or loss at `price`, and as a percent of what went in. */
+export declare function positionPnl(position: TradingPosition, price: number | null): {
+    pnl: number;
+    pct: number;
+} | null;
+/**
+ * The account at the bottom of the widget: open positions with their profit
+ * and loss, working orders, and the fills so far, each with its actions
+ * (close, reverse, cancel), and a button for a new order.
+ */
+export declare class WidgetAccountPanel {
+    private readonly callbacks;
+    private readonly t;
+    private el;
+    private tabButtons;
+    private content;
+    private tab;
+    private snapshot;
+    private open;
+    private live;
+    constructor(host: HTMLElement, callbacks: AccountPanelCallbacks, t?: Translator);
+    isOpen(): boolean;
+    toggle(): void;
+    openPanel(): void;
+    closePanel(): void;
+    /**
+     * New positions, orders, fills or price; the tabs' counts follow, the open
+     * tab redraws. A new price alone only rewrites the price and P&L cells, so
+     * a tick never takes a button from under the pointer or the focus.
+     */
+    update(snapshot: AccountSnapshot): void;
+    destroy(): void;
+    private selectTab;
+    /** Left and Right move between the tabs. */
+    private onTabKey;
+    private renderTabs;
+    private render;
+    /** The price and P&L cells, rewritten in place. */
+    private patchPrices;
+    private writePnl;
+    private table;
+    private row;
+    /** Long or Short for a position; Buy or Sell for an order or a fill (closing a long is a sell). */
+    private sideCell;
+    private sideText;
+    private actions;
+    private renderPositions;
+    private renderOrders;
+    private renderHistory;
+}
+//# sourceMappingURL=WidgetAccountPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetAccountPanel.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetAccountPanel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,EAAwC,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAElF,MAAM,WAAW,qBAAqB;IACpC,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,SAAS,eAAe,EAAE,CAAC;IACtC,MAAM,EAAE,SAAS,YAAY,EAAE,CAAC;IAChC,KAAK,EAAE,SAAS,SAAS,EAAE,CAAC;IAC5B,4DAA4D;IAC5D,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,sGAAsG;IACtG,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAyBD,qFAAqF;AACrF,wBAAgB,WAAW,CAAC,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAOhH;AAMD;;;;GAIG;AACH,qBAAa,kBAAkB;IASE,OAAO,CAAC,QAAQ,CAAC,SAAS;IAAyB,OAAO,CAAC,QAAQ,CAAC,CAAC;IARpG,OAAO,CAAC,EAAE,CAAc;IACxB,OAAO,CAAC,UAAU,CAAqC;IACvD,OAAO,CAAC,OAAO,CAAiB;IAChC,OAAO,CAAC,GAAG,CAAoB;IAC/B,OAAO,CAAC,QAAQ,CAA0E;IAC1F,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,IAAI,CAAmB;gBAEnB,IAAI,EAAE,WAAW,EAAmB,SAAS,EAAE,qBAAqB,EAAmB,CAAC,GAAE,UAA0B;IA4ChI,MAAM,IAAI,OAAO;IAIjB,MAAM,IAAI,IAAI;IAKd,SAAS,IAAI,IAAI;IAOjB,UAAU,IAAI,IAAI;IAOlB;;;;OAIG;IACH,MAAM,CAAC,QAAQ,EAAE,eAAe,GAAG,IAAI;IAevC,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,SAAS;IAMjB,4CAA4C;IAC5C,OAAO,CAAC,QAAQ;IAUhB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,MAAM;IAWd,mDAAmD;IACnD,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,KAAK;IAqBb,OAAO,CAAC,GAAG;IAWX,mGAAmG;IACnG,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,OAAO;IAiBf,OAAO,CAAC,eAAe;IAgCvB,OAAO,CAAC,YAAY;IAuBpB,OAAO,CAAC,aAAa;CA6BtB"}

package/dist/widget/WidgetAlertsPanel.d.ts

@@ -1,4 +1,5 @@
-import { AlertCondition } from '@tradecanvas/core';
+import { AlertCondition, AlertOptions } from '@tradecanvas/core';
+import { Translator } from './i18n.js';
 export interface AlertListItem {
     id: string;
     price: number;
@@ -7,6 +8,26 @@ export interface AlertListItem {
     triggered: boolean;
     channel?: string;
     label?: string;
+    /** Set for an alert on a drawing: its price follows the drawing's line. */
+    drawingId?: string;
+    /** Another line it compares with, and its name. */
+    target?: string;
+    targetLabel?: string;
+    percent?: number;
+    bars?: number;
+    onBarClose?: boolean;
+    expiresAt?: number;
+    expired?: boolean;
+}
+/** What the form asks for. */
+export interface AlertSpec {
+    /** The level (NaN when comparing with a line or measuring a move). */
+    price: number;
+    condition: AlertCondition;
+    message: string | undefined;
+    channel: string;
+    label: string;
+    options: AlertOptions;
 }
 export interface AlertSource {
     /** `'price'` or `<instanceId>:<key>`. */
@@ -14,13 +35,24 @@ export interface AlertSource {
     label: string;
 }
 export interface AlertsPanelCallbacks {
-    onAdd: (price: number, condition: AlertCondition, message: string | undefined, channel: string, label: string) => void;
+    /** Add the alert; false when the chart turned it down (the form stays as it is). */
+    onAdd: (spec: AlertSpec) => boolean | 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;
+    /** A time, for "until …". */
+    formatTime?: (ms: number) => string;
+    /** Now, in ms (an expiry is counted from it). */
+    now?: () => number;
 }
+/**
+ * What an alert watches, in words: "RSI crossing 70", "Price crossing EMA 20",
+ * "Price up 5% within 10 bars". `named` names the price too ("Price crossing
+ * 105"), for words read away from the list (a toast, a notification).
+ */
+export declare function describeAlert(alert: AlertListItem, t: Translator, formatPrice: (price: number) => string, named?: boolean): 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
@@ -28,18 +60,31 @@ export interface AlertsPanelCallbacks {
  * add/remove back to the chart's `AlertManager`.
  */
 export declare class WidgetAlertsPanel {
+    private readonly t;
     private el;
     private listEl;
     private priceInput;
     private conditionSelect;
     private sourceSelect;
+    private targetSelect;
+    private percentInput;
+    private barsInput;
+    private levelRow;
+    private moveRow;
+    private closeCheck;
+    private expirySelect;
     private messageInput;
     private emptyEl;
     private callbacks;
     private open;
     private alerts;
     private sources;
-    constructor(host: HTMLElement, callbacks: AlertsPanelCallbacks);
+    constructor(host: HTMLElement, callbacks: AlertsPanelCallbacks, t?: Translator);
+    private numberField;
+    /** A move asks for percent and bars; a level for a value or another line. */
+    private showFields;
+    /** "Compared with": a value, or any line but the one watched. */
+    private renderTargets;
     /** Replace the alert-source options (price + indicator lines). */
     setSources(sources: AlertSource[]): void;
     private renderSources;
@@ -53,6 +98,8 @@ export declare class WidgetAlertsPanel {
     setAlerts(alerts: AlertListItem[]): void;
     destroy(): void;
     private submitForm;
+    private markInvalid;
+    private describe;
     private renderList;
 }
 //# sourceMappingURL=WidgetAlertsPanel.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"WidgetAlertsPanel.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetAlertsPanel.ts"],"names":[],"mappings":"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"}

package/dist/widget/WidgetBracketBar.d.ts

@@ -1,3 +1,4 @@
+import { Translator } from './i18n.js';
 export interface BracketBarCallbacks {
     onConfirm: () => void;
     onCancel: () => void;
@@ -8,11 +9,12 @@ export interface BracketBarCallbacks {
  * just carries the commit and discard actions (also bound to Enter / Esc).
  */
 export declare class WidgetBracketBar {
+    private readonly t;
     private el;
     private labelEl;
     private callbacks;
     private visible;
-    constructor(host: HTMLElement, callbacks: BracketBarCallbacks);
+    constructor(host: HTMLElement, callbacks: BracketBarCallbacks, t?: Translator);
     show(side: 'buy' | 'sell'): void;
     hide(): void;
     isVisible(): boolean;

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

@@ -1 +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"}
+{"version":3,"file":"WidgetBracketBar.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetBracketBar.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAG3D,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;GAIG;AACH,qBAAa,gBAAgB;IAMoC,OAAO,CAAC,QAAQ,CAAC,CAAC;IALjF,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,EAAmB,CAAC,GAAE,UAA0B;IAiC7G,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/WidgetChartNav.d.ts

@@ -0,0 +1,36 @@
+import { Translator } from './i18n.js';
+export interface ChartNavActions {
+    zoomIn: () => void;
+    zoomOut: () => void;
+    /** Scroll a step toward later (1) or earlier (-1) bars. */
+    scroll: (direction: 1 | -1) => void;
+    /** Back to the whole chart, scaled to fit. */
+    reset: () => void;
+    /** The plot area in the host, where the buttons sit (centred on its bottom). */
+    plotRect: () => {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+}
+/**
+ * Navigation over the chart: zoom out and in, scroll earlier and later
+ * (held, it keeps going), reset. It shows while a mouse or pen is over the
+ * chart; touch has its own gestures.
+ */
+export declare class WidgetChartNav {
+    private readonly host;
+    private readonly actions;
+    private el;
+    private holdTimer;
+    private repeatTimer;
+    private readonly onMove;
+    private readonly onLeave;
+    constructor(host: HTMLElement, actions: ChartNavActions, t?: Translator);
+    destroy(): void;
+    private place;
+    private startHold;
+    private stopHold;
+}
+//# sourceMappingURL=WidgetChartNav.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetChartNav.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetChartNav.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAE3D,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2DAA2D;IAC3D,MAAM,EAAE,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC;IACpC,8CAA8C;IAC9C,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,gFAAgF;IAChF,QAAQ,EAAE,MAAM;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACzE;AAMD;;;;GAIG;AACH,qBAAa,cAAc;IAevB,OAAO,CAAC,QAAQ,CAAC,IAAI;IACrB,OAAO,CAAC,QAAQ,CAAC,OAAO;IAf1B,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,SAAS,CAA8C;IAC/D,OAAO,CAAC,WAAW,CAA+C;IAClE,OAAO,CAAC,QAAQ,CAAC,MAAM,CAIrB;IACF,OAAO,CAAC,QAAQ,CAAC,OAAO,CAGtB;gBAGiB,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,eAAe,EACzC,CAAC,GAAE,UAA0B;IAiE/B,OAAO,IAAI,IAAI;IAOf,OAAO,CAAC,KAAK;IAMb,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,QAAQ;CAMjB"}

package/dist/widget/WidgetCommandPalette.d.ts

@@ -1,4 +1,5 @@
 import { ChartType, DrawingToolType, TimeFrame } from '@tradecanvas/commons';
+import { Translator } from './i18n.js';
 export interface CommandItem {
     id: string;
     label: string;
@@ -15,6 +16,8 @@ export interface CommandPaletteCallbacks {
     onClose: () => void;
 }
 export declare class WidgetCommandPalette {
+    private readonly host;
+    private readonly t;
     private backdrop;
     private modal;
     private input;
@@ -24,7 +27,8 @@ export declare class WidgetCommandPalette {
     private selectedIndex;
     private callbacks;
     private boundKeydown;
-    constructor(callbacks: CommandPaletteCallbacks);
+    /** Where the overlay mounts (the widget's portal: themed, and inside it when fullscreen). */
+    constructor(callbacks: CommandPaletteCallbacks, host?: () => HTMLElement, t?: Translator);
     open(items: CommandItem[]): void;
     close(): void;
     isOpen(): boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetCommandPalette.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetCommandPalette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAElF,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,WAAW,GAAG,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,aAAa,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C,WAAW,EAAE,CAAC,EAAE,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,KAAK,CAAiC;IAC9C,OAAO,CAAC,IAAI,CAA+B;IAC3C,OAAO,CAAC,KAAK,CAAqB;IAClC,OAAO,CAAC,QAAQ,CAAqB;IACrC,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,SAAS,CAA0B;IAC3C,OAAO,CAAC,YAAY,CAA6B;gBAErC,SAAS,EAAE,uBAAuB;IAK9C,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI;IAoDhC,KAAK,IAAI,IAAI;IAWb,MAAM,IAAI,OAAO;IAIjB,OAAO,CAAC,MAAM;IAed,OAAO,CAAC,UAAU;IA2DlB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,MAAM;IAwBd,OAAO,CAAC,aAAa;IA2BrB,OAAO,CAAC,aAAa;IAWrB,OAAO,IAAI,IAAI;CAGhB"}
+{"version":3,"file":"WidgetCommandPalette.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetCommandPalette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAG3D,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,WAAW,GAAG,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,aAAa,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C,WAAW,EAAE,CAAC,EAAE,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,qBAAa,oBAAoB;IAc7B,OAAO,CAAC,QAAQ,CAAC,IAAI;IACrB,OAAO,CAAC,QAAQ,CAAC,CAAC;IAdpB,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,KAAK,CAAiC;IAC9C,OAAO,CAAC,IAAI,CAA+B;IAC3C,OAAO,CAAC,KAAK,CAAqB;IAClC,OAAO,CAAC,QAAQ,CAAqB;IACrC,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,SAAS,CAA0B;IAC3C,OAAO,CAAC,YAAY,CAA6B;IAEjD,6FAA6F;gBAE3F,SAAS,EAAE,uBAAuB,EACjB,IAAI,GAAE,MAAM,WAAiC,EAC7C,CAAC,GAAE,UAA0B;IAMhD,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI;IAqDhC,KAAK,IAAI,IAAI;IAWb,MAAM,IAAI,OAAO;IAIjB,OAAO,CAAC,MAAM;IAed,OAAO,CAAC,UAAU;IA2DlB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,MAAM;IAwBd,OAAO,CAAC,aAAa;IA2BrB,OAAO,CAAC,aAAa;IAWrB,OAAO,IAAI,IAAI;CAGhB"}

package/dist/widget/WidgetContextMenu.d.ts

@@ -0,0 +1,40 @@
+export type ContextMenuEntry = 
+/** `checked` makes it a switch (ticked when on). */
+{
+    id: string;
+    label: string;
+    icon?: string;
+    danger?: boolean;
+    checked?: boolean;
+} | 'separator';
+/**
+ * A small menu opened at a point (a right-click on a drawing, say): arrow
+ * keys, Home and End move through it, Enter picks, Escape, Tab or a click
+ * outside close it. Focus returns to where it was.
+ */
+export declare class WidgetContextMenu {
+    private readonly host;
+    private el;
+    private onPick;
+    private returnFocus;
+    /** The button that opened it: pressing it again is its click's to handle (a toggle). */
+    private anchor;
+    private readonly onDocPointer;
+    /** Scrolling, resizing or leaving the window moves the chart from under the menu. */
+    private readonly onAway;
+    constructor(host: HTMLElement, label: string);
+    /**
+     * Open at (`x`, `y`) in the host's coordinates. It opens up or to the left
+     * of the point when there is no room below or to the right, and stays
+     * inside both the host and the window.
+     */
+    open(entries: readonly ContextMenuEntry[], x: number, y: number, onPick: (id: string) => void, anchor?: HTMLElement): void;
+    close(): void;
+    isOpen(): boolean;
+    destroy(): void;
+    private entry;
+    private pick;
+    private items;
+    private onKeyDown;
+}
+//# sourceMappingURL=WidgetContextMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetContextMenu.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetContextMenu.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB;AAC1B,oDAAoD;AAClD;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GACjF,WAAW,CAAC;AAWhB;;;;GAIG;AACH,qBAAa,iBAAiB;IAchB,OAAO,CAAC,QAAQ,CAAC,IAAI;IAbjC,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,MAAM,CAAuC;IACrD,OAAO,CAAC,WAAW,CAA4B;IAC/C,wFAAwF;IACxF,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAI3B;IACF,qFAAqF;IACrF,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAsB;gBAEhB,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM;IAU7D;;;;OAIG;IACH,IAAI,CAAC,OAAO,EAAE,SAAS,gBAAgB,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI;IAkB1H,KAAK,IAAI,IAAI;IAab,MAAM,IAAI,OAAO;IAIjB,OAAO,IAAI,IAAI;IAKf,OAAO,CAAC,KAAK;IAwBb,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,SAAS;CAiBlB"}

package/dist/widget/WidgetDataWindow.d.ts

@@ -1,3 +1,4 @@
+import { Translator } from './i18n.js';
 export interface DataWindowIndicator {
     name: string;
     values: {
@@ -25,11 +26,12 @@ export interface DataWindowCallbacks {
  * active indicator value at the hovered bar. Updated from `crosshairMove`.
  */
 export declare class WidgetDataWindow {
+    private readonly t;
     private el;
     private bodyEl;
     private callbacks;
     private open;
-    constructor(host: HTMLElement, callbacks: DataWindowCallbacks);
+    constructor(host: HTMLElement, callbacks: DataWindowCallbacks, t?: Translator);
     isOpen(): boolean;
     toggle(): void;
     openPanel(): void;

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

@@ -1 +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"}
+{"version":3,"file":"WidgetDataWindow.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetDataWindow.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAE3D,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;IAMoC,OAAO,CAAC,QAAQ,CAAC,CAAC;IALjF,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,EAAmB,CAAC,GAAE,UAA0B;IA4B7G,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

@@ -1,4 +1,5 @@
 import { DepthData } from '@tradecanvas/commons';
+import { Translator } from './i18n.js';
 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;
@@ -11,12 +12,13 @@ export interface DepthLadderCallbacks {
  * size.
  */
 export declare class WidgetDepthLadder {
+    private readonly t;
     private el;
     private bodyEl;
     private callbacks;
     private open;
     private levels;
-    constructor(host: HTMLElement, callbacks: DepthLadderCallbacks, levels?: number);
+    constructor(host: HTMLElement, callbacks: DepthLadderCallbacks, levels?: number, t?: Translator);
     isOpen(): boolean;
     toggle(): void;
     openPanel(): void;

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

@@ -1 +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"}
+{"version":3,"file":"WidgetDepthLadder.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetDepthLadder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGtD,OAAO,EAAuB,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAGjE,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;IAOiD,OAAO,CAAC,QAAQ,CAAC,CAAC;IAN/F,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,EAAmB,CAAC,GAAE,UAA0B;IAmC3H,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/WidgetDrawingSettings.d.ts

@@ -0,0 +1,108 @@
+import { AnchorPoint, DrawingOptionDefs, DrawingOptions, DrawingStyle, DrawingToolType } from '@tradecanvas/commons';
+import { Translator } from './i18n.js';
+import { DrawingStyleTemplate } from './DrawingTemplateStore.js';
+/** The drawing a settings dialog edits. */
+export interface DrawingSettingsTarget {
+    id: string;
+    type: DrawingToolType;
+    /** The tool's name in the widget's language. */
+    name: string;
+    style: DrawingStyle;
+    /** Every option, defaults filled in. */
+    options: DrawingOptions;
+    defs: DrawingOptionDefs;
+    anchors: AnchorPoint[];
+    /** Whether the tool fills an area and draws text (which style fields to offer). */
+    fill: boolean;
+    text: boolean;
+    /** Whether an alert can watch it (it has lines the price can cross). */
+    alertable?: boolean;
+}
+export interface DrawingSettingsPatch {
+    anchors?: AnchorPoint[];
+    style?: Partial<DrawingStyle>;
+    options?: DrawingOptions;
+}
+export interface DrawingSettingsCallbacks {
+    /** The dialog opened on a drawing: edits until `onEnd` are one undo step. */
+    onBegin: (id: string) => void;
+    /** An edit, shown on the chart at once. */
+    onChange: (id: string, patch: DrawingSettingsPatch) => void;
+    /** OK keeps the edits; Cancel, Escape or the close button put the drawing back. */
+    onEnd: (id: string, cancel: boolean) => void;
+    /** An anchor's time as the date and time fields show it (the chart's zone), and back. */
+    toWallTime: (time: number) => {
+        date: string;
+        time: string;
+    };
+    fromWallTime: (date: string, time: string) => number | null;
+    /** Alert when the price crosses the drawing. */
+    onAddAlert?: (id: string) => void;
+    /** Make these the options new drawings of the tool start with. */
+    onSaveDefault?: (type: DrawingToolType, options: DrawingOptions) => void;
+    /** Saved templates: a style, and the tool's options for those saved from it. */
+    templates?: {
+        list: (type: DrawingToolType) => DrawingStyleTemplate[];
+        save: (name: string, style: Partial<DrawingStyle>, tool: {
+            type: DrawingToolType;
+            options: DrawingOptions;
+        }) => void;
+        remove: (name: string, type?: DrawingToolType) => void;
+    };
+}
+/**
+ * A drawing's settings: its style (colour, width, line, fill and text where
+ * the tool has them, saved templates), the tool's own options (levels,
+ * extend left/right…), and its anchors as dates and prices. Edits show on the
+ * chart at once; OK keeps them as one undo step, Cancel puts it back.
+ */
+export declare class WidgetDrawingSettings {
+    private readonly callbacks;
+    private readonly t;
+    private backdrop;
+    private modal;
+    private titleEl;
+    private tabsEl;
+    private bodyEl;
+    private footerLeft;
+    private tabButtons;
+    private target;
+    private style;
+    private options;
+    private anchors;
+    private tab;
+    private returnFocus;
+    private readonly uid;
+    constructor(host: HTMLElement, callbacks: DrawingSettingsCallbacks, t?: Translator);
+    open(target: DrawingSettingsTarget): void;
+    /** Close the dialog, keeping the edits or (with `cancel`) putting the drawing back. */
+    close(cancel: boolean): void;
+    isOpen(): boolean;
+    /** The drawing being edited, if any. */
+    editing(): string | null;
+    destroy(): void;
+    private tabs;
+    private renderTabs;
+    private markTabs;
+    private selectTab;
+    private onTabKey;
+    /** Escape cancels; Tab stays inside the dialog. */
+    private onKeyDown;
+    private renderBody;
+    private change;
+    private setStyle;
+    private setOptions;
+    private renderStyle;
+    private renderFill;
+    private renderText;
+    private renderTemplates;
+    /** A label from the widget's strings (`drawingOption.<key>`), else the tool's own. */
+    private label;
+    private renderOptions;
+    private optionControl;
+    /** One row per level: shown or not, its ratio, its colour, remove; and a button to add one. */
+    private levelsEditor;
+    private renderCoordinates;
+    private setAnchor;
+}
+//# sourceMappingURL=WidgetDrawingSettings.d.ts.map