@firestitch/report 18.17.0 → 18.17.2

package/fesm2022/{firestitch-report-firestitch-report-DgeCapUH.mjs → firestitch-report-firestitch-report-MBuBuGiA.mjs}

@@ -50,7 +50,7 @@ import * as i1$5 from '@angular/cdk/drag-drop';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import * as i3$1 from '@firestitch/zoom-pan';
 import { FsZoomPanComponent, FsZoomPanModule } from '@firestitch/zoom-pan';
-import { GridFieldType, GridGranularity, canonicalGridLayout, convertDateFilter, GridNoteCode, GridControlState, GridFormat, GridUnits, FsGridComponent, FsGridCellDirective, GridRowKind, readGridTable } from '@firestitch/grid';
+import { GridFieldType, GridGranularity, canonicalGridLayout, convertDateFilter, GridNoteCode, GridControlState, GridFormat, GridUnits, FsGridComponent, FsGridCellDirective, GridRowKind, headingLabel, readGridTable } from '@firestitch/grid';
 import { parseISO, isValid, addDays, min, max, startOfDay, isLastDayOfMonth, endOfMonth, addMonths, addYears, addQuarters, addWeeks, formatISO, format, startOfYear, startOfQuarter, startOfMonth, subMonths, subDays, subWeeks, startOfWeek, endOfWeek } from 'date-fns';
 import { toZonedTime } from 'date-fns-tz';
 import { MatProgressSpinner } from '@angular/material/progress-spinner';
@@ -429,14 +429,14 @@ class ReportData {
     }
     // Make one column filterable. `level` (component | report) places a new
     // group; `groupId` instead links into an existing group. A select filter's
-    // options are derived from the component SQL when optionsSql is omitted.
+    // options are derived from the component's own query.
     addFilter(reportId, componentId, filter, config = {}) {
         return this._api.post(this._path(`${reportId}/components/${componentId}/filters`), filter, {
             key: 'filter',
             ...config,
         });
     }
