@tekkare/romulus 0.1.38 → 0.1.40

package/dist/runtime/composables/useRmExport.js

@@ -1,6 +1,7 @@
 import { RM_EXPORT_EXTENSIONS } from "../utils/export.js";
 const BRAND_TITLE = "OIP Healthcare";
-const BRAND_LINE = "par Tekkare";
+const BRAND_LINE = "By Tekkare \u{1F49C}";
+const COVER_SHEET = "Tekkare";
 function longDate(lang) {
   return (/* @__PURE__ */ new Date()).toLocaleDateString(lang === "en" ? "en-US" : "fr-FR", {
     year: "numeric",
@@ -16,6 +17,19 @@ function columnsOf(sheet, keep) {
   const kept = sheet.schema.filter((column) => keep.includes(column.column));
   return kept.length ? kept : sheet.schema;
 }
+const XLSX_CELL_MAX = 32767;
+function xlsxSafeText(text) {
+  return text.length > XLSX_CELL_MAX ? `${text.slice(0, XLSX_CELL_MAX - 1)}\u2026` : text;
+}
+function xlsxColumnsOf(sheet, keep) {
+  return columnsOf(sheet, keep).map((column) => ({
+    ...column,
+    value: (row) => {
+      const value = column.value(row);
+      return typeof value === "string" ? xlsxSafeText(value) : value;
+    }
+  }));
+}
 function cellText(value, lang) {
   if (value === null || value === void 0) return "";
   if (value instanceof Date) {
@@ -76,63 +90,101 @@ async function raster(markup, width, height, scale = 2) {
 function printable(text) {
   return text.replace(/[^\u0000-\u00ff]/g, "").replace(/\s{2,}/g, " ").trim();
 }
+function cardsOf(payload, config, lang) {
+  if (payload.cards?.length) return payload.cards.slice(0, payload.cardLimit ?? 100);
+  const sheet = payload.sheets[0];
+  if (!sheet) return [];
+  const pick = (name) => name ? sheet.schema.find((column) => column.column === name) : void 0;
+  const title = pick(sheet.titleColumn);
+  const subtitle = pick(sheet.subtitleColumn);
+  const columns = columnsOf(sheet, config.columns);
+  const head = title ?? columns[0];
+  if (!head) return [];
+  const fields = columns.filter((column) => column !== head && column !== subtitle);
+  return rowsOf(sheet, payload.cardLimit ?? 100).map((row) => ({
+    title: cellText(head.value(row), lang) || "\u2014",
+    subtitle: subtitle ? cellText(subtitle.value(row), lang) : void 0,
+    fields: fields.map((column) => ({ label: column.column, value: cellText(column.value(row), lang) })).filter((field) => field.value !== "")
+  }));
+}
 export function useRmExport() {
   function coverSheet(payload, config, lang) {
-    const center = { align: "left", alignVertical: "center", fontFamily: "Figtree" };
+    const COLUMNS = 40;
+    const TEXT_COLUMN = 7;
+    const KPI_COLUMNS = [6, 8];
+    const base = {
+      borderColor: "#FFFFFF",
+      align: "center",
+      alignVertical: "center",
+      fontFamily: "Figtree"
+    };
+    const empty = { value: "", borderColor: "#FFFFFF" };
+    const filler = () => Array.from({ length: COLUMNS }, () => ({ value: "", borderColor: "#FFFFFF", width: 20, height: 30 }));
+    const valueStyle = { ...base, fontSize: 18, fontWeight: "bold" };
+    const labelStyle = { ...base, fontSize: 18, color: "#b2b2b2", fontStyle: "italic" };
     const rows = [];
-    const line = (value, style = {}) => rows.push([{ ...center, value, ...style }]);
+    const spread = (cells) => rows.push(Array.from({ length: COLUMNS }, (_, index) => cells[index] ?? empty));
+    const line = (value, style = {}) => spread({ [TEXT_COLUMN]: { ...base, value: xlsxSafeText(String(value ?? "")), ...style } });
+    rows.push(filler(), filler(), filler());
     if (config.options.includes("logo")) {
-      line(BRAND_TITLE, { fontSize: 36, fontWeight: "bold", height: 46 });
-      line(BRAND_LINE, { fontSize: 14, color: "#6B3FFF" });
-      rows.push([]);
-    }
-    line(payload.title, { fontSize: 20, fontWeight: "bold" });
-    if (payload.subtitle) line(payload.subtitle, { fontSize: 13, color: "#6C6C8A" });
-    line(
-      lang === "en" ? `Generated on ${longDate(lang)}` : `G\xE9n\xE9r\xE9 le ${longDate(lang)}`,
-      { fontSize: 11, color: "#6C6C8A" }
-    );
-    rows.push([]);
-    if (payload.kpi?.length && config.sections.includes("kpi")) {
-      line(lang === "en" ? "Key figures" : "Chiffres cl\xE9s", { fontSize: 13, fontWeight: "bold" });
-      payload.kpi.forEach(
-        (kpi) => rows.push([
-          { ...center, value: kpi.label, fontSize: 11, color: "#6C6C8A", width: 34 },
-          { ...center, value: String(kpi.value), fontSize: 11, fontWeight: "bold", width: 24 }
-        ])
+      line(
+        lang === "en" ? `This document was generated on ${longDate(lang)} by` : `Ce document a \xE9t\xE9 g\xE9n\xE9r\xE9 le ${longDate(lang)} par`,
+        { fontSize: 16 }
       );
-      rows.push([]);
+      line(BRAND_TITLE, { fontSize: 72, fontWeight: "bold", width: 60 });
+      line(BRAND_LINE, { fontSize: 24, width: 60 });
+    } else {
+      line(payload.title, { fontSize: 24, fontWeight: "bold" });
     }
-    if (payload.filters?.length && config.sections.includes("filters")) {
-      line(lang === "en" ? "Active filters" : "Filtres actifs", { fontSize: 13, fontWeight: "bold" });
-      payload.filters.forEach(
-        (filter) => rows.push([
-          { ...center, value: filter.label, fontSize: 11, color: "#6C6C8A" },
-          { ...center, value: filter.value, fontSize: 11 }
-        ])
+    rows.push(filler());
+    const kpi = config.sections.includes("kpi") ? payload.kpi ?? [] : [];
+    if (kpi.length) {
+      line(lang === "en" ? "Your export currently contains :" : "Votre export contient :", { fontSize: 18 });
+      rows.push(filler());
+      for (let index = 0; index < kpi.length; index += 2) {
+        const pair = [kpi[index], kpi[index + 1]];
+        spread(
+          Object.fromEntries(
+            pair.map((item, side) => [
+              KPI_COLUMNS[side],
+              item ? { ...valueStyle, value: String(item.value) } : empty
+            ])
+          )
+        );
+        spread(
+          Object.fromEntries(
+            pair.map((item, side) => [
+              KPI_COLUMNS[side],
+              item ? { ...labelStyle, value: String(item.label) } : empty
+            ])
+          )
+        );
+        rows.push(filler());
+      }
+    }
+    if (config.options.includes("logo")) line(payload.title, { fontSize: 20, fontWeight: "bold" });
+    if (payload.subtitle) line(payload.subtitle, { fontSize: 16 });
+    const filters = config.sections.includes("filters") ? payload.filters ?? [] : [];
+    if (filters.length) {
+      rows.push(filler());
+      filters.forEach(
+        (filter) => line(`${filter.label} : ${filter.value}`, { fontSize: 16, color: "#b2b2b2" })
       );
-      rows.push([]);
     }
     const withSources = config.sections.includes("sources") || config.options.includes("sources");
     if (payload.sources?.length && withSources) {
-      line(lang === "en" ? "Sources" : "Sources", { fontSize: 13, fontWeight: "bold" });
+      rows.push(filler());
       payload.sources.forEach((source) => {
         const date = source.date ? new Date(source.date).toLocaleDateString(lang === "en" ? "en-US" : "fr-FR", {
           year: "numeric",
           month: "long",
           day: "numeric"
         }) : null;
-        rows.push([
-          { ...center, value: `${source.emoji ? `${source.emoji} ` : ""}${source.name}`, fontSize: 11 },
-          {
-            ...center,
-            value: date ? lang === "en" ? `Last update: ${date}` : `Derni\xE8re mise \xE0 jour : ${date}` : "",
-            fontSize: 11,
-            color: "#6C6C8A"
-          }
-        ]);
+        const update = date ? lang === "en" ? ` - Last update: ${date}` : ` - Derni\xE8re mise \xE0 jour : ${date}` : "";
+        line(`${source.emoji ? `${source.emoji} ` : ""}Source : ${source.name}${update}`, { fontSize: 18 });
       });
     }
+    for (let index = 0; index < 15; index += 1) rows.push(filler());
     return rows;
   }
   async function toXlsx(config, payload, lang) {
@@ -141,13 +193,13 @@ export function useRmExport() {
     const sheets = payload.sheets;
     const data = [coverSheet(payload, config, lang)];
     const schema = [null];
-    const names = [BRAND_TITLE];
+    const names = [COVER_SHEET];
     let rowCount = 0;
     sheets.forEach((sheet) => {
       const rows = rowsOf(sheet, payload.limit);
       rowCount += rows.length;
       data.push(rows);
-      schema.push(columnsOf(sheet, config.columns));
+      schema.push(xlsxColumnsOf(sheet, config.columns));
       names.push(sheet.name.replace(/[[\]:*?/\\]/g, " ").slice(0, 31));
     });
     await writeXlsxFile(data, { schema, sheets: names, fileName, stickyRowsCount: 1 });
@@ -234,7 +286,12 @@ export function useRmExport() {
     const { default: JsPdf } = await import("jspdf");
     const { default: autoTable } = await import("jspdf-autotable");
     const landscape = config.layout === "a4-landscape";
-    const doc = new JsPdf({ orientation: landscape ? "landscape" : "portrait", unit: "mm", format: "a4" });
+    const doc = new JsPdf({
+      orientation: landscape ? "landscape" : "portrait",
+      unit: "mm",
+      format: "a4",
+      compress: true
+    });
     const pageWidth = doc.internal.pageSize.getWidth();
     const margin = 14;
     const inner = pageWidth - margin * 2;
@@ -248,10 +305,10 @@ export function useRmExport() {
       doc.setTextColor(255, 255, 255);
       doc.setFont("helvetica", "bold");
       doc.setFontSize(22);
-      doc.text(BRAND_TITLE, margin, 20);
+      doc.text(printable(BRAND_TITLE), margin, 20);
       doc.setFont("helvetica", "normal");
       doc.setFontSize(11);
-      doc.text(BRAND_LINE, margin, 28);
+      doc.text(printable(BRAND_LINE), margin, 28);
       doc.setFontSize(9);
       doc.text(longDate(lang), pageWidth - margin, 28, { align: "right" });
       if (payload.logoDataUrl) {
@@ -332,47 +389,134 @@ export function useRmExport() {
       doc.addImage(canvas.toDataURL("image/png"), "PNG", margin, y, drawWidth, drawHeight, void 0, "FAST");
       y += drawHeight + 6;
     }
+    let rowCount = 0;
+    if (config.sections.includes("cards")) {
+      const cards = cardsOf(payload, config, lang);
+      rowCount = cards.length;
+      const labelWidth = Math.min(46, inner * 0.34);
+      const valueWidth = inner - labelWidth - 8;
+      const pageHeight = doc.internal.pageSize.getHeight();
+      cards.forEach((card) => {
+        const titleLines = doc.splitTextToSize(printable(card.title), inner - 8);
+        const subtitleLines = card.subtitle ? doc.splitTextToSize(printable(card.subtitle), inner - 8) : [];
+        const fields = card.fields.map((field) => ({
+          label: doc.splitTextToSize(printable(field.label), labelWidth),
+          value: doc.splitTextToSize(printable(field.value), valueWidth)
+        }));
+        const height = 6 + titleLines.length * 5 + (subtitleLines.length ? subtitleLines.length * 4 + 1 : 0) + (card.badges?.length ? 6 : 0) + fields.reduce((total2, field) => total2 + Math.max(field.label.length, field.value.length) * 4.2, 0) + 5;
+        if (y + height > pageHeight - margin) {
+          doc.addPage();
+          y = margin;
+        }
+        doc.setDrawColor(232, 232, 240);
+        doc.setFillColor(252, 252, 254);
+        doc.roundedRect(margin, y, inner, height, 2, 2, "FD");
+        let cursor = y + 6;
+        doc.setTextColor(...ink);
+        doc.setFont("helvetica", "bold");
+        doc.setFontSize(11);
+        doc.text(titleLines, margin + 4, cursor);
+        cursor += titleLines.length * 5;
+        if (subtitleLines.length) {
+          doc.setTextColor(...grey);
+          doc.setFont("helvetica", "normal");
+          doc.setFontSize(9);
+          doc.text(subtitleLines, margin + 4, cursor + 1);
+          cursor += subtitleLines.length * 4 + 1;
+        }
+        if (card.badges?.length) {
+          let badgeX = margin + 4;
+          doc.setFontSize(7);
+          card.badges.forEach((badge) => {
+            const text = printable(badge);
+            const width = doc.getTextWidth(text) + 4;
+            doc.setFillColor(240, 238, 255);
+            doc.roundedRect(badgeX, cursor - 2, width, 5, 1.2, 1.2, "F");
+            doc.setTextColor(...violet);
+            doc.text(text, badgeX + 2, cursor + 1.6);
+            badgeX += width + 2;
+          });
+          cursor += 6;
+        }
+        fields.forEach((field) => {
+          const lines = Math.max(field.label.length, field.value.length);
+          doc.setTextColor(...grey);
+          doc.setFont("helvetica", "bold");
+          doc.setFontSize(7);
+          doc.text(field.label, margin + 4, cursor + 1);
+          doc.setTextColor(...ink);
+          doc.setFont("helvetica", "normal");
+          doc.setFontSize(9);
+          doc.text(field.value, margin + 4 + labelWidth, cursor + 1);
+          cursor += lines * 4.2;
+        });
+        y += height + 4;
+      });
+      const total = payload.sheets[0]?.data.length ?? 0;
+      if (total > cards.length) {
+        doc.setTextColor(...grey);
+        doc.setFont("helvetica", "italic");
+        doc.setFontSize(8);
+        doc.text(
+          printable(
+            lang === "en" ? `${cards.length} of ${total} records shown. Export to Excel for the full set.` : `${cards.length} fiches sur ${total}. Passez par l'export Excel pour la totalit\xE9.`
+          ),
+          margin,
+          y + 2
+        );
+        y += 6;
+      }
+    }
     if (config.sections.includes("table")) {
-      let rowCount = 0;
+      const MAX_COLUMNS = 8;
       payload.sheets.forEach((sheet) => {
-        const columns = columnsOf(sheet, config.columns);
+        const all = columnsOf(sheet, config.columns);
+        const columns = all.slice(0, MAX_COLUMNS);
         const rows = rowsOf(sheet, payload.limit);
-        rowCount += rows.length;
+        if (!config.sections.includes("cards")) rowCount += rows.length;
+        doc.addPage("a4", "landscape");
+        const wide = doc.internal.pageSize.getWidth() - margin * 2;
+        doc.setTextColor(...ink);
+        doc.setFont("helvetica", "bold");
+        doc.setFontSize(11);
+        doc.text(printable(sheet.name), margin, margin + 2);
+        if (all.length > columns.length) {
+          doc.setFont("helvetica", "italic");
+          doc.setFontSize(8);
+          doc.setTextColor(...grey);
+          doc.text(
+            printable(
+              lang === "en" ? `${columns.length} of ${all.length} columns. The Excel export carries them all.` : `${columns.length} colonnes sur ${all.length}. L'export Excel les porte toutes.`
+            ),
+            margin,
+            margin + 7
+          );
+        }
         autoTable(doc, {
-          startY: y + 2,
+          startY: margin + 10,
           head: [columns.map((column) => printable(column.column))],
           body: rows.map((row) => columns.map((column) => printable(cellText(column.value(row), lang)))),
-          styles: { fontSize: 7, cellPadding: 1.6, overflow: "linebreak", textColor: ink },
-          headStyles: { fillColor: violet, textColor: [255, 255, 255], fontStyle: "bold" },
+          styles: { fontSize: 6.5, cellPadding: 1.4, overflow: "linebreak", textColor: ink, minCellWidth: wide / columns.length / 2 },
+          headStyles: { fillColor: violet, textColor: [255, 255, 255], fontStyle: "bold", valign: "middle" },
           alternateRowStyles: { fillColor: [250, 250, 253] },
-          margin: { left: margin, right: margin },
-          didDrawPage: () => {
-            if (payload.sheets.length > 1) {
-              doc.setTextColor(...grey);
-              doc.setFont("helvetica", "bold");
-              doc.setFontSize(8);
-              doc.text(printable(sheet.name), margin, margin - 4);
-            }
-          }
+          margin: { left: margin, right: margin, top: margin, bottom: margin },
+          tableWidth: wide
         });
-        y = doc.lastAutoTable?.finalY ?? y;
+        y = doc.lastAutoTable?.finalY ?? margin;
       });
-      const withSources = config.sections.includes("sources") || config.options.includes("sources");
-      if (payload.sources?.length && withSources) {
-        doc.setTextColor(...grey);
-        doc.setFont("helvetica", "normal");
-        doc.setFontSize(8);
-        const names = payload.sources.map((source) => `${source.name}${source.date ? ` (${new Date(source.date).toLocaleDateString(lang === "en" ? "en-US" : "fr-FR", { year: "numeric", month: "long", day: "numeric" })})` : ""}`).join(" \xB7 ");
-        const lines = doc.splitTextToSize(printable(`Sources : ${names}`), inner);
-        doc.text(lines, margin, Math.min(y + 8, doc.internal.pageSize.getHeight() - margin));
-      }
-      const fileName2 = `${config.fileName}.pdf`;
-      const blob2 = doc.output("blob");
-      return { fileName: fileName2, rows: rowCount, bytes: download(blob2, fileName2) };
+    }
+    const withSources = config.sections.includes("sources") || config.options.includes("sources");
+    if (payload.sources?.length && withSources) {
+      doc.setTextColor(...grey);
+      doc.setFont("helvetica", "normal");
+      doc.setFontSize(8);
+      const names = payload.sources.map((source) => `${source.name}${source.date ? ` (${new Date(source.date).toLocaleDateString(lang === "en" ? "en-US" : "fr-FR", { year: "numeric", month: "long", day: "numeric" })})` : ""}`).join(" \xB7 ");
+      const lines = doc.splitTextToSize(printable(`Sources : ${names}`), inner);
+      doc.text(lines, margin, Math.min(y + 8, doc.internal.pageSize.getHeight() - margin));
     }
     const fileName = `${config.fileName}.pdf`;
     const blob = doc.output("blob");
-    return { fileName, rows: 0, bytes: download(blob, fileName) };
+    return { fileName, rows: rowCount, bytes: download(blob, fileName) };
   }
   async function toPermalink(payload) {
     const url = payload.permalink || (typeof window !== "undefined" ? window.location.href : "");

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

@@ -94,6 +94,31 @@ export declare function rmBaseOption(theme: RmChartTheme, decal?: boolean): {
         borderWidth: number;
     };
 };
+/**
+ * Axe de valeurs, avec son libelle d'unite au-dessus quand il est fourni.
+ *
+ * `hidden` masque la graduation mais GARDE les lignes de fond : c'est le seul
+ * axe qu'on a le droit de cacher, et uniquement quand chaque point porte deja
+ * sa valeur en etiquette. Retirer aussi les lignes de fond ferait perdre toute
+ * echelle de comparaison entre deux courbes.
+ */
+/**
+ * `formatter` s'applique AUSSI a la graduation, pas seulement a l'infobulle :
+ * un axe qui affiche 400 000 000 la ou l'infobulle dit 400 M donne deux
+ * lectures du meme nombre sur le meme graphe.
+ */
+/**
+ * Couleur d'une serie a l'indice `index`.
+ *
+ * La palette categorielle compte six teintes ; au-dela, un simple modulo
+ * redonne EXACTEMENT la meme couleur a deux series et rend la legende
+ * inutilisable. Chaque tour de palette eclaircit donc la teinte d'un cran :
+ * la septieme serie reprend la premiere couleur, en plus clair.
+ *
+ * Ce n'est pas un remplacement du double encodage : au-dela d'une douzaine de
+ * series, un graphe de lignes ne se lit plus, quelle que soit la palette.
+ */
+export declare function rmSeriesColor(palette: string[], index: number): string;
 export interface RmSeriesInput {
     name?: string;
     data: (number | null)[];
@@ -389,10 +414,8 @@ export declare function rmLineOption(categories: (string | number)[], series: Rm
         };
         axisLabel: {
             show: boolean;
-            fontSize?: undefined;
-            color?: undefined;
-            fontFamily?: undefined;
         } | {
+            formatter?: ((value: number) => string) | undefined;
             fontSize: number;
             color: string;
             fontFamily: string;
@@ -432,10 +455,8 @@ export declare function rmLineOption(categories: (string | number)[], series: Rm
         };
         axisLabel: {
             show: boolean;
-            fontSize?: undefined;
-            color?: undefined;
-            fontFamily?: undefined;
         } | {
+            formatter?: ((value: number) => string) | undefined;
             fontSize: number;
             color: string;
             fontFamily: string;
@@ -467,10 +488,8 @@ export declare function rmLineOption(categories: (string | number)[], series: Rm
         };
         axisLabel: {
             show: boolean;
-            fontSize?: undefined;
-            color?: undefined;
-            fontFamily?: undefined;
         } | {
+            formatter?: ((value: number) => string) | undefined;
             fontSize: number;
             color: string;
             fontFamily: string;

package/dist/runtime/utils/chart.js

@@ -90,13 +90,24 @@ export function rmBaseOption(theme, decal = false) {
     }
   };
 }
-const valueAxis = (theme, label, hidden = false) => ({
+export function rmSeriesColor(palette, index) {
+  const base = palette[index % palette.length];
+  const cycle = Math.floor(index / palette.length);
+  if (cycle === 0 || !base.startsWith("#")) return base;
+  const hex = base.slice(1);
+  const full = hex.length === 3 ? hex.split("").map((c) => c + c).join("") : hex;
+  const channels = [0, 2, 4].map((offset) => parseInt(full.slice(offset, offset + 2), 16));
+  const ratio = Math.min(cycle * 0.28, 0.7);
+  const mixed = channels.map((value) => Math.round(value + (255 - value) * ratio));
+  return "#" + mixed.map((value) => value.toString(16).padStart(2, "0")).join("");
+}
+const valueAxis = (theme, label, hidden = false, formatter) => ({
   type: "value",
   name: hidden ? void 0 : label,
   nameLocation: "end",
   nameGap: 12,
   nameTextStyle: { fontSize: 10, color: theme.dimmedColor, fontFamily: FONT, align: "left" },
-  axisLabel: hidden ? { show: false } : { fontSize: 11, color: theme.mutedColor, fontFamily: FONT },
+  axisLabel: hidden ? { show: false } : { fontSize: 11, color: theme.mutedColor, fontFamily: FONT, ...formatter ? { formatter } : {} },
   axisLine: hidden ? { show: false } : { lineStyle: { color: theme.axisLine } },
   axisTick: hidden ? { show: false } : void 0,
   splitLine: { lineStyle: { color: theme.splitLine } }
@@ -117,7 +128,7 @@ export function rmBarVerticalOption(categories, series, theme, palette, decal =
       name: s.name,
       stack: s.stack,
       data: s.data,
-      itemStyle: { color: s.color ?? palette[i % palette.length], borderRadius: [3, 3, 0, 0] }
+      itemStyle: { color: s.color ?? rmSeriesColor(palette, i), borderRadius: [3, 3, 0, 0] }
     }))
   };
 }
@@ -131,7 +142,7 @@ export function rmBarHorizontalOption(labels, values, theme, palette, decal = fa
       type: "bar",
       data: values,
       itemStyle: {
-        color: (params) => palette[params.dataIndex % palette.length],
+        color: (params) => rmSeriesColor(palette, params.dataIndex),
         borderRadius: [0, 3, 3, 0]
       },
       label: {
@@ -192,13 +203,13 @@ export function rmLineOption(categories, series, theme, palette, options = {}) {
     },
     xAxis: { type: "category", data: categories, ...axisCommon(theme), splitLine: { show: false }, boundaryGap: false },
     yAxis: dual ? [
-      { ...valueAxis(theme, axisLabels?.[0], hideValueAxis), min: floorAtZero ? 0 : void 0 },
+      { ...valueAxis(theme, axisLabels?.[0], hideValueAxis, valueFormatter), min: floorAtZero ? 0 : void 0 },
       // Le second axe ne rejoue pas la grille : deux grilles superposees
       // rendent le fond illisible.
-      { ...valueAxis(theme, axisLabels?.[1], hideValueAxis), splitLine: { show: false }, min: floorAtZero ? 0 : void 0 }
-    ] : { ...valueAxis(theme, axisLabels?.[0], hideValueAxis), min: floorAtZero ? 0 : void 0 },
+      { ...valueAxis(theme, axisLabels?.[1], hideValueAxis, valueFormatter), splitLine: { show: false }, min: floorAtZero ? 0 : void 0 }
+    ] : { ...valueAxis(theme, axisLabels?.[0], hideValueAxis, valueFormatter), min: floorAtZero ? 0 : void 0 },
     series: series.map((s, i) => {
-      const color = s.color ?? palette[i % palette.length];
+      const color = s.color ?? rmSeriesColor(palette, i);
       return {
         type: "line",
         name: s.name,
@@ -256,7 +267,7 @@ export function rmDonutOption(data, theme, palette, decal = false) {
       data: data.map((d, i) => ({
         value: d.value,
         name: d.name,
-        itemStyle: { color: palette[i % palette.length] }
+        itemStyle: { color: rmSeriesColor(palette, i) }
       })),
       label: { fontSize: 11, color: theme.mutedColor, fontFamily: FONT }
     }]

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

@@ -27,6 +27,15 @@ export interface RmExportSheet {
     name: string;
     schema: RmExportColumn[];
     data: any[];
+    /**
+     * Colonne qui identifie une ligne, par son intitule. Elle sert de titre aux
+     * fiches du rapport PDF. Sans elle, le titre retombe sur la premiere colonne
+     * du schema, qui est souvent la date : une fiche titree « 12 mars 2025 » ne
+     * dit pas de quel produit elle parle.
+     */
+    titleColumn?: string;
+    /** Colonne posee sous le titre de la fiche (le laboratoire, la date...). */
+    subtitleColumn?: string;
 }
 /** Chiffre cle repris sur la page de garde. */
 export interface RmExportKpi {
@@ -44,6 +53,21 @@ export interface RmExportFilter {
     label: string;
     value: string;
 }
+/**
+ * Une fiche : ce que la page montre sous forme de carte, rendu tel quel dans
+ * le rapport PDF. Une page qui n'en declare pas en obtient quand meme, les
+ * fiches etant alors derivees des lignes du tableau (cf. useRmExport).
+ */
+export interface RmExportCard {
+    title: string;
+    subtitle?: string;
+    /** Etiquettes courtes posees sous le titre (SMR, statut, pays...). */
+    badges?: string[];
+    fields: {
+        label: string;
+        value: string;
+    }[];
+}
 /**
  * Un format d'export.
  *
@@ -64,15 +88,25 @@ export interface RmExportFormat {
     tabular?: boolean;
     /** Le format rend les graphiques. */
     visual?: boolean;
-    /** Le format est mis en page : le choix A4 s'applique. */
+    /** Le format est mis en page : choix A4 et fiches detaillees. */
     paged?: boolean;
+    /**
+     * Le format porte un en-tete de document : page de garde, chiffres cles,
+     * filtres actifs, sources. Vrai pour le PDF et le classeur, faux pour un
+     * CSV ou une image, qui ne savent porter que leur contenu.
+     */
+    document?: boolean;
     /** Format annonce mais pas encore livre : la carte reste visible, grisee. */
     disabled?: boolean;
     /** Raison affichee sur une carte grisee. */
     disabledHint?: string;
 }
-/** Nature d'une section : elle decide de quels formats la section releve. */
-export type RmExportSectionKind = 'table' | 'visual' | 'meta';
+/**
+ * Nature d'une section : elle decide de quels formats la section releve.
+ * `cards` ne vaut que pour un format mis en page, `meta` que pour un format
+ * qui porte un en-tete de document.
+ */
+export type RmExportSectionKind = 'table' | 'visual' | 'meta' | 'cards';
 /** Section proposee a l'etape « Donnees ». */
 export interface RmExportSection {
     key: string;
@@ -142,6 +176,17 @@ export interface RmExportPayload {
     sources?: RmExportSource[];
     filters?: RmExportFilter[];
     sheets: RmExportSheet[];
+    /**
+     * Fiches du rapport. Absentes, elles sont derivees des lignes du premier
+     * onglet : le titre vient de la premiere colonne, les champs des suivantes.
+     */
+    cards?: RmExportCard[];
+    /**
+     * Plafond de fiches dans un rapport. Une fiche fait une dizaine de lignes :
+     * mille resultats donneraient un PDF de plusieurs centaines de pages, que
+     * personne ne lit et qu'aucune messagerie n'accepte.
+     */
+    cardLimit?: number;
     /**
      * Graphiques a rasteriser ou vectoriser. Les charts Romulus sont rendus par
      * ECharts en SVG : on recupere le noeud, pas une capture d'ecran.

package/dist/runtime/utils/export.js

@@ -12,10 +12,11 @@ export const RM_EXPORT_FORMATS = [
     label: "PDF",
     icon: "FilePdf",
     color: "var(--color-danger)",
-    desc: "Rapport mis en page, pr\xEAt \xE0 partager. KPI, graphiques, table, en-t\xEAte OIP Healthcare.",
+    desc: "Rapport mis en page, pr\xEAt \xE0 partager. Chiffres cl\xE9s, fiches, graphiques, en-t\xEAte OIP Healthcare.",
     tabular: true,
     visual: true,
-    paged: true
+    paged: true,
+    document: true
   },
   {
     key: "xlsx",
@@ -24,7 +25,7 @@ export const RM_EXPORT_FORMATS = [
     color: "var(--color-success)",
     desc: "Donn\xE9es brutes avec page de garde. Pour analyse en local ou consolidation.",
     tabular: true,
-    paged: true
+    document: true
   },
   {
     key: "csv",
@@ -61,7 +62,11 @@ export const RM_EXPORT_FORMATS = [
 export const RM_EXPORT_SECTIONS = [
   { key: "kpi", label: "Chiffres cl\xE9s", kind: "meta", on: true },
   { key: "charts", label: "Graphiques", kind: "visual", on: true },
-  { key: "table", label: "Tableau", kind: "table", on: true },
+  { key: "cards", label: "Fiches d\xE9taill\xE9es", kind: "cards", on: true },
+  // Decochee : dans un rapport, les fiches disent la meme chose en lisible.
+  // La case reste offerte a qui veut le tableau en annexe. Elle ne concerne
+  // que le PDF — les onglets du classeur ne dependent pas d'elle.
+  { key: "table", label: "Tableau r\xE9capitulatif", kind: "table" },
   { key: "filters", label: "Filtres actifs", kind: "meta", on: true },
   { key: "sources", label: "Sources et mises \xE0 jour", kind: "meta", on: true }
 ];

package/package.json

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