@tradecanvas/chart 1.3.0 → 1.7.0

package/dist/widget/WidgetObjectTree.d.ts

@@ -1,3 +1,4 @@
+import { Translator } from './i18n.js';
 export interface ObjectTreeIndicator {
     instanceId: string;
     name: string;
@@ -8,6 +9,11 @@ export interface ObjectTreeDrawing {
     label: string;
     visible: boolean;
     locked: boolean;
+    /** The group it belongs to; a group's drawings are listed under one row. */
+    group?: {
+        id: string;
+        name: string;
+    };
 }
 export interface ObjectTreeCompare {
     id: string;
@@ -21,6 +27,13 @@ export interface ObjectTreeCallbacks {
     onRemoveDrawing: (id: string) => void;
     onToggleDrawingVisible: (id: string, visible: boolean) => void;
     onToggleDrawingLocked: (id: string, locked: boolean) => void;
+    /** When provided, each drawing row gets a settings button. */
+    onConfigureDrawing?: (id: string) => void;
+    /** Group rows: hide, lock, rename (or double-click its name) and ungroup the group. */
+    onToggleGroupVisible?: (groupId: string, visible: boolean) => void;
+    onToggleGroupLocked?: (groupId: string, locked: boolean) => void;
+    onUngroup?: (groupId: string) => void;
+    onRenameGroup?: (groupId: string, name: string) => void;
     /** When provided, a Compare section with an "add" button is shown. */
     onAddCompare?: () => void;
     onRemoveCompare?: (id: string) => void;
@@ -32,13 +45,14 @@ export interface ObjectTreeCallbacks {
  * from the toolbar layers button; the host wires actions back to the chart.
  */
 export declare class WidgetObjectTree {
+    private readonly t;
     private el;
     private indicatorsEl;
     private drawingsEl;
     private compareEl;
     private callbacks;
     private open;
-    constructor(host: HTMLElement, callbacks: ObjectTreeCallbacks);
+    constructor(host: HTMLElement, callbacks: ObjectTreeCallbacks, t?: Translator);
     isOpen(): boolean;
     toggle(): void;
     openPanel(): void;
@@ -49,11 +63,15 @@ export declare class WidgetObjectTree {
     private makeSection;
     private renderIndicators;
     private renderDrawings;
+    private groupRow;
+    /** Swap a group's name for a text box: Enter or leaving it renames, Escape keeps the name. */
+    private renameGroup;
+    private drawingRow;
     private renderCompares;
     private row;
     private emptyRow;
     private iconButton;
 }
-/** Human-readable label for a drawing type, falling back to the raw key. */
-export declare function drawingTypeLabel(type: string): string;
+/** Label for a drawing type in the widget's language, falling back to English, then the raw key. */
+export declare function drawingTypeLabel(type: string, t?: Translator): string;
 //# sourceMappingURL=WidgetObjectTree.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetObjectTree.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetObjectTree.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,wBAAwB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1E,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,sBAAsB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/D,qBAAqB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED;;;;;GAKG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,YAAY,CAAiB;IACrC,OAAO,CAAC,UAAU,CAAiB;IACnC,OAAO,CAAC,SAAS,CAA+B;IAChD,OAAO,CAAC,SAAS,CAAsB;IACvC,OAAO,CAAC,IAAI,CAAS;gBAET,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,mBAAmB;IA8B7D,MAAM,IAAI,OAAO;IAIjB,MAAM,IAAI,IAAI;IAId,SAAS,IAAI,IAAI;IAKjB,KAAK,IAAI,IAAI;IAKb,OAAO,IAAI,IAAI;IAIf,kEAAkE;IAClE,UAAU,CACR,UAAU,EAAE,mBAAmB,EAAE,EACjC,QAAQ,EAAE,iBAAiB,EAAE,EAC7B,QAAQ,GAAE,iBAAiB,EAAO,GACjC,IAAI;IAMP,OAAO,CAAC,WAAW;IA0BnB,OAAO,CAAC,gBAAgB;IAgCxB,OAAO,CAAC,cAAc;IAgCtB,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,GAAG;IAWX,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,UAAU;CAUnB;AA8CD,4EAA4E;AAC5E,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAErD"}
+{"version":3,"file":"WidgetObjectTree.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetObjectTree.ts"],"names":[],"mappings":"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"}

package/dist/widget/WidgetOrderTicket.d.ts

@@ -0,0 +1,49 @@
+import { OrderPlaceIntent, OrderSide } from '@tradecanvas/commons';
+import { Translator } from './i18n.js';
+export interface OrderTicketCallbacks {
+    onSubmit: (intent: OrderPlaceIntent) => void;
+    formatPrice: (price: number) => string;
+}
+/** Where a ticket starts: a side and a price (a click on the chart), and the market. */
+export interface OrderTicketStart {
+    side?: OrderSide;
+    price?: number;
+    lastPrice: number | null;
+}
+/**
+ * An order ticket: side, type, quantity, price, stop-loss, take-profit and
+ * time in force, checked as it is filled in; Place sends an `orderPlace`
+ * intent. Escape, Cancel or a click outside close it.
+ */
+export declare class WidgetOrderTicket {
+    private readonly callbacks;
+    private readonly t;
+    private backdrop;
+    private modal;
+    private body;
+    private problemsEl;
+    private submit;
+    private draft;
+    private lastPrice;
+    private returnFocus;
+    private readonly uid;
+    constructor(host: HTMLElement, callbacks: OrderTicketCallbacks, t?: Translator);
+    open(start: OrderTicketStart): void;
+    close(): void;
+    isOpen(): boolean;
+    /** The latest price, while the ticket is open (a market order's price, the checks). */
+    setLastPrice(price: number | null): void;
+    destroy(): void;
+    private place;
+    private set;
+    private render;
+    /** Buy or Sell, as two pressed buttons. */
+    private sideToggle;
+    /** A number checked as it is typed (not only when it is left). */
+    private number;
+    /** A price that is off unless switched on (a stop-loss, a take-profit). */
+    private optionalPrice;
+    /** Show what is wrong and the reward:risk, and enable Place only for a sound order. */
+    private check;
+}
+//# sourceMappingURL=WidgetOrderTicket.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetOrderTicket.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetOrderTicket.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAe,MAAM,sBAAsB,CAAC;AAErF,OAAO,EAAwC,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAUlF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACxC;AAED,wFAAwF;AACxF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAID;;;;GAIG;AACH,qBAAa,iBAAiB;IAWG,OAAO,CAAC,QAAQ,CAAC,SAAS;IAAwB,OAAO,CAAC,QAAQ,CAAC,CAAC;IAVnG,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,KAAK,CAAiB;IAC9B,OAAO,CAAC,IAAI,CAAiB;IAC7B,OAAO,CAAC,UAAU,CAAiB;IACnC,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,KAAK,CAAiC;IAC9C,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAe;gBAEvB,IAAI,EAAE,WAAW,EAAmB,SAAS,EAAE,oBAAoB,EAAmB,CAAC,GAAE,UAA0B;IA8D/H,IAAI,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI;IAgBnC,KAAK,IAAI,IAAI;IAQb,MAAM,IAAI,OAAO;IAIjB,uFAAuF;IACvF,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAMxC,OAAO,IAAI,IAAI;IAKf,OAAO,CAAC,KAAK;IAOb,OAAO,CAAC,GAAG;IAOX,OAAO,CAAC,MAAM;IAoCd,2CAA2C;IAC3C,OAAO,CAAC,UAAU;IAiBlB,kEAAkE;IAClE,OAAO,CAAC,MAAM;IAWd,2EAA2E;IAC3E,OAAO,CAAC,aAAa;IAkBrB,uFAAuF;IACvF,OAAO,CAAC,KAAK;CAiBd"}

package/dist/widget/WidgetReplayBar.d.ts

@@ -1,37 +1,82 @@
 /**
- * Replay scrubber bar — surfaces the chart's existing replay engine as a
- * visible bottom-of-chart control. Mounts under the chart container, owns
- * its own lifecycle, and reports user intent up via callbacks (no chart
- * coupling — the host calls chart.replayStart() / replayPause() / etc.).
+ * Replay control bar. Surfaces the chart's replay engine as a floating
+ * bottom-of-chart control and reports user intent through callbacks (no
+ * chart coupling — the host calls chart.replayStart() / replayPause() / …).
+ *
+ * Two modes: `select` (pick the start bar: a hint, "random bar", play from a
+ * default start) and `replay` (step, play/pause, scrub, speed). "Back to
+ * realtime" is always there and is highlighted once the replay reaches the
+ * last bar.
  */
 export interface ReplayBarCallbacks {
     onPlay: () => void;
     onPause: () => void;
-    onStop: () => void;
     onStepBack: () => void;
     onStepForward: () => void;
     onSeek: (index: number) => void;
+    /** Bars revealed per second. */
     onSpeedChange: (barsPerSecond: number) => void;
+    onRandomStart: () => void;
     onClose: () => void;
+    /** The step picked: `'bar'`, or a finer interval to replay through. */
+    onStepChange?: (step: string) => void;
 }
+/** A replay step on offer: `'bar'` or a finer interval. */
+export interface ReplayStepOption {
+    value: string;
+    label: string;
+}
+export interface ReplayBarLabels {
+    selectHint: string;
+    random: string;
+    realtime: string;
+    barsPerSecond: string;
+    play: string;
+    pause: string;
+    stepBack: string;
+    stepForward: string;
+    replay: string;
+    position: string;
+    speed: string;
+    step: string;
+}
+export declare const DEFAULT_REPLAY_LABELS: ReplayBarLabels;
 export type ReplayBarState = 'playing' | 'paused' | 'stopped';
+export type ReplayBarMode = 'select' | 'replay';
+/** Replay speeds, in bars revealed per second. */
+export declare const REPLAY_SPEEDS: readonly [1, 2, 3, 5, 10, 25, 50];
+export declare const DEFAULT_REPLAY_SPEED = 5;
 export declare class WidgetReplayBar {
+    private readonly callbacks;
     private root;
     private scrubber;
     private progressLabel;
     private playBtn;
+    private realtimeBtn;
     private state;
+    private mode;
+    private ended;
     private total;
     private speed;
-    private callbacks;
-    constructor(callbacks: ReplayBarCallbacks);
+    private steps;
+    private step;
+    private readonly labels;
+    constructor(callbacks: ReplayBarCallbacks, labels?: Partial<ReplayBarLabels>);
     mount(host: HTMLElement, opts: {
         total: number;
         speed?: number;
+        mode?: ReplayBarMode;
+        steps?: readonly ReplayStepOption[];
+        step?: string;
     }): void;
     unmount(): void;
     isMounted(): boolean;
+    getMode(): ReplayBarMode;
+    setMode(mode: ReplayBarMode): void;
     setState(state: ReplayBarState): void;
+    /** The replay sits on its last bar: nothing left to play. */
+    setEnded(ended: boolean): void;
+    /** `current`: index of the bar on screen. */
     setProgress(current: number, total: number): void;
     destroy(): void;
     private markup;

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetReplayBar.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetReplayBar.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,aAAa,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAI9D,qBAAa,eAAe;IAC1B,OAAO,CAAC,IAAI,CAA+B;IAC3C,OAAO,CAAC,QAAQ,CAAiC;IACjD,OAAO,CAAC,aAAa,CAAgC;IACrD,OAAO,CAAC,OAAO,CAAkC;IACjD,OAAO,CAAC,KAAK,CAA6B;IAC1C,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,SAAS,CAAqB;gBAE1B,SAAS,EAAE,kBAAkB;IAIzC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAevE,OAAO,IAAI,IAAI;IASf,SAAS,IAAI,OAAO;IAIpB,QAAQ,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;IAKrC,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAWjD,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,MAAM;IAad,OAAO,CAAC,UAAU;IA2BlB,OAAO,CAAC,MAAM;CAKf"}
+{"version":3,"file":"WidgetReplayBar.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetReplayBar.ts"],"names":[],"mappings":"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"}

package/dist/widget/WidgetSettings.d.ts

@@ -1,6 +1,10 @@
+import { ChartType } from '@tradecanvas/commons';
 import { ChartSettingsState, SettingsCallbacks } from './types.js';
 import { Translator } from './i18n.js';
 export declare class WidgetSettings {
+    private readonly available;
+    /** Where the panel mounts (the widget's portal: themed, and inside it when fullscreen). */
+    private readonly host;
     private callbacks;
     private t;
     private backdrop;
@@ -9,14 +13,34 @@ export declare class WidgetSettings {
     private currentSettings;
     private bodyEl;
     private tabButtons;
-    constructor(callbacks: SettingsCallbacks, t: Translator);
-    open(currentSettings: ChartSettingsState): void;
+    /** The chart's type, whose settings the Style tab offers. */
+    private chartType;
+    /**
+     * `barCountdown` / `logScale` false leave out the controls for features the
+     * chart has switched off.
+     */
+    constructor(callbacks: SettingsCallbacks, t: Translator, available?: {
+        barCountdown?: boolean;
+        logScale?: boolean;
+        /** Offer the exchange's time zone; returns it (null while unknown). */
+        exchangeZone?: () => string | null;
+    }, 
+    /** Where the panel mounts (the widget's portal: themed, and inside it when fullscreen). */
+    host?: () => HTMLElement);
+    open(currentSettings: ChartSettingsState, chartType?: ChartType | null): void;
+    isOpen(): boolean;
+    /** The settings as they are now (after an undo), on the tab that's open. */
+    refresh(settings: ChartSettingsState): void;
     close(): void;
     private buildModal;
     private renderTabContent;
     private renderStyleTab;
     private renderDisplayTab;
     private renderScaleTab;
+    /** The settings of the chart's type, when it has any (Renko's box, Kagi's reversal…). */
+    private renderChartTypeSection;
+    /** A number field; empty means "worked out from the data" (shown as Auto). Only numbers above 0 are taken. */
+    private numberRow;
     private patch;
     private section;
     private colorRow;

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetSettings.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetSettings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAExE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAK5C,qBAAa,cAAc;IACzB,OAAO,CAAC,SAAS,CAAoB;IACrC,OAAO,CAAC,CAAC,CAAa;IACtB,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,UAAU,CAAgB;IAClC,OAAO,CAAC,eAAe,CAAmC;IAC1D,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,UAAU,CAA2B;gBAEjC,SAAS,EAAE,iBAAiB,EAAE,CAAC,EAAE,UAAU;IAKvD,IAAI,CAAC,eAAe,EAAE,kBAAkB,GAAG,IAAI;IAM/C,KAAK,IAAI,IAAI;IASb,OAAO,CAAC,UAAU;IAuFlB,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,gBAAgB;IAyDxB,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,KAAK;IAOb,OAAO,CAAC,OAAO;IAYf,OAAO,CAAC,QAAQ;IA+BhB,OAAO,CAAC,SAAS;IAoBjB,OAAO,CAAC,SAAS;IA4BjB,OAAO,CAAC,QAAQ;IA2ChB,OAAO,IAAI,IAAI;CAGhB"}
+{"version":3,"file":"WidgetSettings.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetSettings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAoB,MAAM,sBAAsB,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAMxE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAK5C,qBAAa,cAAc;IAmBvB,OAAO,CAAC,QAAQ,CAAC,SAAS;IAM1B,2FAA2F;IAC3F,OAAO,CAAC,QAAQ,CAAC,IAAI;IAzBvB,OAAO,CAAC,SAAS,CAAoB;IACrC,OAAO,CAAC,CAAC,CAAa;IACtB,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,UAAU,CAAgB;IAClC,OAAO,CAAC,eAAe,CAAmC;IAC1D,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,UAAU,CAA2B;IAC7C,6DAA6D;IAC7D,OAAO,CAAC,SAAS,CAA0B;IAE3C;;;OAGG;gBAED,SAAS,EAAE,iBAAiB,EAC5B,CAAC,EAAE,UAAU,EACI,SAAS,GAAE;QAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,uEAAuE;QACvE,YAAY,CAAC,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;KAC/B;IACN,2FAA2F;IAC1E,IAAI,GAAE,MAAM,WAAiC;IAMhE,IAAI,CAAC,eAAe,EAAE,kBAAkB,EAAE,SAAS,GAAE,SAAS,GAAG,IAAW,GAAG,IAAI;IAOnF,MAAM,IAAI,OAAO;IAIjB,4EAA4E;IAC5E,OAAO,CAAC,QAAQ,EAAE,kBAAkB,GAAG,IAAI;IAM3C,KAAK,IAAI,IAAI;IASb,OAAO,CAAC,UAAU;IAuFlB,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,cAAc;IAqBtB,OAAO,CAAC,gBAAgB;IAqDxB,OAAO,CAAC,cAAc;IAmBtB,yFAAyF;IACzF,OAAO,CAAC,sBAAsB;IA8C9B,8GAA8G;IAC9G,OAAO,CAAC,SAAS;IA+BjB,OAAO,CAAC,KAAK;IAOb,OAAO,CAAC,OAAO;IAYf,OAAO,CAAC,QAAQ;IA+BhB,OAAO,CAAC,SAAS;IAoBjB,OAAO,CAAC,SAAS;IA4BjB,OAAO,CAAC,QAAQ;IA2ChB,OAAO,IAAI,IAAI;CAGhB"}

package/dist/widget/WidgetStatusBar.d.ts

@@ -1,15 +1,33 @@
+import { RangePreset } from '@tradecanvas/core';
+export interface StatusBarRange {
+    presets: readonly RangePreset[];
+    /** Button text per preset; the preset itself when missing. */
+    presetLabels?: Partial<Record<RangePreset, string>>;
+    groupLabel: string;
+    goToLabel: string;
+    onPreset: (preset: RangePreset) => void;
+    onGoTo: () => void;
+}
+/**
+ * Bottom bar: range presets and "go to date" on the left (when `range` is
+ * given), connection state and symbol on the right.
+ */
 export declare class WidgetStatusBar {
     private el;
     private dotEl;
     private messageEl;
     private infoEl;
-    constructor(host: HTMLElement);
+    private marketEl;
+    constructor(host: HTMLElement, range?: StatusBarRange);
     update(state: {
         connectionState: string;
         message: string;
         symbol: string;
         timeframe: string;
     }): void;
+    /** The market's status (open or closed); hidden for a market around the clock. */
+    setMarket(state: 'open' | 'closed' | 'always', text: string): void;
     destroy(): void;
+    private buildRange;
 }
 //# sourceMappingURL=WidgetStatusBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetStatusBar.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetStatusBar.ts"],"names":[],"mappings":"AAAA,qBAAa,eAAe;IAC1B,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,MAAM,CAAkB;gBAEpB,IAAI,EAAE,WAAW;IAsB7B,MAAM,CAAC,KAAK,EAAE;QAAE,eAAe,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAYpG,OAAO,IAAI,IAAI;CAGhB"}
+{"version":3,"file":"WidgetStatusBar.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetStatusBar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IAChC,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IACpD,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;;GAGG;AACH,qBAAa,eAAe;IAC1B,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,QAAQ,CAAkB;gBAEtB,IAAI,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,cAAc;IAkCrD,MAAM,CAAC,KAAK,EAAE;QAAE,eAAe,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAYpG,kFAAkF;IAClF,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAMlE,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,UAAU;CA2BnB"}

package/dist/widget/WidgetStyles.d.ts

@@ -1,5 +1,7 @@
 /**
- * Inject the widget stylesheet into `document.head`. Reference-counted so
+ * Inject the widget stylesheet at the top of `document.head`, so the page's
+ * own CSS wins a tie of specificity (a `.tcw-root { --tcw-radius: 0 }` of
+ * yours sets the token). Reference-counted so
  * multiple `ChartWidget` instances share the same `<style>` tag and the last
  * to detach removes it. CSS lives in a sibling `.css` file and is inlined at
  * build time via Vite's `?raw` query — consumers see a plain string at runtime.

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetStyles.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetStyles.ts"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,wBAAgB,kBAAkB,IAAI,IAAI,CASzC;AAED,wBAAgB,kBAAkB,IAAI,IAAI,CAQzC"}
+{"version":3,"file":"WidgetStyles.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetStyles.ts"],"names":[],"mappings":"AAKA;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,IAAI,IAAI,CASzC;AAED,wBAAgB,kBAAkB,IAAI,IAAI,CAQzC"}

package/dist/widget/WidgetSymbolInfo.d.ts

@@ -0,0 +1,64 @@
+import { Translator } from './i18n.js';
+/** What the symbol info panel shows, formatted by the widget. */
+export interface SymbolInfoView {
+    symbol: string;
+    description?: string;
+    /** Exchange, type, currency, joined. */
+    meta?: string;
+    price?: string;
+    change?: {
+        text: string;
+        up: boolean;
+    };
+    status: {
+        state: 'open' | 'closed' | 'always';
+        text: string;
+    };
+    stats: {
+        label: string;
+        value: string;
+    }[];
+}
+export interface SymbolInfoNewsItem {
+    title: string;
+    url?: string;
+    /** Source and age, joined. */
+    meta: string;
+}
+/** The news part: no source, loading, failed, or the headlines (maybe none). */
+export type SymbolInfoNews = {
+    kind: 'none';
+} | {
+    kind: 'loading';
+} | {
+    kind: 'failed';
+} | {
+    kind: 'items';
+    items: SymbolInfoNewsItem[];
+};
+export interface SymbolInfoCallbacks {
+    /** After it opens or closes. */
+    onToggle?: (open: boolean) => void;
+}
+/**
+ * Symbol info — a floating panel with the symbol's names, price and move,
+ * market status, the day's numbers, its hours, and news. It only renders:
+ * the widget builds what it shows.
+ */
+export declare class WidgetSymbolInfo {
+    private readonly t;
+    private readonly callbacks;
+    private el;
+    private bodyEl;
+    private newsEl;
+    private shown;
+    constructor(host: HTMLElement, t?: Translator, callbacks?: SymbolInfoCallbacks);
+    isOpen(): boolean;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    render(view: SymbolInfoView): void;
+    renderNews(news: SymbolInfoNews): void;
+    destroy(): void;
+}
+//# sourceMappingURL=WidgetSymbolInfo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetSymbolInfo.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetSymbolInfo.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAE3D,iEAAiE;AACjE,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,OAAO,CAAA;KAAE,CAAC;IACvC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9D,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC3C;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,gFAAgF;AAChF,MAAM,MAAM,cAAc,GACtB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GACnB;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,kBAAkB,EAAE,CAAA;CAAE,CAAC;AAEnD,MAAM,WAAW,mBAAmB;IAClC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;AAED;;;;GAIG;AACH,qBAAa,gBAAgB;IAQzB,OAAO,CAAC,QAAQ,CAAC,CAAC;IAClB,OAAO,CAAC,QAAQ,CAAC,SAAS;IAR5B,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,KAAK,CAAS;gBAGpB,IAAI,EAAE,WAAW,EACA,CAAC,GAAE,UAA0B,EAC7B,SAAS,GAAE,mBAAwB;IA+BtD,MAAM,IAAI,OAAO;IAIjB,MAAM,IAAI,IAAI;IAKd,IAAI,IAAI,IAAI;IAOZ,KAAK,IAAI,IAAI;IAOb,MAAM,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;IA+BlC,UAAU,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;IAkCtC,OAAO,IAAI,IAAI;CAGhB"}

package/dist/widget/WidgetSymbolSearch.d.ts

@@ -1,13 +1,24 @@
+import { SymbolInfo } from '@tradecanvas/commons';
+import { Translator } from './i18n.js';
 /**
- * Lightweight fuzzy symbol picker. Reuses the command-palette CSS for visual
- * consistency. Scoring is a cheap subsequence match — good enough for symbol
- * lists in the low thousands without pulling in a fuzzy-search dependency.
+ * Symbol picker. Reuses the command-palette CSS for visual consistency.
+ *
+ * - Without a search function it filters the symbols it was given with a
+ *   cheap subsequence match, good enough for lists in the low thousands.
+ * - With one (a feed's `searchSymbols`) it asks once typing pauses, cancels a
+ *   query a newer one replaced, and lists names and exchanges.
  */
 export interface SymbolSearchCallbacks {
     onPick: (symbol: string) => void;
     onClose: () => void;
 }
+/** Symbols matching a query, best first; aborted when a newer query replaces it. */
+export type SymbolSearchFn = (query: string, signal: AbortSignal) => Promise<SymbolInfo[]>;
+/** How long typing must pause before a search function is asked. */
+export declare const SYMBOL_SEARCH_DEBOUNCE_MS = 150;
 export declare class WidgetSymbolSearch {
+    private readonly host;
+    private readonly t;
     private backdrop;
     private modal;
     private input;
@@ -20,12 +31,24 @@ export declare class WidgetSymbolSearch {
     private boundKeydown;
     /** One-shot pick override — when set, this open() routes picks here instead. */
     private pickOverride;
-    constructor(callbacks: SymbolSearchCallbacks);
-    open(symbols: string[], current: string, onPick?: (symbol: string) => void): void;
+    private searchFn;
+    private searchTimer;
+    private searchAbort;
+    private status;
+    /** Enter came before the results for what was typed: take the top one when they land. */
+    private pickOnResults;
+    /** Where the overlay mounts (the widget's portal: themed, and inside it when fullscreen). */
+    constructor(callbacks: SymbolSearchCallbacks, host?: () => HTMLElement, t?: Translator);
+    open(symbols: string[], current: string, onPick?: (symbol: string) => void, search?: SymbolSearchFn): void;
     close(): void;
     isOpen(): boolean;
     destroy(): void;
     private filter;
+    private scheduleSearch;
+    /** Run the search the pause would have started, now. */
+    private searchNow;
+    private runSearch;
+    private cancelSearch;
     private renderList;
     private updateSelection;
     private pick;

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetSymbolSearch.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetSymbolSearch.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAOD,qBAAa,kBAAkB;IAC7B,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,OAAO,CAAgB;IAC/B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,QAAQ,CAAsB;IACtC,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,SAAS,CAAwB;IACzC,OAAO,CAAC,YAAY,CAA6B;IACjD,gFAAgF;IAChF,OAAO,CAAC,YAAY,CAA2C;gBAEnD,SAAS,EAAE,qBAAqB;IAK5C,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI;IAwDjF,KAAK,IAAI,IAAI;IAYb,MAAM,IAAI,OAAO;IAIjB,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,MAAM;IAcd,OAAO,CAAC,UAAU;IA0ClB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,IAAI;IASZ,OAAO,CAAC,aAAa;CA0BtB"}
+{"version":3,"file":"WidgetSymbolSearch.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetSymbolSearch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAC3D;;;;;;;GAOG;AACH,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,oFAAoF;AACpF,MAAM,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;AAE3F,oEAAoE;AACpE,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAU7C,qBAAa,kBAAkB;IAuB3B,OAAO,CAAC,QAAQ,CAAC,IAAI;IACrB,OAAO,CAAC,QAAQ,CAAC,CAAC;IAvBpB,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,OAAO,CAAgB;IAC/B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,QAAQ,CAAsB;IACtC,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,SAAS,CAAwB;IACzC,OAAO,CAAC,YAAY,CAA6B;IACjD,gFAAgF;IAChF,OAAO,CAAC,YAAY,CAA2C;IAC/D,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,WAAW,CAA8C;IACjE,OAAO,CAAC,WAAW,CAAgC;IACnD,OAAO,CAAC,MAAM,CAA2C;IACzD,yFAAyF;IACzF,OAAO,CAAC,aAAa,CAAS;IAE9B,6FAA6F;gBAE3F,SAAS,EAAE,qBAAqB,EACf,IAAI,GAAE,MAAM,WAAiC,EAC7C,CAAC,GAAE,UAA0B;IAMhD,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,EAAE,MAAM,CAAC,EAAE,cAAc,GAAG,IAAI;IA2D1G,KAAK,IAAI,IAAI;IAeb,MAAM,IAAI,OAAO;IAIjB,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,MAAM;IAqBd,OAAO,CAAC,cAAc;IAQtB,wDAAwD;IACxD,OAAO,CAAC,SAAS;YAMH,SAAS;IAgCvB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,UAAU;IA0DlB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,IAAI;IASZ,OAAO,CAAC,aAAa;CAgCtB"}

package/dist/widget/WidgetToolbar.d.ts

@@ -1,5 +1,8 @@
-import { ToolbarConfig, ToolbarCallbacks, WidgetState } from './types.js';
+import { TimeFrame } from '@tradecanvas/commons';
+import { ToolbarButtonSpec, ToolbarConfig, ToolbarCallbacks, WidgetState } from './types.js';
 import { Translator } from './i18n.js';
+/** A host button's name: its label, with the text it shows when that says more ("News: 3"). */
+export declare function setHostButtonName(btn: HTMLButtonElement, label: string): void;
 export declare class WidgetToolbar {
     private config;
     private callbacks;
@@ -7,16 +10,51 @@ export declare class WidgetToolbar {
     private el;
     private chartTypeDropdown;
     private indicatorDropdown;
-    private tfButtons;
-    private chipsContainer;
+    private tfGroup;
+    private tfDropdown;
+    private tfFavorites;
+    /** Tells this toolbar's element ids apart from another widget's on the page. */
+    private readonly uid;
+    private tfRendered;
     private themeBtn;
+    /** Indicator templates' names, listed atop the indicators menu. */
+    private indicatorTemplates;
+    private fullscreenBtn;
+    /** Where hosts' own buttons go: after the chart controls, and before the panel buttons. */
+    private hostLeft;
+    private hostRight;
     constructor(host: HTMLElement, config: ToolbarConfig, callbacks: ToolbarCallbacks, t: Translator);
     private build;
+    /** A host's own button, on the left or the right of the toolbar. */
+    addHostButton(spec: ToolbarButtonSpec): HTMLButtonElement;
+    private hostGroup;
+    /** Show a panel button (by its role: 'account', 'objects'…) as on or off. */
+    setActive(role: string, on: boolean): void;
+    /** The layout open now on its button (`null`: none saved yet), with a dot while it has unsaved changes. */
+    setLayout(name: string | null, dirty: boolean): void;
+    /** Swap the fullscreen button between enter and exit. */
+    setFullscreen(on: boolean): void;
     private chartTypeLabel;
     private buildChartTypeMenu;
+    /** The symbol's name on its button, as a tooltip ("Apple Inc. · NASDAQ"). */
+    setSymbolDescription(text: string | null): void;
+    /** A new list of timeframes (a custom one added or removed), with its pins. */
+    setTimeframes(timeframes: ToolbarConfig['timeframes'], favorites: TimeFrame[]): void;
+    /** Re-pin after the user starred or unstarred a timeframe. */
+    setTimeframeFavorites(favorites: TimeFrame[]): void;
+    private buildTimeframeMenu;
+    /** The custom-interval field: Enter or + adds it; text that isn't an interval is marked and kept. */
+    private wireCustomTimeframe;
+    private renderTimeframes;
+    /**
+     * The indicator templates to list (names), after one is saved or deleted.
+     * `keepFocus`: focus was in the menu (a delete), so it goes to "Save…".
+     */
+    setIndicatorTemplates(names: readonly string[], keepFocus?: boolean): void;
+    /** Templates atop the indicators menu: apply one, delete one, save the chart's. */
+    private templatesMenuHtml;
     private buildIndicatorMenu;
     update(state: WidgetState): void;
-    private getActiveIndicatorList;
     private sep;
     private spacer;
     private iconBtn;

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetToolbar.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetToolbar.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAmB,MAAM,YAAY,CAAC;AAGhG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,CAAC,CAAa;IACtB,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,QAAQ,CAAkC;gBAEtC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EAAE,UAAU;IAUhG,OAAO,CAAC,KAAK;IAgHb,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,kBAAkB;IA8B1B,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAyDhC,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,GAAG;IAMX,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,OAAO;IASf,OAAO,IAAI,IAAI;CAKhB"}
+{"version":3,"file":"WidgetToolbar.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetToolbar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAIlG,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAKlD,+FAA+F;AAC/F,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAI7E;AAED,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,CAAC,CAAa;IACtB,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,OAAO,CAA+B;IAC9C,OAAO,CAAC,UAAU,CAA+B;IACjD,OAAO,CAAC,WAAW,CAAmB;IACtC,gFAAgF;IAChF,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAiC;IACrD,OAAO,CAAC,UAAU,CAAM;IACxB,OAAO,CAAC,QAAQ,CAAkC;IAClD,mEAAmE;IACnE,OAAO,CAAC,kBAAkB,CAAgB;IAC1C,OAAO,CAAC,aAAa,CAAkC;IACvD,2FAA2F;IAC3F,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,SAAS,CAA+B;gBAEpC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EAAE,UAAU;IAUhG,OAAO,CAAC,KAAK;IAwJb,oEAAoE;IACpE,aAAa,CAAC,IAAI,EAAE,iBAAiB,GAAG,iBAAiB;IAsBzD,OAAO,CAAC,SAAS;IAMjB,6EAA6E;IAC7E,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,GAAG,IAAI;IAO1C,2GAA2G;IAC3G,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;IAYpD,yDAAyD;IACzD,aAAa,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI;IAQhC,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,kBAAkB;IAkB1B,6EAA6E;IAC7E,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAO/C,+EAA+E;IAC/E,aAAa,CAAC,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI;IAKpF,8DAA8D;IAC9D,qBAAqB,CAAC,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI;IAMnD,OAAO,CAAC,kBAAkB;IAiD1B,qGAAqG;IACrG,OAAO,CAAC,mBAAmB;IAyB3B,OAAO,CAAC,gBAAgB;IAsBxB;;;OAGG;IACH,qBAAqB,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,EAAE,SAAS,UAAQ,GAAG,IAAI;IAMxE,mFAAmF;IACnF,OAAO,CAAC,iBAAiB;IAezB,OAAO,CAAC,kBAAkB;IA6C1B,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAiChC,OAAO,CAAC,GAAG;IAMX,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,OAAO;IASf,OAAO,IAAI,IAAI;CAKhB"}

package/dist/widget/WidgetTooltip.d.ts

@@ -0,0 +1,43 @@
+/** Pause before the first tooltip shows. */
+export declare const TOOLTIP_DELAY_MS = 300;
+/** After one hides, the next shows at once within this window (moving along a toolbar). */
+export declare const TOOLTIP_WARM_MS = 500;
+/**
+ * Quick, styled tooltips for the widget's controls, in place of the
+ * browser's `title` tooltip (a fixed ~1 s wait, unstyled). Any element in
+ * the widget with a `title` gets one. While the pointer is on it, its title
+ * is lifted into `data-tip` so the browser's own tooltip can't appear, and
+ * put back when the pointer leaves — so the title keeps doing its other jobs
+ * (accessible description, selectors). Keyboard focus shows the tooltip too,
+ * leaving the title in place. `data-tip-side` picks a side.
+ */
+export declare class WidgetTooltip {
+    private readonly root;
+    private readonly el;
+    private target;
+    private source;
+    /** The control just pressed (or keyed): no tooltip on it until the pointer leaves. */
+    private pressed;
+    private showTimer;
+    private watchFrame;
+    private warmUntil;
+    private readonly observer;
+    constructor(root: HTMLElement);
+    destroy(): void;
+    private readonly onOver;
+    private readonly onOut;
+    private readonly onPress;
+    private readonly onFocus;
+    private readonly onBlur;
+    private readonly hide;
+    private tipTarget;
+    private schedule;
+    private show;
+    /** While shown, follow the control: gone, hidden or disabled takes the tooltip with it. */
+    private watch;
+    /** Beside the control on its preferred side, flipped and clamped to stay inside the widget. */
+    private place;
+    private isVisible;
+    private clearTimer;
+}
+//# sourceMappingURL=WidgetTooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetTooltip.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetTooltip.ts"],"names":[],"mappings":"AAAA,4CAA4C;AAC5C,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,2FAA2F;AAC3F,eAAO,MAAM,eAAe,MAAM,CAAC;AAQnC;;;;;;;;GAQG;AACH,qBAAa,aAAa;IAWZ,OAAO,CAAC,QAAQ,CAAC,IAAI;IAVjC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAiB;IACpC,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,MAAM,CAAoC;IAClD,sFAAsF;IACtF,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,SAAS,CAA8C;IAC/D,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAmB;gBAEf,IAAI,EAAE,WAAW;IA2B9C,OAAO,IAAI,IAAI;IAcf,OAAO,CAAC,QAAQ,CAAC,MAAM,CAOrB;IAEF,OAAO,CAAC,QAAQ,CAAC,KAAK,CAQpB;IAEF,OAAO,CAAC,QAAQ,CAAC,OAAO,CAYtB;IAEF,OAAO,CAAC,QAAQ,CAAC,OAAO,CAKtB;IAEF,OAAO,CAAC,QAAQ,CAAC,MAAM,CAKrB;IAEF,OAAO,CAAC,QAAQ,CAAC,IAAI,CAQnB;IAEF,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,QAAQ;IAkBhB,OAAO,CAAC,IAAI;IAWZ,2FAA2F;IAC3F,OAAO,CAAC,KAAK;IASb,+FAA+F;IAC/F,OAAO,CAAC,KAAK;IAgCb,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,UAAU;CAKnB"}