minerva-design 1.3.0 → 1.5.0

package/dist/charts/engine/shapes/scene.d.cts

@@ -1,7 +1,7 @@
 import { Rgba } from '../color.cjs';
 import { ChartTheme } from '../theme.cjs';
 import { ChartPadding } from '../types.cjs';
-import { ShapeChartType } from './types.cjs';
+import { ShapeChartLabels, ShapeChartType, ShapeHoverEvent } from './types.cjs';
 export declare const TAU: number;
 /** Rectangle in CSS pixels */
 export interface ShapeRect {
@@ -13,6 +13,12 @@ export interface ShapeRect {
 interface NodeBase {
     /** Index of the item the node belongs to (hover, dimming); none for decorations */
     hit?: number;
+    /**
+     * Other items whose hover also emphasizes the node (the flows of a hovered
+     * sankey node, the ancestors of a hovered sunburst sector); hit testing
+     * only uses `hit`
+     */
+    also?: readonly number[];
     /** Opacity multiplier */
     alpha?: number;
     /** Offset applied while the node's item is hovered (pie slices pop out) */
@@ -60,6 +66,10 @@ export interface RectNode extends NodeBase {
     radius: number;
     fill: string;
     brighten?: boolean;
+    /** Outline drawn inside the rectangle while its item is hovered */
+    hoverStroke?: string;
+    /** Distance (px) around the rectangle still picked by hit testing (default 0) */
+    hitPad?: number;
 }
 /** Stroked arc (gauge track / value) */
 export interface ArcNode extends NodeBase {
@@ -72,6 +82,8 @@ export interface ArcNode extends NodeBase {
     width: number;
     color: string;
     cap: "round" | "butt";
+    /** Distance (px) beyond the stroke still picked by hit testing (default 4) */
+    hitPad?: number;
 }
 /** Dot; without fill nor stroke it is only a hit area */
 export interface CircleNode extends NodeBase {
@@ -108,6 +120,50 @@ export interface TextNode extends NodeBase {
     indicator?: number;
     hoverColor?: string;
     hoverFont?: string;
+    /** Rotation around (x, y), radians clockwise */
+    rotate?: number;
+    /** Outline drawn behind the text so it reads over other marks */
+    halo?: string;
+}
+/**
+ * Sankey flow: a horizontal S-curve (cubic Bézier) of constant thickness
+ * from (x0, y0) to (x1, y1), filled with a gradient from `color0` to `color1`
+ */
+export interface LinkNode extends NodeBase {
+    kind: "link";
+    x0: number;
+    y0: number;
+    x1: number;
+    y1: number;
+    /** Thickness, in pixels */
+    width: number;
+    color0: string;
+    color1: string;
+    /** Opacity while the link (or one of its `also` items) is hovered */
+    activeAlpha?: number;
+}
+/**
+ * Chord ribbon: the source arc (s0 to s1) and the target arc (t0 to t1) at
+ * radius `r`, joined by quadratic curves through the center, filled with a
+ * gradient from `color0` to `color1`; `head` > 0 replaces the target arc with
+ * an arrowhead of that length
+ */
+export interface RibbonNode extends NodeBase {
+    kind: "ribbon";
+    cx: number;
+    cy: number;
+    r: number;
+    /** Canvas angles (radians, clockwise from 3 o'clock) */
+    s0: number;
+    s1: number;
+    t0: number;
+    t1: number;
+    /** Arrowhead length, in pixels (0 = none) */
+    head: number;
+    color0: string;
+    color1: string;
+    /** Opacity while the ribbon (or one of its `also` items) is hovered */
+    activeAlpha?: number;
 }
 /** Radar: dashed guide from the center to the hovered indicator */
 export interface GuideNode extends NodeBase {
@@ -118,7 +174,7 @@ export interface GuideNode extends NodeBase {
     ends: [number, number][];
     color: string;
 }
-export type ShapeNode = SectorNode | PolygonNode | RectNode | ArcNode | CircleNode | LineNode | TextNode | GuideNode;
+export type ShapeNode = SectorNode | PolygonNode | RectNode | ArcNode | CircleNode | LineNode | TextNode | GuideNode | LinkNode | RibbonNode;
 /** A row of the default tooltip */
 export interface ShapeTooltipRow {
     name: string;
@@ -149,6 +205,10 @@ export interface ShapeItem {
         x: number;
         y: number;
     }[];
+    /** Extra fields of the hover event (calendar date, sankey link / chord ribbon ends) */
+    event?: Pick<ShapeHoverEvent, "date" | "source" | "target" | "reverseValue">;
+    /** Sunburst: path focused when the item is activated (click, Enter) */
+    drill?: string[];
 }
 /** What is hovered: an item (and a radar indicator) */
 export interface ShapeHover {
@@ -179,6 +239,14 @@ export interface ShapeScene {
         cx: number;
         cy: number;
     };
+    /**
+     * Arrow-key moves in a grid of items (calendar heatmap), in positions of
+     * `items`: `next` for Left / Right, `down` for Up / Down; no wrapping
+     */
+    steps?: {
+        next: number;
+        down: number;
+    };
     /** Radar geometry used by hit testing (and to keep the tooltip off the labels) */
     radar?: {
         cx: number;
@@ -194,6 +262,10 @@ export interface ShapeScene {
     };
     /** No data to draw (placeholder shown) */
     empty: boolean;
+    /** Built-in texts of the chart's locale (accessible descriptions) */
+    labels?: ShapeChartLabels;
+    /** Resolved locale of the chart */
+    locale?: string;
 }
 /** Measures a text in a CSS font */
 export type MeasureText = (text: string, font: string) => number;
@@ -209,26 +281,38 @@ export interface LayoutContext {
     /** Displayed (animated) value of a key */
     value(key: string, target: number): number;
     format(value: number): string;
-    /** Formats a share (0-1): `percentFormat` or one decimal */
+    /** Formats a share (0-1): `percentFormat` or a locale percent with one decimal */
     percent(share: number): string;
+    /** Built-in texts (locale and `texts` overrides) */
+    labels: ShapeChartLabels;
+    /** Resolved locale */
+    locale: string;
     /** Color of the `i`-th mark (custom `color` or the palette) */
     color(css: string | undefined, i: number): Rgba;
     /** Drawing area, padding excluded */
     area: ShapeRect;
+    /** Sunburst: names from the root to the focused node */
+    focus: readonly string[];
 }
-export type LayoutResult = Omit<ShapeScene, "type" | "width" | "height">;
+export type LayoutResult = Omit<ShapeScene, "type" | "width" | "height" | "labels" | "locale">;
 export declare const clamp: (v: number, lo: number, hi: number) => number;
 /** Non-negative finite number */
 export declare const positive: (v: number | undefined) => number;
 export declare const finite: (v: number | undefined, fallback?: number) => number;
 export declare const sum: (values: readonly number[]) => number;
 export declare const easeOutCubic: (t: number) => number;
-export declare const defaultFormat: (value: number) => string;
-/** Share 0-1 as a percent with one decimal: `0.4` -> `40.0%` */
-export declare const formatPercent: (p: number) => string;
+/** Angle brought into (-π/2, π/2] so that text rotated by it reads left to right */
+export declare const upright: (a: number) => number;
 export declare const inset: (rect: ShapeRect, padding?: ChartPadding) => ShapeRect;
 /** Shortens a text with an ellipsis so it fits in `max` pixels ("" if nothing fits) */
 export declare const ellipsize: (text: string, max: number, font: string, measure: MeasureText) => string;
+/**
+ * Breaks a text into at most `maxLines` lines of `max` pixels, at spaces when
+ * possible (anywhere otherwise, e.g. CJK, never before closing punctuation);
+ * a text that fits is balanced across its lines, one that does not ends the
+ * last line with an ellipsis
+ */
+export declare const wrapText: (text: string, max: number, font: string, measure: MeasureText, maxLines?: number) => string[];
 /** Stable keys of named values: the name, `name#2` for duplicates */
 export declare const uniqueKeys: (names: readonly string[]) => string[];
 /** WCAG relative luminance of an opaque color */
@@ -252,6 +336,6 @@ export declare const textOn: (fill: Rgba, backdrop?: Rgba) => string;
 export declare const readableFill: (fill: Rgba, target?: number, limit?: number) => Rgba;
 /** Resolves a custom color with the theme resolver (static parsing otherwise) */
 export declare const resolveWith: (theme: ChartTheme, css: string | undefined, fallback: Rgba) => Rgba;
-/** Placeholder of a chart without data: a muted ring and "No data" */
+/** Placeholder of a chart without data: a muted ring and "No data" (localized) */
 export declare const emptyLayout: (c: LayoutContext) => LayoutResult;
 export {};

package/dist/charts/engine/shapes/scene.d.ts

@@ -1,7 +1,7 @@
 import { Rgba } from '../color.js';
 import { ChartTheme } from '../theme.js';
 import { ChartPadding } from '../types.js';
-import { ShapeChartType } from './types.js';
+import { ShapeChartLabels, ShapeChartType, ShapeHoverEvent } from './types.js';
 export declare const TAU: number;
 /** Rectangle in CSS pixels */
 export interface ShapeRect {
@@ -13,6 +13,12 @@ export interface ShapeRect {
 interface NodeBase {
     /** Index of the item the node belongs to (hover, dimming); none for decorations */
     hit?: number;
+    /**
+     * Other items whose hover also emphasizes the node (the flows of a hovered
+     * sankey node, the ancestors of a hovered sunburst sector); hit testing
+     * only uses `hit`
+     */
+    also?: readonly number[];
     /** Opacity multiplier */
     alpha?: number;
     /** Offset applied while the node's item is hovered (pie slices pop out) */
@@ -60,6 +66,10 @@ export interface RectNode extends NodeBase {
     radius: number;
     fill: string;
     brighten?: boolean;
+    /** Outline drawn inside the rectangle while its item is hovered */
+    hoverStroke?: string;
+    /** Distance (px) around the rectangle still picked by hit testing (default 0) */
+    hitPad?: number;
 }
 /** Stroked arc (gauge track / value) */
 export interface ArcNode extends NodeBase {
@@ -72,6 +82,8 @@ export interface ArcNode extends NodeBase {
     width: number;
     color: string;
     cap: "round" | "butt";
+    /** Distance (px) beyond the stroke still picked by hit testing (default 4) */
+    hitPad?: number;
 }
 /** Dot; without fill nor stroke it is only a hit area */
 export interface CircleNode extends NodeBase {
@@ -108,6 +120,50 @@ export interface TextNode extends NodeBase {
     indicator?: number;
     hoverColor?: string;
     hoverFont?: string;
+    /** Rotation around (x, y), radians clockwise */
+    rotate?: number;
+    /** Outline drawn behind the text so it reads over other marks */
+    halo?: string;
+}
+/**
+ * Sankey flow: a horizontal S-curve (cubic Bézier) of constant thickness
+ * from (x0, y0) to (x1, y1), filled with a gradient from `color0` to `color1`
+ */
+export interface LinkNode extends NodeBase {
+    kind: "link";
+    x0: number;
+    y0: number;
+    x1: number;
+    y1: number;
+    /** Thickness, in pixels */
+    width: number;
+    color0: string;
+    color1: string;
+    /** Opacity while the link (or one of its `also` items) is hovered */
+    activeAlpha?: number;
+}
+/**
+ * Chord ribbon: the source arc (s0 to s1) and the target arc (t0 to t1) at
+ * radius `r`, joined by quadratic curves through the center, filled with a
+ * gradient from `color0` to `color1`; `head` > 0 replaces the target arc with
+ * an arrowhead of that length
+ */
+export interface RibbonNode extends NodeBase {
+    kind: "ribbon";
+    cx: number;
+    cy: number;
+    r: number;
+    /** Canvas angles (radians, clockwise from 3 o'clock) */
+    s0: number;
+    s1: number;
+    t0: number;
+    t1: number;
+    /** Arrowhead length, in pixels (0 = none) */
+    head: number;
+    color0: string;
+    color1: string;
+    /** Opacity while the ribbon (or one of its `also` items) is hovered */
+    activeAlpha?: number;
 }
 /** Radar: dashed guide from the center to the hovered indicator */
 export interface GuideNode extends NodeBase {
@@ -118,7 +174,7 @@ export interface GuideNode extends NodeBase {
     ends: [number, number][];
     color: string;
 }
-export type ShapeNode = SectorNode | PolygonNode | RectNode | ArcNode | CircleNode | LineNode | TextNode | GuideNode;
+export type ShapeNode = SectorNode | PolygonNode | RectNode | ArcNode | CircleNode | LineNode | TextNode | GuideNode | LinkNode | RibbonNode;
 /** A row of the default tooltip */
 export interface ShapeTooltipRow {
     name: string;
@@ -149,6 +205,10 @@ export interface ShapeItem {
         x: number;
         y: number;
     }[];
+    /** Extra fields of the hover event (calendar date, sankey link / chord ribbon ends) */
+    event?: Pick<ShapeHoverEvent, "date" | "source" | "target" | "reverseValue">;
+    /** Sunburst: path focused when the item is activated (click, Enter) */
+    drill?: string[];
 }
 /** What is hovered: an item (and a radar indicator) */
 export interface ShapeHover {
@@ -179,6 +239,14 @@ export interface ShapeScene {
         cx: number;
         cy: number;
     };
+    /**
+     * Arrow-key moves in a grid of items (calendar heatmap), in positions of
+     * `items`: `next` for Left / Right, `down` for Up / Down; no wrapping
+     */
+    steps?: {
+        next: number;
+        down: number;
+    };
     /** Radar geometry used by hit testing (and to keep the tooltip off the labels) */
     radar?: {
         cx: number;
@@ -194,6 +262,10 @@ export interface ShapeScene {
     };
     /** No data to draw (placeholder shown) */
     empty: boolean;
+    /** Built-in texts of the chart's locale (accessible descriptions) */
+    labels?: ShapeChartLabels;
+    /** Resolved locale of the chart */
+    locale?: string;
 }
 /** Measures a text in a CSS font */
 export type MeasureText = (text: string, font: string) => number;
@@ -209,26 +281,38 @@ export interface LayoutContext {
     /** Displayed (animated) value of a key */
     value(key: string, target: number): number;
     format(value: number): string;
-    /** Formats a share (0-1): `percentFormat` or one decimal */
+    /** Formats a share (0-1): `percentFormat` or a locale percent with one decimal */
     percent(share: number): string;
+    /** Built-in texts (locale and `texts` overrides) */
+    labels: ShapeChartLabels;
+    /** Resolved locale */
+    locale: string;
     /** Color of the `i`-th mark (custom `color` or the palette) */
     color(css: string | undefined, i: number): Rgba;
     /** Drawing area, padding excluded */
     area: ShapeRect;
+    /** Sunburst: names from the root to the focused node */
+    focus: readonly string[];
 }
-export type LayoutResult = Omit<ShapeScene, "type" | "width" | "height">;
+export type LayoutResult = Omit<ShapeScene, "type" | "width" | "height" | "labels" | "locale">;
 export declare const clamp: (v: number, lo: number, hi: number) => number;
 /** Non-negative finite number */
 export declare const positive: (v: number | undefined) => number;
 export declare const finite: (v: number | undefined, fallback?: number) => number;
 export declare const sum: (values: readonly number[]) => number;
 export declare const easeOutCubic: (t: number) => number;
-export declare const defaultFormat: (value: number) => string;
-/** Share 0-1 as a percent with one decimal: `0.4` -> `40.0%` */
-export declare const formatPercent: (p: number) => string;
+/** Angle brought into (-π/2, π/2] so that text rotated by it reads left to right */
+export declare const upright: (a: number) => number;
 export declare const inset: (rect: ShapeRect, padding?: ChartPadding) => ShapeRect;
 /** Shortens a text with an ellipsis so it fits in `max` pixels ("" if nothing fits) */
 export declare const ellipsize: (text: string, max: number, font: string, measure: MeasureText) => string;
+/**
+ * Breaks a text into at most `maxLines` lines of `max` pixels, at spaces when
+ * possible (anywhere otherwise, e.g. CJK, never before closing punctuation);
+ * a text that fits is balanced across its lines, one that does not ends the
+ * last line with an ellipsis
+ */
+export declare const wrapText: (text: string, max: number, font: string, measure: MeasureText, maxLines?: number) => string[];
 /** Stable keys of named values: the name, `name#2` for duplicates */
 export declare const uniqueKeys: (names: readonly string[]) => string[];
 /** WCAG relative luminance of an opaque color */
@@ -252,6 +336,6 @@ export declare const textOn: (fill: Rgba, backdrop?: Rgba) => string;
 export declare const readableFill: (fill: Rgba, target?: number, limit?: number) => Rgba;
 /** Resolves a custom color with the theme resolver (static parsing otherwise) */
 export declare const resolveWith: (theme: ChartTheme, css: string | undefined, fallback: Rgba) => Rgba;
-/** Placeholder of a chart without data: a muted ring and "No data" */
+/** Placeholder of a chart without data: a muted ring and "No data" (localized) */
 export declare const emptyLayout: (c: LayoutContext) => LayoutResult;
 export {};

package/dist/charts/engine/shapes/scene.js

@@ -1,15 +1,17 @@
 import { mix as e, parseColor as t, toCss as n } from "../color.js";
 import { font as r } from "../overlay.js";
-import { formatCompact as i } from "../format.js";
 //#region src/engine/shapes/scene.ts
-var a = Math.PI * 2, o = (e, t) => {
+var i = Math.PI * 2, a = (e, t) => {
 	let n = /(\d+(?:\.\d+)?)px/.exec(t);
 	return e.length * (n ? Number(n[1]) : 12) * .6;
-}, s = (e, t, n) => e < t ? t : e > n ? n : e, c = (e) => typeof e == "number" && Number.isFinite(e) && e > 0 ? e : 0, l = (e, t = 0) => typeof e == "number" && Number.isFinite(e) ? e : t, u = (e) => {
+}, o = (e, t, n) => e < t ? t : e > n ? n : e, s = (e) => typeof e == "number" && Number.isFinite(e) && e > 0 ? e : 0, c = (e, t = 0) => typeof e == "number" && Number.isFinite(e) ? e : t, l = (e) => {
 	let t = 0;
 	for (let n of e) t += n;
 	return t;
-}, d = (e) => 1 - (1 - s(e, 0, 1)) ** 3, f = (e) => i(e), p = (e) => Number.isFinite(e) ? `${(e * 100).toFixed(1)}%` : "–", m = (e, t) => {
+}, u = (e) => 1 - (1 - o(e, 0, 1)) ** 3, d = (e) => {
+	let t = e % i;
+	return t > Math.PI && (t -= i), t <= -Math.PI && (t += i), t > Math.PI / 2 ? t -= Math.PI : t <= -Math.PI / 2 && (t += Math.PI), t;
+}, f = (e, t) => {
 	let n = t?.top ?? 8, r = t?.right ?? 8, i = t?.bottom ?? 8, a = t?.left ?? 8;
 	return {
 		x: e.x + a,
@@ -17,7 +19,7 @@ var a = Math.PI * 2, o = (e, t) => {
 		width: Math.max(0, e.width - a - r),
 		height: Math.max(0, e.height - n - i)
 	};
-}, h = (e, t, n, r) => {
+}, p = (e, t, n, r) => {
 	if (r(e, n) <= t) return e;
 	if (r("…", n) > t) return "";
 	let i = 0, a = e.length;
@@ -26,53 +28,96 @@ var a = Math.PI * 2, o = (e, t) => {
 		r(e.slice(0, o) + "…", n) <= t ? i = o : a = o - 1;
 	}
 	return i ? e.slice(0, i).trimEnd() + "…" : "";
-}, g = (e) => {
+}, m = /^[)\]}、。，．：；！？）」』】》〉,.:;!?%…]/, h = (e, t, n, r) => {
+	let i = [], a = e.trim();
+	for (; a;) {
+		if (r(a, n) <= t) {
+			i.push(a);
+			break;
+		}
+		let e = 0, o = a.length;
+		for (; e < o;) {
+			let i = e + o + 1 >> 1;
+			r(a.slice(0, i), n) <= t ? e = i : o = i - 1;
+		}
+		if (!e) return null;
+		let s = e;
+		if (a[e] !== " ") {
+			let t = a.lastIndexOf(" ", e);
+			if (t > e * .4) s = t;
+			else for (; s > 1 && m.test(a.slice(s));) s--;
+		}
+		i.push(a.slice(0, s).trimEnd()), a = a.slice(s).trimStart();
+	}
+	return i;
+}, g = (e, t, n, r, i = 2) => {
+	let a = e.trim();
+	if (!a || i < 1) return [];
+	let o = h(a, t, n, r);
+	if (!o) {
+		let e = p(a, t, n, r);
+		return e ? [e] : [];
+	}
+	if (o.length > i) {
+		let e = o.slice(0, i - 1), s = a;
+		for (let t of e) s = s.slice(t.length).trimStart();
+		let c = p(s, t, n, r);
+		return c ? [...e, c] : e;
+	}
+	if (o.length < 2) return o;
+	let s = r(a, n) / o.length;
+	for (let e = 0; e <= 8; e++) {
+		let i = h(a, s + (t - s) * e / 8, n, r);
+		if (i && i.length <= o.length) return i;
+	}
+	return o;
+}, _ = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	return e.map((e) => {
 		let n = (t.get(e) ?? 0) + 1;
 		return t.set(e, n), n === 1 ? e : `${e}#${n}`;
 	});
-}, _ = [
+}, v = [
 	1,
 	1,
 	1,
 	.96
-], v = [
+], y = [
 	15 / 255,
 	23 / 255,
 	42 / 255,
 	.88
-], y = (e) => e <= .04045 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4, b = (e) => .2126 * y(e[0]) + .7152 * y(e[1]) + .0722 * y(e[2]), x = (e, t) => {
-	let n = s(e[3], 0, 1);
+], b = (e) => e <= .04045 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4, x = (e) => .2126 * b(e[0]) + .7152 * b(e[1]) + .0722 * b(e[2]), S = (e, t) => {
+	let n = o(e[3], 0, 1);
 	return [
 		e[0] * n + t[0] * (1 - n),
 		e[1] * n + t[1] * (1 - n),
 		e[2] * n + t[2] * (1 - n),
 		1
 	];
-}, S = (e, t) => {
-	let n = b(x(e, t)), r = b(t);
+}, C = (e, t) => {
+	let n = x(S(e, t)), r = x(t);
 	return (Math.max(n, r) + .05) / (Math.min(n, r) + .05);
-}, C = [
+}, w = [
 	1,
 	1,
 	1,
 	1
-], w = (e, t = C) => {
-	let r = x(e, x(t, C)), i = S(_, r), a = S(v, r);
+], T = (e, t = w) => {
+	let r = S(e, S(t, w)), i = C(v, r), a = C(y, r);
 	return i >= a ? {
-		ink: _,
-		css: n(_),
-		contrast: i
-	} : {
 		ink: v,
 		css: n(v),
+		contrast: i
+	} : {
+		ink: y,
+		css: n(y),
 		contrast: a
 	};
-}, T = (e, t) => w(e, t).css, E = (t, n = 4.5, r = .3) => {
-	let i = w(t);
+}, E = (e, t) => T(e, t).css, D = (t, n = 4.5, r = .3) => {
+	let i = T(t);
 	if (i.contrast >= n) return t;
-	let a = i.ink === _ ? [
+	let a = i.ink === v ? [
 		0,
 		0,
 		0,
@@ -85,11 +130,11 @@ var a = Math.PI * 2, o = (e, t) => {
 	];
 	for (let o = .04; o <= r + 1e-9; o += .04) {
 		let r = e(t, a, o);
-		if (i = w(r), i.contrast >= n) return r;
+		if (i = T(r), i.contrast >= n) return r;
 	}
 	return e(t, a, r);
-}, D = (e, n, r) => n ? e.resolve ? e.resolve(n, r) : t(n) ?? r : r, O = (e) => {
-	let { area: t, theme: i } = e, o = t.x + t.width / 2, s = t.y + t.height / 2, c = Math.max(0, Math.min(t.width, t.height) / 2 - 6);
+}, O = (e, n, r) => n ? e.resolve ? e.resolve(n, r) : t(n) ?? r : r, k = (e) => {
+	let { area: t, theme: a } = e, o = t.x + t.width / 2, s = t.y + t.height / 2, c = Math.max(0, Math.min(t.width, t.height) / 2 - 6);
 	return {
 		nodes: [{
 			kind: "sector",
@@ -98,17 +143,17 @@ var a = Math.PI * 2, o = (e, t) => {
 			r0: c * .66,
 			r1: c,
 			a0: 0,
-			a1: a,
+			a1: i,
 			pad: 0,
 			corner: 0,
-			fill: n(i.grid, .8)
+			fill: n(a.grid, .8)
 		}, {
 			kind: "text",
 			x: o,
 			y: s,
-			text: "No data",
-			font: r(i, 12),
-			color: n(i.textMuted),
+			text: e.labels.noData,
+			font: r(a, 12),
+			color: n(a.textMuted),
 			align: "center",
 			baseline: "middle"
 		}],
@@ -118,6 +163,6 @@ var a = Math.PI * 2, o = (e, t) => {
 	};
 };
 //#endregion
-export { a as TAU, s as clamp, S as contrastRatio, f as defaultFormat, d as easeOutCubic, h as ellipsize, O as emptyLayout, o as estimateText, l as finite, p as formatPercent, w as inkOn, m as inset, x as over, c as positive, E as readableFill, b as relativeLuminance, D as resolveWith, u as sum, T as textOn, g as uniqueKeys };
+export { i as TAU, o as clamp, C as contrastRatio, u as easeOutCubic, p as ellipsize, k as emptyLayout, a as estimateText, c as finite, T as inkOn, f as inset, S as over, s as positive, D as readableFill, x as relativeLuminance, O as resolveWith, l as sum, E as textOn, _ as uniqueKeys, d as upright, g as wrapText };
 
 //# sourceMappingURL=scene.js.map