@flowaccount/pdfmake 1.0.7-staging.3 → 1.0.7-staging.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowaccount/pdfmake",
-  "version": "1.0.7-staging.3",
+  "version": "1.0.7-staging.4",
   "description": "Client/server side PDF printing in pure JavaScript",
   "main": "src/printer.js",
   "browser": "build/pdfmake.js",

package/src/layoutBuilder.js

@@ -539,13 +539,31 @@ LayoutBuilder.prototype.processNode = function (node) {
 					startPage: ctx.page,
 					availableHeight: ctx.availableHeight,
 					itemCount: currentPage ? currentPage.items.length : 0,
-					x: ctx.x
+					x: ctx.x,
+					summaryRenderedPage: null
 				};
 			}
 
 			// Process the stack
 			self.processVerticalContainer(node);
 
+			// Track which page summary was rendered on (summary is first item, unbreakable)
+			if (preRenderState && node.stack && node.stack[0]) {
+				var summaryNode = node.stack[0];
+				if (summaryNode.summary || summaryNode.unbreakable) {
+					// Summary is unbreakable, check if it was pushed to a new page
+					// by comparing its height with available space at startPage
+					var summaryHeight = Math.abs(summaryNode._height || 0);
+					if (summaryHeight <= preRenderState.availableHeight) {
+						// Summary fit on startPage
+						preRenderState.summaryRenderedPage = preRenderState.startPage;
+					} else {
+						// Summary was pushed to next page
+						preRenderState.summaryRenderedPage = preRenderState.startPage + 1;
+					}
+				}
+			}
+
 			// Post-render repositioning
 			if (footerGapEnabled && preRenderState) {
 				var ctx = self.writer.context();
@@ -726,9 +744,12 @@ LayoutBuilder.prototype.processNode = function (node) {
 										sItemY = sItem.item.y1;
 									} else if (sItem.item && typeof sItem.item.y === 'number') {
 										sItemY = sItem.item.y;
+									} else if (sItem.item && sItem.item.points && Array.isArray(sItem.item.points) && sItem.item.points.length > 0) {
+										// For polylines, use the first point's Y
+										sItemY = sItem.item.points[0].y;
 									}
 
-										// Skip items fully above footer start
+									// Skip items fully above footer start
 									if (sItemY === null || sItemY < startStackStartY) continue;
 
 									// Move item down
@@ -827,19 +848,35 @@ LayoutBuilder.prototype.processNode = function (node) {
 									if (typeof item.item.y2 === 'number' && item.item.y2 > itemBottom) {
 										itemBottom = item.item.y2;
 									}
+									// Handle polylines (points array)
+									if (item.item.points && Array.isArray(item.item.points)) {
+										for (var pi = 0; pi < item.item.points.length; pi++) {
+											if (typeof item.item.points[pi].y === 'number' && item.item.points[pi].y > itemBottom) {
+												itemBottom = item.item.points[pi].y;
+											}
+										}
+									}
 								}
 								if (itemBottom > contentBottom) {
 									contentBottom = itemBottom;
 								}
 							}
 
-							// Footer starts at contentBottom - footerHeight
-							var stackStartY = contentBottom - stackHeight;
+							// Check if summary is on the last page
+							var summaryOnLastPage = (preRenderState.summaryRenderedPage === pageIdx);
 
