@umriss-ui/charts 0.5.0 → 0.6.0

package/dist/de.d.ts

@@ -0,0 +1,29 @@
+declare interface ChartsWording {
+    /** What a screen reader calls the plot area that takes the keys
+     (`aria-roledescription`). */
+    roleDescription: string;
+    /** Shown in the plot area when no visible series has a point to show. */
+    empty: string;
+    /** The summary's visible series, by name. */
+    seriesList: (names: readonly string[]) => string;
+    /** The summary's visible stretch of the x axis, both ends formatted. */
+    visibleRange: (from: string, to: string) => string;
+    /** The summary's lowest and highest value of one series in that stretch. */
+    seriesExtent: (name: string, min: string, max: string) => string;
+    /** What is read after a key: the position, then each series with its value
+     (and its own x where it stands on another x axis), the emphasised one
+     first. */
+    readout: (x: string, rows: readonly {
+        name: string;
+        value: string;
+        x: string;
+    }[]) => string;
+    /** The keys that walk the chart. */
+    walkHelp: string;
+    /** The keys that zoom and pan it - only where the chart can be zoomed. */
+    zoomHelp: string;
+}
+
+export declare const GERMAN_CHARTS_WORDING: ChartsWording;
+
+export { }

package/dist/index.d.ts

@@ -211,9 +211,12 @@ export declare interface ChartProps<T> {
     style?: CSSProperties;
     /** Shown in the middle of the plot area when no visible series has a point
      to show - no data, only gaps, or every series hidden. Axes and frame
-     stay. Without a value "No data"; any other language or wording is the
-     caller's. */
+     stay. Without a value the wording's `empty`; this prop wins over it. */
     empty?: ReactNode;
+    /** The chart's words (ADR-0031): English without a value, entries left out
+     fall back to English. German: `GERMAN_CHARTS_WORDING` from
+     `@umriss-ui/charts/wording/de`. */
+    wording?: Partial<ChartsWording>;
     /** Charts with the same id share the pointer's x position, in domain units:
      each draws its crosshair there, the tooltip stays with the chart under
      the pointer. Zoom is not shared - give every chart the same controlled
@@ -227,6 +230,32 @@ export declare interface ChartProps<T> {
     children?: ReactNode;
 }
 
+export declare interface ChartsWording {
+    /** What a screen reader calls the plot area that takes the keys
+     (`aria-roledescription`). */
+    roleDescription: string;
+    /** Shown in the plot area when no visible series has a point to show. */
+    empty: string;
+    /** The summary's visible series, by name. */
+    seriesList: (names: readonly string[]) => string;
+    /** The summary's visible stretch of the x axis, both ends formatted. */
+    visibleRange: (from: string, to: string) => string;
+    /** The summary's lowest and highest value of one series in that stretch. */
+    seriesExtent: (name: string, min: string, max: string) => string;
+    /** What is read after a key: the position, then each series with its value
+     (and its own x where it stands on another x axis), the emphasised one
+     first. */
+    readout: (x: string, rows: readonly {
+        name: string;
+        value: string;
+        x: string;
+    }[]) => string;
+    /** The keys that walk the chart. */
+    walkHelp: string;
+    /** The keys that zoom and pan it - only where the chart can be zoomed. */
+    zoomHelp: string;
+}
+
 declare interface CommonProps {
     /** Axis on which the value lies. Without one, the first axis of the
      orientation. */
@@ -356,6 +385,8 @@ export declare function controlLimits(values: readonly number[], origin: Control
 
 export declare const DAY: number;
 
+export declare const DEFAULT_CHARTS_WORDING: ChartsWording;
+
 /** Default gradient: a sequential set, light to dark, so that it stays readable
  as an order of lightness even without colour. It is a default, not a
  restriction - whoever has a scale of their own names it. */

package/dist/wording/de.d.ts

@@ -0,0 +1,2 @@
+import { ChartsWording } from './index';
+export declare const GERMAN_CHARTS_WORDING: ChartsWording;

package/dist/wording/de.js

@@ -0,0 +1,13 @@
+const t = {
+  roleDescription: "Diagramm",
+  empty: "Keine Daten",
+  seriesList: (e) => `${e.length === 1 ? "1 Serie" : `${e.length} Serien`}: ${e.join(", ")}.`,
+  visibleRange: (e, n) => `Von ${e} bis ${n}.`,
+  seriesExtent: (e, n, i) => `${e} von ${n} bis ${i}.`,
+  readout: (e, n) => [`${e}.`, ...n.map((i) => `${i.name} ${i.value}${i.x === "" ? "" : ` bei ${i.x}`}.`)].join(" "),
+  walkHelp: "Pfeil links und rechts gehen durch die Werte, Pfeil hoch und runter wechseln die Serie, Pos1 und Ende springen zum ersten und letzten Wert, Escape hebt die Markierung auf.",
+  zoomHelp: "Plus und Minus zoomen, Umschalt mit Pfeil links oder rechts verschiebt, 0 zeigt alles."
+};
+export {
+  t as GERMAN_CHARTS_WORDING
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umriss-ui/charts",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Canvas-based chart library - few chart kinds, uncompromisingly clean, high performance.",
   "license": "MIT",
   "author": "Roman Händler",
@@ -39,6 +39,10 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/charts.js"
     },
+    "./wording/de": {
+      "types": "./dist/de.d.ts",
+      "import": "./dist/wording/de.js"
+    },
     "./styles.css": "./dist/charts.css"
   },
   "peerDependencies": {
@@ -58,7 +62,7 @@
     "vite": "^6.0.0",
     "vite-plugin-dts": "^4.3.0",
     "@umriss-ui/demo": "0.0.0",
-    "@umriss-ui/core": "0.8.0"
+    "@umriss-ui/core": "0.9.2"
   },
   "scripts": {
     "props": "node --disable-warning=ExperimentalWarning --experimental-strip-types demo/props.ts",