ar-timeline-view 0.0.0-stage → 1.0.2

package/dist/timelineview.mjs

@@ -0,0 +1,1341 @@
+// src/api.ts
+var e = class extends Error {
+	status;
+	body;
+	constructor(e, t) {
+		super(`REST request failed with status ${e}`), this.status = e, this.body = t, this.name = "ApiError";
+	}
+}, t = (e) => encodeURIComponent(String(e)), n = class {
+	fetchImpl;
+	baseUrl;
+	constructor(e, t = (...e) => globalThis.fetch(...e)) {
+		this.fetchImpl = t, this.baseUrl = e.replace(/\/+$/, "");
+	}
+	getView(e) {
+		return this.request(`/views/${t(e)}`, { method: "GET" });
+	}
+	moveEntry(e, n, r, i, a) {
+		return this.request(`/views/${t(e)}/timelines/${t(n)}/entries/${t(r)}`, {
+			method: "PATCH",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify(a === void 0 ? i : {
+				...i,
+				version: a
+			})
+		});
+	}
+	async request(t, n) {
+		let r = await this.fetchImpl(this.baseUrl + t, {
+			...n,
+			headers: {
+				Accept: "application/json",
+				...n.headers
+			}
+		}), i = await r.text(), a;
+		try {
+			a = i ? JSON.parse(i) : void 0;
+		} catch {
+			a = i;
+		}
+		if (!r.ok) throw new e(r.status, a);
+		return a;
+	}
+}, r = 4;
+function i(e, t, n, r) {
+	let i = Math.round(e.left - (t.left + n * t.width)), a = r === "above" ? Math.min(0, Math.round(e.bottom - t.bottom)) : Math.max(1, Math.round(e.top - t.top));
+	return {
+		x: i,
+		y: a === 0 ? 0 : a
+	};
+}
+var a = (e, t) => Math.max(0, e.top - t, t - e.bottom);
+function o(e, t, n) {
+	let r = document.elementFromPoint(t, n)?.closest(".tlv-line, .tlv-area");
+	if (r && e.contains(r)) return r;
+	let i = null, o = Infinity;
+	for (let t of e.querySelectorAll(".tlv-area")) {
+		let e = a(t.getBoundingClientRect(), n);
+		e < o && ([i, o] = [t, e]);
+	}
+	return i;
+}
+function s(e, t) {
+	if (!e) return;
+	let n = e.dataset.placement;
+	if (n === "above" || n === "below") return n;
+	let r = e.closest(".tlv-bar")?.getBoundingClientRect();
+	return r && t > (r.top + r.bottom) / 2 ? "below" : "above";
+}
+function c(e, t, n, r) {
+	let i = [...e.querySelectorAll(":scope > .tlv-marker-line")].filter((e) => e.dataset.marker === t), a = [...e.querySelectorAll(".tlv-timeline")], o = (e) => a.findIndex((t) => t.dataset.timeline === e), s = r ? a.indexOf(r) : -1, c = i.find((e) => o(e.dataset.from) <= s && s <= o(e.dataset.to)) ?? (n === "above" ? i[0] : i[i.length - 1]), l = n === "above" ? c?.dataset.from : c?.dataset.to, u = a.find((e) => e.dataset.timeline === l)?.querySelector(`.tlv-area--${n}`);
+	if (!c || !u) return;
+	let d = u.getBoundingClientRect(), f = c.getBoundingClientRect();
+	return {
+		area: u,
+		side: n,
+		at: (f.left + f.width / 2 - d.left) / d.width
+	};
+}
+function l(e) {
+	let t = e.dataset.timeline, n = e.dataset.placement;
+	return n === "on" ? {
+		timeline: t,
+		placement: n,
+		line: Number(e.dataset.line),
+		newLine: e.dataset.newLine === "true"
+	} : {
+		timeline: t,
+		placement: n
+	};
+}
+function u(e, t, n, a, u) {
+	let d, f = (e, t) => {
+		let n = !1, i = (t) => {
+			Math.hypot(t.clientX - e.clientX, t.clientY - e.clientY) >= r && (n = !0);
+		}, o = (e) => {
+			s(), n || a?.(t, e);
+		}, s = () => {
+			window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", o), window.removeEventListener("pointercancel", s), d = void 0;
+		};
+		window.addEventListener("pointermove", i), window.addEventListener("pointerup", o), window.addEventListener("pointercancel", s), d = s;
+	}, p = (a) => {
+		if (a.button !== 0) return;
+		let p = a.target, m = p.closest("[data-entry]");
+		if (!m || !e.contains(m)) {
+			let t = p.closest(".tlv-timeline, .tlv-title");
+			t && e.contains(t) && f(a, p);
+			return;
+		}
+		a.preventDefault();
+		let h = m.getBoundingClientRect(), g = {
+			x: a.clientX - h.left,
+			y: a.clientY - h.top
+		}, _ = m.classList.contains("tlv-callout"), v = m.dataset.marker, y = (t, n) => {
+			let r = o(e, t, n), i = s(r, n);
+			return i ? c(e, v, i, r?.closest(".tlv-timeline") ?? null) : void 0;
+		}, b, x = null, S = (e) => {
+			e !== x && (x?.classList.remove("tlv-drop"), e?.classList.add("tlv-drop"), x = e);
+		}, C = (t) => {
+			if (!b) {
+				if (Math.hypot(t.clientX - a.clientX, t.clientY - a.clientY) < r) return;
+				b = m.cloneNode(!0), b.classList.add("tlv-ghost"), b.removeAttribute("data-entry"), Object.assign(b.style, {
+					width: `${h.width}px`,
+					height: `${h.height}px`,
+					margin: "0"
+				}), e.append(b), m.classList.add("tlv-dragging"), e.classList.add("tlv--dragging");
+			}
+			b.style.left = `${t.clientX - g.x}px`, b.style.top = `${t.clientY - g.y}px`, S(v === void 0 ? o(e, t.clientX, t.clientY) : y(t.clientX, t.clientY)?.area ?? null);
+		}, w = (r) => {
+			let a = r && b ? o(e, r.clientX, r.clientY) : null, s = b?.getBoundingClientRect(), c = b !== void 0;
+			if (d?.(), r && !c) {
+				n?.(m, r);
+				return;
+			}
+			if (!a || !s || !r) return;
+			if (v !== void 0) {
+				let e = y(r.clientX, r.clientY);
+				if (e) {
+					let t = i(s, e.area.getBoundingClientRect(), e.at, e.side);
+					u?.({
+						marker: v,
+						offset: t
+					});
+				}
+				return;
+			}
+			let f = l(a), p = {
+				timeline: m.dataset.timeline,
+				task: m.dataset.task,
+				target: f
+			};
+			if (f.placement !== "on") {
+				let e = {
+					left: r.clientX,
+					right: r.clientX,
+					top: r.clientY,
+					bottom: r.clientY,
+					width: 0
+				};
+				p.offset = i(_ ? s : e, a.getBoundingClientRect(), Number(m.dataset.at), f.placement);
+			}
+			t(p);
+		}, T = (e) => w(e), E = () => w(), D = (e) => {
+			e.key === "Escape" && w();
+		};
+		window.addEventListener("pointermove", C), window.addEventListener("pointerup", T), window.addEventListener("pointercancel", E), window.addEventListener("keydown", D), d = () => {
+			window.removeEventListener("pointermove", C), window.removeEventListener("pointerup", T), window.removeEventListener("pointercancel", E), window.removeEventListener("keydown", D), S(null), b?.remove(), m.classList.remove("tlv-dragging"), e.classList.remove("tlv--dragging"), d = void 0;
+		};
+	};
+	return e.addEventListener("pointerdown", p), () => {
+		d?.(), e.removeEventListener("pointerdown", p);
+	};
+}
+// src/dates.ts
+var d = /^(\d{4})-(\d{2})-(\d{2})(?:T(\d{2}):(\d{2}))?$/;
+function f(e) {
+	let t = d.exec(e);
+	if (!t) throw Error(`Invalid date "${e}": expected YYYY-MM-DD or YYYY-MM-DDTHH:mm`);
+	let [, n, r, i, a = "0", o = "0"] = t, s = new Date(Date.UTC(+n, r - 1, +i, +a, +o));
+	if (s.getUTCMonth() !== r - 1 || s.getUTCDate() !== +i || +a > 23 || +o > 59) throw Error(`Invalid date "${e}"`);
+	return s;
+}
+var p = (e) => String(e).padStart(2, "0");
+function m(e) {
+	let t = `${e.getUTCFullYear()}-${p(e.getUTCMonth() + 1)}-${p(e.getUTCDate())}`, n = e.getUTCHours(), r = e.getUTCMinutes();
+	return n || r ? `${t}T${p(n)}:${p(r)}` : t;
+}
+function h(e, t) {
+	return new Date(Date.UTC(e, t + 1, 0)).getUTCDate();
+}
+function g(e, t) {
+	let n = e.getUTCFullYear() * 12 + e.getUTCMonth() + t, r = Math.floor(n / 12), i = n - r * 12, a = Math.min(e.getUTCDate(), h(r, i));
+	return new Date(Date.UTC(r, i, a, e.getUTCHours(), e.getUTCMinutes(), e.getUTCSeconds()));
+}
+function _(e, t) {
+	let n = new Date(e.getTime());
+	return n.setUTCDate(n.getUTCDate() + t), n;
+}
+// src/duration.ts
+var v = /^(\d+)([hdwmy])$/;
+function y(e) {
+	let t = v.exec(e.trim());
+	if (!t) throw Error(`Invalid duration "${e}": expected a whole number plus h, d, w, m or y`);
+	return {
+		amount: Number(t[1]),
+		unit: t[2]
+	};
+}
+function b(e, { amount: t, unit: n }) {
+	switch (n) {
+		case "h": return new Date(e.getTime() + t * 36e5);
+		case "d": return _(e, t);
+		case "w": return _(e, t * 7);
+		case "m": return g(e, t);
+		case "y": return g(e, t * 12);
+	}
+}
+function x(e) {
+	return e === void 0 || e.trim() === "" || y(e).amount === 0;
+}
+// src/model.ts
+var S = class extends Error {
+	code;
+	constructor(e, t) {
+		super(t), this.code = e, this.name = "MoveError";
+	}
+}, C = [
+	"above",
+	"on",
+	"below"
+], w = [
+	"hour",
+	"day",
+	"week",
+	"month",
+	"year"
+], T = (e, t) => String(e) === String(t), E = (e) => Number.isInteger(e) && e >= 0, D = (e) => typeof e == "object" && !!e && Number.isFinite(e.x) && Number.isFinite(e.y), ee = (e) => ({
+	x: 0,
+	y: e === "above" ? -16 : 16
+});
+function te(e, t) {
+	if (!D(e)) return "callout_offset needs numeric x and y";
+	if (t === "above" && e.y > 0) return "callout_offset.y must be ≤ 0 above the bar";
+	if (t === "below" && e.y <= 0) return "callout_offset.y must be > 0 below the bar";
+}
+var O = class e {
+	view;
+	tasks;
+	timelines;
+	markers;
+	version;
+	constructor(e, t, n, r = []) {
+		this.view = e, this.tasks = t, this.timelines = n, this.markers = r;
+	}
+	static fromData(t) {
+		if (!t?.view) throw Error("Timeline data needs a `view`");
+		let n = t.view, r = n.scale ?? "day";
+		if (!w.includes(r)) throw Error(`Unknown scale "${r}"`);
+		if (n.show_dates !== void 0 && typeof n.show_dates != "boolean") throw Error("view.show_dates must be true or false");
+		if (n.absolute !== void 0 && typeof n.absolute != "boolean") throw Error("view.absolute must be true or false");
+		if (n.selection !== void 0 && typeof n.selection != "boolean") throw Error("view.selection must be true or false");
+		let i = {
+			id: n.id,
+			name: n.name ?? "",
+			absolute: n.absolute ?? !1,
+			scale: r,
+			namePosition: n.name_position ?? "left",
+			milestoneSymbol: n.milestone_symbol ?? "diamond",
+			showDates: n.show_dates ?? !0,
+			selection: n.selection ?? !0
+		}, a = (t.tasks ?? []).map(se), o = /* @__PURE__ */ new Set();
+		for (let e of a) {
+			if (o.has(String(e.id))) throw Error(`Duplicate task id ${e.id}`);
+			o.add(String(e.id));
+		}
+		let s = (t.markers ?? []).map(ae), c = /* @__PURE__ */ new Set();
+		for (let e of s) {
+			if (c.has(String(e.id))) throw Error(`Duplicate marker id ${e.id}`);
+			c.add(String(e.id));
+		}
+		let l = new e(i, a, [], s);
+		return l.timelines = (t.timelines ?? []).map((e) => l.timelineFromData(e)), l.version = t.version, l;
+	}
+	toData() {
+		let e = this.view;
+		return {
+			...this.version !== void 0 && { version: this.version },
+			view: {
+				...e.id !== void 0 && { id: e.id },
+				name: e.name,
+				absolute: e.absolute,
+				scale: e.scale,
+				name_position: e.namePosition,
+				milestone_symbol: e.milestoneSymbol,
+				show_dates: e.showDates,
+				selection: e.selection
+			},
+			tasks: this.tasks.map(ce),
+			timelines: this.timelines.map(le),
+			...this.markers.length > 0 && { markers: this.markers.map(oe) }
+		};
+	}
+	timelineFromData(e) {
+		let t = f(e.start_date), n = f(e.finish_date);
+		if (n <= t) throw Error(`Timeline ${e.id}: finish_date must be after start_date`);
+		let r = [], i = [];
+		for (let t of e.entries ?? []) if (typeof t == "object" && t && "marker" in t) {
+			let n = this.findMarker(t.marker);
+			if (!n) throw Error(`Timeline ${e.id}: unknown marker ${t.marker}`);
+			if (Object.keys(t).some((e) => e !== "marker")) throw Error(`Timeline ${e.id}: a marker entry has only \`marker\``);
+			if (i.some((e) => T(e, n.id))) throw Error(`Timeline ${e.id}: marker ${n.id} appears more than once`);
+			i.push(n.id);
+		} else r.push(this.entryFromData(e.id, t));
+		let a = /* @__PURE__ */ new Set();
+		for (let t of r) {
+			if (a.has(String(t.taskId))) throw Error(`Timeline ${e.id}: task ${t.taskId} appears more than once`);
+			a.add(String(t.taskId));
+		}
+		return {
+			id: e.id,
+			name: e.name ?? "",
+			start: t,
+			finish: n,
+			entries: r,
+			markers: i
+		};
+	}
+	entryFromData(e, t) {
+		let n = `Timeline ${e}, task ${t.task}`;
+		if (!this.findTask(t.task)) throw Error(`${n}: unknown task`);
+		if (t.callout_offset === void 0) {
+			let e = t.line ?? 0;
+			if (!E(e)) throw Error(`${n}: line must be a whole number ≥ 0`);
+			return {
+				taskId: t.task,
+				placement: "on",
+				line: e
+			};
+		}
+		if (t.line !== void 0) throw Error(`${n}: a callout (with callout_offset) has no line`);
+		let r = t.callout_offset;
+		if (!D(r)) throw Error(`${n}: callout_offset needs numeric x and y`);
+		let i = r.y > 0 ? "below" : "above";
+		return {
+			taskId: t.task,
+			placement: i,
+			calloutOffset: {
+				x: r.x,
+				y: r.y === 0 ? 0 : r.y
+			}
+		};
+	}
+	findTask(e) {
+		return this.tasks.find((t) => T(t.id, e));
+	}
+	setMarkerOffset(e, t) {
+		let n = this.findMarker(e);
+		if (!n) throw new S("not_found", `Marker ${e} not found`);
+		if (!D(t)) throw new S("invalid", "marker_offset needs numeric x and y");
+		return n.offset = {
+			x: t.x,
+			y: t.y === 0 ? 0 : t.y
+		}, n;
+	}
+	findMarker(e) {
+		return this.markers.find((t) => T(t.id, e));
+	}
+	findTimeline(e) {
+		return this.timelines.find((t) => T(t.id, e));
+	}
+	findEntry(e, t) {
+		return this.findTimeline(e)?.entries.find((e) => T(e.taskId, t));
+	}
+	moveEntry(e, t, n) {
+		let r = this.findTimeline(e);
+		if (!r) throw new S("not_found", `Timeline ${e} not found`);
+		let i = r.entries.findIndex((e) => T(e.taskId, t));
+		if (i < 0) throw new S("not_found", `Task ${t} is not on timeline ${e}`);
+		let a = r.entries[i], o = n.timelineId === void 0 ? r : this.findTimeline(n.timelineId);
+		if (!o) throw new S("not_found", `Timeline ${n.timelineId} not found`);
+		if (o !== r && o.entries.some((e) => T(e.taskId, t))) throw new S("conflict", `Task ${t} is already on timeline ${o.id}`);
+		let s = n.placement ?? a.placement;
+		if (!C.includes(s)) throw new S("invalid", `Unknown placement "${s}"`);
+		let c;
+		if (s === "on") {
+			if (n.calloutOffset !== void 0) throw new S("invalid", "callout_offset is only valid above or below the bar");
+			let e = n.line ?? (o === r && a.placement === "on" ? a.line : 0);
+			if (!E(e)) throw new S("invalid", "line must be a whole number ≥ 0");
+			let t = M(o);
+			if (e > t) throw new S("invalid", `line ${e} is past the bar's last line + 1 (${t})`);
+			if (n.newLine !== void 0 && typeof n.newLine != "boolean") throw new S("invalid", "new_line must be true or false");
+			if (n.newLine) for (let t of o.entries) t.placement === "on" && t.line >= e && t.line++;
+			c = {
+				taskId: a.taskId,
+				placement: s,
+				line: e
+			};
+		} else {
+			if (n.line !== void 0 || n.newLine !== void 0) throw new S("invalid", "callouts have no line; use callout_offset");
+			let e = n.calloutOffset ?? ne(a, s), t = te(e, s);
+			if (t) throw new S("invalid", t);
+			c = {
+				taskId: a.taskId,
+				placement: s,
+				calloutOffset: {
+					x: e.x,
+					y: e.y
+				}
+			};
+		}
+		return o === r ? r.entries[i] = c : (r.entries.splice(i, 1), o.entries.push(c)), j(r), o !== r && j(o), o === r ? [r] : [r, o];
+	}
+	moveTimeline(e, t) {
+		let n = this.timelines.findIndex((t) => T(t.id, e));
+		if (n < 0) throw Error(`Timeline ${e} not found`);
+		let r = n + t;
+		if (!Number.isInteger(t) || r < 0 || r >= this.timelines.length || r === n) return !1;
+		let [i] = this.timelines.splice(n, 1);
+		return this.timelines.splice(r, 0, i), !0;
+	}
+	replaceTimelines(e) {
+		for (let t of e) {
+			let e = this.timelineFromData(t), n = this.timelines.findIndex((e) => T(e.id, t.id));
+			n >= 0 ? this.timelines[n] = e : this.timelines.push(e);
+		}
+	}
+};
+function ne(e, t) {
+	if (e.placement === "on") return ee(t);
+	let { x: n, y: r } = e.calloutOffset;
+	return e.placement === t ? {
+		x: n,
+		y: r
+	} : {
+		x: n,
+		y: t === "below" ? Math.max(1, -r) : -r
+	};
+}
+function k(e) {
+	if (e.timelines.length === 0) return;
+	let t = e.timelines[0].start, n = e.timelines[0].finish;
+	for (let r of e.timelines) r.start < t && (t = r.start), r.finish > n && (n = r.finish);
+	return {
+		start: t,
+		finish: n
+	};
+}
+function A(e) {
+	let t = e.entries.flatMap((e) => e.placement === "on" ? [e.line] : []);
+	return t.length ? Math.min(...t) : 0;
+}
+function j(e) {
+	let t = A(e);
+	if (t !== 0) for (let n of e.entries) n.placement === "on" && (n.line -= t);
+}
+function M(e) {
+	let t = 1;
+	for (let n of e.entries) n.placement === "on" && (t = Math.max(t, n.line + 1));
+	return t;
+}
+function re(e) {
+	return typeof CSS < "u" && typeof CSS.supports == "function" ? CSS.supports("color", e) : e.trim() !== "" && !/[;{}]/.test(e);
+}
+var ie = {
+	x: 0,
+	y: -16
+};
+function ae(e) {
+	if (e?.id === void 0 || e.id === null) throw Error("Every marker needs an id");
+	let t = `Marker ${e.id}`;
+	if (e.global !== void 0 && typeof e.global != "boolean") throw Error(`${t}: global must be true or false`);
+	if (e.color !== void 0 && (typeof e.color != "string" || !re(e.color))) throw Error(`${t}: color must be a CSS color`);
+	let n = e.marker_offset ?? ie;
+	if (!D(n)) throw Error(`${t}: marker_offset needs numeric x and y`);
+	return {
+		id: e.id,
+		text: e.text ?? "",
+		date: f(e.date),
+		global: e.global ?? !1,
+		color: e.color,
+		offset: {
+			x: n.x,
+			y: n.y === 0 ? 0 : n.y
+		}
+	};
+}
+function oe(e) {
+	return {
+		id: e.id,
+		text: e.text,
+		date: m(e.date),
+		...e.global && { global: !0 },
+		...e.color !== void 0 && { color: e.color },
+		marker_offset: { ...e.offset }
+	};
+}
+function se(e) {
+	if (e.id === void 0 || e.id === null) throw Error("Every task needs an id");
+	let t = f(e.start_date), n = x(e.duration);
+	if (e.color !== void 0 && (typeof e.color != "string" || !re(e.color))) throw Error(`Task ${e.id}: color must be a CSS color`);
+	return {
+		id: e.id,
+		text: e.text ?? "",
+		start: t,
+		finish: n ? t : b(t, y(e.duration)),
+		duration: e.duration,
+		isMilestone: n,
+		symbol: e.symbol,
+		color: e.color
+	};
+}
+function ce(e) {
+	return {
+		id: e.id,
+		text: e.text,
+		start_date: m(e.start),
+		...e.duration !== void 0 && { duration: e.duration },
+		...e.symbol !== void 0 && { symbol: e.symbol },
+		...e.color !== void 0 && { color: e.color }
+	};
+}
+function le(e) {
+	return {
+		id: e.id,
+		name: e.name,
+		start_date: m(e.start),
+		finish_date: m(e.finish),
+		entries: [...e.entries.map((e) => e.placement === "on" ? {
+			task: e.taskId,
+			line: e.line
+		} : {
+			task: e.taskId,
+			callout_offset: { ...e.calloutOffset }
+		}), ...e.markers.map((e) => ({ marker: e }))]
+	};
+}
+function ue(e) {
+	return {
+		...e.timeline_id !== void 0 && { timelineId: e.timeline_id },
+		...e.placement !== void 0 && { placement: e.placement },
+		...e.line !== void 0 && { line: e.line },
+		...e.new_line !== void 0 && { newLine: e.new_line },
+		...e.callout_offset !== void 0 && { calloutOffset: e.callout_offset }
+	};
+}
+// src/scale.ts
+var N = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+];
+function P(e, t, n) {
+	return (e.getTime() - t.getTime()) / (n.getTime() - t.getTime());
+}
+function de(e, t) {
+	let n = new Date(e.getTime());
+	switch (t) {
+		case "hour": return n.setUTCMinutes(0, 0, 0), n < e && n.setUTCHours(n.getUTCHours() + 1), n;
+		case "day": return n.setUTCHours(0, 0, 0, 0), n < e ? _(n, 1) : n;
+		case "week": {
+			n.setUTCHours(0, 0, 0, 0);
+			let t = _(n, -((n.getUTCDay() + 6) % 7));
+			return t < e ? _(t, 7) : t;
+		}
+		case "month": {
+			let t = new Date(Date.UTC(n.getUTCFullYear(), n.getUTCMonth(), 1));
+			return t < e ? g(t, 1) : t;
+		}
+		case "year": {
+			let t = new Date(Date.UTC(n.getUTCFullYear(), 0, 1));
+			return t < e ? new Date(Date.UTC(n.getUTCFullYear() + 1, 0, 1)) : t;
+		}
+	}
+}
+function fe(e, t) {
+	switch (t) {
+		case "hour": return new Date(e.getTime() + 36e5);
+		case "day": return _(e, 1);
+		case "week": return _(e, 7);
+		case "month": return g(e, 1);
+		case "year": return g(e, 12);
+	}
+}
+function pe(e) {
+	let t = new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate()));
+	t.setUTCDate(t.getUTCDate() + 3 - (t.getUTCDay() + 6) % 7);
+	let n = Date.UTC(t.getUTCFullYear(), 0, 1);
+	return Math.ceil(((t.getTime() - n) / 864e5 + 1) / 7);
+}
+function F(e, t) {
+	let n = e.getTime();
+	switch (t) {
+		case "hour": return Math.floor(n / 36e5);
+		case "day": return Math.floor(n / 864e5);
+		case "week": return Math.floor((Math.floor(n / 864e5) + 3) / 7);
+		case "month": return e.getUTCFullYear() * 12 + e.getUTCMonth();
+		case "year": return e.getUTCFullYear();
+	}
+}
+function me(e, t, n) {
+	switch (t) {
+		case "hour": {
+			let t = `${String(e.getUTCHours()).padStart(2, "0")}:00`;
+			return n || e.getUTCHours() === 0 ? `${e.getUTCDate()} ${N[e.getUTCMonth()]} ${t}` : t;
+		}
+		case "day": return String(e.getUTCDate());
+		case "week": return `W${pe(e)}`;
+		case "month": {
+			let t = N[e.getUTCMonth()];
+			return n || e.getUTCMonth() === 0 ? `${t} ${e.getUTCFullYear()}` : t;
+		}
+		case "year": return String(e.getUTCFullYear());
+	}
+}
+function he(e, t, n) {
+	let r = [];
+	for (let i = de(e, n); i <= t && r.length < 1e3; i = fe(i, n)) r.push({
+		date: i,
+		at: P(i, e, t),
+		label: me(i, n, r.length === 0),
+		serial: F(i, n)
+	});
+	return r;
+}
+var I = 14, L = (e) => Math.min(1, Math.max(0, e)), R = (e) => `${(e * 100).toFixed(4)}%`;
+function z(e, t, n) {
+	let r = document.createElement(e);
+	return r.className = t, n !== void 0 && (r.textContent = n), r;
+}
+function ge(e, t) {
+	e.classList.add("tlv"), e.classList.toggle("tlv--no-dates", !t.view.showDates);
+	let n = _e(t);
+	if (e.replaceChildren(...t.timelines.map((e) => Se(t, e, n.get(String(e.id)) ?? []))), e.append(...ve(t, n)), t.view.name.trim()) {
+		let n = z("div", "tlv-title", t.view.name);
+		n.setAttribute("role", "heading"), n.setAttribute("aria-level", "2"), e.prepend(n);
+	}
+	De(e), G(e), ye(e);
+}
+function B(e, t) {
+	let { start: n, finish: r } = e, i = L(P(t.start, n, r)), a = t.isMilestone ? i : L(P(t.finish, n, r)), o = !t.isMilestone && t.start < n, s = !t.isMilestone && t.finish > r;
+	return {
+		from: i,
+		to: a,
+		center: (i + a) / 2,
+		before: o,
+		after: s
+	};
+}
+function V(e, t, n, r) {
+	r <= 0 ? (e.style.left = "0", e.style.width = `${I}px`, e.classList.add(`${t}--outside-before`)) : n >= 1 ? (e.style.left = `calc(100% - ${I}px)`, e.style.width = `${I}px`, e.classList.add(`${t}--outside-after`)) : (e.style.left = R(n), e.style.width = R(r - n));
+}
+function H(e, t) {
+	t.color && e.style.setProperty(t.isMilestone ? "--tlv-milestone" : "--tlv-task", t.color);
+}
+function U(e, t, n, r) {
+	e.classList.toggle(`${t}--before`, n), e.classList.toggle(`${t}--after`, r);
+}
+function _e(e) {
+	let t = /* @__PURE__ */ new Map(), n = e.timelines, r = k(e);
+	for (let i of e.markers) {
+		if (e.view.absolute && r && L(P(i.date, r.start, r.finish)) !== P(i.date, r.start, r.finish)) continue;
+		let a = n.map((e, t) => i.global || e.markers.some((e) => String(e) === String(i.id)) ? t : -1).filter((e) => e >= 0);
+		if (a.length === 0) continue;
+		let o = i.offset.y > 0;
+		if (i.global && !e.view.absolute) {
+			for (let e of n) {
+				let n = P(i.date, e.start, e.finish);
+				if (n < 0 || n > 1) continue;
+				let r = t.get(String(e.id)) ?? [];
+				r.push({
+					marker: i,
+					at: n,
+					up: !1,
+					down: !1,
+					label: o ? "below" : "above"
+				}), t.set(String(e.id), r);
+			}
+			continue;
+		}
+		let s = [];
+		for (let t = Math.min(...a); t <= Math.max(...a); t++) {
+			let r = P(i.date, n[t].start, n[t].finish);
+			(e.view.absolute || r >= 0 && r <= 1) && s.push({
+				index: t,
+				at: r
+			});
+		}
+		if (s.length === 0) continue;
+		let c = s[0].index, l = s[s.length - 1].index;
+		for (let { index: e, at: r } of s) {
+			let a = t.get(String(n[e].id)) ?? [];
+			a.push({
+				marker: i,
+				at: r,
+				up: e !== c,
+				down: e !== l,
+				label: !o && e === c ? "above" : o && e === l ? "below" : void 0
+			}), t.set(String(n[e].id), a);
+		}
+	}
+	return t;
+}
+function W(e, t) {
+	return t.color && e.style.setProperty("--tlv-marker", t.color), e;
+}
+function ve(e, t) {
+	let n = [];
+	for (let r of e.markers) {
+		let i = e.timelines.flatMap((e) => {
+			let n = t.get(String(e.id))?.find((e) => e.marker === r);
+			return n ? [{
+				timeline: e,
+				part: n
+			}] : [];
+		}), a = [], o = () => {
+			if (a.length === 0) return;
+			let e = a[0], t = a[a.length - 1], i = W(z("span", "tlv-marker-line"), r);
+			Object.assign(i.dataset, {
+				marker: String(r.id),
+				from: String(e.timeline.id),
+				to: String(t.timeline.id),
+				at: String(e.part.at),
+				top: e.part.up ? "row" : "bar",
+				bottom: t.part.down ? "row" : "bar"
+			}), n.push(i), a = [];
+		};
+		for (let t of i) {
+			let n = a[a.length - 1];
+			n !== void 0 && n.part.down && t.part.up && e.timelines.indexOf(t.timeline) === e.timelines.indexOf(n.timeline) + 1 && (e.view.absolute || Math.abs(n.part.at - t.part.at) < 1e-9) || o(), a.push(t);
+		}
+		o();
+	}
+	return n;
+}
+function G(e) {
+	let t = [...e.querySelectorAll(":scope > .tlv-marker-line")];
+	if (t.length === 0) return;
+	let n = [...e.querySelectorAll(".tlv-timeline")], r = (e) => n.find((t) => t.dataset.timeline === e);
+	t[0].style.left = "0px", t[0].style.top = "0px";
+	let i = t[0].getBoundingClientRect();
+	for (let e of t) {
+		let t = r(e.dataset.from), n = r(e.dataset.to), a = t?.querySelector(".tlv-span")?.getBoundingClientRect(), o = t?.querySelector(".tlv-bar")?.getBoundingClientRect(), s = n?.querySelector(".tlv-bar")?.getBoundingClientRect();
+		if (!t || !n || !a || !o || !s) continue;
+		let c = a.left + Number(e.dataset.at) * a.width, l = e.dataset.top === "bar" ? o.top : t.getBoundingClientRect().top, u = e.dataset.bottom === "bar" ? s.bottom : n.getBoundingClientRect().bottom;
+		e.style.left = `${c - 1 - i.left}px`, e.style.top = `${l - i.top}px`, e.style.height = `${Math.max(0, u - l)}px`;
+	}
+}
+var K = /* @__PURE__ */ new WeakMap();
+function ye(e) {
+	if (typeof ResizeObserver > "u") return;
+	let t = K.get(e);
+	if (t || (t = new ResizeObserver(() => G(e)), K.set(e, t)), t.disconnect(), e.querySelector(":scope > .tlv-marker-line")) {
+		t.observe(e);
+		for (let n of e.querySelectorAll(".tlv-timeline")) t.observe(n);
+	}
+}
+function be(e) {
+	K.get(e)?.disconnect(), K.delete(e);
+}
+function xe(e, t) {
+	let { marker: n, at: r } = e, { x: i, y: a } = n.offset, o = W(z("div", "tlv-connector tlv-connector--marker"), n);
+	o.style.left = R(r), o.style[t === "above" ? "bottom" : "top"] = "0";
+	let s = W(z("div", "tlv-marker-label"), n);
+	return Object.assign(s.dataset, {
+		entry: "",
+		marker: String(n.id),
+		at: String(r),
+		x: String(i),
+		y: String(a),
+		reach: "0"
+	}), s.style.marginLeft = `calc(${R(r)} + ${i}px)`, t === "above" ? s.style.marginBottom = `${-a}px` : s.style.marginTop = `${a}px`, s.title = `${n.text} (${m(n.date)})`, s.append(z("div", "tlv-callout-title", n.text), z("div", "tlv-callout-dates", m(n.date))), [o, s];
+}
+function Se(e, t, n) {
+	let r = z("section", `tlv-timeline tlv-timeline--name-${e.view.namePosition}`);
+	r.dataset.timeline = String(t.id), r.setAttribute("aria-label", t.name);
+	let i = z("div", "tlv-span"), a = k(e);
+	if (e.view.absolute && a) {
+		let e = P(t.start, a.start, a.finish), n = P(t.finish, a.start, a.finish);
+		i.style.marginLeft = R(e), i.style.width = R(n - e);
+	}
+	let o = Ee(e, t, "above"), s = we(e, t), c = Ee(e, t, "below");
+	i.append(o, s, c);
+	for (let e of n) e.label && (e.label === "above" ? o : c).append(...xe(e, e.label));
+	let l = z("div", "tlv-center");
+	return l.append(i), r.append(z("div", "tlv-name", t.name), l), r;
+}
+function q(e, t, n, r) {
+	let i = z("div", e);
+	return i.dataset.entry = "", i.dataset.timeline = String(t.id), i.dataset.task = String(n.taskId), i.dataset.at = String(r), i;
+}
+function J(e) {
+	return e.isMilestone ? m(e.start) : `${m(e.start)} – ${m(e.finish)}`;
+}
+function Ce(e, t, n) {
+	let r = z("div", `tlv-date tlv-date--${e}`);
+	return r.append(z("span", "tlv-date-caption", t), z("span", "tlv-date-value", m(n))), r;
+}
+function we(e, t) {
+	let { scale: n, showDates: r } = e.view, { start: i, finish: a } = t, o = z("div", "tlv-bar");
+	r && o.append(Ce("start", "Start", i), Ce("finish", "Finish", a));
+	let s = z("div", "tlv-scale"), c = he(i, a, n), l = [
+		{
+			at: 0,
+			serial: F(i, n)
+		},
+		...c.filter((e) => e.at > 0 && e.at < 1).map((e) => ({
+			at: e.at,
+			serial: e.serial
+		})),
+		{
+			at: 1,
+			serial: 0
+		}
+	];
+	for (let e = 0; e < l.length - 1; e++) {
+		let t = z("span", `tlv-period${l[e].serial % 2 ? " tlv-period--alt" : ""}`);
+		t.style.left = R(l[e].at), t.style.width = R(l[e + 1].at - l[e].at), s.append(t);
+	}
+	for (let e of c) {
+		if (e.at >= 1) continue;
+		let t = z("span", "tlv-tick", e.label);
+		t.style.left = R(e.at), s.append(t);
+	}
+	let u = z("div", "tlv-track"), d = (e, n) => {
+		let r = z("div", n ? "tlv-line tlv-line--new" : "tlv-line");
+		return r.dataset.timeline = String(t.id), r.dataset.placement = "on", r.dataset.line = String(e), n && (r.dataset.newLine = "true"), r.style.height = `${n ? 14 : 28}px`, r;
+	}, f = A(t), p = M(t);
+	u.append(d(f, !0));
+	for (let n = f; n < p; n++) {
+		let r = d(n, !1);
+		for (let i of t.entries) i.placement === "on" && i.line === n && r.append(Te(e, t, i));
+		u.append(r);
+	}
+	return u.append(d(p, !0)), o.append(s, u), o;
+}
+function Te(e, t, n) {
+	let r = e.findTask(n.taskId), { from: i, to: a, center: o, before: s, after: c } = B(t, r), l = `${r.text} (${J(r)})`;
+	if (r.isMilestone) {
+		let a = q("tlv-milestone", t, n, o);
+		return a.style.left = R(i), a.title = l, H(a, r), a.append(z("span", `tlv-symbol tlv-symbol--${r.symbol ?? e.view.milestoneSymbol}`), z("span", "tlv-milestone-label", r.text)), a;
+	}
+	let u = q("tlv-task", t, n, o);
+	return V(u, "tlv-task", i, a), u.title = l, H(u, r), u.append(z("span", "tlv-task-label", r.text)), U(u, "tlv-task", s, c), s && u.append(z("span", "tlv-arrow tlv-arrow--before")), c && u.append(z("span", "tlv-arrow tlv-arrow--after")), u;
+}
+function Ee(e, t, n) {
+	let r = z("div", `tlv-area tlv-area--${n}`);
+	r.dataset.timeline = String(t.id), r.dataset.placement = n;
+	for (let i of t.entries) {
+		if (i.placement !== n) continue;
+		let a = e.findTask(i.taskId), { from: o, to: s, center: c, before: l, after: u } = B(t, a), { x: d, y: f } = i.calloutOffset, p, m;
+		a.isMilestone ? (p = z("span", `tlv-edge-symbol tlv-symbol tlv-symbol--${a.symbol ?? e.view.milestoneSymbol}`), p.style.left = R(c), m = 8) : (p = z("span", "tlv-edge-bar"), V(p, "tlv-edge-bar", o, s), U(p, "tlv-edge-bar", l, u), m = 6), H(p, a);
+		let h = z("div", "tlv-connector");
+		h.style.left = R(c), h.style[n === "above" ? "bottom" : "top"] = `${m}px`;
+		let g = q("tlv-callout", t, i, c);
+		Object.assign(g.dataset, {
+			x: String(d),
+			y: String(f),
+			reach: String(m)
+		}), g.style.marginLeft = `calc(${R(c)} + ${d}px)`, n === "above" ? g.style.marginBottom = `${-f}px` : g.style.marginTop = `${f}px`, g.title = `${a.text} (${J(a)})`, g.append(z("div", "tlv-callout-title", a.text), z("div", "tlv-callout-dates", J(a))), r.append(p, h, g);
+	}
+	return r;
+}
+function De(e) {
+	for (let t of e.querySelectorAll(".tlv-callout, .tlv-marker-label")) {
+		let e = t.previousElementSibling, n = Number(t.dataset.x), r = Number(t.dataset.y), i = Number(t.dataset.reach), a = t.parentElement.classList.contains("tlv-area--above") ? r + i : r - i, o = Math.min(Math.max(0, n), n + t.offsetWidth), s = Math.hypot(o, a);
+		e.style.width = `${s}px`, e.style.transform = `rotate(${Math.atan2(a, o)}rad)`, e.hidden = s < 1;
+	}
+}
+// src/svg.ts
+var Oe = "http://www.w3.org/2000/svg", ke = {
+	diamond: [
+		[7, -.92],
+		[14.92, 7],
+		[7, 14.92],
+		[-.92, 7]
+	],
+	square: [
+		[1.05, 1.05],
+		[12.95, 1.05],
+		[12.95, 12.95],
+		[1.05, 12.95]
+	],
+	triangle: [
+		[7, 0],
+		[14, 14],
+		[0, 14]
+	],
+	star: [
+		[50, 0],
+		[61, 35],
+		[98, 35],
+		[68, 57],
+		[79, 91],
+		[50, 70],
+		[21, 91],
+		[32, 57],
+		[2, 35],
+		[39, 35]
+	].map(([e, t]) => [e * 14 / 100, t * 14 / 100])
+}, Ae = (e) => e.replace(/[&<>"']/g, (e) => ({
+	"&": "&amp;",
+	"<": "&lt;",
+	">": "&gt;",
+	"\"": "&quot;",
+	"'": "&apos;"
+})[e]), Y = (e) => String(Math.round(e * 100) / 100), X = (e) => e !== "" && e !== "transparent" && !/rgba\(.*,\s*0\)$/.test(e), je = class {
+	root;
+	parts = [];
+	clipCount = 0;
+	origin;
+	constructor(e) {
+		this.root = e;
+		let t = e.getBoundingClientRect();
+		this.origin = {
+			x: t.left + e.clientLeft - e.scrollLeft,
+			y: t.top + e.clientTop - e.scrollTop
+		};
+	}
+	box(e) {
+		return this.fromRect(e.getBoundingClientRect());
+	}
+	fromRect(e) {
+		return {
+			x: e.left - this.origin.x,
+			y: e.top - this.origin.y,
+			width: e.width,
+			height: e.height
+		};
+	}
+	add(e) {
+		this.parts.push(e);
+	}
+	rect(e, t, n = "") {
+		e.width <= 0 || e.height <= 0 || this.add(`<rect x="${Y(e.x)}" y="${Y(e.y)}" width="${Y(e.width)}" height="${Y(e.height)}" fill="${t}"${n}/>`);
+	}
+	clip(e, t = 0) {
+		let n = `tlv-clip-${++this.clipCount}`;
+		return this.add(`<clipPath id="${n}"><rect x="${Y(e.x)}" y="${Y(e.y)}" width="${Y(e.width)}" height="${Y(e.height)}" rx="${Y(t)}"/></clipPath>`), n;
+	}
+	text(e, t) {
+		if (!e?.textContent) return;
+		let n = getComputedStyle(e), r = document.createRange();
+		r.selectNodeContents(e);
+		let i = typeof r.getBoundingClientRect == "function" ? r.getBoundingClientRect() : void 0, a = i && i.width > 0 ? this.fromRect(i) : this.box(e), o = (n.writingMode ?? "").startsWith("vertical"), s = a.x + a.width / 2, c = a.y + a.height / 2, l = ` font-family="${Ae(n.fontFamily)}" font-size="${n.fontSize}"` + (Number(n.fontWeight) >= 600 || n.fontWeight === "bold" ? ` font-weight="${n.fontWeight}"` : ""), u;
+		if (o) {
+			let t = e.closest(".tlv-timeline--name-left") ? -90 : 90;
+			u = `x="${Y(s)}" y="${Y(c)}" text-anchor="middle" transform="rotate(${t} ${Y(s)} ${Y(c)})"`;
+		} else u = `x="${Y(a.x)}" y="${Y(c)}"`;
+		let d = `<text ${u} dominant-baseline="central" fill="${n.color}"${l}>${Ae(e.textContent)}</text>`;
+		this.add(t ? `<g clip-path="url(#${this.clip(t)})">${d}</g>` : d);
+	}
+	size() {
+		let e = 0, t = 0;
+		for (let n of this.root.querySelectorAll(".tlv-title, .tlv-timeline")) {
+			let r = this.box(n);
+			e = Math.max(e, r.x + r.width), t = Math.max(t, r.y + r.height);
+		}
+		return {
+			width: Math.ceil(e),
+			height: Math.ceil(t)
+		};
+	}
+	toString() {
+		let { width: e, height: t } = this.size();
+		return `<svg xmlns="${Oe}" width="${Y(e)}" height="${Y(t)}" viewBox="0 0 ${Y(e)} ${Y(t)}">` + this.parts.join("") + "</svg>";
+	}
+};
+function Me(e, t) {
+	let { x: n, y: r, width: i, height: a } = e, o = Math.min(i, a) / 2, s = (e) => Math.min(parseFloat(e) || 0, o), [c, l, u, d] = [
+		s(t.borderTopLeftRadius),
+		s(t.borderTopRightRadius),
+		s(t.borderBottomRightRadius),
+		s(t.borderBottomLeftRadius)
+	], f = (e, t, n) => e ? `A${Y(e)} ${Y(e)} 0 0 1 ${Y(t)} ${Y(n)}` : `L${Y(t)} ${Y(n)}`;
+	return `M${Y(n + c)} ${Y(r)}H${Y(n + i - l)}${f(l, n + i, r + l)}V${Y(r + a - u)}${f(u, n + i - u, r + a)}H${Y(n + d)}${f(d, n, r + a - d)}V${Y(r + c)}${f(c, n + c, r)}Z`;
+}
+function Ne(e, t, n) {
+	let { x: r, y: i, width: a, height: o } = e, s = Math.min(6, a / 2);
+	return `M${[
+		[t ? r + s : r, i],
+		[n ? r + a - s : r + a, i],
+		...n ? [[r + a, i + o / 2]] : [],
+		[n ? r + a - s : r + a, i + o],
+		[t ? r + s : r, i + o],
+		...t ? [[r, i + o / 2]] : []
+	].map(([e, t]) => `${Y(e)} ${Y(t)}`).join("L")}Z`;
+}
+function Pe(e, t) {
+	let { x: n, y: r, width: i, height: a } = e.box(t), o = t.classList.contains("tlv-arrow--before") ? [
+		[n + i, r],
+		[n, r + a / 2],
+		[n + i, r + a]
+	] : [
+		[n, r],
+		[n + i, r + a / 2],
+		[n, r + a]
+	];
+	e.add(`<polygon points="${o.map(([e, t]) => `${Y(e)},${Y(t)}`).join(" ")}" fill="${getComputedStyle(t).backgroundColor}"/>`);
+}
+function Fe(e, t) {
+	let n = e.box(t), r = n.x + n.width / 2, i = n.y + n.height / 2, a = getComputedStyle(t).backgroundColor, o = [...t.classList].find((e) => e.startsWith("tlv-symbol--"))?.slice(12) ?? "diamond";
+	if (o === "circle") {
+		e.add(`<circle cx="${Y(r)}" cy="${Y(i)}" r="7" fill="${a}"/>`);
+		return;
+	}
+	let s = (ke[o] ?? ke.diamond).map(([e, t]) => `${Y(r - 7 + e)},${Y(i - 7 + t)}`).join(" ");
+	e.add(`<polygon points="${s}" fill="${a}"/>`);
+}
+function Ie(e, t) {
+	let n = getComputedStyle(t), r = e.box(t), i = parseFloat(n.borderTopLeftRadius) || 0;
+	e.rect(r, n.backgroundColor, ` rx="${Y(i)}"`);
+	let a = t.querySelector(".tlv-scale"), o = e.clip(r, i);
+	e.add(`<g clip-path="url(#${o})">`);
+	for (let t of a.querySelectorAll(".tlv-period")) e.rect(e.box(t), getComputedStyle(t).backgroundColor);
+	let s = e.box(a), c = getComputedStyle(a);
+	((t, n) => e.add(`<line x1="${Y(s.x)}" y1="${Y(t)}" x2="${Y(s.x + s.width)}" y2="${Y(t)}" stroke="${n}"/>`))(s.y + s.height - .5, c.borderBottomColor), e.add("</g>");
+	for (let t of a.querySelectorAll(".tlv-tick")) e.text(t, s);
+	for (let n of t.querySelectorAll(".tlv-task")) {
+		let t = e.box(n), r = getComputedStyle(n);
+		e.add(`<path d="${Me(t, r)}" fill="${r.backgroundColor}"/>`);
+		let i = n.querySelector(".tlv-task-label");
+		e.text(i, getComputedStyle(i).position === "absolute" ? void 0 : t);
+		for (let t of n.querySelectorAll(".tlv-arrow")) Pe(e, t);
+	}
+	for (let n of t.querySelectorAll(".tlv-milestone")) Fe(e, n.querySelector(".tlv-symbol")), e.text(n.querySelector(".tlv-milestone-label"));
+	e.rect({
+		x: r.x + .5,
+		y: r.y + .5,
+		width: r.width - 1,
+		height: r.height - 1
+	}, "none", ` rx="${Y(i)}" stroke="${n.borderTopColor}"`);
+	for (let n of t.querySelectorAll(".tlv-date")) e.text(n.querySelector(".tlv-date-caption")), e.text(n.querySelector(".tlv-date-value"));
+}
+function Le(e, t) {
+	let n = e.box(t), r = t.classList.contains("tlv-area--above"), i = r ? n.y + n.height : n.y, a = (t, a) => {
+		if (a.hidden) return;
+		let o = Number(t.dataset.x), s = Number(t.dataset.y), c = Number(t.dataset.reach), l = n.x + Number(t.dataset.at) * n.width, u = r ? i - c : i + c, d = Math.min(Math.max(0, o), o + t.offsetWidth), f = r ? s + c : s - c, p = getComputedStyle(a), m = a.classList.contains("tlv-connector--marker") ? "" : " stroke-dasharray=\"3 3\"";
+		e.add(`<line x1="${Y(l)}" y1="${Y(u)}" x2="${Y(l + d)}" y2="${Y(u + f)}" stroke="${p.borderTopColor}"${m}/>`);
+	};
+	for (let n of t.querySelectorAll(".tlv-marker-label")) a(n, n.previousElementSibling), Re(e, n);
+	for (let n of t.querySelectorAll(".tlv-callout")) {
+		let t = n.previousElementSibling, r = t.previousElementSibling;
+		if (a(n, t), r.classList.contains("tlv-edge-bar")) {
+			let t = getComputedStyle(r), n = r.classList.contains("tlv-edge-bar--before"), i = r.classList.contains("tlv-edge-bar--after"), a = e.box(r), o = n || i ? Ne(a, n, i) : Me(a, t);
+			e.add(`<path d="${o}" fill="${t.backgroundColor}"/>`);
+		} else Fe(e, r);
+		Re(e, n);
+	}
+}
+function Re(e, t) {
+	let n = getComputedStyle(t), r = e.box(t), i = parseFloat(n.borderTopLeftRadius) || 0;
+	X(n.backgroundColor) && e.rect(r, n.backgroundColor, ` rx="${Y(i)}"`), e.rect({
+		x: r.x + .5,
+		y: r.y + .5,
+		width: r.width - 1,
+		height: r.height - 1
+	}, "none", ` rx="${Y(i)}" stroke="${n.borderTopColor}"`), e.text(t.querySelector(".tlv-callout-title"), r), e.text(t.querySelector(".tlv-callout-dates"), r);
+}
+function ze(e) {
+	let t = new je(e), n = getComputedStyle(e), { width: r, height: i } = t.size();
+	X(n.backgroundColor) && t.rect({
+		x: 0,
+		y: 0,
+		width: r,
+		height: i
+	}, n.backgroundColor);
+	let a = e.querySelector(".tlv-title");
+	if (a) {
+		let e = t.box(a), n = getComputedStyle(a);
+		if (X(n.backgroundColor) && t.rect(e, n.backgroundColor), t.text(a), parseFloat(n.borderBottomWidth) > 0) {
+			let r = e.y + e.height - .5;
+			t.add(`<line x1="${Y(e.x)}" y1="${Y(r)}" x2="${Y(e.x + e.width)}" y2="${Y(r)}" stroke="${n.borderBottomColor}"/>`);
+		}
+	}
+	for (let n of e.querySelectorAll(".tlv-timeline")) {
+		let e = getComputedStyle(n), r = t.box(n), i = n.querySelector(".tlv-name"), a = t.box(i);
+		if (t.rect(a, getComputedStyle(i).backgroundColor), t.text(i, a), parseFloat(e.borderBottomWidth) > 0) {
+			let n = r.y + r.height - .5;
+			t.add(`<line x1="${Y(r.x)}" y1="${Y(n)}" x2="${Y(r.x + r.width)}" y2="${Y(n)}" stroke="${e.borderBottomColor}"/>`);
+		}
+		Ie(t, n.querySelector(".tlv-bar"));
+	}
+	for (let n of e.querySelectorAll(":scope > .tlv-marker-line")) t.rect(t.box(n), getComputedStyle(n).backgroundColor);
+	for (let n of e.querySelectorAll(".tlv-timeline")) for (let e of n.querySelectorAll(".tlv-area")) Le(t, e);
+	return t.toString();
+}
+// src/view.ts
+var Be = [
+	"onTaskClick",
+	"onTimelineClick",
+	"onTaskSelected",
+	"onTimelineSelected"
+], Z = class extends Error {
+	constructor() {
+		super("Move cancelled because an earlier move failed"), this.name = "MoveCancelledError";
+	}
+}, Ve = (e) => typeof e == "object" && !!e && "view" in e && "timelines" in e, He = class {
+	container;
+	model;
+	api;
+	listeners = /* @__PURE__ */ new Map();
+	handlers = /* @__PURE__ */ new Map();
+	lastEventId = 0;
+	selected = {
+		kind: "task",
+		ids: []
+	};
+	detachDrag;
+	queue = Promise.resolve();
+	pending = 0;
+	generation = 0;
+	constructor(e, t = {}) {
+		let r = typeof e == "string" ? document.getElementById(e) : e;
+		if (!r) throw Error(`Timeline container "${e}" not found`);
+		this.container = r, t.api_url && (this.api = new n(t.api_url, t.fetch)), this.detachDrag = u(r, (e) => this.onDrop(e), (e, t) => this.onEntryClick(e, t), (e, t) => this.onBackgroundClick(e, t), (e) => this.onMarkerDrop(e));
+	}
+	parse(e) {
+		this.model = O.fromData(e), this.render(), this.dropStaleSelection();
+	}
+	async load(e) {
+		if (!this.api) throw Error("load() needs the api_url option");
+		this.parse(await this.api.getView(e));
+	}
+	toSVG() {
+		this.requireModel();
+		let e = this.selected;
+		this.selected = {
+			kind: "task",
+			ids: []
+		}, this.applySelection();
+		try {
+			return ze(this.container);
+		} finally {
+			this.selected = e, this.applySelection();
+		}
+	}
+	serialize() {
+		return this.requireModel().toData();
+	}
+	on(e, t) {
+		let n = this.listeners.get(e);
+		return n || this.listeners.set(e, n = /* @__PURE__ */ new Set()), n.add(t), () => n.delete(t);
+	}
+	attachEvent(e, t) {
+		if (!Be.includes(e)) throw Error(`Unknown event "${e}"`);
+		if (typeof t != "function") throw Error("attachEvent needs a handler function");
+		let n = ++this.lastEventId;
+		return this.handlers.set(n, {
+			name: e,
+			handler: t
+		}), n;
+	}
+	detachEvent(e) {
+		return this.handlers.delete(e);
+	}
+	getSelectedTasks() {
+		return this.selected.kind === "task" ? [...this.selected.ids] : [];
+	}
+	getSelectedTimelines() {
+		return this.selected.kind === "timeline" ? [...this.selected.ids] : [];
+	}
+	selectTask(e, t = !1) {
+		let n = this.requireModel().findTask(e);
+		if (!n) throw Error(`Task ${e} not found`);
+		return this.select("task", n.id, t);
+	}
+	selectTimeline(e, t = !1) {
+		let n = this.requireModel().findTimeline(e);
+		if (!n) throw Error(`Timeline ${e} not found`);
+		return this.select("timeline", n.id, t);
+	}
+	unselectTask(e) {
+		return this.unselect("task", e);
+	}
+	unselectTimeline(e) {
+		return this.unselect("timeline", e);
+	}
+	clearSelection() {
+		this.setSelection(this.selected.kind, []);
+	}
+	setMarkerOffset(e, t) {
+		let n = this.requireModel().setMarkerOffset(e, t);
+		this.render(), this.emit("marker_moved", {
+			marker_id: n.id,
+			marker_offset: { ...n.offset }
+		});
+	}
+	moveTimelineUp(e) {
+		return this.moveTimeline(e, -1);
+	}
+	moveTimelineDown(e) {
+		return this.moveTimeline(e, 1);
+	}
+	moveTimeline(e, t) {
+		let n = this.requireModel().moveTimeline(e, t);
+		return n && this.render(), n;
+	}
+	async moveEntry(t, n, r) {
+		let i = this.requireModel(), a = {
+			timeline_id: t,
+			task_id: n,
+			patch: r
+		}, o = i.toData();
+		try {
+			i.moveEntry(t, n, ue(r));
+		} catch (e) {
+			throw this.emit("move_failed", {
+				...a,
+				error: e
+			}), e;
+		}
+		if (this.render(), this.emit("entry_moved", a), !this.api) return;
+		let s = i.view.id;
+		if (s === void 0) {
+			let e = /* @__PURE__ */ Error("view.id is required when api_url is set");
+			throw this.rollback(o), this.emit("move_failed", {
+				...a,
+				error: e
+			}), e;
+		}
+		let c = this.api, l = this.generation;
+		this.pending++;
+		let u = this.queue.then(async () => {
+			try {
+				if (l !== this.generation) throw new Z();
+				let e = await c.moveEntry(s, t, n, r, this.model?.version);
+				if (l !== this.generation) return;
+				this.model.version = e.version, this.pending === 1 && (this.model.replaceTimelines(e.timelines), this.render());
+			} catch (t) {
+				throw t instanceof Z || (this.generation++, t instanceof e && t.status === 409 && Ve(t.body) ? this.parse(t.body) : this.rollback(o), this.emit("move_failed", {
+					...a,
+					error: t
+				})), t;
+			} finally {
+				this.pending--;
+			}
+		});
+		return this.queue = u.catch(() => void 0), u;
+	}
+	destroy() {
+		this.detachDrag(), be(this.container), this.listeners.clear(), this.handlers.clear(), this.container.replaceChildren(), this.container.classList.remove("tlv");
+	}
+	rollback(e) {
+		let t = this.model?.version;
+		this.model = O.fromData(e), this.model.version = t, this.render();
+	}
+	onDrop({ timeline: e, task: t, target: n, offset: r }) {
+		let i = this.requireModel(), a = i.timelines.find((t) => String(t.id) === e), o = i.timelines.find((e) => String(e.id) === n.timeline), s = a?.entries.find((e) => String(e.taskId) === t);
+		if (!a || !o || !s) return;
+		let c = {};
+		o !== a && (c.timeline_id = o.id), n.placement !== s.placement && (c.placement = n.placement);
+		let l = c.timeline_id !== void 0 || c.placement !== void 0;
+		if (n.placement === "on") n.newLine ? (c.line = n.line, c.new_line = !0) : (l || s.placement !== "on" || s.line !== n.line) && (c.line = n.line);
+		else if (r) {
+			let e = s.placement === "on" ? void 0 : s.calloutOffset;
+			(l || !e || e.x !== r.x || e.y !== r.y) && (c.callout_offset = r);
+		}
+		Object.keys(c).length !== 0 && this.moveEntry(a.id, s.taskId, c).catch(() => void 0);
+	}
+	callHandlers(e, ...t) {
+		for (let { name: n, handler: r } of [...this.handlers.values()]) n === e && r.apply(this, t);
+	}
+	onMarkerDrop({ marker: e, offset: t }) {
+		let n = this.model?.markers.find((t) => String(t.id) === e);
+		!n || n.offset.x === t.x && n.offset.y === t.y || this.setMarkerOffset(n.id, t);
+	}
+	onEntryClick(e, t) {
+		let n = this.model, r = n?.tasks.find((t) => String(t.id) === e.dataset.task), i = n?.timelines.find((t) => String(t.id) === e.dataset.timeline);
+		n && r && i && (this.callHandlers("onTaskClick", r.id, t, i.id), this.model === n && this.clickSelect("task", r.id, t));
+	}
+	onBackgroundClick(e, t) {
+		let n = this.model;
+		if (!n) return;
+		let r = e.closest(".tlv-timeline"), i = r ? n.timelines.find((e) => String(e.id) === r.dataset.timeline) : void 0;
+		i && this.callHandlers("onTimelineClick", i.id, t), this.model === n && (i ? this.clickSelect("timeline", i.id, t) : n.view.selection && this.clearSelection());
+	}
+	clickSelect(e, t, n) {
+		if (!this.requireModel().view.selection) return;
+		let r = this.isSelected(e, t);
+		n.ctrlKey || n.metaKey ? r ? this.unselect(e, t) : this.select(e, t, !0) : r ? this.clearSelection() : this.select(e, t, !1);
+	}
+	isSelected(e, t) {
+		return this.selected.kind === e && this.selected.ids.some((e) => String(e) === String(t));
+	}
+	select(e, t, n) {
+		if (!this.requireModel().view.selection) return !1;
+		let r = n && this.selected.kind === e ? this.selected.ids : [];
+		return r.some((e) => String(e) === String(t)) || this.setSelection(e, [...r, t]), !0;
+	}
+	unselect(e, t) {
+		return this.isSelected(e, t) ? (this.setSelection(e, this.selected.ids.filter((e) => String(e) !== String(t))), !0) : !1;
+	}
+	setSelection(e, t) {
+		let n = this.selected;
+		this.selected = {
+			kind: e,
+			ids: t
+		}, this.applySelection();
+		let r = (e, t) => t.kind === e ? t.ids : [];
+		for (let e of ["task", "timeline"]) r(e, n).map(String).join("\0") !== r(e, this.selected).map(String).join("\0") && this.callHandlers(e === "task" ? "onTaskSelected" : "onTimelineSelected", [...r(e, this.selected)]);
+	}
+	dropStaleSelection() {
+		let e = this.requireModel(), { kind: t, ids: n } = this.selected, r = e.view.selection ? n.filter((n) => (t === "task" ? e.findTask(n) : e.findTimeline(n)) !== void 0) : [];
+		r.length !== n.length && this.setSelection(t, r);
+	}
+	applySelection() {
+		let e = new Set(this.selected.ids.map(String)), t = this.selected.kind === "task";
+		for (let n of this.container.querySelectorAll("[data-entry]")) n.classList.toggle("tlv-selected", t && e.has(n.dataset.task));
+		for (let n of this.container.querySelectorAll(".tlv-timeline")) {
+			let r = !t && e.has(n.dataset.timeline);
+			n.classList.toggle("tlv-timeline--selected", r), n.setAttribute("aria-selected", String(r));
+		}
+	}
+	emit(e, t) {
+		for (let n of this.listeners.get(e) ?? []) n(t);
+	}
+	requireModel() {
+		if (!this.model) throw Error("No data yet: call parse() or load() first");
+		return this.model;
+	}
+	render() {
+		ge(this.container, this.requireModel()), this.applySelection();
+	}
+}, Q;
+function $() {
+	if (!Q) throw Error("Call timeline.init(container) first");
+	return Q;
+}
+function Ue(e, t) {
+	return Q?.destroy(), Q = new He(e, t), Q;
+}
+var We = (e) => $().parse(e), Ge = (e) => $().load(e), Ke = () => $().serialize(), qe = () => $().toSVG(), Je = (e, t, n) => $().moveEntry(e, t, n), Ye = (e, t) => $().attachEvent(e, t), Xe = (e) => $().detachEvent(e), Ze = (e, t) => $().selectTask(e, t), Qe = (e, t) => $().selectTimeline(e, t), $e = (e) => $().unselectTask(e), et = (e) => $().unselectTimeline(e), tt = () => $().clearSelection(), nt = () => $().getSelectedTasks(), rt = () => $().getSelectedTimelines(), it = (e, t) => $().setMarkerOffset(e, t), at = (e) => $().moveTimelineUp(e), ot = (e) => $().moveTimelineDown(e), st = (e, t) => $().moveTimeline(e, t), ct = (e, t) => $().on(e, t);
+export { e as ApiError, Z as MoveCancelledError, S as MoveError, n as RestClient, O as TimelineModel, He as TimelineView, b as addDuration, Ye as attachEvent, tt as clearSelection, Xe as detachEvent, A as firstLine, nt as getSelectedTasks, rt as getSelectedTimelines, Ue as init, M as lineCount, Ge as load, Je as moveEntry, st as moveTimeline, ot as moveTimelineDown, at as moveTimelineUp, ct as on, We as parse, y as parseDuration, ue as patchFromData, Ze as selectTask, Qe as selectTimeline, Ke as serialize, it as setMarkerOffset, le as timelineToData, qe as toSVG, j as trimLines, $e as unselectTask, et as unselectTimeline };