-							// Calculate gap: how much to move footer down
-							var gapHeight = pageBottom - contentBottom;
-							if (gapHeight > 0) {
-								// Only move items that are part of footer (Y >= footerStartY)
+							var stackStartY;
+							if (summaryOnLastPage) {
+								// Summary is on this page - move all: summary + remark + footer together
+								// Calculate header threshold for this page
+								var repeatableHeaderHeight = 0;
+								for (var ri = 0; ri < self.writer.repeatables.length; ri++) {
+									repeatableHeaderHeight += self.writer.repeatables[ri].height;
+								}
+								var headerThreshold = pageMargins.top + repeatableHeaderHeight;
+
+								// Find minimum Y of all items below header threshold
+								stackStartY = contentBottom;
 								for (var i = 0; i < page.items.length; i++) {
 									var item = page.items[i];
 									var itemY = null;
@@ -848,23 +885,92 @@ LayoutBuilder.prototype.processNode = function (node) {
 									} else if (item.item && typeof item.item.y === 'number') {
 										itemY = item.item.y;
 									} else if (item.item && item.item.points && Array.isArray(item.item.points) && item.item.points.length > 0) {
-										// For polylines, use the first point's Y
 										itemY = item.item.points[0].y;
 									}
+									if (itemY !== null && itemY >= headerThreshold && itemY < stackStartY) {
+										stackStartY = itemY;
+									}
+								}
 
-									// Skip items above footer
-									if (itemY === null || itemY < stackStartY) continue;
+								// Draw guide lines in the gap area (same as single-page)
+								var gapHeightForLines = pageBottom - contentBottom;
+								if (gapHeightForLines > 0) {
+									var colSpec = node._footerGapOption && node._footerGapOption.columns ? node._footerGapOption.columns : (self._footerGapOption && self._footerGapOption.columns);
+									if (colSpec) {
+										var rawWidths = colSpec.content && colSpec.content.vLines ? colSpec.content.vLines : [];
+										if (rawWidths && rawWidths.length > 1) {
+											var style = (colSpec.style || {});
+											var lw = style.lineWidth != null ? style.lineWidth : 0.5;
+											var lc = style.color || '#000000';
+											var dashCfg = style.dash;
+											var includeOuter = colSpec.includeOuter !== false;
+											var startIndex = includeOuter ? 0 : 1;
+											var endIndex = includeOuter ? rawWidths.length : rawWidths.length - 1;
+											var pageX = preRenderState.x || pageMargins.left;
+
+											for (var ci = startIndex; ci < endIndex; ci++) {
+												var xGuide = pageX + rawWidths[ci] - 0.25;
+												page.items.push({
+													type: 'vector',
+													item: {
+														type: 'line',
+														x1: xGuide,
+														y1: stackStartY,
+														x2: xGuide,
+														y2: stackStartY + gapHeightForLines,
+														lineWidth: lw,
+														lineColor: lc,
+														dash: dashCfg ? {
+															length: dashCfg.length,
+															space: dashCfg.space != null ? dashCfg.space : dashCfg.gap
+														} : undefined,
+														_footerGuideLine: true
+													}
+												});
+											}
+										}
+									}
+								}
+							} else {
+								// Summary is NOT on this page - move only footer
+								stackStartY = contentBottom - stackHeight;
+							}
 
-									// Don't move items that are near the top margin (table headers)
-									// Use actual header height from repeatables instead of hardcoded threshold
+							// Calculate gap: how much to move footer stack down
+							var gapHeight = pageBottom - contentBottom;
+							if (gapHeight > 0) {
+								// Calculate header threshold if not already calculated
+								if (typeof headerThreshold === 'undefined') {
 									var repeatableHeaderHeight = 0;
 									for (var ri = 0; ri < self.writer.repeatables.length; ri++) {
 										repeatableHeaderHeight += self.writer.repeatables[ri].height;
 									}
-									var headerThreshold = pageMargins.top + repeatableHeaderHeight;
+									headerThreshold = pageMargins.top + repeatableHeaderHeight;
+								}
+
+								// Move all items that are part of footer stack (Y >= stackStartY)
+								for (var i = 0; i < page.items.length; i++) {
+									var item = page.items[i];
+
+									// Skip guide lines (they're already positioned correctly)
+									if (item.item && item.item._footerGuideLine) continue;
+
+									var itemY = null;
+									if (item.item && typeof item.item.y1 === 'number') {
+										itemY = item.item.y1;
+									} else if (item.item && typeof item.item.y === 'number') {
+										itemY = item.item.y;
+									} else if (item.item && item.item.points && Array.isArray(item.item.points) && item.item.points.length > 0) {
+										itemY = item.item.points[0].y;
+									}
+
+									// Skip items above footer stack
+									if (itemY === null || itemY < stackStartY) continue;
+
+									// Skip items in header area (repeated headers)
 									if (itemY < headerThreshold) continue;
 
-									// Move footer item down
+									// Move footer stack item down
 									if (item.item && typeof item.item.y === 'number') {
 										item.item.y += gapHeight;
 									}