@tekkare/romulus 0.1.166 → 0.1.167

package/dist/module.json

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

package/dist/runtime/composables/useRmExport.js

@@ -55,6 +55,16 @@ function xlsxColumnsOf(sheet, keep) {
     }
   }));
 }
+function readableText(value, lang) {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return value.toLocaleString(lang === "en" ? "en-US" : "fr-FR", { maximumFractionDigits: 2 });
+  }
+  return cellText(value, lang);
+}
+function isYearColumn(values) {
+  const seen = values.filter((value) => value !== null && value !== void 0 && value !== "");
+  return seen.length > 0 && seen.every((value) => typeof value === "number" && Number.isInteger(value) && value >= 1900 && value <= 2100);
+}
 function cellText(value, lang) {
   if (value === null || value === void 0) return "";
   if (value instanceof Date) {
@@ -120,7 +130,10 @@ const PRINTABLE_SUBSTITUTES = [
   [/…/g, "..."],
   [/≥/g, ">="],
   [/≤/g, "<="],
-  [/[  ]/g, " "]
+  // Espaces fines et insecables, dont celle que `toLocaleString('fr-FR')`
+  // pose entre les milliers (U+202F) : hors table WinAnsi, elle tombait et
+  // « 1 203 981 » sortait « 1203981 ».
+  [/[\u00a0\u2007\u2009\u202f]/g, " "]
 ];
 function printable(text) {
   const substituted = PRINTABLE_SUBSTITUTES.reduce(
@@ -140,10 +153,17 @@ function cardsOf(payload, config, lang) {
   const head = title ?? columns[0];
   if (!head) return [];
   const fields = columns.filter((column) => column !== head && column !== subtitle);
-  return rowsOf(sheet, payload.cardLimit ?? CARD_COUNT_MAX).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 !== "")
+  const rows = rowsOf(sheet, payload.cardLimit ?? CARD_COUNT_MAX);
+  const plain = new Set(
+    fields.filter((column) => isYearColumn(rows.map((row) => column.value(row)))).map((column) => column.column)
+  );
+  return rows.map((row) => ({
+    title: readableText(head.value(row), lang) || "\u2014",
+    subtitle: subtitle ? readableText(subtitle.value(row), lang) : void 0,
+    fields: fields.map((column) => ({
+      label: column.column,
+      value: plain.has(column.column) ? cellText(column.value(row), lang) : readableText(column.value(row), lang)
+    })).filter((field) => field.value !== "")
   }));
 }
 export function useRmExport() {
@@ -345,107 +365,197 @@ export function useRmExport() {
     const pageWidth = doc.internal.pageSize.getWidth();
     const margin = 14;
     const inner = pageWidth - margin * 2;
+    const FOOTER = 12;
+    const bottom = doc.internal.pageSize.getHeight() - margin - FOOTER;
+    const CHART_MAX_HEIGHT = landscape ? 88 : 104;
     let y = margin;
     const violet = [107, 63, 255];
     const ink = [26, 26, 46];
     const grey = [108, 108, 138];
+    const line = [228, 228, 240];
+    const tint = [245, 243, 255];
+    const surface = [250, 250, 253];
+    function sectionTitle(text) {
+      doc.setFillColor(...violet);
+      doc.rect(margin, y - 2.6, 2, 2.6, "F");
+      doc.setTextColor(...ink);
+      doc.setFont("helvetica", "bold");
+      doc.setFontSize(8);
+      doc.setCharSpace(0.5);
+      doc.text(printable(text).toUpperCase(), margin + 4, y);
+      doc.setCharSpace(0);
+      y += 5;
+    }
     if (config.options.includes("logo")) {
+      const bandHeight = 30;
       doc.setFillColor(...violet);
-      doc.rect(0, 0, pageWidth, 42, "F");
+      doc.rect(0, 0, pageWidth, bandHeight, "F");
       doc.setTextColor(255, 255, 255);
       doc.setFont("helvetica", "bold");
-      doc.setFontSize(22);
-      doc.text(printable(BRAND_TITLE), margin, 20);
+      doc.setFontSize(17);
+      doc.text(printable(BRAND_TITLE), margin, 15);
       doc.setFont("helvetica", "normal");
-      doc.setFontSize(11);
-      doc.text(printable(BRAND_LINE), margin, 28);
       doc.setFontSize(9);
-      doc.text(longDate(lang), pageWidth - margin, 28, { align: "right" });
+      doc.text(printable(BRAND_LINE), margin, 21.5);
+      doc.text(longDate(lang), pageWidth - margin, 21.5, { align: "right" });
       if (payload.logoDataUrl) {
-        const logoHeight = 8;
-        doc.addImage(payload.logoDataUrl, "PNG", pageWidth - margin - logoHeight * 7.6, 10, logoHeight * 7.6, logoHeight);
+        const logoHeight = 7;
+        let logoWidth = logoHeight * 3;
+        try {
+          const meta = doc.getImageProperties?.(payload.logoDataUrl);
+          if (meta?.width && meta?.height) logoWidth = meta.width / meta.height * logoHeight;
+        } catch {
+        }
+        doc.addImage(payload.logoDataUrl, "PNG", pageWidth - margin - logoWidth, 8, logoWidth, logoHeight);
       }
-      y = 54;
+      y = bandHeight + 12;
     }
     doc.setTextColor(...ink);
     doc.setFont("helvetica", "bold");
     doc.setFontSize(16);
-    doc.text(doc.splitTextToSize(printable(payload.title), inner), margin, y);
-    y += 8;
+    const titleLines = doc.splitTextToSize(printable(payload.title), inner);
+    doc.text(titleLines, margin, y);
+    y += titleLines.length * 7 + 1;
     if (payload.subtitle) {
       doc.setFont("helvetica", "normal");
       doc.setFontSize(10);
       doc.setTextColor(...grey);
       const lines = doc.splitTextToSize(printable(payload.subtitle), inner);
       doc.text(lines, margin, y);
-      y += lines.length * 5 + 2;
+      y += lines.length * 5;
     }
+    doc.setDrawColor(...violet);
+    doc.setLineWidth(0.6);
+    doc.line(margin, y + 1, margin + 24, y + 1);
+    doc.setLineWidth(0.2);
+    y += 8;
     if (payload.kpi?.length && config.sections.includes("kpi")) {
-      const perRow = Math.min(payload.kpi.length, 4);
-      const boxWidth = inner / perRow;
-      payload.kpi.slice(0, 8).forEach((kpi, index) => {
+      const shown = payload.kpi.slice(0, 8);
+      const perRow = Math.min(shown.length, 4);
+      const GAP = 3;
+      const boxWidth = (inner - GAP * (perRow - 1)) / perRow;
+      const boxHeight = 18;
+      const ACCENT = 1.4;
+      shown.forEach((kpi, index) => {
         const column = index % perRow;
         const row = Math.floor(index / perRow);
-        const x = margin + column * boxWidth;
-        const top = y + row * 20;
-        doc.setFillColor(246, 246, 250);
-        doc.roundedRect(x + 1, top, boxWidth - 2, 17, 2, 2, "F");
-        doc.setTextColor(...violet);
+        const x = margin + column * (boxWidth + GAP);
+        const top = y + row * (boxHeight + GAP);
+        doc.setFillColor(255, 255, 255);
+        doc.setDrawColor(226, 226, 238);
+        doc.setLineWidth(0.2);
+        doc.roundedRect(x, top, boxWidth, boxHeight, 1.5, 1.5, "FD");
+        doc.setFillColor(...violet);
+        doc.rect(x, top + 1.5, ACCENT, boxHeight - 3, "F");
+        const textX = x + ACCENT + 4;
+        const textWidth = boxWidth - ACCENT - 7;
+        doc.setTextColor(...grey);
+        doc.setFont("helvetica", "bold");
+        doc.setFontSize(6.5);
+        doc.text(
+          doc.splitTextToSize(printable(kpi.label).toUpperCase(), textWidth)[0] ?? "",
+          textX,
+          top + 6.5
+        );
+        doc.setTextColor(...ink);
         doc.setFont("helvetica", "bold");
         doc.setFontSize(14);
-        doc.text(printable(String(kpi.value)), x + boxWidth / 2, top + 8, { align: "center" });
-        doc.setTextColor(...grey);
-        doc.setFont("helvetica", "normal");
-        doc.setFontSize(7);
-        doc.text(doc.splitTextToSize(printable(kpi.label), boxWidth - 6)[0] ?? "", x + boxWidth / 2, top + 13, { align: "center" });
+        const value = printable(String(kpi.value));
+        if (doc.getTextWidth(value) > textWidth) doc.setFontSize(11);
+        if (doc.getTextWidth(value) > textWidth) doc.setFontSize(9);
+        doc.text(value, textX, top + 13.5);
       });
-      y += Math.ceil(Math.min(payload.kpi.length, 8) / perRow) * 20 + 4;
+      y += Math.ceil(shown.length / perRow) * (boxHeight + GAP) + 5;
     }
     if (payload.filters?.length && config.sections.includes("filters")) {
-      doc.setTextColor(...ink);
-      doc.setFont("helvetica", "bold");
-      doc.setFontSize(10);
-      doc.text(lang === "en" ? "Reading this view" : "Lecture de la vue", margin, y);
-      y += 5;
-      doc.setFont("helvetica", "normal");
-      doc.setFontSize(9);
-      doc.setTextColor(...grey);
+      sectionTitle(lang === "en" ? "Reading this view" : "Lecture de la vue");
       const applied = payload.filters.map((filter) => `${filter.label} = ${filter.value}`).join(" ; ");
       const legend = lang === "en" ? `This report reproduces the page as it was displayed, with the following filters: ${applied}.` : `Ce rapport reprend la page telle qu'elle \xE9tait affich\xE9e, avec les filtres suivants : ${applied}.`;
-      const lines = doc.splitTextToSize(printable(legend), inner);
-      doc.text(lines, margin, y);
-      y += lines.length * 4.5 + 4;
+      doc.setFont("helvetica", "normal");
+      doc.setFontSize(8.5);
+      const lines = doc.splitTextToSize(printable(legend), inner - 12);
+      const boxHeight = lines.length * 4.4 + 7;
+      doc.setFillColor(...tint);
+      doc.roundedRect(margin, y - 1, inner, boxHeight, 1.5, 1.5, "F");
+      doc.setFillColor(...violet);
+      doc.rect(margin, y - 1, 1.2, boxHeight, "F");
+      doc.setTextColor(...grey);
+      doc.text(lines, margin + 6, y + 4);
+      y += boxHeight + 5;
+    }
+    const sources = sourcesOf(config, payload);
+    if (sources.length) {
+      sectionTitle("Sources");
+      doc.setFont("helvetica", "normal");
+      doc.setFontSize(8.5);
+      sources.forEach((source) => {
+        doc.setFillColor(...violet);
+        doc.circle(margin + 1, y - 1, 0.7, "F");
+        doc.setTextColor(...grey);
+        const lines = doc.splitTextToSize(printable(sourceLabel(source, lang)), inner - 5);
+        doc.text(lines, margin + 4, y);
+        y += lines.length * 4.4;
+      });
+      y += 5;
     }
     const charts = config.sections.includes("charts") ? payload.charts ?? [] : [];
+    if (charts.length) sectionTitle(lang === "en" ? "Charts" : "Graphiques");
     for (const chart of charts) {
       const svg = svgOf(chart.el);
       if (!svg) continue;
       const part = serialize(svg);
       const canvas = await raster(part.markup, part.width, part.height, Math.min(2, 1400 / part.width));
-      const drawWidth = inner;
-      const drawHeight = part.height / part.width * drawWidth;
-      if (y + drawHeight > doc.internal.pageSize.getHeight() - margin) {
+      let drawWidth = inner;
+      let drawHeight = part.height / part.width * drawWidth;
+      if (drawHeight > CHART_MAX_HEIGHT) {
+        drawHeight = CHART_MAX_HEIGHT;
+        drawWidth = part.width / part.height * drawHeight;
+      }
+      const titleHeight = chart.title ? 7 : 0;
+      const cardHeight = titleHeight + drawHeight + 8;
+      if (y + cardHeight > bottom) {
         doc.addPage();
         y = margin;
       }
+      doc.setFillColor(255, 255, 255);
+      doc.setDrawColor(...line);
+      doc.setLineWidth(0.2);
+      doc.roundedRect(margin, y, inner, cardHeight, 2, 2, "FD");
+      let chartY = y + 4;
       if (chart.title) {
         doc.setTextColor(...ink);
         doc.setFont("helvetica", "bold");
         doc.setFontSize(10);
-        doc.text(printable(chart.title), margin, y);
-        y += 5;
+        doc.text(printable(chart.title), margin + 5, chartY + 2);
+        chartY += titleHeight;
       }
-      doc.addImage(canvas.toDataURL("image/png"), "PNG", margin, y, drawWidth, drawHeight, void 0, "FAST");
-      y += drawHeight + 6;
+      doc.addImage(
+        canvas.toDataURL("image/png"),
+        "PNG",
+        margin + (inner - drawWidth) / 2,
+        chartY,
+        drawWidth,
+        drawHeight,
+        void 0,
+        "FAST"
+      );
+      y += cardHeight + 6;
     }
     let rowCount = 0;
     if (config.sections.includes("cards")) {
       const cards = cardsOf(payload, config, lang);
+      if (cards.length) {
+        if (y + 12 > bottom) {
+          doc.addPage();
+          y = margin;
+        }
+        sectionTitle(lang === "en" ? "Records" : "Fiches");
+      }
       const pageHeight = doc.internal.pageSize.getHeight();
       const PAD = 6;
       const COUNT_WIDTH = 32;
       const COUNT_GAP = 6;
-      const LABEL_WIDTH = 26;
+      const LABEL_WIDTH = 34;
       const firstCardPage = doc.getNumberOfPages();
       let drawn = 0;
       for (const card of cards) {
@@ -454,7 +564,7 @@ export function useRmExport() {
         const bodyWidth = inner - PAD * 2 - (hasCount ? COUNT_WIDTH + COUNT_GAP : 0);
         doc.setFont("helvetica", "bold");
         doc.setFontSize(12);
-        const titleLines = doc.splitTextToSize(printable(card.title), inner - PAD * 2);
+        const titleLines2 = doc.splitTextToSize(printable(card.title), inner - PAD * 2);
         doc.setFont("helvetica", "normal");
         doc.setFontSize(9);
         const subtitleLines = card.subtitle ? doc.splitTextToSize(printable(card.subtitle), inner - PAD * 2) : [];
@@ -479,9 +589,9 @@ export function useRmExport() {
           doc.setFont(typo.mono ? "courier" : "helvetica", typo.bold ? "bold" : "normal");
           doc.setFontSize(typo.size);
           const width = doc.getTextWidth(text) + (typo.pill ? 3 : 0);
-          const line = inline[inline.length - 1];
-          const used = line ? line.reduce((total2, item) => total2 + item.width + 3, 0) : 0;
-          if (line && used + width <= bodyWidth) line.push({ text, pill: !!typo.pill, width });
+          const line2 = inline[inline.length - 1];
+          const used = line2 ? line2.reduce((total2, item) => total2 + item.width + 3, 0) : 0;
+          if (line2 && used + width <= bodyWidth) line2.push({ text, pill: !!typo.pill, width });
           else inline.push([{ text, pill: !!typo.pill, width }]);
           taken += 1;
         }
@@ -503,33 +613,32 @@ export function useRmExport() {
           const label = doc.splitTextToSize(printable(field.label).toUpperCase(), LABEL_WIDTH);
           doc.setFont("helvetica", "normal");
           doc.setFontSize(9);
-          return {
-            label,
-            value: doc.splitTextToSize(printable(field.value), bodyWidth - LABEL_WIDTH - 4)
-          };
+          const value = doc.splitTextToSize(printable(field.value), bodyWidth - LABEL_WIDTH - 6);
+          return { label, value, right: value.length === 1 };
         });
-        const headHeight = titleLines.length * 5.2 + (subtitleLines.length ? subtitleLines.length * 4.2 + 1 : 0) + (card.badges?.length ? 6 : 0);
-        const bodyHeight = inline.length * 4.8 + stacked.reduce((total2, block) => total2 + block.lines.length * block.typo.lh + 1, 0) + fields.reduce((total2, field) => total2 + Math.max(field.label.length, field.value.length) * 4.4, 0);
+        const headHeight = titleLines2.length * 5.2 + (subtitleLines.length ? subtitleLines.length * 4.2 + 1 : 0) + (card.badges?.length ? 6 : 0);
+        const bodyHeight = inline.length * 4.8 + stacked.reduce((total2, block) => total2 + block.lines.length * block.typo.lh + 1, 0) + fields.reduce((total2, field) => total2 + Math.max(field.label.length, field.value.length) * 4.4 + 1.4, 0);
         const countHeight = hasCount ? 9 + (card.count?.label ? 4 : 0) + (card.count?.extra ? 4.5 : 0) : 0;
         const height = PAD + headHeight + 3 + Math.max(bodyHeight, countHeight) + PAD;
-        if (y + height > pageHeight - margin) {
+        if (y + height > bottom) {
           if (doc.getNumberOfPages() - firstCardPage + 1 >= CARD_PAGES_MAX) break;
           doc.addPage();
           y = margin;
         }
-        doc.setDrawColor(232, 232, 240);
+        doc.setDrawColor(...line);
         doc.setFillColor(255, 255, 255);
-        doc.roundedRect(margin, y, inner, height, 3, 3, "FD");
+        doc.setLineWidth(0.2);
+        doc.roundedRect(margin, y, inner, height, 2.5, 2.5, "FD");
         let cursor = y + PAD + 3;
         doc.setTextColor(...ink);
         doc.setFont("helvetica", "bold");
         doc.setFontSize(12);
-        doc.text(titleLines, margin + PAD, cursor);
-        cursor += titleLines.length * 5.2;
+        doc.text(titleLines2, margin + PAD, cursor);
+        cursor += titleLines2.length * 5.2;
         if (subtitleLines.length) {
-          doc.setTextColor(...grey);
-          doc.setFont("helvetica", "normal");
-          doc.setFontSize(9);
+          doc.setTextColor(...violet);
+          doc.setFont("helvetica", "bold");
+          doc.setFontSize(8.5);
           doc.text(subtitleLines, margin + PAD, cursor + 1);
           cursor += subtitleLines.length * 4.2 + 1;
         }
@@ -582,9 +691,9 @@ export function useRmExport() {
           );
         }
         cursor = bodyTop;
-        inline.forEach((line) => {
+        inline.forEach((line2) => {
           let itemX = bodyX;
-          line.forEach((item) => {
+          line2.forEach((item) => {
             if (item.pill) {
               doc.setFillColor(244, 244, 248);
               doc.roundedRect(itemX, cursor - 2.6, item.width, 4.6, 1, 1, "F");
@@ -609,7 +718,12 @@ export function useRmExport() {
           doc.text(block.lines, bodyX, cursor + 1);
           cursor += block.lines.length * block.typo.lh + 1;
         });
-        fields.forEach((field) => {
+        const rowRight = margin + inner - PAD;
+        fields.forEach((field, index) => {
+          if (index) {
+            doc.setDrawColor(240, 240, 246);
+            doc.line(bodyX, cursor - 2.6, rowRight, cursor - 2.6);
+          }
           doc.setTextColor(...grey);
           doc.setFont("helvetica", "bold");
           doc.setFontSize(6.5);
@@ -617,8 +731,9 @@ export function useRmExport() {
           doc.setTextColor(...ink);
           doc.setFont("helvetica", "normal");
           doc.setFontSize(9);
-          doc.text(field.value, bodyX + LABEL_WIDTH + 4, cursor + 1);
-          cursor += Math.max(field.label.length, field.value.length) * 4.4;
+          if (field.right) doc.text(field.value[0], rowRight, cursor + 1, { align: "right" });
+          else doc.text(field.value, bodyX + LABEL_WIDTH + 6, cursor + 1);
+          cursor += Math.max(field.label.length, field.value.length) * 4.4 + 1.4;
         });
         y += height + 4;
         drawn += 1;
@@ -648,10 +763,8 @@ export function useRmExport() {
         if (!config.sections.includes("cards")) rowCount += rows.length;
         doc.addPage();
         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);
+        y = margin + 3;
+        sectionTitle(sheet.name);
         if (all.length > columns.length) {
           doc.setFont("helvetica", "italic");
           doc.setFontSize(8);
@@ -661,38 +774,86 @@ export function useRmExport() {
               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
+            y + 1
           );
+          y += 5;
         }
+        const numeric = columns.map((column) => {
+          const seen = rows.map((row) => column.value(row)).filter((value) => value !== null && value !== void 0 && value !== "");
+          return seen.length > 0 && seen.every((value) => typeof value === "number" && Number.isFinite(value));
+        });
+        const years = columns.map((column) => isYearColumn(rows.map((row) => column.value(row))));
         autoTable(doc, {
-          startY: margin + 10,
+          startY: y + 2,
           head: [columns.map((column) => printable(column.column))],
-          body: rows.map((row) => columns.map((column) => printable(cellText(column.value(row), lang)))),
+          body: rows.map(
+            (row) => columns.map(
+              (column, index) => printable(
+                years[index] ? cellText(column.value(row), lang) : readableText(column.value(row), lang)
+              )
+            )
+          ),
           // Passe huit colonnes, la police et les marges se resserrent : c'est
           // ce qui fait tenir un suivi mensuel complet sans casser les mots.
           styles: {
-            fontSize: columns.length > 8 ? 5.5 : 6.5,
-            cellPadding: columns.length > 8 ? 1 : 1.4,
+            fontSize: columns.length > 8 ? 6 : 7.5,
+            cellPadding: columns.length > 8 ? 1.2 : 1.8,
             overflow: "linebreak",
             textColor: ink,
+            lineColor: [235, 235, 243],
+            lineWidth: 0.1,
             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, top: margin, bottom: margin },
+          headStyles: {
+            fillColor: violet,
+            textColor: [255, 255, 255],
+            fontStyle: "bold",
+            valign: "middle",
+            fontSize: columns.length > 8 ? 6 : 7
+          },
+          // Une colonne de nombres se taille sur son contenu : rognee par une
+          // colonne de libelles, « 1 203 981 » se coupait en deux lignes, le
+          // separateur de milliers servant de point de rupture.
+          columnStyles: Object.fromEntries(
+            numeric.map((isNumber, index) => [
+              index,
+              isNumber ? { halign: "right", cellWidth: "wrap" } : { halign: "left" }
+            ])
+          ),
+          alternateRowStyles: { fillColor: surface },
+          // L'entete suit l'alignement de sa colonne : « # Patients » ferre a
+          // gauche au-dessus d'une colonne de chiffres ferres a droite, les
+          // deux ne se lisaient pas comme la meme colonne.
+          didParseCell: (data) => {
+            if (data.section === "head" && numeric[data.column.index]) {
+              data.cell.styles.halign = "right";
+            }
+          },
+          // Le pied de page est reserve : sans cette marge, la derniere ligne
+          // d'un tableau long passait dessous.
+          margin: { left: margin, right: margin, top: margin, bottom: margin + FOOTER },
           tableWidth: wide
         });
         y = doc.lastAutoTable?.finalY ?? margin;
       });
     }
-    const sources = sourcesOf(config, payload);
-    if (sources.length) {
-      doc.setTextColor(...grey);
+    const pages = doc.getNumberOfPages();
+    for (let page = 1; page <= pages; page += 1) {
+      doc.setPage(page);
+      const width = doc.internal.pageSize.getWidth();
+      const foot = doc.internal.pageSize.getHeight() - margin + 2;
+      doc.setDrawColor(232, 232, 240);
+      doc.setLineWidth(0.2);
+      doc.line(margin, foot - 4, width - margin, foot - 4);
       doc.setFont("helvetica", "normal");
-      doc.setFontSize(8);
-      const names = sources.map((source) => sourceLabel(source, lang)).join(" \xB7 ");
-      const lines = doc.splitTextToSize(printable(`Sources : ${names}`), inner);
-      doc.text(lines, margin, Math.min(y + 8, doc.internal.pageSize.getHeight() - margin));
+      doc.setFontSize(7.5);
+      doc.setTextColor(...grey);
+      const trail = doc.splitTextToSize(
+        printable(`${BRAND_TITLE} - ${payload.title}`),
+        width - margin * 2 - 20
+      )[0] ?? "";
+      doc.text(trail, margin, foot);
+      doc.text(`${page} / ${pages}`, width - margin, foot, { align: "right" });
     }
     const fileName = `${config.fileName}.pdf`;
     const blob = doc.output("blob");

package/package.json

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