@tekkare/romulus 0.1.41 → 0.1.42

package/dist/module.json

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

package/dist/runtime/components/LineChart.vue

@@ -11,7 +11,11 @@ import { rmCompact, rmNumber } from '../utils/format'
 const props = withDefaults(defineProps<{
   categories: (string | number)[]
   series: RmSeriesInput[]
-  /** Remplissage degrade sous la courbe. */
+  /**
+   * Remplissage degrade sous la courbe. Laisse libre, il se pose tout seul
+   * jusqu'a cinq courbes et se retire au-dela, ou les zones se recouvrent.
+   * `true` ou `false` tranche a la place de la regle.
+   */
   area?: boolean
   /** Marche d'escalier : prix, taux de remboursement, decisions datees. */
   step?: boolean
@@ -47,7 +51,7 @@ const props = withDefaults(defineProps<{
   height?: keyof typeof RM_CHART_HEIGHTS | number
   description?: string
 }>(), {
-  area: false,
+  area: undefined,
   step: false,
   smooth: true,
   axisLabels: undefined,

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

@@ -308,6 +308,10 @@ export declare function rmBarHorizontalOption(labels: string[], values: (number
 };
 /** Line ou area chart. `step` produit la marche d'escalier des series de prix. */
 export declare function rmLineOption(categories: (string | number)[], series: RmSeriesInput[], theme: RmChartTheme, palette: string[], options?: {
+    /**
+     * Remplissage degrade sous la courbe. Non precise : automatique jusqu'a
+     * AREA_MAX_SERIES courbes.
+     */
     area?: boolean;
     step?: boolean;
     smooth?: boolean;

package/dist/runtime/utils/chart.js

@@ -161,7 +161,7 @@ export function rmBarHorizontalOption(labels, values, theme, palette, decal = fa
 }
 export function rmLineOption(categories, series, theme, palette, options = {}) {
   const {
-    area = false,
+    area,
     step = false,
     smooth = true,
     decal = false,
@@ -172,6 +172,8 @@ export function rmLineOption(categories, series, theme, palette, options = {}) {
     startAtZero = false,
     valueFormatter
   } = options;
+  const AREA_MAX_SERIES = 5;
+  const filled = area ?? series.length <= AREA_MAX_SERIES;
   const dual = series.some((s) => s.axis === 1);
   const bottomLegend = legendPosition === "bottom";
   const format = (value) => valueFormatter ? valueFormatter(value) : String(value);
@@ -242,7 +244,7 @@ export function rmLineOption(categories, series, theme, palette, options = {}) {
         } : void 0,
         lineStyle: { color, width: 2.5 },
         itemStyle: { color },
-        areaStyle: area ? {
+        areaStyle: filled ? {
           color: {
             type: "linear",
             x: 0,

package/package.json

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