@tradecanvas/core 1.4.0 → 1.10.0

package/dist/ui/PriceLines.d.ts

@@ -0,0 +1,38 @@
+import { DataSeries, Theme, ViewportState } from '@tradecanvas/commons';
+export type PriceLineKind = 'high' | 'low' | 'bid' | 'ask';
+export interface PriceLineLevel {
+    kind: PriceLineKind;
+    price: number;
+}
+/** A quote: the best bid and ask. */
+export interface BidAsk {
+    bid?: number;
+    ask?: number;
+}
+/**
+ * Lines across the price pane with a tag on the price axis: the highest
+ * high and lowest low of the bars on screen, and the bid and ask.
+ */
+export declare class PriceLines {
+    private highLow;
+    private quote;
+    private quoteShown;
+    private priceText;
+    /** How its tags print a price (the chart's precision, locale and format); null: decimals. */
+    setPriceText(format: ((price: number) => string) | null): void;
+    /** Leave the bid and ask out for now (a replay: they are the live market's). */
+    setQuoteShown(shown: boolean): void;
+    /** Mark the highest high and lowest low of the bars on screen. */
+    setHighLow(visible: boolean): void;
+    isHighLowVisible(): boolean;
+    /** The best bid and ask, or null to take them off. */
+    setBidAsk(quote: BidAsk | null): void;
+    getBidAsk(): BidAsk | null;
+    /** The levels to draw over `data` as the viewport shows it. */
+    levels(data: DataSeries, viewport: ViewportState): PriceLineLevel[];
+    /** The lines, across the price pane. */
+    render(ctx: CanvasRenderingContext2D, viewport: ViewportState, theme: Theme, data: DataSeries): void;
+    /** Their tags, on the price axis (drawn over its labels). */
+    renderAxisTags(ctx: CanvasRenderingContext2D, viewport: ViewportState, theme: Theme, data: DataSeries): void;
+}
+//# sourceMappingURL=PriceLines.d.ts.map

package/dist/ui/PriceLines.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceLines.d.ts","sourceRoot":"","sources":["../../src/ui/PriceLines.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAK7E,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAE3D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qCAAqC;AACrC,MAAM,WAAW,MAAM;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAKD;;;GAGG;AACH,qBAAa,UAAU;IACrB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,KAAK,CAAuB;IACpC,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,SAAS,CAA4C;IAE7D,6FAA6F;IAC7F,YAAY,CAAC,MAAM,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,IAAI,GAAG,IAAI;IAI9D,gFAAgF;IAChF,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAInC,kEAAkE;IAClE,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAIlC,gBAAgB,IAAI,OAAO;IAI3B,sDAAsD;IACtD,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAIrC,SAAS,IAAI,MAAM,GAAG,IAAI;IAI1B,+DAA+D;IAC/D,MAAM,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,GAAG,cAAc,EAAE;IAoBnE,wCAAwC;IACxC,MAAM,CAAC,GAAG,EAAE,wBAAwB,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI;IAiBpG,6DAA6D;IAC7D,cAAc,CAAC,GAAG,EAAE,wBAAwB,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI;CAoB7G"}

package/dist/ui/SessionBreaks.d.ts

