minerva-design 1.4.0 → 1.6.0

package/dist/uni/SankeyChart.vue.d.ts

@@ -41,6 +41,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
     padding: import("vue").PropType<import("./charts-canvas.js").ChartPadding>;
     ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    texts: import("vue").PropType<Partial<import("./charts-canvas.js").ShapeChartLabels>>;
     width: {
         type: import("vue").PropType<number | string>;
         default: string;
@@ -95,6 +97,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
     padding: import("vue").PropType<import("./charts-canvas.js").ChartPadding>;
     ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    texts: import("vue").PropType<Partial<import("./charts-canvas.js").ShapeChartLabels>>;
     width: {
         type: import("vue").PropType<number | string>;
         default: string;

package/dist/uni/ScatterChart.vue

@@ -31,6 +31,7 @@ const {
   id,
   root,
   rootStyle,
+  ariaLabel,
   handle,
   onTouchStart,
   onTouchMove,
@@ -59,7 +60,7 @@ defineExpose(handle);
       :hidpi="false"
       :disable-scroll="scrollLocked"
       role="img"
-      :aria-label="props.ariaLabel"
+      :aria-label="ariaLabel"
       style="display: block; width: 100%; height: 100%"
       @touchstart="onTouchStart"
       @touchmove="onTouchMove"

package/dist/uni/ScatterChart.vue.d.ts

@@ -34,6 +34,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     padding: import("vue").PropType<import("./charts-canvas.js").ChartPadding>;
     palette: import("vue").PropType<readonly string[]>;
     ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: import("vue").PropType<Partial<import("./charts-canvas.js").ChartLabels>>;
     disableScroll: {
         type: BooleanConstructor;
         default: undefined;
@@ -78,6 +80,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     padding: import("vue").PropType<import("./charts-canvas.js").ChartPadding>;
     palette: import("vue").PropType<readonly string[]>;
     ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: import("vue").PropType<Partial<import("./charts-canvas.js").ChartLabels>>;
     disableScroll: {
         type: BooleanConstructor;
         default: undefined;

package/dist/uni/Sparkline.vue

@@ -20,6 +20,7 @@ const {
   id,
   root,
   rootStyle,
+  ariaLabel,
   handle,
   onTouchStart,
   onTouchMove,
@@ -48,7 +49,7 @@ defineExpose(handle);
       :hidpi="false"
       :disable-scroll="scrollLocked"
       role="img"
-      :aria-label="props.ariaLabel"
+      :aria-label="ariaLabel"
       style="display: block; width: 100%; height: 100%"
       @touchstart="onTouchStart"
       @touchmove="onTouchMove"

package/dist/uni/Sparkline.vue.d.ts

@@ -24,6 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
     palette: import("vue").PropType<readonly string[]>;
     ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: import("vue").PropType<Partial<import("./charts-canvas.js").ChartLabels>>;
     disableScroll: {
         type: BooleanConstructor;
         default: undefined;
@@ -58,6 +60,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
     palette: import("vue").PropType<readonly string[]>;
     ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: import("vue").PropType<Partial<import("./charts-canvas.js").ChartLabels>>;
     disableScroll: {
         type: BooleanConstructor;
         default: undefined;

package/dist/uni/SunburstChart.vue.d.ts

@@ -37,6 +37,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
     padding: import("vue").PropType<import("./charts-canvas.js").ChartPadding>;
     ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    texts: import("vue").PropType<Partial<import("./charts-canvas.js").ShapeChartLabels>>;
     width: {
         type: import("vue").PropType<number | string>;
         default: string;
@@ -88,6 +90,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
     padding: import("vue").PropType<import("./charts-canvas.js").ChartPadding>;
     ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    texts: import("vue").PropType<Partial<import("./charts-canvas.js").ShapeChartLabels>>;
     width: {
         type: import("vue").PropType<number | string>;
         default: string;

package/dist/uni/ToastProvider.vue.d.ts

@@ -20,8 +20,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         promise<T>(promise: Promise<T>, messages: import("./feedback-store.js").ToastMessages<T>, options?: import("./feedback-store.js").ToastOptions): Promise<T>;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    position: string;
     max: number;
+    position: string;
     pauseOnHover: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/uni/TreemapChart.vue.d.ts

@@ -27,6 +27,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
     padding: import("vue").PropType<import("./charts-canvas.js").ChartPadding>;
     ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    texts: import("vue").PropType<Partial<import("./charts-canvas.js").ShapeChartLabels>>;
     height: {
         type: import("vue").PropType<number | string>;
         default: number;
@@ -71,6 +73,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
     padding: import("vue").PropType<import("./charts-canvas.js").ChartPadding>;
     ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    texts: import("vue").PropType<Partial<import("./charts-canvas.js").ShapeChartLabels>>;
     height: {
         type: import("vue").PropType<number | string>;
         default: number;

package/dist/uni/WaterfallChart.vue

@@ -28,6 +28,7 @@ const {
   id,
   root,
   rootStyle,
+  ariaLabel,
   handle,
   onTouchStart,
   onTouchMove,
@@ -56,7 +57,7 @@ defineExpose(handle);
       :hidpi="false"
       :disable-scroll="scrollLocked"
       role="img"
-      :aria-label="props.ariaLabel"
+      :aria-label="ariaLabel"
       style="display: block; width: 100%; height: 100%"
       @touchstart="onTouchStart"
       @touchmove="onTouchMove"

package/dist/uni/WaterfallChart.vue.d.ts

@@ -14,6 +14,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly default: true;
     };
     format: import("vue").PropType<(value: number) => string>;
+    connector: {
+        readonly type: import("vue").PropType<boolean | import("./charts-canvas.js").ChartConnectorOptions>;
+        readonly default: undefined;
+    };
     locale: StringConstructor;
     orientation: import("vue").PropType<import("./charts-canvas.js").ChartOrientation>;
     xAxis: import("vue").PropType<import("./charts-canvas.js").ChartAxisOptions>;
@@ -70,6 +74,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly default: true;
     };
     format: import("vue").PropType<(value: number) => string>;
+    connector: {
+        readonly type: import("vue").PropType<boolean | import("./charts-canvas.js").ChartConnectorOptions>;
+        readonly default: undefined;
+    };
     locale: StringConstructor;
     orientation: import("vue").PropType<import("./charts-canvas.js").ChartOrientation>;
     xAxis: import("vue").PropType<import("./charts-canvas.js").ChartAxisOptions>;
@@ -117,6 +125,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     height: string | number;
     labels: boolean;
     tooltip: boolean | import("./charts-canvas.js").ChartTooltipOptions;
+    connector: boolean | import("./charts-canvas.js").ChartConnectorOptions;
     crosshair: boolean;
     interaction: boolean | import("./charts-canvas.js").ChartInteractionOptions;
     disableScroll: boolean;

package/dist/uni/chart-a11y.d.ts

@@ -0,0 +1,7 @@
+import { type ChartOptions, type ShapeChartOptions } from "./charts-canvas.js";
+/** Language of the page or the system, when the runtime has one (H5) */
+export declare const systemLocale: () => string | undefined;
+/** Default accessible name of a cartesian chart: its series */
+export declare const describeCartesianChart: (o: ChartOptions) => string;
+/** Default accessible name of a shape chart: its type, in its locale ("Pie chart", "弦图") */
+export declare const describeShapeChart: (o: ShapeChartOptions) => string;

package/dist/uni/chart-a11y.js

@@ -0,0 +1,29 @@
+// Accessible names of the charts, in their locale ("Chart: A, B", "饼图")
+import { describeChart, describeShapeChart as describeShapeType, } from "./charts-canvas.js";
+/** Language of the page or the system, when the runtime has one (H5) */
+export const systemLocale = () => {
+    const g = globalThis;
+    return g.document?.documentElement?.lang || g.navigator?.language;
+};
+/** Names of the entries of a list (strings or `{ name }`), unnamed ones skipped */
+const namesOf = (list) => {
+    const out = [];
+    for (const entry of list) {
+        const name = typeof entry === "string"
+            ? entry
+            : entry?.name;
+        if (typeof name === "string" && name)
+            out.push({ name });
+    }
+    return out;
+};
+/** Default accessible name of a cartesian chart: its series */
+export const describeCartesianChart = (o) => o.ariaLabel ??
+    describeChart({
+        locale: o.locale ?? systemLocale(),
+        series: namesOf(o.series),
+        labels: o.labels,
+    });
+/** Default accessible name of a shape chart: its type, in its locale ("Pie chart", "弦图") */
+export const describeShapeChart = (o) => o.ariaLabel ??
+    describeShapeType({ ...o, locale: o.locale ?? systemLocale() });

package/dist/uni/chart-canvas.d.ts

@@ -7,6 +7,7 @@ interface ChartConfiguration {
     theme?: unknown;
     palette?: Palette | null;
     design?: DesignOptions;
+    locale?: string;
 }
 /** Minerva token values (`--name` keys) of the provider configuration */
 export declare function chartThemeVariables(config?: ChartConfiguration | null): Readonly<Record<string, string>>;
@@ -33,9 +34,19 @@ export interface ChartOptionProps {
     padding?: ChartPadding;
     palette?: readonly string[];
     ariaLabel?: string;
+    locale?: string;
+    /** Built-in texts (objects only: bar charts use a boolean `labels`) */
+    labels?: unknown;
 }
 /** Engine options of the props (like `engineOptions` of the web charts) */
 export declare function chartEngineOptions(props: ChartOptionProps, series: readonly ChartSeries[]): ChartOptions;
+/**
+ * Options with the provider's language when they have no locale (mini-programs
+ * have no `<html lang>`)
+ */
+export declare function withProviderLocale<T extends {
+    locale?: string;
+}>(options: T, locale: string | undefined): T;
 export interface CanvasChartFrame {
     width?: number | string;
     height?: number | string;
@@ -59,6 +70,7 @@ export declare function useCanvasChart(frame: () => CanvasChartFrame, options: (
     root: import("vue").Ref<unknown, unknown>;
     plot: import("vue").ShallowRef<ChartRect | null, ChartRect | null>;
     rootStyle: ComputedRef<string>;
+    ariaLabel: ComputedRef<string>;
     handle: ChartHandle;
     onTouchStart: (event: TouchEventLike) => void;
     onTouchMove: (event: TouchEventLike) => void;

package/dist/uni/chart-canvas.js

@@ -7,6 +7,7 @@ import { computed, getCurrentInstance, inject, nextTick, onBeforeUnmount, onMoun
 import { githubDark, resolveTokens, } from "../core/index.js";
 import { createCanvasChart, } from "./charts-canvas.js";
 import { useNativeId } from "./native-id.js";
+import { describeCartesianChart } from "./chart-a11y.js";
 const themeCache = new Map();
 /** Minerva token values (`--name` keys) of the provider configuration */
 export function chartThemeVariables(config) {
@@ -84,8 +85,19 @@ export function chartEngineOptions(props, series) {
         padding: plain(props.padding),
         palette: plain(props.palette),
         ariaLabel: props.ariaLabel,
+        locale: props.locale || undefined,
+        labels: props.labels && typeof props.labels === "object"
+            ? plain(props.labels)
+            : undefined,
     };
 }
+/**
+ * Options with the provider's language when they have no locale (mini-programs
+ * have no `<html lang>`)
+ */
+export function withProviderLocale(options, locale) {
+    return options.locale || !locale ? options : { ...options, locale };
+}
 const cssSize = (value) => typeof value === "number" ? `${value}px` : value;
 function pixelRatio() {
     try {
@@ -114,7 +126,8 @@ export function useCanvasChart(frame, options, listeners) {
     const plot = shallowRef(null);
     const config = inject("minerva:config", null);
     const variables = computed(() => chartThemeVariables(config?.value));
-    const engineOptions = computed(options);
+    const engineOptions = computed(() => withProviderLocale(options(), config?.value?.locale));
+    const ariaLabel = computed(() => describeCartesianChart(engineOptions.value));
     const rootStyle = computed(() => [
         "position: relative",
         `width: ${cssSize(frame().width) ?? "100%"}`,
@@ -354,6 +367,7 @@ export function useCanvasChart(frame, options, listeners) {
         root,
         plot,
         rootStyle,
+        ariaLabel,
         handle,
         onTouchStart,
         onTouchMove,

package/dist/uni/chart-types.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from "vue";
-import type { BinOptions, BoxplotGroup, BoxplotStatsOptions, CanvasChartInstance, ChartAnnotation, ChartAxisOptions, ChartInteractionOptions, ChartLegendOptions, ChartOrientation, ChartPadding, ChartSeries, ChartTooltipOptions, ChartView, GanttTask, HeatmapCell, QuadrantAxisLabels, QuadrantCorner, QuadrantPoint, QuadrantRegions, WaterfallStep } from "./charts-canvas.js";
-export type { BoxplotGroup, GanttTask, HeatmapCell, WaterfallStep, CanvasChartInstance, ChartAnnotation, ChartAxisOptions, ChartHoverEvent, ChartHoverItem, ChartInteractionOptions, ChartLegendOptions, ChartPadding, ChartPlotClickEvent, ChartSeries, ChartSeriesData, ChartTooltipOptions, ChartView, QuadrantAxisLabels, QuadrantCorner, QuadrantPoint, QuadrantRegion, QuadrantRegions, } from "./charts-canvas.js";
+import type { BinOptions, BoxplotGroup, BoxplotStatsOptions, CanvasChartInstance, ChartAnnotation, ChartAxisOptions, ChartColorScheme, ChartConnectorOptions, ChartInteractionOptions, ChartLabels, ChartLegendOptions, ChartOrientation, ChartPadding, ChartSeries, ChartTooltipOptions, ChartView, GanttTask, HeatmapCell, QuadrantAxisLabels, QuadrantCorner, QuadrantPoint, QuadrantRegions, WaterfallStep } from "./charts-canvas.js";
+export type { BoxplotGroup, GanttTask, HeatmapCell, WaterfallStep, CanvasChartInstance, ChartAnnotation, ChartAxisOptions, ChartHoverEvent, ChartHoverItem, ChartInteractionOptions, ChartLabels, ChartLegendOptions, ChartPadding, ChartPlotClickEvent, ChartSeries, ChartSeriesData, ChartTooltipOptions, ChartView, QuadrantAxisLabels, QuadrantCorner, QuadrantPoint, QuadrantRegion, QuadrantRegions, } from "./charts-canvas.js";
 /** Imperative handle of the chart components (template `ref`) */
 export interface ChartHandle {
     /** Shows the whole data range */
@@ -62,8 +62,17 @@ export declare const chartCommonProps: {
     padding: PropType<ChartPadding>;
     /** Series colors (defaults to the theme colors) */
     palette: PropType<readonly string[]>;
-    /** Accessible name of the chart */
+    /** Accessible name of the chart (default: the series names in the chart's locale, e.g. "Chart: Revenue, Costs") */
     ariaLabel: StringConstructor;
+    /**
+     * Locale of the texts and numbers the chart writes (tooltip rows, compact
+     * units, separators, month and weekday names). Mini-programs have no
+     * `<html lang>`: pass the app language (default: the system language when
+     * the runtime has `navigator.language`, else English)
+     */
+    locale: StringConstructor;
+    /** Overrides of the built-in texts of the `locale` */
+    labels: PropType<Partial<ChartLabels>>;
     /** Keeps the page from scrolling while a finger moves on the chart */
     disableScroll: {
         type: BooleanConstructor;
@@ -200,10 +209,12 @@ export declare const heatmapChartProps: {
     readonly xCategories: PropType<readonly string[]>;
     /** Row names from bottom to top (collected from the data when omitted) */
     readonly yCategories: PropType<readonly string[]>;
-    /** Colors from the lowest to the highest value */
-    readonly colorScale: PropType<readonly string[]>;
+    /** Colors from the lowest to the highest value, or a built-in ramp ("sequential" by default, "diverging") */
+    readonly colorScale: PropType<readonly string[] | ChartColorScheme>;
     /** Values at the ends of the color scale (default the data range) */
     readonly valueRange: PropType<readonly [number, number]>;
+    /** Value at the middle of the color scale (default 0 for diverging ramps spanning it, else the middle of the range) */
+    readonly colorMidpoint: NumberConstructor;
     /** Name of the value in the tooltip */
     readonly name: StringConstructor;
     /** Corner radius of the cells, in pixels */
@@ -273,6 +284,10 @@ export declare const boxPlotChartProps: {
     readonly whisker: PropType<BoxplotStatsOptions["whisker"]>;
     /** `horizontal` lays the boxes out in rows (default "vertical") */
     readonly orientation: PropType<ChartOrientation>;
+    /** Outliers drawn as rings ("hollow", default) or as filled dots; series may set their own */
+    readonly outlierShape: PropType<"hollow" | "filled">;
+    /** Diameter of the outliers in pixels (default 7) */
+    readonly outlierSize: NumberConstructor;
 };
 /** Props of WaterfallChart (besides the common and axis ones) */
 export declare const waterfallChartProps: {
@@ -298,6 +313,11 @@ export declare const waterfallChartProps: {
     };
     /** Formats the values (labels, tooltip) */
     readonly format: PropType<(value: number) => string>;
+    /** Thin lines from the end of every bar to the next one; an object styles them (default `true`: dashed) */
+    readonly connector: {
+        readonly type: PropType<boolean | ChartConnectorOptions>;
+        readonly default: undefined;
+    };
     /** Locale of the default name */
     readonly locale: StringConstructor;
     /** `horizontal` lays the steps out in rows (default "vertical") */
@@ -320,6 +340,15 @@ export declare const ganttChartProps: {
     readonly milestoneName: StringConstructor;
     /** Formats the progress shares (tooltip) */
     readonly formatProgress: PropType<(share: number) => string>;
+    /** Name of the tooltip row listing the dependencies of a task (default "Depends on") */
+    readonly dependenciesName: StringConstructor;
+    /** Draws the dependencies as elbow arrows from the end of every predecessor to the start of the task (default `true`) */
+    readonly dependencyArrows: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    /** Color of the dependency arrows (any CSS color; default: the secondary text color) */
+    readonly dependencyColor: StringConstructor;
     /** Locale of the default names and of the progress shares */
     readonly locale: StringConstructor;
     /** Draws a line at this date (`true`: now) */
@@ -342,6 +371,8 @@ export declare const sparklineFrameProps: {
     };
     palette: PropType<readonly string[]>;
     ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: PropType<Partial<ChartLabels>>;
     disableScroll: {
         type: BooleanConstructor;
         default: undefined;

package/dist/uni/chart-types.js

@@ -32,8 +32,17 @@ export const chartCommonProps = {
     padding: Object,
     /** Series colors (defaults to the theme colors) */
     palette: Array,
-    /** Accessible name of the chart */
+    /** Accessible name of the chart (default: the series names in the chart's locale, e.g. "Chart: Revenue, Costs") */
     ariaLabel: String,
+    /**
+     * Locale of the texts and numbers the chart writes (tooltip rows, compact
+     * units, separators, month and weekday names). Mini-programs have no
+     * `<html lang>`: pass the app language (default: the system language when
+     * the runtime has `navigator.language`, else English)
+     */
+    locale: String,
+    /** Overrides of the built-in texts of the `locale` */
+    labels: Object,
     /** Keeps the page from scrolling while a finger moves on the chart */
     disableScroll: { type: Boolean, default: undefined },
 };
@@ -133,10 +142,12 @@ export const heatmapChartProps = {
     xCategories: Array,
     /** Row names from bottom to top (collected from the data when omitted) */
     yCategories: Array,
-    /** Colors from the lowest to the highest value */
-    colorScale: Array,
+    /** Colors from the lowest to the highest value, or a built-in ramp ("sequential" by default, "diverging") */
+    colorScale: [Array, String],
     /** Values at the ends of the color scale (default the data range) */
     valueRange: Array,
+    /** Value at the middle of the color scale (default 0 for diverging ramps spanning it, else the middle of the range) */
+    colorMidpoint: Number,
     /** Name of the value in the tooltip */
     name: String,
     /** Corner radius of the cells, in pixels */
@@ -200,6 +211,10 @@ export const boxPlotChartProps = {
     whisker: [Number, String],
     /** `horizontal` lays the boxes out in rows (default "vertical") */
     orientation: String,
+    /** Outliers drawn as rings ("hollow", default) or as filled dots; series may set their own */
+    outlierShape: String,
+    /** Diameter of the outliers in pixels (default 7) */
+    outlierSize: Number,
 };
 /** Props of WaterfallChart (besides the common and axis ones) */
 export const waterfallChartProps = {
@@ -219,6 +234,11 @@ export const waterfallChartProps = {
     labels: { type: Boolean, default: true },
     /** Formats the values (labels, tooltip) */
     format: Function,
+    /** Thin lines from the end of every bar to the next one; an object styles them (default `true`: dashed) */
+    connector: {
+        type: [Boolean, Object],
+        default: undefined,
+    },
     /** Locale of the default name */
     locale: String,
     /** `horizontal` lays the steps out in rows (default "vertical") */
@@ -238,6 +258,12 @@ export const ganttChartProps = {
     milestoneName: String,
     /** Formats the progress shares (tooltip) */
     formatProgress: Function,
+    /** Name of the tooltip row listing the dependencies of a task (default "Depends on") */
+    dependenciesName: String,
+    /** Draws the dependencies as elbow arrows from the end of every predecessor to the start of the task (default `true`) */
+    dependencyArrows: { type: Boolean, default: undefined },
+    /** Color of the dependency arrows (any CSS color; default: the secondary text color) */
+    dependencyColor: String,
     /** Locale of the default names and of the progress shares */
     locale: String,
     /** Draws a line at this date (`true`: now) */
@@ -254,5 +280,7 @@ export const sparklineFrameProps = {
     tooltip: chartCommonProps.tooltip,
     palette: chartCommonProps.palette,
     ariaLabel: chartCommonProps.ariaLabel,
+    locale: chartCommonProps.locale,
+    labels: chartCommonProps.labels,
     disableScroll: chartCommonProps.disableScroll,
 };

package/dist/uni/charts-canvas.js

@@ -3,8 +3,8 @@
 // include the WebGPU / WebGL renderers nor the DOM chart.
 export { createCanvasChart, drawScene, } from "../charts/engine/canvas.js";
 export { createChartController, scenePrimitives, } from "../charts/engine/controller.js";
-export { formatCompact, formatValue } from "../charts/engine/format.js";
-export { chartAriaLabel } from "../charts/engine/labels.js";
+export { formatCompact, formatDuration, formatValue } from "../charts/engine/format.js";
+export { chartAriaLabel, describeChart } from "../charts/engine/labels.js";
 export { drawPrimitives } from "../charts/engine/canvas.js";
 export { lineOf as annotationLine, rectOf as annotationRect, textBox as annotationTextBox, } from "../charts/engine/overlay.js";
 export { toData, toScreen } from "../charts/engine/layout.js";
@@ -13,3 +13,4 @@ export { toCss } from "../charts/engine/color.js";
 export { createCanvasShapeChart, } from "../charts/engine/shapes/canvas.js";
 export { drawShapeScene } from "../charts/engine/shapes/draw.js";
 export { calendarStrips } from "../charts/engine/shapes/calendar.js";
+export { describeChart as describeShapeChart } from "../charts/engine/shapes/layout.js";

package/dist/uni/index.d.ts

@@ -153,5 +153,6 @@ export { default as SunburstChart } from "./SunburstChart.vue.js";
 export { default as RadialBarChart } from "./RadialBarChart.vue.js";
 export { default as CalendarHeatmap } from "./CalendarHeatmap.vue.js";
 export { default as BulletChart } from "./BulletChart.vue.js";
+export { default as ChordChart } from "./ChordChart.vue.js";
 export { default as ShapeChart } from "./ShapeChart.vue.js";
-export type { BulletDatum, CalendarDate, CalendarDatum, CanvasShapeChartInstance, GaugeBand, RadarIndicator, RadarSeries, RadialBarDatum, SankeyLink, SankeyNode, ShapeChartHandle, ShapeChartOptions, ShapeChartType, ShapeDatum, ShapeDrillEvent, ShapeHoverEvent, ShapeLegendOptions, ShapeToggleEvent, ShapeTooltipOptions, TreemapNode, } from "./shape-chart-types.js";
+export type { BulletDatum, CalendarDate, CalendarDatum, CanvasShapeChartInstance, ChordGroup, ChordLink, GaugeBand, RadarIndicator, RadarSeries, RadialBarDatum, SankeyLink, SankeyNode, ShapeChartHandle, ShapeChartOptions, ShapeChartType, ShapeDatum, ShapeDrillEvent, ShapeHoverEvent, ShapeLegendOptions, ShapeToggleEvent, ShapeTooltipOptions, TreemapNode, } from "./shape-chart-types.js";

package/dist/uni/index.js

@@ -154,4 +154,5 @@ export { default as SunburstChart } from "./SunburstChart.vue";
 export { default as RadialBarChart } from "./RadialBarChart.vue";
 export { default as CalendarHeatmap } from "./CalendarHeatmap.vue";
 export { default as BulletChart } from "./BulletChart.vue";
+export { default as ChordChart } from "./ChordChart.vue";
 export { default as ShapeChart } from "./ShapeChart.vue";

package/dist/uni/manifest.d.ts

@@ -1091,6 +1091,13 @@ export declare const uniChartManifest: readonly [{
     readonly tests: readonly ["src/shape-charts.test.ts"];
     readonly status: "partial";
     readonly deviceE2E: false;
+}, {
+    readonly name: "ChordChart";
+    readonly scope: "Shape chart drawn on a `<canvas type=\"2d\">` by the DOM-free shape engine: group arcs and ribbons, legend toggles (controlled hidden), tap to highlight with the canvas tooltip, animations, hover/click/toggle events; ShapeChart takes the options of any shape type.";
+    readonly limitations: readonly ["No keyboard navigation; tooltip.render may only return text."];
+    readonly tests: readonly ["src/shape-charts.test.ts"];
+    readonly status: "partial";
+    readonly deviceE2E: false;
 }, {
     readonly name: "ShapeChart";
     readonly scope: "Shape chart drawn on a `<canvas type=\"2d\">` by the DOM-free shape engine: legend toggles (controlled hidden), tap to highlight with the canvas tooltip, animations, hover/click/toggle events and the sunburst drill event; ShapeChart takes the options of any shape type.";

package/dist/uni/manifest.js

@@ -1623,6 +1623,16 @@ export const uniChartManifest = [
         status: "partial",
         deviceE2E: false,
     },
+    {
+        name: "ChordChart",
+        scope: 'Shape chart drawn on a `<canvas type="2d">` by the DOM-free shape engine: group arcs and ribbons, legend toggles (controlled hidden), tap to highlight with the canvas tooltip, animations, hover/click/toggle events; ShapeChart takes the options of any shape type.',
+        limitations: [
+            "No keyboard navigation; tooltip.render may only return text.",
+        ],
+        tests: ["src/shape-charts.test.ts"],
+        status: "partial",
+        deviceE2E: false,
+    },
     {
         name: "ShapeChart",
         scope: 'Shape chart drawn on a `<canvas type="2d">` by the DOM-free shape engine: legend toggles (controlled hidden), tap to highlight with the canvas tooltip, animations, hover/click/toggle events and the sunburst drill event; ShapeChart takes the options of any shape type.',

package/dist/uni/named-chart-options.d.ts

@@ -1,4 +1,4 @@
-import { type BinOptions, type BoxplotGroup, type BoxplotStatsOptions, type ChartAxisOptions, type ChartCurve, type ChartOptions, type ChartOrientation, type ChartSeries, type ChartTooltipOptions, type GanttTask, type HeatmapCell, type WaterfallStep } from "./charts-canvas.js";
+import { type BinOptions, type BoxplotGroup, type BoxplotStatsOptions, type ChartAxisOptions, type ChartColorScheme, type ChartConnectorOptions, type ChartCurve, type ChartOptions, type ChartOrientation, type ChartSeries, type ChartTooltipOptions, type GanttTask, type HeatmapCell, type WaterfallStep } from "./charts-canvas.js";
 import { type ChartOptionProps } from "./chart-canvas.js";
 interface SeriesProps extends ChartOptionProps {
     series: readonly ChartSeries[];
@@ -31,8 +31,9 @@ export declare function heatmapOptions(props: ChartOptionProps & {
     data: readonly HeatmapCell[];
     xCategories?: readonly string[];
     yCategories?: readonly string[];
-    colorScale?: readonly string[];
+    colorScale?: readonly string[] | ChartColorScheme;
     valueRange?: readonly [number, number];
+    colorMidpoint?: number;
     name?: string;
     radius?: number;
     format?: (value: number) => string;
@@ -48,6 +49,8 @@ export declare const sparklineChartOptions: (props: {
     tooltip?: boolean | ChartTooltipOptions;
     palette?: readonly string[];
     ariaLabel?: string;
+    locale?: string;
+    labels?: unknown;
 }) => ChartOptions;
 export declare const histogramChartOptions: (props: ChartOptionProps & BinOptions & {
     values: ArrayLike<number>;
@@ -61,6 +64,8 @@ export declare const boxPlotChartOptions: (props: ChartOptionProps & BoxplotStat
     groups?: readonly BoxplotGroup[];
     name?: string;
     orientation?: ChartOrientation;
+    outlierShape?: "hollow" | "filled";
+    outlierSize?: number;
 }) => ChartOptions;
 export declare const waterfallChartOptions: (props: ChartOptionProps & {
     steps: readonly WaterfallStep[];
@@ -71,6 +76,7 @@ export declare const waterfallChartOptions: (props: ChartOptionProps & {
     start?: number;
     labels?: boolean;
     format?: (value: number) => string;
+    connector?: boolean | ChartConnectorOptions;
     locale?: string;
     orientation?: ChartOrientation;
 }) => ChartOptions;
@@ -81,6 +87,9 @@ export declare function ganttChartOptions(props: ChartOptionProps & {
     progressName?: string;
     milestoneName?: string;
     formatProgress?: (share: number) => string;
+    dependenciesName?: string;
+    dependencyArrows?: boolean;
+    dependencyColor?: string;
     locale?: string;
     today?: boolean | number | Date;
     todayLabel?: string;