-    // Update a filter — any subset of { label, optionsSql, enabled }.
+    // Update a filter — any subset of { label, enabled }.
     updateFilter(reportId, filterId, changes, config = {}) {
         return this._api.put(this._path(`${reportId}/filters/${filterId}`), changes, {
             key: 'filter',
@@ -9743,9 +9743,10 @@ const NO = 'No';
 // A grid tile's formatter: every value written as the report writes it on
 // a list today. An output number reads through formatOutputValue with what
 // the report line says the output holds (a change is signed, a missing prior
-// reads as the list's dash); a plain number through formatNumber; a date in
-// the report's locale, an instant in its zone. The placement's format,
-// precision and units win over the field's.
+// reads as the list's dash); a plain number through formatNumber; a key's
+// digits as they are; a date at its grain in the report's locale, an instant
+// in its zone. The placement's format, precision and units win over the
+// field's.
 function reportGridFormatter(context) {
     return {
         format: (value, field, placement) => formatGridValue(context, value, field, placement),
@@ -9760,6 +9761,7 @@ function formatGridValue(context, value, field, placement) {
         case GridFieldType.Number:
             return formatGridNumber(context, value, field, placement);
         case GridFieldType.Date:
+            return formatGridDate(context, value, field, placement);
         case GridFieldType.Datetime:
             return formatReportDate(value, context.timezone, context.format.locale);
         case GridFieldType.Boolean:
@@ -9769,12 +9771,29 @@ function formatGridValue(context, value, field, placement) {
     }
 }
 function formatGridNumber(context, value, field, placement) {
+    // A key, such as a client's id, is a name: its digits print as they are, never grouped
+    if (field.identifier && !isAggregate(placement)) {
+        return String(value);
+    }
     const spec = numberSpec(field, placement);
     const output = isAggregate(placement) ? null : context.report?.outputs?.[field.name];
     return output
         ? formatOutputValue(value, output, spec, context.format).text
         : formatNumber(value, spec, context.format);
 }
+// A calendar date at the grain it prints at: the placement's, else the
+// field's own, which on a time axis is the report's group-by. A quarter reads
+// "Q3 2023", a month "Jul 2023" and a year "2023", as the report's charts
+// label them, rather than as their first day; a week, like a chart's, reads as
+// the day it starts. A day reads as the report writes a date.
+function formatGridDate(context, value, field, placement) {
+    const granularity = placement?.granularity ?? field.granularities?.[0];
+    const chartGranularity = Object.keys(GRID_GRANULARITIES)
+        .find((name) => GRID_GRANULARITIES[name] === granularity);
+    return chartGranularity && chartGranularity !== 'day' && typeof value === 'string'
+        ? formatPeriodLabel(value.slice(0, 10), chartGranularity, false, context.format.locale, ReportChartDateLabel.Long)
+        : formatReportDate(value, context.timezone, context.format.locale);
+}
 // The format, precision and units a number is written with: the placement's,
 // else the field's.
 function numberSpec(field, placement) {
@@ -14700,11 +14719,12 @@ function gridExportTable(table) {
     };
 }
 // The lines a table adds under its box: the screen's notes, the pivot
-// columns it leaves out, and each column filter of the layout it was read in.
+// columns it leaves out, and each column filter of the layout it was read in,
+// its field named as its column is headed.
 function gridExportNotes(table, layout, locale) {
     const fields = new Map(table.fields.map((field) => [field.name, field]));
     const filters = (layout.filters ?? [])
-        .map((filter) => gridFilterLineText(fields.get(filter.field)?.label ?? filter.field, filter, fields.get(filter.field), locale))
+        .map((filter) => gridFilterLineText(headingLabel(table.fields, layout, filter.field), filter, fields.get(filter.field), locale))
         .filter((text) => !!text);
     return [
         ...table.notes,
@@ -15391,7 +15411,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 // in the report's format context, as on screen.
 async function renderChartImage(component, data, width, height, context, pixelRatio = 3) {
     // The same tree-shaken echarts build + 'report' theme the live canvas uses.
-    const echarts = (await import('./firestitch-report-echarts-7AUAX6RO.mjs')).default;
+    const echarts = (await import('./firestitch-report-echarts-CBoGhanh.mjs')).default;
     const host = document.createElement('div');
     host.style.width = `${width}px`;
     host.style.height = `${height}px`;
@@ -15702,6 +15722,18 @@ const NO_BAND_MARGIN = 0.5 * PT;
 const NO_BANDS = { headerHeight: 0, footerHeight: 0 };
 // The last row of a list box whose rows carry on past it.
 const CONTINUED_NOTICE = 'Continued on the following pages';
+// The last row of a list box whose rows have nowhere to go: its heading and
+// totals row, wrapped tall in narrow columns, leave a continuation page no
+// room for a row.
+const NO_ROOM_NOTICE = 'Not enough room for this table — enlarge the tile';
+// A list's or a table tile's table: its font size and cell padding, points.
+const TABLE_FONT_SIZE = 8;
+const TABLE_CELL_PADDING = 3;
+// What a component's box says when it could not be drawn.
+const UNDRAWN_NOTE = 'Could not be drawn';
+// Thrown from autoTable's page hook to stop an on-page table at the first page
+// it would add (_drawTable).
+const STRAY_PAGE = new Error('The table ran past its page');
 // A text line's height as a multiple of its largest font size — the canvas
 // stylesheet's line-height, so a block wraps and stacks the same way.
 const TEXT_LINE_HEIGHT = 1.25;
@@ -15724,7 +15756,14 @@ const GRID_INDENT$1 = 8;
 // row-height estimate, so it cannot spill past the box. The rows that do not
 // fit continue on pages of their own after the report page, under the same
 // header/footer and with the same column widths, up to PDF_LIST_ROWS; a
-// longer result ends in a row pointing to the component's CSV export.
+// longer result ends in a row pointing to the component's CSV export. A
+// table whose heading and totals row leave a continuation page no room for a
+// row stops at its box with a notice instead: autoTable would add pages
+// without end trying to place it.
+//
+// A component that fails to draw is marked in its box and the file goes on
+// (_guarded); build() hands back the ones that did, as it does the text it
+// cut.
 //
 // A text block's tables are drawn by autoTable too, from the line its words
 // reach, in the column widths the canvas gives them (ReportTextLayoutService).
@@ -15746,12 +15785,16 @@ class ReportPdfService {
             // Each continuation appends its pages at the end of the document, so
             // two lists that overflowed on one page follow it back to back.
             for (const overflow of overflows) {
-                pageNumber = await this._renderContinuation(context, collectedPage.page, index, pageNumber, overflow);
+                const tokens = this._tokens(context, collectedPage.page, index, pageNumber + 1);
+                await this._guarded(context, overflow.component, tokens.pageName, tokens, false, async () => {
+                    pageNumber = await this._renderContinuation(context, collectedPage.page, index, pageNumber, overflow);
+                });
             }
         }
         return {
             overflows: [...context.textOverflows.values()],
             overflowNote: PDF_OVERFLOW_NOTE,
+            undrawn: [...context.undrawn.values()],
             save: () => {
                 context.doc.save(`${this._slug(collected.report.name)}.pdf`);
             },
@@ -15760,13 +15803,14 @@ class ReportPdfService {
     async _context(collected) {
         const report = collected.report;
         const { jsPDF } = await import('jspdf');
-        const autoTable = (await import('jspdf-autotable')).default;
+        const { default: autoTable, __createTable: createTable } = await import('jspdf-autotable');
         const pageW = report.pageWidth * PT;
         const pageH = report.pageHeight * PT;
         const orientation = pageW >= pageH ? 'landscape' : 'portrait';
         return {
             doc: new jsPDF({ orientation, unit: 'pt', format: [pageW, pageH] }),
             autoTable,
+            createTable,
             jsPDF,
             report,
             timezone: resolveReportTimezone(report),
@@ -15778,6 +15822,7 @@ class ReportPdfService {
             filterFields: collected.filterFields,
             masterFilters: layerFilterFields(collected.filterFields, report.filterGroups ?? [], null),
             textOverflows: new Map(),
+            undrawn: new Map(),
         };
     }
     // One report page: the header and footer first, under the page's own
@@ -15790,14 +15835,59 @@ class ReportPdfService {
         doc.addPage([context.pageW, context.pageH], context.orientation);
         await this._renderMaster(context, collectedPage.page, tokens);
         for (const item of collectedPage.components) {
-            if (item.component.type !== 'text') {
-                await this._renderComponent(context, item, tokens, overflows);
+            await this._guarded(context, item.component, tokens.pageName, pageTokens, true, async () => {
+                if (item.component.type !== 'text') {
+                    await this._renderComponent(context, collectedPage.page, item, tokens, overflows);
+                }
+                else if (await this._renderText(context, item.component, pageTokens)) {
+                    this._recordOverflow(context, item.component, tokens.pageName, pageTokens);
+                }
+            });
+        }
+    }
+    // Draws one component, or one list's continuation pages, so that whatever
+    // goes wrong stays with it: a draw that throws loses the pages it added, its
+    // box on the page (boxed) is blanked under UNDRAWN_NOTE, and the export's
+    // gate names it under page. One component can then never stop the file.
+    async _guarded(context, component, page, tokens, boxed, draw) {
+        const { doc } = context;
+        const current = doc.getCurrentPageInfo().pageNumber;
+        const pages = doc.getNumberOfPages();
+        try {
+            await draw();
+        }
+        catch (error) {
+            // The file only says the box could not be drawn; the console keeps why.
+            console.error(error);
+            while (doc.getNumberOfPages() > pages) {
+                doc.deletePage(doc.getNumberOfPages());
             }
-            else if (await this._renderText(context, item.component, pageTokens)) {
-                this._recordOverflow(context, item.component, tokens.pageName, pageTokens);
+            doc.setPage(current);
+            if (boxed) {
+                this._undrawnBox(doc, component);
+            }
+            if (!context.undrawn.has(component.id)) {
+                context.undrawn.set(component.id, {
+                    componentId: component.id,
+                    page,
+                    name: component.type === 'text'
+                        ? textOverflow(component, page, tokens).snippet
+                        : exportTitle(component, tokens),
+                });
             }
         }
     }
+    // A component's box blanked under UNDRAWN_NOTE, over whatever of it was
+    // drawn before it failed.
+    _undrawnBox(doc, component) {
+        const x = component.x * PT;
+        const y = component.y * PT;
+        const w = component.w * PT;
+        const h = component.h * PT;
+        doc.setFillColor('#ffffff');
+        doc.rect(x, y, w, h, 'F');
+        this._boxNote(doc, UNDRAWN_NOTE, x, y, w, h);
+    }
     // The header and footer, their value tokens filled with the master's values
     // whichever page they sit on: a report page or a continuation page. They
     // read no page filter: its token prints the em dash there.
@@ -15807,9 +15897,11 @@ class ReportPdfService {
         }
         const masterTokens = { ...tokens, values: context.masterValues, filters: context.masterFilters };
         for (const component of (context.report.master?.components ?? []).filter(isDrawn)) {
-            if (await this._renderText(context, component, masterTokens)) {
-                this._recordOverflow(context, component, HEADER_FOOTER_NAME, masterTokens);
-            }
+            await this._guarded(context, component, HEADER_FOOTER_NAME, masterTokens, true, async () => {
+                if (await this._renderText(context, component, masterTokens)) {
+                    this._recordOverflow(context, component, HEADER_FOOTER_NAME, masterTokens);
+                }
+            });
         }
     }
     // Lists a text block that was cut, under the page the export's overflow gate
@@ -15935,7 +16027,8 @@ class ReportPdfService {
     // wraps them, and the words are drawn into each cell once autoTable has
     // drawn its grid lines and fill (_drawTextCell), so they keep their runs'
     // fonts and colors. Only the rows the box holds are drawn, and a table that
-    // loses any is cut. The cursor it leaves is TEXT_TABLE_MARGIN under it.
+    // loses any, or runs past its page anyway, is cut. The cursor it leaves is
+    // TEXT_TABLE_MARGIN under it.
     _drawTextTable(context, table, layout, box, top) {
         if (top >= box.bottom) {
             return { cursorY: top, cut: true };
@@ -15947,13 +16040,11 @@ class ReportPdfService {
             : Array.from({ length: table.columns }, () => width / table.columns);
         const body = table.rows.map((row) => row.cells.map((cell) => this._textCellInput(context.doc, cell, columnWidths)));
         const options = this._textTableOptions(context, columnWidths, left, top, width, box.bottom);
-        const fit = this._textTableFit(context, { ...options, body });
-        if (fit) {
-            this._drawTable(context, { ...options, body: this._keptRows(body, fit) });
-        }
+        const fit = this._textTableFit(context, { ...options, body }, top, box.bottom);
+        const whole = !fit || this._drawTable(context, { ...options, body: this._keptRows(body, fit) });
         return {
-            cursorY: fit ? context.doc.lastAutoTable.finalY + TEXT_TABLE_MARGIN : top,
-            cut: fit < table.rows.length,
+            cursorY: fit && whole ? context.doc.lastAutoTable.finalY + TEXT_TABLE_MARGIN : top,
+            cut: !whole || fit < table.rows.length,
         };
     }
     // A text table's cell as autoTable takes it: its spans and fill and, when it
@@ -16007,22 +16098,10 @@ class ReportPdfService {
             didDrawCell: (hook) => this._drawTextCell(hook),
         };
     }
-    // How many of a text table's rows its box holds: the rows autoTable draws
-    // whole on the first page when it lays the table out on a scratch document
-    // of the same page size, as _measure does for a list. A row taller than a
-    // page is split across pages rather than moved, so it does not count.
-    _textTableFit(context, options) {
-        const scratch = this._scratchDocument(context);
-        let fit = 0;
-        context.autoTable(scratch, {
-            ...options,
-            didDrawCell: (hook) => {
-                if (scratch.getCurrentPageInfo().pageNumber === 1 && !hook.row.spansMultiplePages) {
-                    fit = Math.max(fit, hook.row.index + 1);
-                }
-            },
-        });
-        return fit;
+    // How many of a text table's rows its box, from top to bottom, holds whole:
+    // the table laid out as _measure lays out a list's.
+    _textTableFit(context, options, top, bottom) {
+        return this._fittingRows(context.createTable(this._scratchDocument(context), options), top, bottom, 0);
     }
     // The first `fit` rows, a cell that spans down past the last of them cut
     // there.
@@ -16146,7 +16225,7 @@ class ReportPdfService {
         };
     }
     // A tile on its report page, its title's tokens filled with that page's.
-    async _renderComponent(context, item, tokens, overflows) {
+    async _renderComponent(context, page, item, tokens, overflows) {
         const { doc } = context;
         const component = item.component;
         // Geometry is stored in inches; the PDF draws in points.
@@ -16187,7 +16266,7 @@ class ReportPdfService {
             }
             case 'list':
             case 'grid':
-                this._renderTable(context, item, x, bodyY, w, bodyH, overflows);
+                this._renderTable(context, page, item, x, bodyY, w, bodyH, overflows);
                 break;
             case 'kpi':
                 this._renderKpi(context, item, x, bodyY, w, bodyH);
@@ -16225,42 +16304,51 @@ class ReportPdfService {
         doc.text(this._pdfText(title), x, y + 10, { maxWidth: w });
     }
     // An italic grey line centered in a component's body, for a body that holds
-    // something other than its content.
+    // something other than its content. A line wider than the body wraps.
     _boxNote(doc, text, x, y, w, h) {
         doc.setFont('helvetica', 'italic');
         doc.setFontSize(9);
         doc.setTextColor(MUTED_COLOR$1);
-        doc.text(text, x + w / 2, y + h / 2, { align: 'center' });
+        doc.text(text, x + w / 2, y + h / 2, { align: 'center', maxWidth: w });
     }
     // A list's on-page table. All of its fetched rows are laid out once to learn
     // how many the box holds; when they do not all fit, the box's last row says
     // the table continues and the rest go to overflows for continuation pages.
     // A box too short for even the head carries the notice as a line instead.
-    // A totals row closes the table once: in the box when every row fits it,
-    // else after the last continuation row. Points throughout.
-    _renderTable(context, item, x, y, w, h, overflows) {
+    // A table whose heading and totals row leave a continuation page no room for
+    // a row stops at its box, its notice saying so. A totals row closes the
+    // table once: in the box when every row fits it, else after the last
+    // continuation row. Points throughout.
+    _renderTable(context, page, item, x, y, w, h, overflows) {
         const { component, search, filtered } = item;
         const { head, cells, numeric, foot, omitted } = item.table ? this._gridCells(item) : this._listCells(context, item);
         const bottom = context.pageH - (y + h);
-        const { fit, columnStyles } = this._measure(context, head, cells, numeric, foot, x, y, w, bottom);
+        const { fit, columnStyles, minHeight } = this._measure(context, head, cells, numeric, foot, x, y, w, bottom);
         if (fit === cells.length && omitted === 0) {
             this._drawTable(context, this._tableOptions(context, head, numeric, cells, x, y, w, bottom, columnStyles, foot));
             return;
         }
+        // autoTable needs room for a row under the heading on every page it adds,
+        // or it adds pages until the browser's stack runs out.
+        const continues = minHeight < this._continuationRoom(context, page);
+        const notice = continues ? CONTINUED_NOTICE : NO_ROOM_NOTICE;
         // The notice takes the place of the last row that fit, so that row moves
         // to the continuation. omitted > 0 means a full PDF_LIST_ROWS fetch, which
         // never fits one box, so the CSV notice always lands on a continuation
         // page.
         const kept = Math.max(0, fit - 1);
-        overflows.push({
-            component, search, crumbs: item.crumbs, filtered, head, numeric, rows: cells.slice(kept), omitted, foot, x, w, columnStyles,
-        });
         if (fit >= 1) {
-            const body = [...cells.slice(0, kept), this._noticeRow(CONTINUED_NOTICE, numeric.length, true)];
+            const body = [...cells.slice(0, kept), this._noticeRow(notice, numeric.length, true)];
             this._drawTable(context, this._tableOptions(context, head, numeric, body, x, y, w, bottom, columnStyles));
         }
         else {
-            this._boxNote(context.doc, CONTINUED_NOTICE, x, y, w, h);
+            this._boxNote(context.doc, notice, x, y, w, h);
+        }
+        if (continues) {
+            overflows.push({
+                component, search, crumbs: item.crumbs, filtered, head, numeric, rows: cells.slice(kept), omitted, foot, x, w,
+                columnStyles,
+            });
         }
     }
     // A list's heading, rows, totals row and the rows past its fetch.
@@ -16282,7 +16370,16 @@ class ReportPdfService {
             rowSpan: exported.rowSpan,
             styles: {
                 ...(exported.bold ? { fontStyle: 'bold' } : {}),
-                ...(exported.indent ? { cellPadding: { top: 3, right: 3, bottom: 3, left: 3 + exported.indent * GRID_INDENT$1 } } : {}),
+                ...(exported.indent
+                    ? {
+                        cellPadding: {
+                            top: TABLE_CELL_PADDING,
+                            right: TABLE_CELL_PADDING,
+                            bottom: TABLE_CELL_PADDING,
+                            left: TABLE_CELL_PADDING + exported.indent * GRID_INDENT$1,
+                        },
+                    }
+                    : {}),
             },
         });
         return {
@@ -16325,7 +16422,13 @@ class ReportPdfService {
             margin: { left: x, right: context.pageW - x - w, bottom },
             tableWidth: w,
             rowPageBreak: 'avoid',
-            styles: { font: 'helvetica', fontStyle: 'normal', fontSize: 8, cellPadding: 3, textColor: '#1f2933' },
+            styles: {
+                font: 'helvetica',
+                fontStyle: 'normal',
+                fontSize: TABLE_FONT_SIZE,
+                cellPadding: TABLE_CELL_PADDING,
+                textColor: '#1f2933',
+            },
             headStyles: { fillColor: '#4e79a7', textColor: '#ffffff', fontStyle: 'bold' },
             alternateRowStyles: { fillColor: '#f5f7fa' },
             ...(columnStyles ? { columnStyles } : {}),
@@ -16363,37 +16466,51 @@ class ReportPdfService {
     }
     // Lays every fetched row out once on a scratch document of the same page
     // size, with the options the real draw uses, and reads back how many body
-    // rows the box's page holds (fit) and the column widths autoTable chose,
-    // with each numeric column's right alignment merged in, so the on-page
-    // table and its continuation pages carry both. The totals row is laid out
-    // too, so the widths hold it, and a table whose rows fit the box but whose
-    // totals row does not moves its last row on. fit 0 means not even one
-    // body row fits under the head (or the head itself did not fit): autoTable
-    // moved to a new page before drawing. The real document is untouched.
+    // rows the box holds (fit), the column widths autoTable chose, with each
+    // numeric column's right alignment merged in, so the on-page table and its
+    // continuation pages carry both, and the least room a page must give the
+    // table (minHeight). The totals row is laid out too, so the widths hold it,
+    // and a table whose rows fit the box but whose totals row does not moves
+    // its last row on. fit 0 means not even one body row fits under the head.
+    // The table is laid out, never drawn: drawn, autoTable pages it, and a table
+    // with no room for a row on a page pages without end.
     _measure(context, head, cells, numeric, foot, x, y, w, bottom) {
         const scratch = this._scratchDocument(context);
-        let fit = 0;
-        context.autoTable(scratch, {
-            ...this._tableOptions(context, head, numeric, cells, x, y, w, bottom, undefined, foot),
-            didDrawCell: (hook) => {
-                if (hook.section === 'body' && scratch.getCurrentPageInfo().pageNumber === 1) {
-                    fit = Math.max(fit, hook.row.index + 1);
-                }
-            },
-        });
-        const columns = scratch.lastAutoTable.columns;
+        const table = context.createTable(scratch, this._tableOptions(context, head, numeric, cells, x, y, w, bottom, undefined, foot));
+        const columns = table.columns;
         const columnStyles = {};
         columns.forEach((column, index) => {
             columnStyles[index] = numeric[index]
                 ? { cellWidth: column.width, halign: 'right' }
                 : { cellWidth: column.width };
         });
-        // A row taller than a whole page is split rather than moved, so a last
-        // row that started on the first page can still have run past it.
-        if (fit === cells.length && scratch.getNumberOfPages() > 1) {
-            fit -= 1;
+        const headHeight = table.getHeadHeight(table.columns);
+        const footHeight = table.getFootHeight(table.columns);
+        return {
+            fit: this._fittingRows(table, y + headHeight, context.pageH - bottom, footHeight),
+            columnStyles,
+            // One line of a row: the line autoTable must place on a page before it
+            // moves on, at the table's font size and padding.
+            minHeight: headHeight + footHeight + TABLE_FONT_SIZE * scratch.getLineHeightFactor() + 2 * TABLE_CELL_PADDING,
+        };
+    }
+    // How many of a laid-out table's body rows fit whole between top and
+    // bottom, as autoTable decides it: a row fits when its tallest cell (one that
+    // spans rows counts all of them) ends by bottom, the last row's by the top
+    // of the totals row (footHeight) under it, and the next row starts where it
+    // ends.
+    _fittingRows(table, top, bottom, footHeight) {
+        let cursor = top;
+        let fit = 0;
+        for (const [index, row] of table.body.entries()) {
+            const limit = index === table.body.length - 1 ? bottom - footHeight : bottom;
+            if (cursor + row.getMaxCellHeight(table.columns) > limit) {
+                break;
+            }
+            cursor += row.height;
+            fit += 1;
         }
-        return { fit, columnStyles };
+        return fit;
     }
     // A blank document of the export's page size, for laying a table out to see
     // what fits before the real one is drawn on.
@@ -16404,20 +16521,42 @@ class ReportPdfService {
             orientation: context.orientation,
         });
     }
-    // Draws an on-page table (a list's, or a text block's), then removes any
-    // page the draw added. That should never happen: the measured fit, the
-    // identical column widths and a single-line notice keep the table inside its
-    // box. The check exists so a stray page can never catch the report page's
-    // remaining components.
+    // Draws an on-page table (a list's, or a text block's) on its page alone.
+    // That is all it should need: the measured fit, the identical column widths
+    // and a single-line notice keep the table inside its box. Should autoTable
+    // start another page anyway, the table stops there and the page goes, so a
+    // stray page can never catch the report page's remaining components, nor a
+    // table with no room for a row add pages without end. Returns whether the
+    // table was drawn whole.
     _drawTable(context, options) {
         const { doc } = context;
         const page = doc.getCurrentPageInfo().pageNumber;
         const pages = doc.getNumberOfPages();
-        context.autoTable(doc, options);
+        let whole = true;
+        try {
+            context.autoTable(doc, {
+                ...options,
+                // Fires as the table starts its own page, and again on each page it
+                // moves to (an existing page, such as a continuation page under a
+                // header, as well as a new one).
+                willDrawPage: () => {
+                    if (doc.getCurrentPageInfo().pageNumber !== page) {
+                        throw STRAY_PAGE;
+                    }
+                },
+            });
+        }
+        catch (error) {
+            if (error !== STRAY_PAGE) {
+                throw error;
+            }
+            whole = false;
+        }
         while (doc.getNumberOfPages() > pages) {
             doc.deletePage(doc.getNumberOfPages());
         }
         doc.setPage(page);
+        return whole;
     }
     // The rows of one list that did not fit its box, on pages appended after
     // the report page, each with the page's header and footer, the table's
@@ -16426,9 +16565,7 @@ class ReportPdfService {
     // Returns the physical page counter after these pages.
     async _renderContinuation(context, page, index, pageNumber, overflow) {
         const { doc } = context;
-        const bands = page.masterHidden ? NO_BANDS : context.report.config?.headerFooter ?? NO_BANDS;
-        const top = this._continuationMargin(bands.headerHeight);
-        const bottom = this._continuationMargin(bands.footerHeight);
+        const { top, bottom } = this._continuationMargins(context, page);
         const { x, w } = overflow;
         const body = overflow.omitted > 0
             ? [...overflow.rows, this._noticeRow(moreRowsNotice(overflow.omitted), overflow.numeric.length, false)]
@@ -16462,6 +16599,21 @@ class ReportPdfService {
         }
         doc.setPage(doc.getNumberOfPages());
     }
+    // The margins a continuation table keeps from the top and bottom of its
+    // pages, under its title's strip at the top.
+    _continuationMargins(context, page) {
+        const bands = page.masterHidden ? NO_BANDS : context.report.config?.headerFooter ?? NO_BANDS;
+        return {
+            top: this._continuationMargin(bands.headerHeight),
+            bottom: this._continuationMargin(bands.footerHeight),
+        };
+    }
+    // The height a continuation page gives its table: between its margins, under
+    // the title.
+    _continuationRoom(context, page) {
+        const { top, bottom } = this._continuationMargins(context, page);
+        return context.pageH - top - TITLE_H$1 - bottom;
+    }
     // The margin a continuation table keeps from one edge: inside the band when
     // the page has one.
     _continuationMargin(band) {
@@ -16827,6 +16979,9 @@ class ReportPptxService {
         return {
             overflows: [...overflows.values()],
             overflowNote: PPTX_OVERFLOW_NOTE,
+            // A slide's shapes are laid out by PowerPoint, so a component cannot
+            // fail to draw here as a PDF table can.
+            undrawn: [],
             save: async () => {
                 await pptx.writeFile({ fileName: `${this._slug(report.name)}.pptx` });
             },
@@ -18005,7 +18160,8 @@ const RETRY = 'retry';
 const DOWNLOAD = 'download';
 // Runs a report export end to end: collect every tile and value, refuse to
 // write a file that is missing any of them without saying so, build it, refuse
-// to save one whose text does not fit its boxes without saying so, then save.
+// to save one that could not draw a component, or whose text does not fit its
+// boxes, without saying so, then save.
 //
 // The gates are the reason this sits between the collector and the renderers
 // rather than in either of them. A deck with five blank pages is worse than no
@@ -18044,11 +18200,12 @@ class ReportExportService {
             ? this._run(report, listRows, build)
             : this._buildAndSave(collected, build)))));
     }
-    // Builds the file, then saves it once the overflow gate lets it through.
+    // Builds the file, then saves it once the undrawn and overflow gates let it
+    // through.
     _buildAndSave(collected, build) {
         return from(build(collected))
-            .pipe(switchMap((built) => this._overflowGate(built)
-            .pipe(switchMap(() => from(Promise.resolve(built.save()))))));
+            .pipe(switchMap((built) => this._undrawnGate(built)
+            .pipe(switchMap(() => this._overflowGate(built)), switchMap(() => from(Promise.resolve(built.save()))))));
     }
     // Resolves to DOWNLOAD when the export is whole (or the user accepted an
     // incomplete one) and to RETRY when they want another attempt. Cancelling
@@ -18074,6 +18231,30 @@ class ReportExportService {
         })
             .pipe(catchError(() => EMPTY));
     }
+    // Resolves to DOWNLOAD when the build drew every component, or the user
+    // accepted a file that marks the ones it could not in their place. There is
+    // no Retry: a second build draws the same data the same way. Each component
+    // is named by its page and its title (a text block by the start of its
+    // words). Cancelling ends the export quietly, as at the failure gate, and
+    // the built file is dropped unsaved.
+    _undrawnGate(built) {
+        if (!built.undrawn.length) {
+            return of(DOWNLOAD);
+        }
+        const components = built.undrawn
+            .map((undrawn) => `<strong>${escapeHtml(undrawn.page)}</strong>`
+            + (undrawn.name ? ` (“${escapeHtml(undrawn.name)}”)` : ''));
+        return this._prompt.confirm({
+            title: 'Some tiles could not be drawn',
+            template: `Some tiles could not be drawn: ${components.join(', ')}. `
+                + 'The file says "Could not be drawn" in their place.',
+            buttons: [
+                { label: 'Download Anyway', value: DOWNLOAD, color: 'primary' },
+                { label: 'Cancel', cancel: true, color: '' },
+            ],
+        })
+            .pipe(catchError(() => EMPTY));
+    }
     // Resolves to DOWNLOAD when every text block fits its box in the built file,
     // or the user accepted one that does not. There is no Retry: the words are
     // the report's own, so a second attempt would build the same file. Each block
@@ -18878,7 +19059,7 @@ class FsAiReportComponent {
             ReportAiChatData,
             { provide: FsAiChatData, useExisting: ReportAiChatData },
             // Tree-shaken ECharts core + the 'report' house theme, loaded lazily.
-            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-7AUAX6RO.mjs').then((module) => module.default) }),
+            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-CBoGhanh.mjs').then((module) => module.default) }),
             // The bar's date pickers start their weeks on Monday and list the built-in
             // presets; a preset only sets the days.
             provideReportDatePicker(),
@@ -18902,7 +19083,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ReportAiChatData,
                         { provide: FsAiChatData, useExisting: ReportAiChatData },
                         // Tree-shaken ECharts core + the 'report' house theme, loaded lazily.
-                        provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-7AUAX6RO.mjs').then((module) => module.default) }),
+                        provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-CBoGhanh.mjs').then((module) => module.default) }),
                         // The bar's date pickers start their weeks on Monday and list the built-in
                         // presets; a preset only sets the days.
                         provideReportDatePicker(),
@@ -18995,4 +19176,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  */
 
 export { FsAiReportsComponent as F, GRANULARITY_OPTIONS as G, REPORT_CHART_COLORS_CSS as R, REPORT_CHART_FONT_FAMILY as a, REPORT_AXIS_LABEL_FONT_SIZE as b, FsAiReportComponent as c, ReportData as d, ReportService as e, ReportFilterStateService as f, ReportNodeType as g, ReportState as h, ReportValueFormat as i, ReportValueFormula as j, ReportListColumnFormat as k, ReportNumberUnits as l, ReportChartDataLabels as m, ReportChartColor as n, ReportChartLineStyle as o, ReportChartMarkStat as p, ReportChartDateLabel as q, ReportChangePolarity as r };
-//# sourceMappingURL=firestitch-report-firestitch-report-DgeCapUH.mjs.map
+//# sourceMappingURL=firestitch-report-firestitch-report-MBuBuGiA.mjs.map