gantt-renderer 0.11.0 → 0.12.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [0.12.0](https://github.com/doberkofler/gantt-renderer/compare/v0.11.0...v0.12.0) (2026-05-18)
+
+
+### Bug Fixes
+
+* **gantt:** align timeline right edge to full scale bucket ([614cd66](https://github.com/doberkofler/gantt-renderer/commit/614cd66e93ae7c7a7c6a71034feafce19299aad7))
+
 # [0.11.0](https://github.com/doberkofler/gantt-renderer/compare/v0.10.0...v0.11.0) (2026-05-13)
 
 

package/dist/index.mjs

@@ -706,6 +706,20 @@ function nextScaleBoundary(date, scale) {
 		case "year": return new Date(Date.UTC(date.getUTCFullYear() + 1, 0, 1));
 	}
 }
+/**
+* Rounds a date up to the end boundary of the containing scale bucket.
+* If the date is already on a boundary, it is returned unchanged.
+*
+* @param date - The date to round.
+* @param scale - The target {@link TimeScale}.
+* @param weekStartsOn - First day of the week (`0`-Sun, `1`-Mon, `6`-Sat). Defaults to `1` (Monday).
+* @returns A boundary-aligned date at or after the input.
+*/
+function ceilToScaleBoundary(date, scale, weekStartsOn = 1) {
+	const start = snapToScaleBoundary(date, scale, weekStartsOn);
+	if (start.getTime() === date.getTime()) return start;
+	return nextScaleBoundary(start, scale);
+}
 //#endregion
 //#region src/lib/timeline/pixelMapper.ts
 /**
@@ -3492,8 +3506,10 @@ var GanttChart = class {
 	#computeState(input) {
 		const allRows = flattenTree(buildTaskTree(input.tasks), this.#expandedIds);
 		const [vpStart, vpEnd] = this.#opts.viewportStart !== void 0 && this.#opts.viewportEnd !== void 0 ? [this.#opts.viewportStart, this.#opts.viewportEnd] : deriveViewport(allRows, 48);
+		const weekStartsOn = this.#locale.weekStartsOn ?? 1;
+		const renderViewportEnd = ceilToScaleBoundary(vpEnd, this.#scale, weekStartsOn);
 		const mapper = createPixelMapper(this.#scale, vpStart);
-		const totalWidth = Math.ceil(mapper.toX(vpEnd)) + 1;
+		const totalWidth = Math.ceil(mapper.toX(renderViewportEnd)) + 1;
 		const layouts = computeLayout(allRows, mapper);
 		const links = routeLinks(input.links, layouts);
 		const containerH = this.#height - HEADER_H;
@@ -3514,7 +3530,7 @@ var GanttChart = class {
 			allRows,
 			mapper,
 			viewportStart: vpStart,
-			viewportEnd: vpEnd,
+			viewportEnd: renderViewportEnd,
 			totalWidth,
 			layouts,
 			links,