@funnest/charts 0.6.11 → 0.6.13

package/dist/index.d.ts

@@ -13,7 +13,7 @@ export type { FormatPriceOptions } from './price';
 export { decimalsOf, formatCompact, formatPrice, krxTickSize, resolveTickSize, roundToTick } from './price';
 export { isIntradayResolution, resolutionToMs } from './resolution';
 export type { ChartType } from './render/renderer';
-export type { BuiltinDrawingType, Drawing, DrawingDefinition, DrawingGeometry, DrawingPoint, DrawingRenderContext, DrawingStyle, DrawingType, } from './objects/drawings';
+export type { BuiltinDrawingType, Drawing, DrawingDefinition, DrawingGeometry, DrawingPoint, DrawingRenderContext, DrawingStyle, DrawingColorSlot, DrawingType, } from './objects/drawings';
 export { BUILTIN_DRAWINGS, distToSegment, FIB_LEVELS } from './objects/drawings';
 export type { ChartOverlay, ObjectRenderContext, PaneCoords } from './objects/types';
 export type { Painter } from './render/painter';

package/dist/index.js

@@ -1265,6 +1265,7 @@ var BUILTIN_DRAWINGS = [
     group: "fib",
     section: { ko: "\uD53C\uBCF4\uB098\uCE58", en: "Fibonacci" },
     clicks: 2,
+    colors: FIB_LEVELS.map((level, i) => ({ key: String(level), name: { ko: String(level), en: String(level) }, color: FIB_COLORS[i] })),
     distance: (g, x, y) => {
       const [x1, y1] = p0(g);
       const [x2, y2] = p1(g);
@@ -1285,7 +1286,7 @@ var BUILTIN_DRAWINGS = [
       FIB_LEVELS.forEach((level, i) => {
         const price = b + (a - b) * level;
         const y = c.priceToY(price);
-        const levelColor = d.color ?? FIB_COLORS[i];
+        const levelColor = d.style?.colors?.[String(level)] ?? d.color ?? FIB_COLORS[i];
         if (i > 0) {
           const prevY = c.priceToY(b + (a - b) * FIB_LEVELS[i - 1]);
           ctx.save();
@@ -1490,6 +1491,7 @@ var DrawingManager = class {
           palette: rc.palette,
           color,
           style,
+          colorOf: (key) => style.colors?.[key] ?? d.color ?? def.colors?.find((c2) => c2.key === key)?.color ?? color,
           width: (fallback) => Math.min(8, Math.max(0.5, style.width ?? fallback)),
           dash: (fallback = []) => style.dash ? DASHES[style.dash] : [...fallback],
           bars,

package/dist/objects/drawings.d.ts

@@ -24,6 +24,18 @@ export interface DrawingStyle {
     fontSize?: number;
     /** Can't be dragged or edited until unlocked (still selectable). */
     locked?: boolean;
+    /** Colors of the tool's parts (`DrawingDefinition.colors` keys), where set apart from the rest. */
+    colors?: Record<string, string>;
+}
+/**
+ * A part of a tool with its own color (a Fibonacci level, a position's target zone…). Its color
+ * is `style.colors[key]`, else the drawing's color (picking one recolors every part), else `color`.
+ */
+export interface DrawingColorSlot {
+    key: string;
+    name: Record<Locale, string>;
+    /** Default color. */
+    color: string;
 }
 export interface Drawing {
     id: string;
@@ -45,6 +57,8 @@ export interface DrawingRenderContext extends DrawingGeometry {
     color: string;
     /** `drawing.style` (empty object when none). */
     style: DrawingStyle;
+    /** A part's color (see `DrawingDefinition.colors`): its own, else the drawing's, else the default. */
+    colorOf(key: string): string;
     /** The main line width: the drawing's style, else the tool's default. */
     width(fallback: number): number;
     /** The main line dash pattern for canvas: the drawing's style, else the tool's default. */
@@ -93,6 +107,8 @@ export interface DrawingDefinition {
     freehand?: boolean;
     /** Has text (`style.text`): the widget offers a text field for it when selected. */
     text?: boolean;
+    /** Parts with their own colors: the widget lets each be recolored (read them with `rc.colorOf`). */
+    colors?: DrawingColorSlot[];
     /** Distance in px from (x, y) to the shape, for hit testing. */
     distance(geometry: DrawingGeometry, x: number, y: number): number;
     render(drawing: Drawing, rc: DrawingRenderContext): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funnest/charts",
-  "version": "0.6.11",
+  "version": "0.6.13",
   "description": "Canvas charting engine for financial charts",
   "keywords": [
     "chart",