@tekkare/romulus 0.1.141 → 0.1.142

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.16.0"
   },
-  "version": "0.1.140",
+  "version": "0.1.141",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/runtime/utils/chart.d.ts

@@ -94,6 +94,7 @@ export declare function rmBaseOption(theme: RmChartTheme, decal?: boolean): {
         borderWidth: number;
     };
 };
+export declare const rmTooltipTrigger: (count: number) => "axis" | "item";
 export declare function rmLegend(theme: RmChartTheme, count: number, position?: 'top' | 'bottom'): {
     pageIconSize?: number | undefined;
     pageIconColor?: string | undefined;
@@ -177,6 +178,17 @@ export interface RmSeriesInput {
 }
 /** Bar chart vertical, une ou plusieurs series, empilable. */
 export declare function rmBarVerticalOption(categories: (string | number)[], series: RmSeriesInput[], theme: RmChartTheme, palette: string[], decal?: boolean): {
+    tooltip: {
+        trigger: string;
+        backgroundColor: string;
+        textStyle: {
+            color: string;
+            fontFamily: string;
+            fontSize: number;
+        };
+        borderColor: string;
+        borderWidth: number;
+    };
     legend: {
         pageIconSize?: number | undefined;
         pageIconColor?: string | undefined;
@@ -282,17 +294,6 @@ export declare function rmBarVerticalOption(categories: (string | number)[], ser
     textStyle: {
         fontFamily: string;
     };
-    tooltip: {
-        trigger: string;
-        backgroundColor: string;
-        textStyle: {
-            color: string;
-            fontFamily: string;
-            fontSize: number;
-        };
-        borderColor: string;
-        borderWidth: number;
-    };
 };
 /** Bar chart horizontal, avec valeur affichee en bout de barre. */
 export declare function rmBarHorizontalOption(labels: string[], values: (number | null)[], theme: RmChartTheme, palette: string[], decal?: boolean, formatter?: (value: number) => string): {
@@ -422,17 +423,7 @@ export declare function rmLineOption(categories: (string | number)[], series: Rm
     valueFormatter?: (value: number) => string;
 }): {
     tooltip: {
-        trigger: string;
-        backgroundColor: string;
-        textStyle: {
-            color: string;
-            fontFamily: string;
-            fontSize: number;
-        };
-        borderColor: string;
-        borderWidth: number;
-    } | {
-        valueFormatter: (value: unknown) => string;
+        valueFormatter?: ((value: unknown) => string) | undefined;
         trigger: string;
         backgroundColor: string;
         textStyle: {

package/dist/runtime/utils/chart.js

@@ -90,6 +90,8 @@ export function rmBaseOption(theme, decal = false) {
     }
   };
 }
+const TOOLTIP_AXIS_MIN_SERIES = 10;
+export const rmTooltipTrigger = (count) => count < TOOLTIP_AXIS_MIN_SERIES ? "item" : "axis";
 const LEGEND_MAX_INLINE = 6;
 const LEGEND_NAME_MAX = 38;
 const LEGEND_NAME_TAIL = 12;
@@ -141,6 +143,7 @@ const axisCommon = (theme) => ({
 export function rmBarVerticalOption(categories, series, theme, palette, decal = false) {
   return {
     ...rmBaseOption(theme, decal),
+    tooltip: { ...rmBaseOption(theme, decal).tooltip, trigger: rmTooltipTrigger(series.length) },
     legend: series.length > 1 ? rmLegend(theme, series.length) : void 0,
     // La legende passee sous le graphe prend sa place dans la gouttiere basse,
     // sinon elle recouvre les libelles de l'axe des abscisses.
@@ -205,10 +208,11 @@ export function rmLineOption(categories, series, theme, palette, options = {}) {
   const base = rmBaseOption(theme, decal);
   return {
     ...base,
-    tooltip: valueFormatter ? {
+    tooltip: {
       ...base.tooltip,
-      valueFormatter: (value) => typeof value === "number" ? format(value) : ""
-    } : base.tooltip,
+      trigger: rmTooltipTrigger(series.length),
+      ...valueFormatter ? { valueFormatter: (value) => typeof value === "number" ? format(value) : "" } : {}
+    },
     // Legende obligatoire en double axe : sans elle, rien ne dit quelle courbe
     // se lit sur quel axe.
     legend: series.length > 1 || dual ? rmLegend(theme, series.length, legendPosition) : void 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/romulus",
-  "version": "0.1.141",
+  "version": "0.1.142",
   "description": "Romulus Design System - Nuxt module by Tekkare",
   "license": "MIT",
   "type": "module",