@@ -1,4 +1,5 @@
-import { ViewportState, Theme, DataSeries } from '@tradecanvas/commons';
+import { ViewportState, Theme, DataSeries, TimeZoneSetting } from '@tradecanvas/commons';
+import { GpuRect } from '../engine/gpu.js';
 export interface SessionBreakConfig {
     /** Whether to show session break lines */
     visible: boolean;
@@ -25,8 +26,11 @@ export declare class SessionBreaks {
     private cacheValid;
     private lastDataLength;
     private locale;
+    private tz;
     setConfig(config: Partial<SessionBreakConfig>): void;
     setLocale(locale: string): void;
+    /** Days start at midnight in this timezone (default: the browser's). */
+    setTimezone(tz: TimeZoneSetting): void;
     isVisible(): boolean;
     setVisible(visible: boolean): void;
     /**
@@ -36,7 +40,16 @@ export declare class SessionBreaks {
      */
     private computeBreaksTyped;
     private toMs;
+    /** The break lines and their labels. */
     render(ctx: CanvasRenderingContext2D, viewport: ViewportState, theme: Theme, data: DataSeries): void;
+    /** The break lines alone: the chart draws them under the bars and the labels over them. */
+    renderLines(ctx: CanvasRenderingContext2D, viewport: ViewportState, theme: Theme, data: DataSeries): void;
+    /** The labels of week, month and year breaks, drawn over the bars. */
+    renderLabels(ctx: CanvasRenderingContext2D, viewport: ViewportState, theme: Theme, data: DataSeries): void;
+    /** The break lines as filled rectangles for the GPU, dashed as the 2D lines are. */
+    lineRects(viewport: ViewportState, theme: Theme, data: DataSeries): GpuRect[];
+    /** The breaks on screen, each with its line and label, heavier as the boundary is more significant. */
+    private marks;
     /** Invalidate cache when data changes */
     invalidateCache(): void;
 }

package/dist/ui/SessionBreaks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionBreaks.d.ts","sourceRoot":"","sources":["../../src/ui/SessionBreaks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAG7E,MAAM,WAAW,kBAAkB;IACjC,0CAA0C;IAC1C,OAAO,EAAE,OAAO,CAAC;IACjB,2FAA2F;IAC3F,YAAY,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1C,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAA0C;IACxD,OAAO,CAAC,iBAAiB,CAA8E;IACvG,OAAO,CAAC,gBAAgB,CAAK;IAI7B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,MAAM,CAAW;IAEzB,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,kBAAkB,CAAC,GAAG,IAAI;IAIpD,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAI/B,SAAS,IAAI,OAAO;IAIpB,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAIlC;;;;OAIG;IACH,OAAO,CAAC,kBAAkB;IAgC1B,OAAO,CAAC,IAAI;IAIZ,MAAM,CACJ,GAAG,EAAE,wBAAwB,EAC7B,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,UAAU,GACf,IAAI;IAoEP,yCAAyC;IACzC,eAAe,IAAI,IAAI;CAMxB"}
+{"version":3,"file":"SessionBreaks.d.ts","sourceRoot":"","sources":["../../src/ui/SessionBreaks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG9F,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,WAAW,kBAAkB;IACjC,0CAA0C;IAC1C,OAAO,EAAE,OAAO,CAAC;IACjB,2FAA2F;IAC3F,YAAY,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1C,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0BD;;;GAGG;AACH,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAA0C;IACxD,OAAO,CAAC,iBAAiB,CAAsB;IAC/C,OAAO,CAAC,gBAAgB,CAAK;IAI7B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,MAAM,CAAW;IACzB,OAAO,CAAC,EAAE,CAAyB;IAEnC,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,kBAAkB,CAAC,GAAG,IAAI;IAIpD,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAI/B,wEAAwE;IACxE,WAAW,CAAC,EAAE,EAAE,eAAe,GAAG,IAAI;IAMtC,SAAS,IAAI,OAAO;IAIpB,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAIlC;;;;OAIG;IACH,OAAO,CAAC,kBAAkB;IAiC1B,OAAO,CAAC,IAAI;IAIZ,wCAAwC;IACxC,MAAM,CACJ,GAAG,EAAE,wBAAwB,EAC7B,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,UAAU,GACf,IAAI;IAKP,2FAA2F;IAC3F,WAAW,CACT,GAAG,EAAE,wBAAwB,EAC7B,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,UAAU,GACf,IAAI;IAoBP,sEAAsE;IACtE,YAAY,CACV,GAAG,EAAE,wBAAwB,EAC7B,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,UAAU,GACf,IAAI;IAiBP,oFAAoF;IACpF,SAAS,CAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,GAAG,OAAO,EAAE;IAS7E,uGAAuG;IACvG,OAAO,CAAC,KAAK;IAyCb,yCAAyC;IACzC,eAAe,IAAI,IAAI;CAMxB"}

package/dist/ui/SessionShading.d.ts

@@ -1,4 +1,5 @@
 import { DataSeries, ViewportState, Theme } from '@tradecanvas/commons';
+import { GpuRect } from '../engine/gpu.js';
 import { SessionHoursConfig } from './sessionHours.js';
 /** US equity regular trading hours (09:30–16:00 ET) as a sensible default. */
 export declare const DEFAULT_SESSION_HOURS: SessionHoursConfig;
@@ -13,7 +14,11 @@ export declare class SessionShading {
     setVisible(v: boolean): void;
     isVisible(): boolean;
     setConfig(config: Partial<SessionHoursConfig>): void;
+    /** Replace the whole config, rather than merging into it. */
+    replaceConfig(config: SessionHoursConfig): void;
     getConfig(): SessionHoursConfig;
     render(ctx: CanvasRenderingContext2D, data: DataSeries, viewport: ViewportState, theme: Theme): void;
+    /** The shaded areas: a rectangle per run of bars outside the session. */
+    rects(data: DataSeries, viewport: ViewportState, theme: Theme): GpuRect[];
 }
 //# sourceMappingURL=SessionShading.d.ts.map

package/dist/ui/SessionShading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionShading.d.ts","sourceRoot":"","sources":["../../src/ui/SessionShading.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7E,OAAO,EAAoB,KAAK,kBAAkB,EAAsB,MAAM,mBAAmB,CAAC;AAElG,8EAA8E;AAC9E,eAAO,MAAM,qBAAqB,EAAE,kBAInC,CAAC;AAEF;;;;GAIG;AACH,qBAAa,cAAc;IACzB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,MAAM,CAAoD;IAElE,UAAU,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI;IAG5B,SAAS,IAAI,OAAO;IAGpB,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,kBAAkB,CAAC,GAAG,IAAI;IAMpD,SAAS,IAAI,kBAAkB;IAO/B,MAAM,CAAC,GAAG,EAAE,wBAAwB,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;CA+BrG"}
+{"version":3,"file":"SessionShading.d.ts","sourceRoot":"","sources":["../../src/ui/SessionShading.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAuC,KAAK,kBAAkB,EAAsB,MAAM,mBAAmB,CAAC;AAErH,8EAA8E;AAC9E,eAAO,MAAM,qBAAqB,EAAE,kBAKnC,CAAC;AAEF;;;;GAIG;AACH,qBAAa,cAAc;IACzB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,MAAM,CAAoD;IAElE,UAAU,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI;IAG5B,SAAS,IAAI,OAAO;IAGpB,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,kBAAkB,CAAC,GAAG,IAAI;IAIpD,6DAA6D;IAC7D,aAAa,CAAC,MAAM,EAAE,kBAAkB,GAAG,IAAI;IAG/C,SAAS,IAAI,kBAAkB;IAO/B,MAAM,CAAC,GAAG,EAAE,wBAAwB,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;IASpG,yEAAyE;IACzE,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,GAAG,OAAO,EAAE;CA6B1E"}

package/dist/ui/Watermark.d.ts

@@ -6,6 +6,8 @@ import { ViewportState, Theme, WatermarkConfig } from '@tradecanvas/commons';
 export declare class Watermark {
     private config;
     setConfig(config: WatermarkConfig | null): void;
+    /** Whether there is a watermark to draw. */
+    isVisible(): boolean;
     render(ctx: CanvasRenderingContext2D, viewport: ViewportState, theme: Theme): void;
 }
 //# sourceMappingURL=Watermark.d.ts.map

package/dist/ui/Watermark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Watermark.d.ts","sourceRoot":"","sources":["../../src/ui/Watermark.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAElF;;;GAGG;AACH,qBAAa,SAAS;IACpB,OAAO,CAAC,MAAM,CAAgC;IAE9C,SAAS,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI;IAI/C,MAAM,CAAC,GAAG,EAAE,wBAAwB,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;CAoBnF"}
+{"version":3,"file":"Watermark.d.ts","sourceRoot":"","sources":["../../src/ui/Watermark.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAElF;;;GAGG;AACH,qBAAa,SAAS;IACpB,OAAO,CAAC,MAAM,CAAgC;IAE9C,SAAS,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI;IAI/C,4CAA4C;IAC5C,SAAS,IAAI,OAAO;IAIpB,MAAM,CAAC,GAAG,EAAE,wBAAwB,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;CAoBnF"}

package/dist/ui/axisValueLabels.d.ts

@@ -0,0 +1,52 @@
+import { Theme } from '@tradecanvas/commons';
+/** A coloured tag on a value axis: an indicator line's latest value. */
+export interface AxisValueLabel {
+    /** Where the value sits on the axis (px). */
+    y: number;
+    text: string;
+    /** The line's colour: the tag's background. */
+    color: string;
+}
+/**
+ * Decimals for an indicator value of this size (RSI 54.32, MACD 0.0012,
+ * 12,345.7): two for everyday values, fewer for big ones, more for small.
+ */
+export declare function indicatorValuePrecision(value: number): number;
+/** Tag height (px); tags closer than this are pushed apart. */
+export declare const AXIS_LABEL_HEIGHT = 16;
+/**
+ * Positions for tags at `ys` (sorted ascending) so that none overlap, each as
+ * close to its own value as the others allow, within `[top, bottom]`. When
+ * they cannot all fit, the first ones keep their place and the rest run past
+ * `bottom` (the renderer leaves those out).
+ */
+export declare function spreadLabels(ys: readonly number[], top: number, bottom: number, height?: number): number[];
+/** Dark text on a light tag, light text on a dark one. */
+export declare function labelTextColor(background: string): string;
+/** A tag already on the axis that value tags keep clear of: its centre and half its height. */
+export interface FixedAxisTag {
+    y: number;
+    half: number;
+}
+/**
+ * Where `labels` go on an axis within `bounds`, kept clear of `fixed` tags
+ * (the last price, high/low, orders): each tag stays on its value's side of
+ * a fixed tag and is spread among its neighbours there. Tags off the axis,
+ * or without room left between fixed tags, are left out.
+ */
+export declare function layoutAxisValueLabels(labels: readonly AxisValueLabel[], bounds: {
+    top: number;
+    bottom: number;
+}, fixed?: readonly FixedAxisTag[], height?: number): AxisValueLabel[];
+/** Draw tags already laid out (`layoutAxisValueLabels`) on the axis whose left edge is `axisX`. */
+export declare function drawAxisValueLabels(ctx: CanvasRenderingContext2D, labels: readonly AxisValueLabel[], axisX: number, axisWidth: number, theme: Theme): void;
+/**
+ * Draw `labels` on the value axis whose left edge is `axisX`, within the
+ * vertical `bounds`. Tags off the axis are dropped; the rest are spread so
+ * they do not overlap.
+ */
+export declare function renderAxisValueLabels(ctx: CanvasRenderingContext2D, labels: readonly AxisValueLabel[], axisX: number, axisWidth: number, bounds: {
+    top: number;
+    bottom: number;
+}, theme: Theme): void;
+//# sourceMappingURL=axisValueLabels.d.ts.map

package/dist/ui/axisValueLabels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"axisValueLabels.d.ts","sourceRoot":"","sources":["../../src/ui/axisValueLabels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAGlD,wEAAwE;AACxE,MAAM,WAAW,cAAc;IAC7B,6CAA6C;IAC7C,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAG7D;AAED,+DAA+D;AAC/D,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,SAAS,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAoB,GAAG,MAAM,EAAE,CAcrH;AAED,0DAA0D;AAC1D,wBAAgB,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAMzD;AAYD,+FAA+F;AAC/F,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,SAAS,cAAc,EAAE,EACjC,MAAM,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EACvC,KAAK,GAAE,SAAS,YAAY,EAAO,EACnC,MAAM,SAAoB,GACzB,cAAc,EAAE,CAuBlB;AAED,mGAAmG;AACnG,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,wBAAwB,EAC7B,MAAM,EAAE,SAAS,cAAc,EAAE,EACjC,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,KAAK,GACX,IAAI,CAeN;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,GAAG,EAAE,wBAAwB,EAC7B,MAAM,EAAE,SAAS,cAAc,EAAE,EACjC,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EACvC,KAAK,EAAE,KAAK,GACX,IAAI,CAEN"}

package/dist/ui/index.d.ts

@@ -6,6 +6,12 @@ export { BarCountdown } from './BarCountdown.js';
 export { SessionBreaks } from './SessionBreaks.js';
 export type { SessionBreakConfig } from './SessionBreaks.js';
 export { SessionShading, DEFAULT_SESSION_HOURS } from './SessionShading.js';
-export { isRegularSession, isInWindow, minuteOfDay } from './sessionHours.js';
+export { isRegularSession, isInWindow, minuteOfDay, mergeSessionHours } from './sessionHours.js';
 export type { SessionHoursConfig, SessionWindow } from './sessionHours.js';
+export { renderAxisValueLabels, layoutAxisValueLabels, drawAxisValueLabels, spreadLabels, labelTextColor, indicatorValuePrecision, AXIS_LABEL_HEIGHT } from './axisValueLabels.js';
+export type { FixedAxisTag } from './axisValueLabels.js';
+export type { AxisValueLabel } from './axisValueLabels.js';
+export { PriceLines } from './PriceLines.js';
+export type { PriceLineKind, PriceLineLevel, BidAsk } from './PriceLines.js';
+export { fillTag } from './shapes.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACtE,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC9E,YAAY,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACtE,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACjG,YAAY,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,YAAY,EAAE,cAAc,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACnL,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/dist/ui/sessionHours.d.ts

@@ -10,8 +10,13 @@ export interface SessionHoursConfig {
     startMinute: number;
     /** Session end, minutes from midnight (e.g. 960 = 16:00). */
     endMinute: number;
-    /** Timezone offset applied to UTC before deriving minute-of-day (e.g. -300 for EST). */
-    tzOffsetMinutes: number;
+    /** Fixed offset applied to UTC before deriving minute-of-day (e.g. -300 for EST). */
+    tzOffsetMinutes?: number;
+    /**
+     * The session's IANA zone (e.g. `'America/New_York'`): follows daylight
+     * saving time, and wins over `tzOffsetMinutes`.
+     */
+    timeZone?: string;
     /**
      * Optional split session: a list of in-session windows within the day. When
      * present and non-empty, `startMinute`/`endMinute` are ignored and a
@@ -22,6 +27,11 @@ export interface SessionHoursConfig {
      */
     windows?: SessionWindow[];
 }
+/**
+ * `patch` over `base`. A fixed offset given without a zone replaces the zone,
+ * since the zone would otherwise win over it.
+ */
+export declare function mergeSessionHours(base: SessionHoursConfig, patch: Partial<SessionHoursConfig>): SessionHoursConfig;
 /** Minute-of-day (0–1439) for a timestamp in the configured timezone. */
 export declare function minuteOfDay(timeMs: number, tzOffsetMinutes: number): number;
 /**

package/dist/ui/sessionHours.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sessionHours.d.ts","sourceRoot":"","sources":["../../src/ui/sessionHours.ts"],"names":[],"mappings":"AAAA,uEAAuE;AACvE,MAAM,WAAW,aAAa;IAC5B,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAC;IACpB,wFAAwF;IACxF,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB;IACjC,yFAAyF;IACzF,WAAW,EAAE,MAAM,CAAC;IACpB,6DAA6D;IAC7D,SAAS,EAAE,MAAM,CAAC;IAClB,wFAAwF;IACxF,eAAe,EAAE,MAAM,CAAC;IACxB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;CAC3B;AAID,yEAAyE;AACzE,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,GAAG,MAAM,CAI3E;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAK1F;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,GAAG,OAAO,CAMpF"}
+{"version":3,"file":"sessionHours.d.ts","sourceRoot":"","sources":["../../src/ui/sessionHours.ts"],"names":[],"mappings":"AAEA,uEAAuE;AACvE,MAAM,WAAW,aAAa;IAC5B,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAC;IACpB,wFAAwF;IACxF,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB;IACjC,yFAAyF;IACzF,WAAW,EAAE,MAAM,CAAC;IACpB,6DAA6D;IAC7D,SAAS,EAAE,MAAM,CAAC;IAClB,qFAAqF;IACrF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;CAC3B;AAID;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,OAAO,CAAC,kBAAkB,CAAC,GAAG,kBAAkB,CAOlH;AAED,yEAAyE;AACzE,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,GAAG,MAAM,CAI3E;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAK1F;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,GAAG,OAAO,CAOpF"}

package/dist/ui/shapes.d.ts

@@ -0,0 +1,9 @@
+import { Theme } from '@tradecanvas/commons';
+/**
+ * Fill a tag's box (a price tag, an axis pill, an order badge) in the
+ * theme's corner shape: square by default, rounded by `theme.shape.tagRadius`
+ * (999 or anything past half its height makes a pill). Uses the context's
+ * current fill.
+ */
+export declare function fillTag(ctx: CanvasRenderingContext2D, x: number, y: number, w: number, h: number, theme: Theme): void;
+//# sourceMappingURL=shapes.d.ts.map

package/dist/ui/shapes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shapes.d.ts","sourceRoot":"","sources":["../../src/ui/shapes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElD;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,GAAG,EAAE,wBAAwB,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAmBrH"}

package/dist/viewport/Viewport.d.ts

@@ -1,4 +1,10 @@
 import { ViewportState, Rect, DataSeries, PriceScaleMode } from '@tradecanvas/commons';
+/**
+ * Narrowest bar slot (bar + gap) in CSS pixels. Below the usual floor
+ * (`minBarWidth` + the 2px gap) the chart only zooms out as far as it takes to
+ * fit every loaded bar, and never past this.
+ */
+export declare const MIN_BAR_UNIT = 0.25;
 export declare class Viewport {
     private state;
     private priceAxisWidth;
@@ -35,6 +41,8 @@ export declare class Viewport {
     /** Turn the price scale upside down (higher prices lower on screen). */
     setInvertScale(inverted: boolean): void;
     isInvertScale(): boolean;
+    /** How prices on the scale read (null: decimals), and the step they move in (a fraction's). */
+    setPriceFormat(format: ((price: number) => string) | null, unit?: number | null): void;
     /** Reference price for percentage / indexed-to-100 axis labels. */
     setScaleBaseline(price: number | undefined): void;
     setRightMargin(bars: number): void;
@@ -57,7 +65,32 @@ export declare class Viewport {
     private computeChartRect;
     resize(width: number, height: number): void;
     setChartRect(rect: Rect): void;
+    /** The usual narrowest slot: `minBarWidth` plus the 2px gap. */
+    private floorUnit;
+    /**
+     * The narrowest slot right now: the usual floor, or less when the loaded
+     * bars only fit below it — down to `MIN_BAR_UNIT`.
+     */
+    private minUnit;
+    private maxUnit;
+    /**
+     * Split a slot into bar and gap: above the floor the gap stays 2px, below it
+     * both shrink in the floor's proportions, so the bars never turn into gaps.
+     */
+    private applyUnit;
+    /**
+     * Keep the slot within the current limits — a dense zoom of a long series
+     * grows back to the floor when a shorter one replaces it. Keeps the bar at
+     * the left edge in place.
+     */
+    private clampUnit;
     updateData(data: DataSeries, autoScale: boolean): void;
+    /**
+     * The bars on screen moved `count` slots right (bars added in front of the
+     * data; negative when a reshaped series lost some): move the view with
+     * them, so the same bars stay on screen.
+     */
+    prependBars(count: number): void;
     setPriceRange(min: number, max: number): void;
     /**
      * Multiply the visible price range by `factor` around its midpoint.
@@ -87,8 +120,8 @@ export declare class Viewport {
     zoom(delta: number, centerX: number): void;
     /**
      * Fit bar slots `from`..`to` (inclusive, fractional allowed, may extend past
-     * the data) across the chart width. If the bar width hits its min/max the
-     * range is centred instead.
+     * the data) across the chart width. If the slot hits its min/max the range
+     * is centred instead.
      */
     zoomToBarRange(from: number, to: number): void;
     private clampOffset;

package/dist/viewport/Viewport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Viewport.d.ts","sourceRoot":"","sources":["../../src/viewport/Viewport.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAI5F,qBAAa,QAAQ;IACnB,OAAO,CAAC,KAAK,CAAgB;IAE7B,OAAO,CAAC,cAAc,CAAoB;IAC1C;;;;;;;;;OASG;IACH,OAAO,CAAC,UAAU,CAA8B;IAChD,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,OAAO,CAAQ;IACvB,OAAO,CAAC,cAAc,CAAK;gBAGzB,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,EACvB,WAAW,SAAI,EACf,WAAW,SAAK,EAChB,eAAe,SAAI;IAgBrB;;;OAGG;IACH,QAAQ,IAAI,aAAa;IAmBzB,8EAA8E;IAC9E,OAAO,CAAC,UAAU;IAIlB,WAAW,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAInC,UAAU,IAAI,OAAO;IAIrB,mFAAmF;IACnF,YAAY,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;IAMxC,YAAY,IAAI,cAAc;IAI9B,wEAAwE;IACxE,cAAc,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAKvC,aAAa,IAAI,OAAO;IAIxB,mEAAmE;IACnE,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;IAKjD,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAIlC,cAAc,IAAI,MAAM;IAIxB;;;;;;OAMG;IACH,YAAY,CAAC,MAAM,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAO1E,qGAAqG;IACrG,OAAO,CAAC,SAAS;IAKjB,yEAAyE;IACzE,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAOtC,OAAO,CAAC,gBAAgB;IASxB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAM3C,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAY9B,UAAU,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI;IAsBtD,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;IAK7C;;;;OAIG;IACH,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAUrC,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;IAOnC;;;;;;;;;OASG;IACH,aAAa,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;IAsBxC;;;;OAIG;IACH,OAAO,IAAI,OAAO;IAKlB,WAAW,IAAI,IAAI;IAUnB,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;IAwB1C;;;;OAIG;IACH,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI;IAY9C,OAAO,CAAC,WAAW;IAgDnB,OAAO,CAAC,kBAAkB;CAS3B"}
+{"version":3,"file":"Viewport.d.ts","sourceRoot":"","sources":["../../src/viewport/Viewport.ts"],"names":[],"mappings":"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"}

package/dist/viewport/index.d.ts

@@ -1,4 +1,4 @@
-export { Viewport } from './Viewport.js';
+export { Viewport, MIN_BAR_UNIT } from './Viewport.js';
 export { barIndexToX, priceToY, priceToYMapper, priceBucketRow, xToBarIndex, yToPrice, timestampToBarIndex, resolveBarIndex, barTimeStep, barTimeStepMs, barIndexToTime, timeToX, xToTime, } from './ScaleMapping.js';
 export { getVisibleData } from './DataWindow.js';
 export { RANGE_PRESETS, rangePresetStart } from './rangePresets.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/viewport/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,WAAW,EACX,QAAQ,EACR,cAAc,EACd,cAAc,EACd,WAAW,EACX,QAAQ,EACR,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,aAAa,EACb,cAAc,EACd,OAAO,EACP,OAAO,GACR,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACpE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/viewport/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EACL,WAAW,EACX,QAAQ,EACR,cAAc,EACd,cAAc,EACd,WAAW,EACX,QAAQ,EACR,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,aAAa,EACb,cAAc,EACd,OAAO,EACP,OAAO,GACR,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACpE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/viewport/rangePresets.d.ts

@@ -1,10 +1,12 @@
+import { TimeZoneSetting } from '@tradecanvas/commons';
 /** Spans that end at the last bar, as on a chart's range bar. */
 export type RangePreset = '1D' | '5D' | '1M' | '3M' | '6M' | 'YTD' | '1Y' | '5Y' | 'All';
 export declare const RANGE_PRESETS: readonly RangePreset[];
 /**
  * Where the preset's span starts when it ends at `end` (ms): days are counted
  * back from `end`, months and YTD in calendar terms in the display timezone
- * (`tzOffsetMinutes` east of UTC; null = the browser's). Null for 'All'.
+ * (an IANA zone, minutes east of UTC, or null for the browser's), keeping the
+ * wall-clock time across daylight-saving changes. Null for 'All'.
  */
-export declare function rangePresetStart(preset: RangePreset, end: number, tzOffsetMinutes?: number | null): number | null;
+export declare function rangePresetStart(preset: RangePreset, end: number, tz?: TimeZoneSetting): number | null;
 //# sourceMappingURL=rangePresets.d.ts.map

package/dist/viewport/rangePresets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rangePresets.d.ts","sourceRoot":"","sources":["../../src/viewport/rangePresets.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEzF,eAAO,MAAM,aAAa,EAAE,SAAS,WAAW,EAA6D,CAAC;AA6B9G;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,eAAe,GAAE,MAAM,GAAG,IAAQ,GAAG,MAAM,GAAG,IAAI,CAepH"}
+{"version":3,"file":"rangePresets.d.ts","sourceRoot":"","sources":["../../src/viewport/rangePresets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEjF,iEAAiE;AACjE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEzF,eAAO,MAAM,aAAa,EAAE,SAAS,WAAW,EAA6D,CAAC;AAkB9G;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,GAAE,eAAmB,GAAG,MAAM,GAAG,IAAI,CAQzG"}

package/dist/webgl/WebGLSeriesRenderer.d.ts

@@ -0,0 +1,70 @@
+import { GpuDrawn, GpuFrame, GpuRecorder, GpuRenderer } from '../engine/gpu.js';
+/**
+ * The background (grid, sessions), candles and volume on WebGL 2, on a
+ * canvas of their own under the 2D scene, then whatever 2D drawing was
+ * recorded for it (series of other kinds, indicators, panes). The series
+ * lives in a GPU buffer, rewritten only where it changed; a frame sets a few
+ * uniforms and makes a few draw calls. Zoomed out below a pixel per bar it
+ * draws a column per pixel, like the 2D renderers.
+ */
+export declare class WebGLSeriesRenderer implements GpuRenderer {
+    readonly canvas: HTMLCanvasElement;
+    readonly label: string;
+    private readonly gl;
+    private readonly kit;
+    private readonly drawer;
+    private readonly candleBars;
+    private readonly volumeBars;
+    private readonly candleColumns;
+    private readonly volumeColumns;
+    private readonly rects;
+    private readonly seriesBuffer;
+    private readonly columnBuffer;
+    private readonly rectBuffer;
+    private readonly uploads;
+    private gpuFloats;
+    private columns;
+    private rectValues;
+    /** The plot in device pixels (left, top, right, bottom), for the bar programs' clip. */
+    private clip;
+    private lost;
+    private lostCallback;
+    /** A renderer on a new canvas, or null where WebGL 2 isn't there (or, asked for, only a software one). */
+    static create(options?: {
+        failIfMajorPerformanceCaveat?: boolean;
+    }): WebGLSeriesRenderer | null;
+    private constructor();
+    /** `callback` once the context is lost; soon (in a microtask) if it already is. */
+    onLost(callback: () => void): void;
+    recorder(dpr: number, measure: CanvasRenderingContext2D | null): GpuRecorder;
+    render(frame: GpuFrame): GpuDrawn;
+    /** Volume and candles, clipped to the plot. */
+    private drawSeries;
+    /** Recorded rectangles: device pixels, already clipped. */
+    private drawRecordedRects;
+    destroy(): void;
+    private readonly handleLost;
+    private syncSeries;
+    /** Zoomed out: the bars merged per pixel column, as the 2D dense renderers merge them. */
+    private buildColumns;
+    /**
+     * The grid, then the other rectangles, unclipped like the 2D background.
+     * The grid's coverage blends as the union of its lines: colour weighted by
+     * coverage, alpha by the colour's own alpha (the blend constant) times
+     * coverage. The rest blend as Canvas 2D fills do.
+     */
+    private drawBackground;
+    private drawCandles;
+    private drawVolume;
+    /** Where bar `from` is, the bar step, and the wick and body widths in device pixels. */
+    private barUniforms;
+    private use;
+    private bindBars;
+    private bindRects;
+    private bindColumns;
+    private attrib;
+    private float;
+    private vec4;
+    private loc;
+}
+//# sourceMappingURL=WebGLSeriesRenderer.d.ts.map

package/dist/webgl/WebGLSeriesRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebGLSeriesRenderer.d.ts","sourceRoot":"","sources":["../../src/webgl/WebGLSeriesRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAiB,QAAQ,EAAE,QAAQ,EAAW,WAAW,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAuB7G;;;;;;;GAOG;AACH,qBAAa,mBAAoB,YAAW,WAAW;IAqDjC,QAAQ,CAAC,MAAM,EAAE,iBAAiB;IApDtD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAyB;IAC5C,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAQ;IAC5B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgB;IACvC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAU;IACrC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAU;IACrC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAU;IACxC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAU;IACxC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAU;IAChC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAc;IAC3C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAc;IAC3C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAc;IACzC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAuB;IAC/C,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,OAAO,CAA0C;IACzD,OAAO,CAAC,UAAU,CAAsC;IACxD,wFAAwF;IACxF,OAAO,CAAC,IAAI,CAAkD;IAC9D,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,YAAY,CAA6B;IAEjD,0GAA0G;IAC1G,MAAM,CAAC,MAAM,CAAC,OAAO,GAAE;QAAE,4BAA4B,CAAC,EAAE,OAAO,CAAA;KAAO,GAAG,mBAAmB,GAAG,IAAI;IA8BnG,OAAO;IAkBP,mFAAmF;IACnF,MAAM,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IAUlC,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,wBAAwB,GAAG,IAAI,GAAG,WAAW;IAI5E,MAAM,CAAC,KAAK,EAAE,QAAQ,GAAG,QAAQ;IAmBjC,+CAA+C;IAC/C,OAAO,CAAC,UAAU;IA8BlB,2DAA2D;IAC3D,OAAO,CAAC,iBAAiB;IAWzB,OAAO,IAAI,IAAI;IAiBf,OAAO,CAAC,QAAQ,CAAC,UAAU,CAKzB;IAEF,OAAO,CAAC,UAAU;IAalB,0FAA0F;IAC1F,OAAO,CAAC,YAAY;IA0BpB;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IAoDtB,OAAO,CAAC,WAAW;IAsBnB,OAAO,CAAC,UAAU;IAsBlB,wFAAwF;IACxF,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,GAAG;IAoBX,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,IAAI;IAIZ,OAAO,CAAC,GAAG;CAGZ"}

package/dist/webgl/commandDrawer.d.ts

@@ -0,0 +1,31 @@
+import { GlKit } from './glKit.js';
+import { GpuCommand } from './recordedCommands.js';
+/** How rectangles are drawn: the background's rectangle program, given its instances. */
+export type DrawRects = (values: Float32Array, count: number) => void;
+/**
+ * Draws recorded Canvas 2D commands, in order, over what the renderer drew
+ * before: strokes, polygons (as spans that hold each pixel once), discs and
+ * rectangles, their coverage worked out per pixel. No stencil: a stencil
+ * buffer the size of the canvas costs a clear every frame, used or not.
+ */
+export declare class CommandDrawer {
+    private readonly kit;
+    private readonly stroke;
+    private readonly span;
+    private readonly disc;
+    private readonly buffer;
+    constructor(kit: GlKit);
+    /** Draw `commands` on a canvas `width` × `height` device pixels; rectangles through `rects`. */
+    draw(commands: readonly GpuCommand[], width: number, height: number, rects: DrawRects): void;
+    destroy(): void;
+    private upload;
+    private common;
+    /** Rectangles in the background program's layout: rectangle, colour, no dash. */
+    private drawRects;
+    private drawStroke;
+    /** A polygon's spans in its paint, clipped. */
+    private drawFill;
+    private paint;
+    private drawDiscs;
+}
+//# sourceMappingURL=commandDrawer.d.ts.map

package/dist/webgl/commandDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commandDrawer.d.ts","sourceRoot":"","sources":["../../src/webgl/commandDrawer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAW,MAAM,YAAY,CAAC;AACjD,OAAO,KAAK,EAAO,UAAU,EAAY,MAAM,uBAAuB,CAAC;AAYvE,yFAAyF;AACzF,MAAM,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEtE;;;;;GAKG;AACH,qBAAa,aAAa;IAMZ,OAAO,CAAC,QAAQ,CAAC,GAAG;IALhC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAU;IACjC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAU;IAC/B,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAU;IAC/B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAc;gBAER,GAAG,EAAE,KAAK;IAOvC,gGAAgG;IAChG,IAAI,CAAC,QAAQ,EAAE,SAAS,UAAU,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,IAAI;IAc5F,OAAO,IAAI,IAAI;IAKf,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,MAAM;IASd,iFAAiF;IACjF,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,UAAU;IAclB,+CAA+C;IAC/C,OAAO,CAAC,QAAQ;IAehB,OAAO,CAAC,KAAK;IAgBb,OAAO,CAAC,SAAS;CAQlB"}

package/dist/webgl/glColor.d.ts

@@ -0,0 +1,13 @@
+/** A colour as WebGL takes it: red, green, blue, alpha, each 0 to 1. */
+export type RGBA = [number, number, number, number];
+/** A CSS colour as WebGL takes it, or null when it can't be read (Canvas 2D ignores such a style). */
+export declare function readColor(color: string): RGBA | null;
+/**
+ * Any CSS colour the chart's themes use, for WebGL. Hex and rgb() are read
+ * directly; anything else goes through the browser. Unreadable colours come
+ * back transparent, as Canvas 2D would leave them unpainted.
+ */
+export declare function parseColor(color: string): RGBA;
+/** The colour multiplied by its alpha, the form the canvas blends in. */
+export declare function premultiplied([r, g, b, a]: RGBA): RGBA;
+//# sourceMappingURL=glColor.d.ts.map

package/dist/webgl/glColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glColor.d.ts","sourceRoot":"","sources":["../../src/webgl/glColor.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,MAAM,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAgEpD,sGAAsG;AACtG,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAUpD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAE9C;AAED,yEAAyE;AACzE,wBAAgB,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,CAEtD"}

package/dist/webgl/glKit.d.ts

@@ -0,0 +1,26 @@
+/** A linked program, its vertex array, and the locations it was asked for. */
+export interface Program {
+    program: WebGLProgram;
+    vao: WebGLVertexArrayObject;
+    uniforms: Map<string, WebGLUniformLocation | null>;
+    attribs: Map<string, number>;
+}
+/** The few WebGL 2 chores every program here needs: compile, link, bind, set. */
+export declare class GlKit {
+    readonly gl: WebGL2RenderingContext;
+    constructor(gl: WebGL2RenderingContext);
+    program(vertexSource: string, fragmentSource: string, attribs: readonly string[]): Program;
+    buffer(): WebGLBuffer;
+    use(p: Program): Program;
+    /** A float attribute read from the bound buffer; per instance unless `divisor` is 0. */
+    attrib(p: Program, name: string, size: number, stride: number, offset: number, divisor?: number): void;
+    int(p: Program, name: string, v: number): void;
+    float(p: Program, name: string, v: number): void;
+    vec2(p: Program, name: string, x: number, y: number): void;
+    vec4(p: Program, name: string, v: readonly number[]): void;
+    loc(p: Program, name: string): WebGLUniformLocation | null;
+    deleteProgram(p: Program): void;
+    /** Scissor to a box in device pixels (y down), widened to whole pixels. False when nothing is left. */
+    scissor(x0: number, y0: number, x1: number, y1: number, canvasWidth: number, canvasHeight: number): boolean;
+}
+//# sourceMappingURL=glKit.d.ts.map

package/dist/webgl/glKit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glKit.d.ts","sourceRoot":"","sources":["../../src/webgl/glKit.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,MAAM,WAAW,OAAO;IACtB,OAAO,EAAE,YAAY,CAAC;IACtB,GAAG,EAAE,sBAAsB,CAAC;IAC5B,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,oBAAoB,GAAG,IAAI,CAAC,CAAC;IACnD,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC9B;AAED,iFAAiF;AACjF,qBAAa,KAAK;IACJ,QAAQ,CAAC,EAAE,EAAE,sBAAsB;gBAA1B,EAAE,EAAE,sBAAsB;IAE/C,OAAO,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,MAAM,EAAE,GAAG,OAAO;IAiC1F,MAAM,IAAI,WAAW;IAMrB,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO;IAMxB,wFAAwF;IACxF,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,SAAI,GAAG,IAAI;IASjG,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IAI9C,KAAK,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IAIhD,IAAI,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IAI1D,IAAI,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI;IAI1D,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,oBAAoB,GAAG,IAAI;IAK1D,aAAa,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI;IAK/B,uGAAuG;IACvG,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,OAAO;CAW5G"}

package/dist/webgl/index.d.ts

@@ -0,0 +1,5 @@
+export { WebGLSeriesRenderer } from './WebGLSeriesRenderer.js';
+export { parseColor, premultiplied } from './glColor.js';
+export type { RGBA } from './glColor.js';
+export { SeriesUploads, FLOATS_PER_BAR } from './seriesUploads.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/webgl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACzD,YAAY,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/webgl/polygonSpans.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Polygons the chart fills, as spans the GPU fills straight (no stencil):
+ * each pixel inside lies in exactly one span, so it is painted once, as
+ * Canvas 2D paints a fill.
+ *
+ * The chart's fills are bands and areas: two chains running left to right
+ * from the polygon's leftmost corner to its rightmost (a channel's upper and
+ * lower lines, a line and its base, a cloud's two spans). Filled by winding,
+ * nonzero or even-odd alike, such a polygon is what lies between its chains,
+ * whichever is on top. So it goes column by column: between two corners'
+ * x, each chain is one straight line, and the fill is between the two lines.
+ * Any other shape gives null (Canvas 2D draws it).
+ */
+/** Numbers per span: x0, x1, then chain a's y at x0 and x1, chain b's y at x0 and x1, then 1 if x0 is the polygon's left end, 1 if x1 is its right end. */
+export declare const SPAN_FLOATS = 8;
+/** The spans filling the closed polygon `points` (x, y pairs); null when it isn't two left-to-right chains. */
+export declare function polygonSpans(points: readonly number[]): number[] | null;
+/** The signed area of the closed polygon `points`: its sign is the way it winds. */
+export declare function signedArea(points: readonly number[]): number;
+//# sourceMappingURL=polygonSpans.d.ts.map

package/dist/webgl/polygonSpans.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polygonSpans.d.ts","sourceRoot":"","sources":["../../src/webgl/polygonSpans.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,2JAA2J;AAC3J,eAAO,MAAM,WAAW,IAAI,CAAC;AAE7B,+GAA+G;AAC/G,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,EAAE,GAAG,IAAI,CAevE;AAED,oFAAoF;AACpF,wBAAgB,UAAU,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,CAQ5D"}