@baishuyun/ui-base 6.3.2 → 6.4.1

package/dist/Gantt/GanttChart-DJA8pG9U.js

@@ -0,0 +1,2139 @@
+import { t as e } from "../Icon/Icon-BQ3Whub2.js";
+import { t } from "../vendors/useLocale-BTz4slNW.js";
+import { t as n } from "../Tooltip/Tooltip-DW_XP13m.js";
+import { a as r, f as i, g as a, i as o, m as s, n as c, o as l, r as u } from "./constants-D4ur8WRs.js";
+import { t as d } from "./GanttHighlightContext-AIpN3-af.js";
+import { n as f, r as p } from "./highlightTarget-DmzCIiQb.js";
+import { a as m, d as h, i as g, n as _, r as v, t as y, u as b } from "./timelineViewConfig-BXl2UkN8.js";
+import { _ as x, a as S, b as C, c as w, d as T, f as ee, g as E, h as D, i as O, l as k, m as A, o as j, p as M, r as N, s as te, t as ne, u as re, v as ie, x as ae, y as P } from "./collapseKeys-C8139wvy.js";
+import { n as oe, t as F } from "./GanttToolBar-D5pQdrzv.js";
+import { isFunction as I, isNumber as L, isString as R } from "lodash-es";
+import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
+import H, { forwardRef as U, memo as W, useCallback as G, useEffect as K, useImperativeHandle as se, useLayoutEffect as ce, useMemo as q, useRef as J, useState as Y } from "react";
+import X from "clsx";
+import { useDocumentVisibility as le, useSize as ue } from "ahooks";
+import { createContext as de, useContextSelector as Z } from "use-context-selector";
+import Q from "dayjs";
+import fe from "dayjs/plugin/isoWeek";
+import { useVirtualizer as pe } from "@tanstack/react-virtual";
+import me from "dayjs/plugin/quarterOfYear";
+import { OverlayScrollbars as he } from "overlayscrollbars";
+//#region src/components/Gantt/GanttChart/utils/dragEngine.ts
+var ge = (e) => e?.type === "task" && e?.draggable !== !1 && !e?.invalid, _e = {
+	canMove: !1,
+	canResizeStart: !1,
+	canResizeEnd: !1
+}, ve = (e) => !e || e.invalid || e.type === "summary" || e.draggable === !1 ? _e : e.dragPermission ? {
+	canMove: e.dragPermission.canMove === !0,
+	canResizeStart: e.dragPermission.canResizeStart === !0,
+	canResizeEnd: e.dragPermission.canResizeEnd === !0
+} : {
+	canMove: !0,
+	canResizeStart: !0,
+	canResizeEnd: !0
+}, ye = (e, t) => ge(e) ? e?.dragPermission ? t === "move" ? e.dragPermission.canMove === !0 : t === "resize-start" ? e.dragPermission.canResizeStart === !0 : t === "resize-end" ? e.dragPermission.canResizeEnd === !0 : !1 : !0 : !1, be = (e, t) => !t || Math.abs(e) < Math.min(5, t) ? 0 : Math.round(e / t), xe = (e, t) => be(e, t), Se = (e, t, n = "round") => {
+	if (!t || !Number.isFinite(e)) return e;
+	let r = ae(e), i = Q(r).startOf("day").valueOf(), a = (r - i) / t, o;
+	return o = n === "floor" ? Math.floor(a) : n === "ceil" ? Math.ceil(a) : Math.round(a), ie(i + o * t);
+}, Ce = (e, t, n) => ({
+	startMs: e + n,
+	endMs: t + n
+}), we = ({ startMs: e, endMs: t, deltaMs: n, edge: r, minDurationMs: i }) => {
+	if (r === "start") {
+		let r = t - i;
+		return {
+			startMs: Math.min(e + n, r),
+			endMs: t
+		};
+	}
+	let a = e + i;
+	return {
+		startMs: e,
+		endMs: Math.max(t + n, a)
+	};
+}, Te = (e, t, n, r) => {
+	let i = e.originStartMs, a = e.originEndMs, o = e.originAnchorPx ?? e.originLeftPx, c = e.originAnchorMs ?? n.timeAtX(o), l = o + t, u = n.timeAtX(l);
+	if (e.dragMode === "move") {
+		let t = Math.round((u - c) / s) * s;
+		i = e.originStartMs + t, a = e.originEndMs + t;
+	} else e.dragMode === "resize-start" ? (i = Se(u, r, "round"), a = e.originEndMs, a - i < r && (i = a - r)) : (a = Se(u, r, "round"), i = e.originStartMs, a - i < r && (a = i + r));
+	return {
+		deltaUnits: e.dragMode === "resize-end" ? Math.round((a - e.originEndMs) / r) : Math.round((i - e.originStartMs) / r),
+		previewStartMs: i,
+		previewEndMs: a,
+		previewLeftPx: e.dragMode === "resize-end" ? e.originLeftPx : l
+	};
+};
+function Ee(e) {
+	let t = {
+		taskId: String(e.item.id),
+		newStart: e.startMs,
+		newEnd: e.endMs,
+		deltaMs: e.deltaMs,
+		snapUnitMs: e.snapUnitMs,
+		changeType: e.changeType,
+		viewMode: e.viewMode
+	};
+	if (h(e.viewMode)) return {
+		taskId: t.taskId,
+		newStart: t.newStart,
+		newEnd: t.newEnd,
+		deltaMs: t.deltaMs,
+		snapUnitMs: t.snapUnitMs,
+		changeType: t.changeType,
+		viewMode: e.viewMode
+	};
+	let n = e;
+	return {
+		taskId: t.taskId,
+		newStart: t.newStart,
+		newEnd: t.newEnd,
+		deltaMs: t.deltaMs,
+		snapUnitMs: t.snapUnitMs,
+		changeType: t.changeType,
+		viewMode: n.viewMode,
+		deltaDays: n.deltaDays
+	};
+}
+var De = (e) => e && I(e.then) ? e : Promise.resolve(e);
+//#endregion
+//#region src/components/Gantt/GanttChart/hooks/useEdgeScroll.tsx
+function Oe(e, t) {
+	let n = J(null), r = J(0), i = G(() => {
+		n.current !== null && (cancelAnimationFrame(n.current), n.current = null), r.current = 0;
+	}, []);
+	K(() => () => {
+		n.current !== null && cancelAnimationFrame(n.current);
+	}, []);
+	let a = G(() => {
+		if (n.current !== null) return;
+		let i = () => {
+			let a = e.current, o = r.current;
+			if (!a || o === 0) {
+				n.current = null;
+				return;
+			}
+			let s = a.scrollLeft, c = a.scrollWidth - a.clientWidth, l = Math.max(0, Math.min(c, s + o));
+			a.scrollLeft = l, l !== s && t?.current?.(), n.current = requestAnimationFrame(i);
+		};
+		n.current = requestAnimationFrame(i);
+	}, [e, t]);
+	return {
+		startEdgeDetection: G((t) => {
+			let i = e.current;
+			if (!i) return;
+			let o = i.getBoundingClientRect(), s = t - o.left, c = o.right - t, l = 0;
+			s < 0 ? (l = -10, a()) : c < 0 ? (l = 10, a()) : s < 60 ? (l = -(2 + 8 * (1 - s / 60)), a()) : c < 60 ? (l = 2 + 8 * (1 - c / 60), a()) : n.current !== null && (cancelAnimationFrame(n.current), n.current = null), r.current = l;
+		}, [e, a]),
+		stopEdgeScroll: i
+	};
+}
+//#endregion
+//#region src/components/Gantt/GanttChart/hooks/useGanttDrag.tsx
+function ke({ pixelsPerDay: e, viewMode: t, timelineCoords: n, onTaskTimeChange: i, containerRef: c, onDragInteractionChange: u }) {
+	let d = h(t), f = m(t), p = f / s * e, g = J(n);
+	g.current = n;
+	let [_, v] = Y({}), [y, b] = Y(null), x = J(null), S = J({
+		shouldSuppressClick: !1,
+		at: 0
+	}), C = J(0), w = J(null), { startEdgeDetection: T, stopEdgeScroll: ee } = Oe(c ?? { current: null }, w), E = J({});
+	K(() => {
+		x.current = y;
+	}, [y]), K(() => () => {
+		for (let e of Object.values(E.current)) e.timeoutId && clearTimeout(e.timeoutId);
+	}, []);
+	let D = G(() => {
+		v((e) => {
+			let t = Object.keys(E.current);
+			if (t.length === 0) return {};
+			let n = {};
+			for (let r of t) e[r] && (n[r] = e[r]);
+			return Object.keys(n).length === Object.keys(e).length ? e : n;
+		}), S.current = {
+			shouldSuppressClick: !1,
+			at: 0
+		};
+	}, []), O = G(() => {
+		for (let e of Object.values(E.current)) e.timeoutId && clearTimeout(e.timeoutId);
+		E.current = {}, v({}), S.current = {
+			shouldSuppressClick: !1,
+			at: 0
+		};
+	}, []), k = G((e, t, n, r, i = 1) => {
+		if (!ye(t, r) || t.invalid) return;
+		e.preventDefault(), e.stopPropagation();
+		let a = c?.current, o = a?.scrollLeft ?? 0, s = a?.getBoundingClientRect(), l = s ? e.clientX - s.left : 0, d = t.endMs ?? 0, f = t.startMs ?? 0, p = Math.max(1, i), m = r === "resize-end" ? n + p : n, h = l - (m - o), _ = {
+			taskId: t.id,
+			item: t,
+			startClientX: e.clientX,
+			grabOffsetInBar: h,
+			originLeftPx: n,
+			originWidthPx: p,
+			originAnchorPx: m,
+			originAnchorMs: g.current.timeAtX(m),
+			originStartMs: f,
+			originEndMs: d,
+			deltaUnits: 0,
+			dragMode: r,
+			previewLeftPx: n,
+			previewStartMs: f,
+			previewEndMs: d
+		};
+		S.current = {
+			shouldSuppressClick: !1,
+			at: 0
+		}, x.current = _, b(_), u?.(!0);
+	}, [c, u]), A = G((e, t, n, r) => {
+		k(e, t, n, o, r);
+	}, [k]), j = G((e, t, n, i, a) => {
+		k(e, t, n, i === "start" ? l : r, a);
+	}, [k]);
+	return K(() => {
+		if (!y?.taskId) return;
+		let e = (e) => {
+			let t = x.current;
+			if (!t) return;
+			let n = c?.current, r = n?.getBoundingClientRect(), i = n?.scrollLeft ?? 0, a = n?.clientWidth ?? 0, o = g.current, s = i + (r ? e - r.left : 0) - t.grabOffsetInBar, l = t.originWidthPx, u = l > a, m = s;
+			if (t.dragMode === "resize-end") m = t.originLeftPx;
+			else if (!u && a > 0) {
+				let e = i, n = i + Math.max(0, a - l);
+				t.dragMode === "move" && (m = Math.min(n, Math.max(e, s)));
+			}
+			let h = (t.dragMode === "resize-end" ? s : m) - t.originAnchorPx;
+			if (!d) {
+				let e = {
+					...Te(t, h, o, f),
+					previewLeftPx: m
+				};
+				if (e.deltaUnits === t.deltaUnits && e.previewLeftPx === t.previewLeftPx && e.previewStartMs === t.previewStartMs && e.previewEndMs === t.previewEndMs) return;
+				let n = {
+					...t,
+					...e
+				};
+				x.current = n, b(n);
+				return;
+			}
+			let _ = xe(h, p), v = {
+				...t,
+				deltaUnits: _,
+				previewLeftPx: t.dragMode === "resize-end" ? t.originLeftPx : m
+			};
+			if (t.dragMode === "move") {
+				let e = Ce(t.originStartMs, t.originEndMs, _ * f);
+				v.previewStartMs = e.startMs, v.previewEndMs = e.endMs;
+			} else {
+				let e = we({
+					startMs: t.originStartMs,
+					endMs: t.originEndMs,
+					deltaMs: _ * f,
+					edge: t.dragMode === "resize-start" ? "start" : "end",
+					minDurationMs: f
+				});
+				v.previewStartMs = e.startMs, v.previewEndMs = e.endMs, t.dragMode === "resize-start" && (v.previewLeftPx = m);
+			}
+			let y = Math.round((v.previewStartMs - t.originStartMs) / f), S = {
+				...v,
+				deltaUnits: t.dragMode === "resize-end" ? Math.round((v.previewEndMs - t.originEndMs) / f) : y
+			};
+			S.deltaUnits === t.deltaUnits && S.previewLeftPx === t.previewLeftPx && S.previewStartMs === t.previewStartMs && S.previewEndMs === t.previewEndMs || (x.current = S, b(S));
+		};
+		w.current = () => e(C.current);
+		let n = (t) => {
+			C.current = t.clientX, T(t.clientX), e(t.clientX);
+		}, r = () => {
+			ee(), w.current = null, e(C.current);
+			let n = x.current;
+			if (u?.(!1), !n) return;
+			let r = n.previewStartMs !== n.originStartMs || n.previewEndMs !== n.originEndMs;
+			S.current = {
+				shouldSuppressClick: r,
+				at: Date.now()
+			};
+			let o = r;
+			if (!ye(n.item, n.dragMode) || !o || !i) {
+				x.current = null, b(null);
+				return;
+			}
+			let c = n.taskId;
+			v((e) => ({
+				...e,
+				[c]: {
+					startMs: n.previewStartMs,
+					endMs: n.previewEndMs
+				}
+			})), x.current = null, b(null);
+			let l = (E.current[c]?.opId || 0) + 1;
+			E.current[c]?.timeoutId && clearTimeout(E.current[c].timeoutId);
+			let p = setTimeout(() => {
+				E.current[c]?.opId === l && (console.warn(`[GanttDrag] task ${c} op ${l} timed out (${a}ms)`), v((e) => {
+					let t = { ...e };
+					return delete t[c], t;
+				}), delete E.current[c]);
+			}, a);
+			E.current[c] = {
+				opId: l,
+				startedAt: Date.now(),
+				timeoutId: p
+			};
+			let m, g;
+			if (d) if (n.dragMode === "move") {
+				let e = Se(n.previewStartMs, f, "round"), t = e - n.previewStartMs;
+				m = e, g = n.previewEndMs + t;
+			} else n.dragMode === "resize-start" ? (m = Se(n.previewStartMs, f, "round"), g = n.previewEndMs) : (m = n.previewStartMs, g = Se(n.previewEndMs, f, "round"));
+			else {
+				let e = Number.isFinite(n.item.rawStartMs) && Number.isFinite(n.item.baseStartMs) && Number.isFinite(n.previewStartMs), t = Number.isFinite(n.item.rawEndMs) && Number.isFinite(n.item.baseEndMs) && Number.isFinite(n.previewEndMs), r = e ? Math.round((n.previewStartMs - (n.item.baseStartMs ?? 0)) / s) : 0, i = t ? Math.round((n.previewEndMs - (n.item.baseEndMs ?? 0)) / s) : 0;
+				m = e ? (n.item.rawStartMs ?? 0) + r * s : n.item.rawStartMs ?? 0, g = t ? (n.item.rawEndMs ?? 0) + i * s : n.item.rawEndMs ?? 0;
+			}
+			let _;
+			_ = h(t) ? Ee({
+				item: n.item,
+				startMs: m,
+				endMs: g,
+				deltaMs: n.deltaUnits * f,
+				snapUnitMs: f,
+				changeType: n.dragMode,
+				viewMode: t
+			}) : Ee({
+				item: n.item,
+				startMs: m,
+				endMs: g,
+				deltaDays: n.deltaUnits,
+				deltaMs: n.deltaUnits * f,
+				snapUnitMs: f,
+				changeType: n.dragMode,
+				viewMode: t
+			}), De(i(_)).catch((e) => {
+				console.error("[GanttChart] onTaskTimeChange rejected", e), E.current[c]?.opId === l && v((e) => {
+					let t = { ...e };
+					return delete t[c], t;
+				});
+			}).finally(() => {
+				E.current[c]?.opId === l && (clearTimeout(E.current[c].timeoutId), delete E.current[c]);
+			});
+		}, o = (e) => {
+			e.type === "visibilitychange" && document.visibilityState === "visible" || x.current && r();
+		};
+		return document.addEventListener("mousemove", n), document.addEventListener("mouseup", r), document.addEventListener("mouseleave", o), document.addEventListener("visibilitychange", o), window.addEventListener("blur", o), () => {
+			document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", r), document.removeEventListener("mouseleave", o), document.removeEventListener("visibilitychange", o), window.removeEventListener("blur", o), w.current = null;
+		};
+	}, [
+		y?.taskId,
+		d,
+		f,
+		p,
+		i,
+		e,
+		t,
+		T,
+		ee,
+		c,
+		u
+	]), {
+		dragState: y,
+		committedRangeById: _,
+		resetCommittedRanges: D,
+		forceResetAllCommittedRanges: O,
+		handleTaskMouseDown: A,
+		handleResizeMouseDown: j,
+		consumeRecentDragResult: G(() => {
+			let { shouldSuppressClick: e, at: t } = S.current;
+			return S.current = {
+				shouldSuppressClick: !1,
+				at: 0
+			}, e ? Date.now() - t <= 400 : !1;
+		}, [])
+	};
+}
+//#endregion
+//#region src/components/Gantt/GanttChart/utils/timelineFocus.ts
+function Ae(e, t, n) {
+	let r = Number(t) > 0 ? Number(t) : 0, i = Number(n) > 0 ? Number(n) : 0, a = Math.max(0, i - r);
+	return Number.isFinite(e) ? Math.min(Math.max(0, e), a) : 0;
+}
+function je({ anchorMs: e, toX: t, viewportWidth: n, timelineWidth: r }) {
+	let i = Number(n) > 0 ? Number(n) : 0;
+	if (!Number.isFinite(e) || typeof t != "function" || i <= 0) return 0;
+	let a = t(e);
+	return Number.isFinite(a) ? Ae(a - i / 2, i, r) : 0;
+}
+//#endregion
+//#region src/components/Gantt/GanttChart/hooks/useGanttColumnVirtual.ts
+function Me(e) {
+	let t = Number(e);
+	return Math.max((Number.isFinite(t) && t > 0 ? t : 0) * 4, 240);
+}
+function Ne(e, t) {
+	if (!Array.isArray(e) || e.length === 0) return [];
+	let { scrollLeft: n = 0, viewportWidth: r = 0, pixelsPerDay: i } = t || {}, a = Me(Number(e[0]?.width) > 0 ? Number(e[0].width) : i), o = e[e.length - 1], s = Ae(n, r, Number(o?.left) + Number(o?.width) > 0 ? Number(o.left) + Number(o.width) : 0), c = Math.max(0, s - a), l = s + r + a, u = e.length, d = 0, f = u - 1, p = u;
+	for (; d <= f;) {
+		let t = d + f >> 1, n = e[t];
+		n.left + n.width > c ? (p = t, f = t - 1) : d = t + 1;
+	}
+	d = 0, f = u - 1;
+	let m = -1;
+	for (; d <= f;) {
+		let t = d + f >> 1;
+		e[t].left < l ? (m = t, d = t + 1) : f = t - 1;
+	}
+	if (p > m) return [];
+	let h = [];
+	for (let e = p; e <= m; e += 1) h.push({ index: e });
+	return h;
+}
+function Pe({ lowerSegments: e, pixelsPerDay: t, scrollLeft: n, viewportWidth: r, showWeekendHighlight: i, timelineStartMs: a, timelineWidth: o, viewMode: c }) {
+	return {
+		virtualColumns: q(() => Ne(e, {
+			scrollLeft: n,
+			viewportWidth: r,
+			pixelsPerDay: t
+		}), [
+			e,
+			t,
+			n,
+			r
+		]),
+		weekendSegments: q(() => {
+			if (!i || o <= 0 || c !== "day") return [];
+			let e = Math.max(0, n - 120), l = n + r + 120, u = Math.max(0, Math.floor(e / t)), d = Math.ceil(l / t), f = [];
+			for (let e = u; e <= d; e += 1) {
+				let n = a + e * s, r = P(n);
+				(r === 0 || r === 6) && f.push({
+					id: `weekend-${n}`,
+					left: e * t,
+					width: t
+				});
+			}
+			return f;
+		}, [
+			i,
+			o,
+			n,
+			r,
+			t,
+			a,
+			c
+		])
+	};
+}
+Q.extend(fe), Q.extend(me);
+var Fe = {
+	day: {
+		amount: 1,
+		unit: "day"
+	},
+	week: {
+		amount: 1,
+		unit: "week"
+	},
+	month: {
+		amount: 1,
+		unit: "month"
+	},
+	quarter: {
+		amount: 1,
+		unit: "quarter"
+	},
+	quarterMonth: {
+		amount: 1,
+		unit: "month"
+	},
+	year: {
+		amount: 6,
+		unit: "month",
+		align: (e) => {
+			let t = e.month();
+			return t !== 0 && t !== 6 ? t < 6 ? e.startOf("year") : e.month(6).startOf("month") : e;
+		}
+	},
+	halfDay: {
+		amount: 12,
+		unit: "hour"
+	},
+	sixHour: {
+		amount: 6,
+		unit: "hour"
+	},
+	hour: {
+		amount: 1,
+		unit: "hour"
+	},
+	halfHour: {
+		amount: 30,
+		unit: "minute"
+	},
+	tenMinute: {
+		amount: 10,
+		unit: "minute"
+	},
+	oneMinute: {
+		amount: 1,
+		unit: "minute"
+	}
+}, Ie = (e, t, n) => {
+	switch (t) {
+		case "halfDay": return e.hour() < 12 ? n("header.lower.halfDayAm") : n("header.lower.halfDayPm");
+		case "sixHour": {
+			let t = e.hour();
+			return n("header.lower.sixHourRange", {
+				start: t,
+				end: t + 6
+			});
+		}
+		case "hour": return String(e.hour());
+		case "halfHour": return e.format("HH:mm");
+		case "tenMinute": return String(e.minute());
+		case "oneMinute": return e.format("mm");
+		default: return e.format("DD");
+	}
+}, Le = (e, t, n) => {
+	let r = C(e.valueOf());
+	switch (t) {
+		case "day": return r.format("DD");
+		case "week": return n("header.lower.week", { week: r.isoWeek() });
+		case "month":
+		case "quarterMonth": return D(e.valueOf(), n);
+		case "quarter": return n("header.lower.quarter", { quarter: r.quarter() });
+		case "year": return r.month() < 6 ? n("firstHalf") : n("secondHalf");
+		default: return Ie(r, t, n);
+	}
+}, Re = (e, t) => {
+	let n = C(e.valueOf()), r = y(t).headerLayout;
+	return r === "dayNested" ? `day-${n.format("YYYY-MM-DD")}` : r === "hourNested" ? `hour-${n.format("YYYY-MM-DD-HH")}` : r === "quarterNested" ? `quarter-${n.format("YYYY")}-Q${n.quarter()}` : t === "day" || t === "week" ? `month-${n.format("YYYY-MM")}` : `year-${n.format("YYYY")}`;
+}, ze = (e, t, n) => {
+	let r = C(e.valueOf()), i = y(t).headerLayout;
+	return i === "dayNested" ? n("header.top.monthDay", {
+		month: r.month() + 1,
+		day: r.date()
+	}) : i === "hourNested" ? r.hour() === 0 ? n("header.top.hourWithDate", {
+		month: r.month() + 1,
+		day: r.date(),
+		hour: 0
+	}) : n("header.top.hourOnly", { hour: r.hour() }) : i === "quarterNested" ? E(e.valueOf(), n) : t === "day" || t === "week" ? n("header.top.yearMonth", {
+		year: r.year(),
+		month: r.month() + 1
+	}) : n("header.top.year", { year: r.year() });
+}, Be = (e, t, n, r, i, a, o) => {
+	let s = _(r), c = A ?? 100;
+	e.push({
+		id: `${r}-${t}`,
+		startMs: t,
+		endMs: n,
+		left: s ? e.length * c : M(t, i, a, r),
+		width: s ? c : Math.max(1, ee(t, n, a, r)),
+		label: Le(Q(t), r, o)
+	});
+}, Ve = ({ viewMode: e, timelineStartMs: t, timelineEndMs: n, pixelsPerDay: r, formatMessage: i }) => {
+	let a = [], o = Fe[e] || Fe.day, s = Q(ae(t));
+	_(e) && (s = s.startOf("month"));
+	let c = Q(ae(n));
+	for (; s.isBefore(c);) {
+		o.align && (s = o.align(s));
+		let n = s.add(o.amount, o.unit);
+		Be(a, ie(s.valueOf()), ie(n.valueOf()), e, t, r, i), s = n;
+	}
+	return a;
+}, He = ({ lowerSegments: e, viewMode: t, formatMessage: n }) => {
+	if (!Array.isArray(e) || e.length === 0) return [];
+	let r = [], i = null;
+	for (let a of e) {
+		let e = Q(a.startMs), o = Re(e, t);
+		if (!i || i.key !== o) {
+			i && r.push({
+				id: i.key,
+				left: i.left,
+				width: i.width,
+				label: i.label
+			}), i = {
+				key: o,
+				left: a.left,
+				width: a.width,
+				label: ze(e, t, n)
+			};
+			continue;
+		}
+		i.width += a.width;
+	}
+	return i !== null && r.push({
+		id: i.key,
+		left: i.left,
+		width: i.width,
+		label: i.label
+	}), r;
+}, Ue = (e) => Number.isFinite(e.startMs) && Number.isFinite(e.endMs) && e.startMs < e.endMs, We = (e) => {
+	if (!Ue(e)) throw RangeError("Timeline range must be finite and satisfy startMs < endMs");
+}, Ge = (e, t) => {
+	if (We(e), !Number.isFinite(t)) throw RangeError("Timeline time must be finite");
+	return e.startMs <= t && t < e.endMs;
+}, Ke = (e, t) => (We(e), We(t), e.startMs < t.endMs && t.startMs < e.endMs), qe = (e, t) => {
+	We(e), We(t);
+	let n = Math.max(e.startMs, t.startMs), r = Math.min(e.endMs, t.endMs);
+	return n < r ? {
+		startMs: n,
+		endMs: r
+	} : null;
+}, Je = (e, t) => {
+	if (!Number.isFinite(e) || e <= 0) throw RangeError(`${t} must be finite and greater than zero`);
+}, Ye = (e, t) => {
+	if (Number.isFinite(e)) return e;
+	if (Number.isFinite(t)) return t;
+	throw RangeError("focusMs or fallbackFocusMs must be finite");
+}, Xe = ({ startMs: e, endMs: t, viewMode: n, viewportWidth: r, pixelsPerDay: i }) => {
+	let a = (t - e) / s;
+	if (a * i >= r) return {
+		startMs: e,
+		endMs: t
+	};
+	let o = Math.ceil(r / i), c = Math.ceil((o - a) / 2) * s;
+	return S(e - c, t + c, n);
+}, Ze = ({ range: e, focusMs: t, viewMode: n, viewportWidth: r, pixelsPerDay: i }) => {
+	let a = (r / 2 + 281) / i * s;
+	return Xe({
+		...S(Math.min(e.startMs, t - a), Math.max(e.endMs, t + a), n),
+		viewMode: n,
+		viewportWidth: r,
+		pixelsPerDay: i
+	});
+}, Qe = ({ renderWindow: e, timelineCoords: t, scrollLeft: n, viewportWidth: r }) => {
+	if (!Ue(e)) throw RangeError("renderWindow must be a valid timeline range");
+	if (!Number.isFinite(n) || n < 0) throw RangeError("scrollLeft must be finite and non-negative");
+	Je(r, "viewportWidth");
+	let i = {
+		startMs: t.timeAtX(n),
+		endMs: t.timeAtX(n + r)
+	};
+	if (!Ue(i)) throw RangeError("TimelineCoords must produce an increasing finite visible range");
+	let a = qe(i, e);
+	if (!a) throw RangeError("Visible range must intersect renderWindow");
+	let o = t.timeAtX(n + r / 2);
+	if (!Number.isFinite(o)) throw RangeError("TimelineCoords must produce a finite focus");
+	return {
+		renderWindow: e,
+		visibleRange: a,
+		focusMs: o
+	};
+}, $e = ({ scrollLeft: e, viewportWidth: t, timelineWidth: n, guardBandPx: r }) => {
+	if (!Number.isFinite(e) || e < 0) throw RangeError("scrollLeft must be finite and non-negative");
+	if (Je(t, "viewportWidth"), Je(n, "timelineWidth"), !Number.isFinite(r) || r < 0) throw RangeError("guardBandPx must be finite and non-negative");
+	let i = Math.max(0, n - t);
+	if (i === 0) return null;
+	let a = Math.min(e, i), o = a <= r;
+	return o === i - a <= r ? null : o ? "left" : "right";
+}, et = ({ focusMs: e, fallbackFocusMs: t, viewMode: n, timeRangeConfig: r, viewportWidth: i, pixelsPerDay: a }) => {
+	Je(i, "viewportWidth"), Je(a, "pixelsPerDay");
+	let o = Ye(e, t), s = Ze({
+		range: j(r, o),
+		focusMs: o,
+		viewMode: n,
+		viewportWidth: i,
+		pixelsPerDay: a
+	});
+	if (!Ue(s)) throw RangeError("Viewport engine produced an invalid render window");
+	return s;
+}, tt = ({ focusMs: e, fallbackFocusMs: t, timelineCoords: n, viewportWidth: r, timelineWidth: i }) => {
+	let a = Ye(e, t);
+	return Je(r, "viewportWidth"), Je(i, "timelineWidth"), {
+		focusMs: a,
+		scrollLeft: je({
+			anchorMs: a,
+			toX: n.toX,
+			viewportWidth: r,
+			timelineWidth: i
+		})
+	};
+}, nt = (e) => {
+	if (v(e)) {
+		let t = g(e);
+		return Se(Date.now(), t, "floor") + t / 2;
+	}
+	return T(Date.now()) + s / 2;
+}, rt = (e, t) => {
+	if (v(t)) {
+		let n = g(t);
+		return Se(e, n, "floor") + n + 1;
+	}
+	return T(e) + s + 1;
+}, it = (e) => {
+	let [t, n] = Y(() => nt(e)), r = J(null), i = G(() => {
+		r.current &&= (clearTimeout(r.current), null);
+	}, []), a = G(() => {
+		i();
+		let t = Date.now(), o = rt(t, e);
+		r.current = setTimeout(() => {
+			n(nt(e)), a();
+		}, Math.max(1, o - t));
+	}, [i, e]);
+	K(() => (n(nt(e)), a(), i), [
+		e,
+		a,
+		i
+	]);
+	let o = le();
+	return K(() => {
+		o === "visible" && (n(nt(e)), a());
+	}, [
+		o,
+		a,
+		e
+	]), t;
+};
+//#endregion
+//#region src/components/Gantt/GanttChart/hooks/useTimelineViewportController.ts
+function at({ timeRangeConfig: e, pixelsPerDayConfig: t, viewMode: n, contentRef: r, contentSize: i, headerTrackRef: a, formatMessage: o, isHorizontalScrollbarInteracting: s, isTaskBarInteracting: c = !1 }) {
+	let l = k(n, t), u = q(() => re(n, e), [n, e]), d = i?.width !== null && i?.width !== void 0 && Number(i.width) > 0 ? Number(i.width) : 0, f = J(!1), [p, m] = Y(!1), [h, g] = Y(d), _ = J(null), v = J(!1), y = J(!1), b = J(null), x = J(null), S = J(null), [C, w] = Y(0), T = G((e) => {
+		let t = S.current;
+		if (!t || !e) return !1;
+		let n = e.scrollLeft || 0;
+		return Math.abs(n - t.targetLeft) > 1;
+	}, []), ee = G((e) => {
+		let t = S.current;
+		t && Math.abs(e - t.targetLeft) <= 1 && (S.current = null);
+	}, []), E = G(() => {
+		x.current !== null && (cancelAnimationFrame(x.current), x.current = null), b.current = null;
+	}, []), D = G((e) => {
+		E();
+		let t = { left: e };
+		b.current = t, x.current = requestAnimationFrame(() => {
+			x.current = null, b.current === t && (b.current = null);
+		});
+	}, [E]), [O, A] = Y(0), j = J(0), M = J(0), N = J(null), ne = G((e) => {
+		M.current = e, N.current === null && (N.current = requestAnimationFrame(() => {
+			N.current = null;
+			let e = M.current;
+			A((t) => t === e ? t : e);
+		}));
+	}, []);
+	K(() => () => {
+		N.current !== null && cancelAnimationFrame(N.current), E();
+	}, [E]);
+	let [ie, ae] = Y(null), P = J(n), oe = P.current === n, F = oe ? ie : null, I = G(() => {
+		let e = _.current;
+		return e !== null && Number.isFinite(e) ? e : nt(n);
+	}, [n]), L = G((e) => {
+		Number.isFinite(e) && (_.current = e);
+	}, []), R = G((e) => {
+		S.current = null;
+		let t = et({
+			focusMs: e,
+			fallbackFocusMs: I(),
+			viewMode: n,
+			timeRangeConfig: u,
+			viewportWidth: h || 1e3,
+			pixelsPerDay: l
+		});
+		return ae(t), v.current = !0, t;
+	}, [
+		u,
+		l,
+		I,
+		n,
+		h
+	]);
+	K(() => {
+		P.current = n, R(I());
+	}, [e?.bufferDaysBefore, e?.bufferDaysAfter]), ce(() => {
+		let e = i?.width !== null && i?.width !== void 0 && Number(i.width) > 0 ? Number(i.width) : 0, t = r.current?.clientWidth !== null && r.current?.clientWidth !== void 0 && Number(r.current.clientWidth) > 0 ? Number(r.current.clientWidth) : 0, n = e > 0 ? e : f.current ? t : 0;
+		n > 0 && n !== h && g(n);
+	}, [
+		r,
+		i?.width,
+		h
+	]);
+	let z = q(() => F || et({
+		focusMs: I(),
+		viewMode: n,
+		timeRangeConfig: u,
+		viewportWidth: h || 1e3,
+		pixelsPerDay: l
+	}), [
+		F,
+		u,
+		l,
+		I,
+		n,
+		h
+	]), { timelineStartMs: B, timelineEndMs: V } = q(() => ({
+		timelineStartMs: z.startMs,
+		timelineEndMs: z.endMs
+	}), [z]), H = q(() => Ve({
+		viewMode: n,
+		timelineStartMs: B,
+		timelineEndMs: V,
+		pixelsPerDay: l,
+		formatMessage: o
+	}), [
+		n,
+		B,
+		V,
+		l,
+		o
+	]), U = q(() => te({
+		viewMode: n,
+		timelineStartMs: B,
+		timelineEndMs: V,
+		pixelsPerDay: l,
+		lowerSegments: H
+	}), [
+		n,
+		B,
+		V,
+		l,
+		H
+	]), W = q(() => {
+		if (H.length === 0) return 0;
+		let e = H[H.length - 1];
+		return e.left + e.width;
+	}, [H]), se = G(() => v.current ? !1 : (R(I()), !0), [I, R]);
+	ce(() => {
+		P.current !== n && (P.current = n, R(I()));
+	}, [
+		n,
+		I,
+		R
+	]);
+	let X = it(n), le = q(() => W <= 0 ? null : U.toX(X), [
+		X,
+		U,
+		W
+	]), ue = G((e) => {
+		let t = a?.current;
+		t && t.style.setProperty("--gantt-scroll-left", `${e}px`);
+	}, [a]), de = G((e, t) => {
+		D(t), e.scrollLeft = t, ue(t), A(t), j.current = t;
+	}, [ue, D]), Z = G(() => {
+		let e = r.current, t = h;
+		if (!e || t <= 0 || W <= 0) return !1;
+		let { scrollLeft: n } = tt({
+			focusMs: _.current ?? NaN,
+			fallbackFocusMs: I(),
+			timelineCoords: U,
+			viewportWidth: t,
+			timelineWidth: W
+		});
+		return de(e, n), !0;
+	}, [
+		de,
+		r,
+		I,
+		U,
+		W,
+		h
+	]), Q = G((e) => {
+		let t = e.currentTarget.scrollLeft, n = h, r = b.current, i = r !== null && Math.abs(t - r.left) <= 1;
+		r && E(), !i && f.current && (y.current = !0), ue(t);
+		let a = t !== j.current;
+		if (j.current = t, a && ne(t), n > 0 && !i) {
+			let e = Ae(t, n, W);
+			L(Qe({
+				renderWindow: {
+					startMs: B,
+					endMs: V
+				},
+				timelineCoords: U,
+				scrollLeft: e,
+				viewportWidth: n
+			}).focusMs);
+		}
+		ee(t);
+	}, [
+		ue,
+		E,
+		U,
+		h,
+		ne,
+		L,
+		ee,
+		V,
+		B,
+		W
+	]), fe = G(() => {
+		let e = nt(n);
+		L(e), R(e);
+	}, [
+		R,
+		L,
+		n
+	]), pe = G((e) => {
+		let t = r.current, n = e?.targetMs;
+		if (!t || !Number.isFinite(n)) return;
+		let i = t.clientWidth > 0 ? t.clientWidth : h;
+		if (n < B || n >= V) {
+			S.current = null, L(n), R(n);
+			return;
+		}
+		let a = je({
+			anchorMs: n,
+			toX: U.toX,
+			viewportWidth: i,
+			timelineWidth: W
+		}), o = t.scrollLeft || 0;
+		if (!(i > 0 && Math.abs(a - o) <= i * 1.5)) {
+			L(n), R(n);
+			return;
+		}
+		let s = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
+		s === "smooth" ? S.current = { targetLeft: a } : (S.current = null, D(a)), t.scrollTo({
+			left: a,
+			behavior: s
+		}), L(n), s === "auto" && (ue(a), A(a), j.current = a);
+	}, [
+		ue,
+		r,
+		D,
+		R,
+		L,
+		U,
+		V,
+		B,
+		W,
+		h
+	]);
+	K(() => {
+		if (!f.current || !h || !W || v.current || !y.current) return;
+		let e = r.current, t = e?.scrollLeft ?? O, n = $e({
+			scrollLeft: Math.max(0, t),
+			viewportWidth: h,
+			timelineWidth: W,
+			guardBandPx: 280
+		});
+		s || c || T(e) || (e && ee(e.scrollLeft || 0), n && se());
+	}, [
+		O,
+		W,
+		h,
+		r,
+		T,
+		ee,
+		se,
+		s,
+		c,
+		C
+	]), ce(() => {
+		!f.current || h <= 0 || R(I());
+	}, [
+		I,
+		R,
+		h
+	]), ce(() => {
+		v.current && (h <= 0 || W <= 0 || Z() && (v.current = !1, f.current || (f.current = !0, m(!0))));
+	}, [
+		Z,
+		W,
+		h,
+		ie
+	]), ce(() => {
+		if (!f.current && h > 0 && W > 0) {
+			if (Number.isFinite(_.current ?? NaN) || L(nt(n)), !ie) {
+				R(I());
+				return;
+			}
+			v.current = !0, Z(), v.current = !1, f.current = !0, m(!0);
+		}
+	}, [
+		Z,
+		I,
+		R,
+		L,
+		ie,
+		W,
+		h,
+		n
+	]);
+	let me = G((e) => {
+		let t = h;
+		t <= 0 || L(U.timeAtX(e + t / 2));
+	}, [
+		h,
+		U,
+		L
+	]), he = G(() => {
+		let e = r.current;
+		if (!e) return;
+		let t = h, n = e.scrollLeft || 0, i = Math.max(0, n - t);
+		if (Math.abs(i - n) <= 1) {
+			S.current = null;
+			let e = U.timeAtX(n - t / 2);
+			L(e), R(e);
+			return;
+		}
+		S.current = { targetLeft: i }, e.scrollTo({
+			left: i,
+			behavior: "smooth"
+		}), me(i);
+	}, [
+		r,
+		R,
+		L,
+		U,
+		me,
+		h
+	]), ge = G(() => {
+		let e = r.current;
+		if (!e) return;
+		let t = h, n = e.scrollLeft || 0, i = Math.max(0, W - t), a = Ae(n + t, t, W);
+		if (Math.abs(a - n) <= 1) {
+			if (S.current = null, a >= i - 1) {
+				let e = U.timeAtX(n + t * 1.5);
+				L(e), R(e);
+			}
+			return;
+		}
+		S.current = { targetLeft: a }, e.scrollTo({
+			left: a,
+			behavior: "smooth"
+		}), me(a);
+	}, [
+		r,
+		R,
+		L,
+		U,
+		h,
+		W,
+		me
+	]);
+	K(() => {
+		let e = r.current;
+		if (!e) return;
+		let t = () => {
+			S.current && (S.current = null, w((e) => e + 1));
+		};
+		return e.addEventListener("scrollend", t), () => e.removeEventListener("scrollend", t);
+	}, [r]);
+	let _e = (!oe || v.current) && W > 0 && h > 0 ? tt({
+		focusMs: _.current ?? NaN,
+		fallbackFocusMs: I(),
+		timelineCoords: U,
+		viewportWidth: h,
+		timelineWidth: W
+	}).scrollLeft : O, { visibleStartMs: ve, visibleEndMs: ye } = q(() => {
+		if (W <= 0 || h <= 0) return {
+			visibleStartMs: B,
+			visibleEndMs: B
+		};
+		let e = Ae(_e, h, W), { visibleRange: t } = Qe({
+			renderWindow: {
+				startMs: B,
+				endMs: V
+			},
+			timelineCoords: U,
+			scrollLeft: e,
+			viewportWidth: h
+		});
+		return {
+			visibleStartMs: t.startMs,
+			visibleEndMs: t.endMs
+		};
+	}, [
+		_e,
+		U,
+		V,
+		B,
+		W,
+		h
+	]);
+	return {
+		pixelsPerDay: l,
+		viewportWidth: h,
+		scrollLeft: _e,
+		timelineStartMs: B,
+		timelineEndMs: V,
+		visibleStartMs: ve,
+		visibleEndMs: ye,
+		lowerSegments: H,
+		timelineCoords: U,
+		timelineWidth: W,
+		todayCenterMs: X,
+		todayLineLeft: le,
+		isInitialLayoutReady: p,
+		handleContentScroll: Q,
+		handleTodayClick: fe,
+		handleOffscreenJump: pe,
+		handleScrollPrev: he,
+		handleScrollNext: ge
+	};
+}
+//#endregion
+//#region src/components/Gantt/GanttChart/hooks/useNormalizedItems.ts
+function ot({ visibleItems: e, committedRangeById: t = {}, viewMode: n = "day" }) {
+	return { normalizedItems: q(() => {
+		let r = Array.isArray(e) ? e : [], i = [], a = b(n) ? n : "day";
+		for (let e = 0; e < r.length; e++) {
+			let n = r[e], o = String(n?.id ?? `row-${e}`), { rawStartMs: s, rawEndMs: c, baseStartMs: l, baseEndMs: u, invalid: d } = N(n?.start, n?.end), f = t[o], p = n?.type === "summary" ? !1 : d, m = O({
+				rawStartMs: s,
+				rawEndMs: c,
+				baseStartMs: l,
+				baseEndMs: u
+			}, a), h = m.startMs, g = m.endMs;
+			if (!p && f?.startMs && f?.endMs) {
+				let e = f.startMs, t = f.endMs;
+				Number.isFinite(e) && Number.isFinite(t) && t > e && (h = e, g = t);
+			}
+			i.push({
+				...n,
+				id: o,
+				rowIndex: e,
+				parentId: n?.parentId ?? void 0,
+				groupKey: n?.groupKey ?? void 0,
+				recordId: n?.recordId ?? void 0,
+				rawStartMs: s,
+				rawEndMs: c,
+				baseStartMs: l,
+				baseEndMs: u,
+				startMs: h,
+				endMs: g,
+				invalid: p,
+				progress: n?.progress === null || n?.progress === void 0 ? null : w(n.progress)
+			});
+		}
+		return i;
+	}, [
+		e,
+		t,
+		n
+	]) };
+}
+//#endregion
+//#region src/components/Gantt/GanttChart/hooks/useGanttScrollbars.tsx
+function st(e, t) {
+	let [n, r] = Y(!1);
+	return ce(() => {
+		let n = e.current, i = t.current;
+		if (!n || !i) return;
+		let a = he({
+			target: n,
+			elements: { viewport: i }
+		}, { scrollbars: {
+			theme: "os-theme-bsy",
+			autoHide: "leave",
+			autoHideDelay: 600,
+			clickScroll: !0
+		} }), o = a.elements().scrollbarHorizontal.scrollbar, s = !1, c = null, l = (e) => {
+			e.pointerType === "mouse" && e.button !== 0 || (s = !0, c = e.pointerId, r(!0));
+		}, u = (e) => {
+			if (!s) return;
+			let t = e.pointerId, n = "pointerId" in e && L(t) ? t : null;
+			n !== null && c !== null && n !== c || (s = !1, c = null, r(!1));
+		}, d = { capture: !0 };
+		return o.addEventListener("pointerdown", l, d), o.addEventListener("lostpointercapture", u, d), document.addEventListener("pointerup", u, d), document.addEventListener("pointercancel", u, d), document.addEventListener("lostpointercapture", u, d), window.addEventListener("blur", u), () => {
+			o.removeEventListener("pointerdown", l, d), o.removeEventListener("lostpointercapture", u, d), document.removeEventListener("pointerup", u, d), document.removeEventListener("pointercancel", u, d), document.removeEventListener("lostpointercapture", u, d), window.removeEventListener("blur", u), a?.destroy();
+		};
+	}, [e, t]), n;
+}
+//#endregion
+//#region src/components/Gantt/GanttChart/utils/timelineMarkers.ts
+function ct(e, t, n, r, i) {
+	return !!e && Number.isFinite(r) && Ge(i, r) && t !== null && Number.isFinite(t) && t >= 0 && t <= n;
+}
+var lt = H.memo(({ timelineWidth: e, viewportWidth: t = 0, scrollLeft: n, trackRef: r, virtualColumns: i, lowerSegments: a, todayLineLeft: o, todayCenterMs: s, showTodayLine: c, viewMode: l, availableModes: u, formatMessage: d, onViewModeChange: f, onTodayClick: p, onScrollPrev: m, onScrollNext: h }) => {
+	let g = q(() => He({
+		lowerSegments: a,
+		viewMode: l,
+		formatMessage: d
+	}), [
+		a,
+		l,
+		d
+	]), _ = q(() => {
+		let r = Ae(n, t, e), i = r - 240, a = r + t + 240;
+		return g.filter((e) => e.left < a && e.left + e.width > i);
+	}, [
+		g,
+		n,
+		t,
+		e
+	]), v = q(() => a.length && a.find((e) => s != null && s >= e.startMs && s < e.endMs)?.id || null, [a, s]), y = a[0]?.startMs ?? 0, b = a[a.length - 1]?.endMs ?? 0, x = ct(c, o, e, s ?? NaN, {
+		startMs: y,
+		endMs: b
+	});
+	return /* @__PURE__ */ V("div", {
+		className: "bsy-gantt-chart__calendar",
+		children: [/* @__PURE__ */ V("div", {
+			ref: r,
+			className: "bsy-gantt-chart__calendar-track",
+			style: { width: e },
+			children: [
+				i.map((e) => {
+					let t = a[e.index];
+					return t ? /* @__PURE__ */ B("div", {
+						className: "bsy-gantt-chart__header-col-line",
+						style: {
+							left: t.left,
+							top: 34,
+							height: 34
+						}
+					}, `header-line-${t.id}`) : null;
+				}),
+				_.map((e) => /* @__PURE__ */ V(H.Fragment, { children: [/* @__PURE__ */ B("div", {
+					className: "bsy-gantt-chart__header-cell bsy-gantt-chart__header-cell--top",
+					style: {
+						left: e.left,
+						width: e.width,
+						height: 34,
+						"--segment-left": `${e.left}px`
+					},
+					children: /* @__PURE__ */ B("span", {
+						className: "bsy-gantt-chart__header-cell-sticky-text",
+						children: e.label
+					})
+				}), /* @__PURE__ */ B("div", {
+					className: "bsy-gantt-chart__header-col-line",
+					style: {
+						left: e.left + e.width,
+						top: 0,
+						height: 34
+					}
+				})] }, `top-group-${e.id}`)),
+				i.map((e) => {
+					let t = a[e.index];
+					return t ? /* @__PURE__ */ B("div", {
+						className: X("bsy-gantt-chart__header-cell", "bsy-gantt-chart__header-cell--bottom", t.id === v && "bsy-gantt-chart__header-cell--bottom-active"),
+						style: {
+							left: t.left,
+							width: t.width,
+							height: 34,
+							top: 34
+						},
+						children: t.label
+					}, t.id) : null;
+				}),
+				x && /* @__PURE__ */ B("span", {
+					className: "bsy-gantt-chart__today-indicator--header-dot",
+					style: { left: o ?? void 0 }
+				})
+			]
+		}), /* @__PURE__ */ B("div", {
+			className: "bsy-gantt-chart__calendar-toolbar",
+			children: /* @__PURE__ */ B(F, {
+				viewMode: l,
+				availableModes: u,
+				onViewModeChange: f,
+				onTodayClick: p,
+				onScrollPrev: m,
+				onScrollNext: h
+			})
+		})]
+	});
+});
+//#endregion
+//#region src/components/Gantt/GanttChart/hooks/useGanttRowVirtualScroll.ts
+function ut({ items: e, contentRef: t, safeRowHeight: n, viewportHeight: r, overscan: i = 4 }) {
+	let [a, o] = Y(!1), s = pe({
+		count: e.length,
+		getScrollElement: () => t.current,
+		estimateSize: () => n,
+		overscan: i,
+		onChange: (e) => {
+			let t = !!e?.isScrolling;
+			o((e) => e === t ? e : t);
+		}
+	});
+	return {
+		virtualRows: s.getVirtualItems(),
+		canvasHeight: Math.max(s.getTotalSize(), r),
+		isScrolling: a
+	};
+}
+//#endregion
+//#region src/components/Gantt/GanttChart/hooks/useOffscreenIndicators.ts
+function dt({ virtualRows: e, normalizedItems: t, visibleStartMs: n, visibleEndMs: r, enabled: i = !0, excludeTaskId: a = null }) {
+	return q(() => {
+		if (!i || !Array.isArray(e) || !Array.isArray(t) || !Number.isFinite(n) || !Number.isFinite(r) || n >= r) return [];
+		let o = [];
+		return e.forEach((e) => {
+			let i = t[e.index];
+			if (!i || i.invalid || a !== null && i.id === a || i.type === "summary" || i.startMs === null || i.startMs === void 0 || i.endMs === null || i.endMs === void 0) return;
+			let s = i.endMs <= n, c = i.startMs >= r;
+			!s && !c || o.push({
+				rowKey: `offscreen-${i.id}-${e.key}`,
+				rowTop: e.start,
+				rowHeight: e.size,
+				showLeft: s,
+				showRight: c,
+				targetMs: i.startMs,
+				taskId: i.id
+			});
+		}), o;
+	}, [
+		e,
+		t,
+		n,
+		r,
+		i,
+		a
+	]);
+}
+//#endregion
+//#region src/components/Gantt/GanttChart/hooks/useRowHoverHighlight.ts
+function ft({ normalizedItems: e, safeRowHeight: t }) {
+	let n = Z(d, (e) => e.setHighlightTarget), r = Z(d, (e) => e.subscribeHighlight), i = Z(d, (e) => e.getIsScrollActive), a = J(null), o = J(null), s = J(null), c = J(!1), l = q(() => {
+		let t = /* @__PURE__ */ new Map(), n = 0;
+		for (; n < e.length;) {
+			let r = e[n]?.parentId;
+			if (r) {
+				let i = n;
+				for (; i < e.length && e[i]?.parentId === r;) i += 1;
+				for (let e = n; e < i; e += 1) t.set(e, {
+					startIndex: n,
+					endIndex: i - 1
+				});
+				n = i;
+			} else t.set(n, null), n += 1;
+		}
+		return t;
+	}, [e]), u = J(l);
+	u.current = l;
+	let m = G((e, n) => {
+		let r = o.current;
+		r && (r.style.top = `${e * t}px`, r.style.height = `${(n - e + 1) * t}px`, r.style.display = "block");
+	}, [t]), h = G(() => {
+		let e = o.current;
+		e && (e.style.display = "none");
+	}, []), g = G((t) => {
+		if (!t) {
+			h();
+			return;
+		}
+		let n = t.type, r = t.id, i = -1, a = -1;
+		for (let t = 0; t < e.length; t += 1) {
+			let o = p(e[t]);
+			o && o.type === n && o.id === r && (i === -1 && (i = t), a = t);
+		}
+		if (i === -1) {
+			h();
+			return;
+		}
+		m(i, a);
+	}, [
+		e,
+		m,
+		h
+	]), _ = G((r) => {
+		if (i?.()) {
+			a.current !== null && (a.current = null, h()), c.current = !1;
+			return;
+		}
+		c.current = !0;
+		let o = r.currentTarget, l = o.getBoundingClientRect(), d = r.clientY - l.top + o.scrollTop, g = Math.floor(d / t);
+		if (g < 0 || g >= e.length) {
+			a.current !== null && (a.current = null, h(), s.current !== null && (s.current = null, n?.(null)));
+			return;
+		}
+		if (a.current !== g) {
+			a.current = g;
+			let t = u.current.get(g);
+			m(t ? t.startIndex : g, t ? t.endIndex : g);
+			let r = p(e[g]);
+			f(s.current, r) || (s.current = r, n?.(r));
+		}
+	}, [
+		t,
+		e,
+		n,
+		m,
+		h,
+		i
+	]), v = G(() => {
+		c.current = !1, a.current = null, h(), s.current !== null && (s.current = null, n?.(null));
+	}, [n, h]);
+	return K(() => {
+		if (r) return r((e, t) => {
+			if (t?.source === "table") {
+				c.current = !1, a.current = null, s.current = e, g(e);
+				return;
+			}
+			c.current || g(e);
+		});
+	}, [r, g]), {
+		hoverBgRef: o,
+		handleContentMouseMove: _,
+		handleContentMouseLeave: v
+	};
+}
+//#endregion
+//#region src/components/Gantt/GanttChart/GanttInteractionContext.ts
+var pt = de({
+	tooltip: null,
+	isScrolling: !1,
+	collapsedKeys: void 0,
+	onBarClick: () => {},
+	onTaskMouseDown: () => {},
+	onResizeMouseDown: () => {}
+}), mt = (e) => Z(pt, e), ht = de({
+	viewMode: "day",
+	pixelsPerDay: 1,
+	timelineStartMs: 0,
+	timelineEndMs: 0,
+	visibleStartMs: 0,
+	visibleEndMs: 0,
+	timelineCoords: {
+		toX: () => 0,
+		toWidth: () => 0,
+		timeAtX: () => 0
+	},
+	scrollLeft: 0,
+	viewportWidth: 0,
+	timelineWidth: 0,
+	isInitialLayoutReady: !1
+}), $ = (e) => Z(ht, e), gt = (e, t) => {
+	let n = e.replace("#", ""), r = n.length === 3 ? n.split("").map((e) => e + e).join("") : n;
+	return `rgba(${parseInt(r.slice(0, 2), 16)}, ${parseInt(r.slice(2, 4), 16)}, ${parseInt(r.slice(4, 6), 16)}, ${t})`;
+}, _t = (e, t) => {
+	if (!R(e)) return null;
+	let n = e.trim();
+	return i.test(n) ? gt(n, t) : null;
+}, vt = (e, t = 2.5) => {
+	if (!e || !R(e)) return "#121211";
+	let n, r, i;
+	if (e.startsWith("#")) {
+		let t = e.replace("#", ""), a = t.length === 3 ? [...t].map((e) => e + e) : [
+			t.slice(0, 2),
+			t.slice(2, 4),
+			t.slice(4, 6)
+		];
+		[n, r, i] = a.map((e) => parseInt(e, 16));
+	} else {
+		let t = (e.match(/\d+/g) || []).map(Number);
+		if ([n, r, i] = t.slice(0, 3), n === void 0 || Number.isNaN(n)) return "#121211";
+	}
+	let a = (e) => {
+		let t = e / 255;
+		return t <= .04045 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
+	};
+	return 1.05 / (.2126 * a(n) + .7152 * a(r) + .0722 * a(i) + .05) >= t ? "#ffffff" : "#121211";
+}, yt, bt = () => {
+	if (yt !== void 0) return yt;
+	try {
+		yt = document.createElement("canvas").getContext("2d");
+	} catch {
+		yt = null;
+	}
+	return yt;
+}, xt = (e, t = "12px -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, PingFang SC, Noto Sans, Noto Sans CJK SC, Microsoft YaHei, \"微软雅黑\", sans-serif") => {
+	if (!e) return 0;
+	let n = String(e), r = bt();
+	return r ? (r.font = t, r.measureText(n).width + 20) : n.length * 12 + 20;
+};
+//#endregion
+//#region src/components/Gantt/GanttChart/hooks/useBarTooltipHover.ts
+function St() {
+	let [e, t] = Y(null), n = J("idle"), r = G((e) => {
+		n.current === "frozen" && (n.current = "open");
+		let r = e.currentTarget.getBoundingClientRect();
+		t({
+			x: e.clientX,
+			y: r.y,
+			top: r.top,
+			bottom: r.bottom,
+			height: r.height
+		});
+	}, []), i = G(() => {
+		n.current === "open" ? n.current = "frozen" : t(null);
+	}, []), a = G((e) => {
+		n.current = e ? "open" : "idle", e || t(null);
+	}, []);
+	return {
+		virtualReference: q(() => {
+			if (e) return { getBoundingClientRect: () => ({
+				width: 0,
+				height: e.height,
+				x: e.x,
+				y: e.y,
+				top: e.top,
+				bottom: e.bottom,
+				left: e.x,
+				right: e.x,
+				toJSON: () => ({})
+			}) };
+		}, [e]),
+		handleMouseMove: r,
+		handleMouseLeave: i,
+		handleTooltipVisibleChange: a
+	};
+}
+//#endregion
+//#region src/components/Gantt/GanttChart/GanttBarTooltip/GanttBarTooltip.tsx
+var Ct = {
+	borderRadius: "10px",
+	padding: 0,
+	backgroundColor: "#fff",
+	boxShadow: "0 0 12px 0 rgba(0, 0, 0, 0.08)"
+}, wt = ({ item: e, tooltip: t, disabled: r = !1, children: i }) => {
+	let { virtualReference: a, handleMouseMove: o, handleMouseLeave: s, handleTooltipVisibleChange: c } = St(), l = q(() => r || !t ? null : t(e), [
+		r,
+		t,
+		e
+	]);
+	return l ? /* @__PURE__ */ B(n, {
+		content: l,
+		placement: "bottom",
+		showArrow: !1,
+		hoverDelay: 300,
+		moveToFloatingKeepOpen: !0,
+		widthMode: "manual",
+		maxWidth: 400,
+		offset: 5,
+		zIndex: 8001,
+		virtualReference: a,
+		onVisibleChange: c,
+		style: Ct,
+		children: i({
+			onMouseMove: o,
+			onMouseLeave: s
+		})
+	}) : /* @__PURE__ */ B(z, { children: i({
+		onMouseMove: () => {},
+		onMouseLeave: () => {}
+	}) });
+}, Tt = (e, t, n) => ({
+	...e,
+	clientX: t,
+	clientY: n,
+	preventDefault: () => e.preventDefault(),
+	stopPropagation: () => e.stopPropagation()
+});
+function Et({ enabled: e, onTaskMouseDown: t, onBarClick: n }) {
+	let r = J(null), i = J(null), a = J(t), o = J(n);
+	K(() => {
+		a.current = t, o.current = n;
+	}, [t, n]);
+	let s = G(() => {
+		r.current = null;
+		let e = i.current;
+		e && (document.removeEventListener("mousemove", e.move), document.removeEventListener("mouseup", e.up), i.current = null);
+	}, []);
+	return K(() => () => s(), [s]), { handlePointerMouseDown: G((t, n, c, l = 1) => {
+		if (!e) return;
+		s();
+		let u = {
+			item: n,
+			baseLeft: c,
+			width: l,
+			startClientX: t.clientX,
+			startClientY: t.clientY,
+			dragStarted: !1
+		};
+		r.current = u;
+		let d = (e) => {
+			if (r.current !== u || u.dragStarted) return;
+			let t = e.clientX - u.startClientX, i = e.clientY - u.startClientY;
+			Math.hypot(t, i) < 5 || (u.dragStarted = !0, s(), a.current?.(Tt(e, u.startClientX, u.startClientY), n, c, u.width));
+		}, f = (e) => {
+			r.current === u && (s(), u.dragStarted || o.current?.(e, n));
+		};
+		i.current = {
+			move: d,
+			up: f
+		}, document.addEventListener("mousemove", d), document.addEventListener("mouseup", f);
+	}, [e, s]) };
+}
+var Dt = H.memo(({ item: e, barTop: n, dragTaskId: r, dragPreview: i, dragPermission: a }) => {
+	let { t: o } = t(), s = $((e) => e.viewMode), c = $((e) => e.timelineCoords), l = $((e) => e.timelineStartMs), u = $((e) => e.timelineEndMs), d = $((e) => e.timelineWidth), f = mt((e) => e.tooltip), p = mt((e) => e.isScrolling), m = mt((e) => e.onBarClick), h = mt((e) => e.onTaskMouseDown), g = mt((e) => e.onResizeMouseDown), _ = p ? null : f, v = r === e.id, y = v && i ? i.previewStartMs : e.startMs, b = v && i ? i.previewEndMs : e.endMs, S = q(() => {
+		let t = e.color;
+		return {
+			baseColor: t,
+			containerBgColor: _t(t, .2) || t,
+			hoverBorderColor: _t(t, .5) || "transparent",
+			insideLabelColor: vt(t)
+		};
+	}, [e.color]), C = q(() => {
+		if (y == null || b == null || y >= b || l >= u) return null;
+		let e = qe({
+			startMs: y,
+			endMs: b
+		}, {
+			startMs: l,
+			endMs: u
+		});
+		if (!e) return null;
+		let t = c.toX(e.startMs), n = c.toWidth(e.startMs, e.endMs), r = t + n, a = e.startMs !== y, o = e.endMs !== b, s = v && i && Number.isFinite(i.previewLeftPx), f = s && !a ? i.previewLeftPx : t, p = s && !o ? f + n : r, m = Math.max(0, f), h = Math.min(d, p);
+		return m >= h ? null : {
+			clippedRange: e,
+			rawBarLeft: f,
+			calculatedBarLeft: m,
+			calculatedBarWidth: h - m,
+			clippedStart: a || m !== f,
+			clippedEnd: o || h !== p
+		};
+	}, [
+		y,
+		b,
+		l,
+		u,
+		d,
+		c,
+		v,
+		i
+	]), { baseColor: w, containerBgColor: T, hoverBorderColor: ee, insideLabelColor: E } = S, D = C?.calculatedBarWidth ?? 0, O = e.progress === null, k = !C || y === null || b === null ? 0 : Math.max(0, Math.min(1, (C.rawBarLeft + c.toWidth(C.clippedRange.startMs, Math.min(C.clippedRange.endMs, Math.max(C.clippedRange.startMs, y + (b - y) * Math.max(0, e.progress ?? 0)))) - C.calculatedBarLeft) / C.calculatedBarWidth)), A = O || k >= 1, j = A ? "100%" : `${k * 100}%`, M = a || _e, N = M.canMove, te = e.label ?? "", ne = typeof te == "string" ? te : "", re = D < 40, ie = Math.max(0, D - 10), ae = q(() => ne ? xt(ne) : 0, [ne]), P = !!ne && ae > ie && !!C && C.calculatedBarLeft + C.calculatedBarWidth + 4 + ae <= d, { handlePointerMouseDown: oe } = Et({
+		enabled: N,
+		onTaskMouseDown: h,
+		onBarClick: m
+	});
+	if (!C) return null;
+	let { calculatedBarLeft: F, clippedStart: I, clippedEnd: L } = C, R = F + D, H = F + Math.max(40, D + 12) <= d, U = y !== null && b !== null ? s === "quarterMonth" ? x(y, b) : c.toWidth(y, b) : D, W = U < 40 ? Math.max(40, U + 12) : U, G = R + 4 <= d, K = {
+		left: F,
+		top: n,
+		width: `var(--bsy-gantt-bar-actual-width, ${D}px)`,
+		height: 26,
+		background: T,
+		cursor: N ? "move" : "default",
+		"--bsy-gantt-bar-fill-color": w,
+		"--bsy-gantt-bar-hover-border-color": ee,
+		"--bsy-gantt-bar-calc-width": `${D}px`,
+		"--bsy-gantt-bar-label-color": E
+	};
+	return /* @__PURE__ */ B(wt, {
+		item: e,
+		tooltip: _,
+		disabled: v,
+		children: ({ onMouseMove: t, onMouseLeave: n }) => /* @__PURE__ */ V("div", {
+			className: X("bsy-gantt-chart__bar", `bsy-gantt-chart__bar--${e.type || "task"}`, {
+				"bsy-gantt-chart__bar--readonly": !N,
+				"bsy-gantt-chart__bar--dragging": v,
+				"bsy-gantt-chart__bar--micro": re && H
+			}),
+			style: K,
+			onMouseDown: (t) => {
+				N && oe(t, e, F, W);
+			},
+			onClick: (t) => {
+				N || m(t, e);
+			},
+			onMouseMove: t,
+			onMouseLeave: n,
+			children: [
+				e.type === "task" ? /* @__PURE__ */ B("div", {
+					className: X("bsy-gantt-chart__bar-progress", { "bsy-gantt-chart__bar-progress--full": A }),
+					style: { width: j }
+				}) : null,
+				/* @__PURE__ */ B("span", {
+					className: X("bsy-gantt-chart__bar-label", { "bsy-gantt-chart__bar-label--hidden": P }),
+					style: { color: "var(--bsy-gantt-bar-label-color)" },
+					children: te
+				}),
+				P ? /* @__PURE__ */ B("span", {
+					className: "bsy-gantt-chart__bar-label bsy-gantt-chart__bar-label--outside",
+					style: { color: "#121211" },
+					children: te
+				}) : null,
+				M.canResizeStart && !I || M.canResizeEnd && !L && G ? /* @__PURE__ */ V(z, { children: [M.canResizeStart && !I ? /* @__PURE__ */ B("button", {
+					type: "button",
+					className: "bsy-gantt-chart__bar-resize-handle bsy-gantt-chart__bar-resize-handle--left",
+					onMouseDown: (t) => g(t, e, F, "start", D),
+					"aria-label": o("gantt.timeBegin")
+				}) : null, M.canResizeEnd && !L && G ? /* @__PURE__ */ B("button", {
+					type: "button",
+					className: "bsy-gantt-chart__bar-resize-handle bsy-gantt-chart__bar-resize-handle--right",
+					onMouseDown: (t) => g(t, e, F, "end", D),
+					"aria-label": o("gantt.timeEnd")
+				}) : null] }) : null
+			]
+		}, `bar-${e.id}`)
+	});
+}, (e, t) => {
+	if (e.barTop !== t.barTop || e.dragTaskId !== t.dragTaskId || e.dragPermission?.canMove !== t.dragPermission?.canMove || e.dragPermission?.canResizeStart !== t.dragPermission?.canResizeStart || e.dragPermission?.canResizeEnd !== t.dragPermission?.canResizeEnd || e.item !== t.item) return !1;
+	let n = e.dragPreview, r = t.dragPreview;
+	return !(n !== r && (!n || !r || n.previewStartMs !== r.previewStartMs || n.previewEndMs !== r.previewEndMs || n.previewLeftPx !== r.previewLeftPx));
+}), Ot = (e) => String(e).padStart(2, "0");
+function kt(e, t) {
+	if (e == null) return t("summary.empty");
+	let n = C(e);
+	return t("summary.datetime", {
+		year: n.year(),
+		month: Ot(n.month() + 1),
+		day: Ot(n.date()),
+		hour: Ot(n.hour()),
+		minute: Ot(n.minute()),
+		second: Ot(n.second())
+	});
+}
+function At(e, t) {
+	let n = L(e?.progress), r = n ? Math.max(0, Math.min(1, e.progress ?? 0)) : 0, i = kt(e?.rawStartMs, t), a = kt(e?.rawEndMs, t);
+	return /* @__PURE__ */ V("div", {
+		className: "bsy-gantt-summary-tooltip",
+		children: [
+			/* @__PURE__ */ B("p", {
+				className: "bsy-gantt-summary-tooltip__line",
+				children: t("summary.startTime", { datetime: i })
+			}),
+			/* @__PURE__ */ B("p", {
+				className: "bsy-gantt-summary-tooltip__line",
+				children: t("summary.endTime", { datetime: a })
+			}),
+			n ? /* @__PURE__ */ B("p", {
+				className: "bsy-gantt-summary-tooltip__line",
+				children: t("summary.progress", { percent: Math.round(r * 100) })
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/components/Gantt/GanttChart/GanttSummaryBar/GanttSummaryBar.tsx
+var jt = 24, Mt = {
+	borderRadius: "6px",
+	padding: 0,
+	backgroundColor: "rgba(0, 0, 0, 0.5)",
+	boxShadow: "none"
+};
+function Nt(e, t) {
+	return e == null || e === "__empty__" ? t : e;
+}
+var Pt = ({ item: r, barTop: i }) => {
+	let { t: a } = t(), o = G((e, t) => a(oe(e), t), [a]), s = $((e) => e.timelineCoords), c = $((e) => e.timelineStartMs), l = $((e) => e.timelineEndMs), u = $((e) => e.timelineWidth), d = mt((e) => e.collapsedKeys), f = mt((e) => e.onBarClick), { virtualReference: p, handleMouseMove: m, handleMouseLeave: h, handleTooltipVisibleChange: g } = St(), _ = L(r.progress) ? Math.max(0, Math.min(1, r.progress ?? 0)) : 0, v = q(() => At({
+		rawStartMs: r.rawStartMs,
+		rawEndMs: r.rawEndMs,
+		progress: r.progress
+	}, o), [
+		r.rawStartMs,
+		r.rawEndMs,
+		r.progress,
+		o
+	]), y = q(() => {
+		if (r.startMs === null || r.endMs === null || r.startMs >= r.endMs || c >= l) return null;
+		let e = qe({
+			startMs: r.startMs,
+			endMs: r.endMs
+		}, {
+			startMs: c,
+			endMs: l
+		});
+		return e ? {
+			barLeft: s.toX(e.startMs),
+			barWidth: s.toWidth(e.startMs, e.endMs),
+			wrapperTop: i + (26 - jt) / 2,
+			clippedEnd: e.endMs !== r.endMs,
+			clippedRange: e,
+			itemStartMs: r.startMs,
+			itemEndMs: r.endMs
+		} : null;
+	}, [
+		r.startMs,
+		r.endMs,
+		c,
+		l,
+		s,
+		i
+	]);
+	if (!y) return null;
+	let { barLeft: b, barWidth: x, wrapperTop: S, clippedEnd: C, clippedRange: w, itemStartMs: T, itemEndMs: ee } = y, E = T + (ee - T) * _, D = Math.min(w.endMs, Math.max(w.startMs, E)), O = s.toWidth(w.startMs, D), k = `${Math.max(0, Math.min(1, O / x)) * 100}%`, A = Math.max(0, u - b), j = Nt(r.label, a("gantt.emptyGroup")), M = ne(d, r.groupKey);
+	return /* @__PURE__ */ B(n, {
+		content: v,
+		placement: "bottom-start",
+		showArrow: !1,
+		hoverDelay: 300,
+		moveToFloatingKeepOpen: !1,
+		widthMode: "content",
+		offset: 5,
+		zIndex: 8001,
+		virtualReference: p,
+		onVisibleChange: g,
+		style: Mt,
+		children: /* @__PURE__ */ V("div", {
+			className: "bsy-gantt-summary-bar",
+			style: {
+				left: b,
+				top: S,
+				width: x,
+				overflow: C ? "hidden" : void 0
+			},
+			onClick: (e) => f?.(e, r),
+			onMouseMove: m,
+			onMouseLeave: h,
+			children: [/* @__PURE__ */ V("div", {
+				className: "bsy-gantt-summary-bar__label",
+				style: {
+					maxWidth: A,
+					overflow: "hidden"
+				},
+				children: [/* @__PURE__ */ B(e, {
+					name: "xiangxiazhankai1",
+					size: 16,
+					className: X("bsy-gantt-summary-bar__arrow", { "bsy-gantt-summary-bar__arrow--collapsed": M })
+				}), /* @__PURE__ */ B("span", {
+					className: "bsy-gantt-summary-bar__label-text",
+					children: j
+				})]
+			}), /* @__PURE__ */ B("div", {
+				className: "bsy-gantt-summary-bar__track",
+				children: /* @__PURE__ */ B("div", {
+					className: "bsy-gantt-summary-bar__progress",
+					style: { width: k }
+				})
+			})]
+		})
+	});
+};
+function Ft(e, t) {
+	return e.barTop === t.barTop && e.item === t.item;
+}
+var It = H.memo(Pt, Ft), Lt = H.memo(({ indicators: n = [], onJump: r }) => {
+	let { t: i } = t();
+	if (!Array.isArray(n) || n.length === 0) return null;
+	let a = (e, t) => {
+		e.preventDefault(), e.stopPropagation(), r?.({
+			targetMs: t.targetMs,
+			taskId: t.taskId
+		});
+	};
+	return /* @__PURE__ */ B(z, { children: n.map((t) => /* @__PURE__ */ B("div", {
+		className: "bsy-gantt-chart__offscreen-row",
+		style: {
+			top: t.rowTop,
+			height: t.rowHeight
+		},
+		children: /* @__PURE__ */ V("div", {
+			className: "bsy-gantt-chart__offscreen-track",
+			children: [t.showLeft ? /* @__PURE__ */ B("button", {
+				type: "button",
+				className: "bsy-gantt-chart__offscreen-btn bsy-gantt-chart__offscreen-btn--left",
+				"aria-label": i("gantt.aria.jumpLeft"),
+				onClick: (e) => a(e, t),
+				children: /* @__PURE__ */ B(e, {
+					name: "left",
+					size: 16
+				})
+			}) : null, t.showRight ? /* @__PURE__ */ B("button", {
+				type: "button",
+				className: "bsy-gantt-chart__offscreen-btn bsy-gantt-chart__offscreen-btn--right",
+				"aria-label": i("gantt.aria.jumpRight"),
+				onClick: (e) => a(e, t),
+				children: /* @__PURE__ */ B(e, {
+					name: "arrow-right",
+					size: 16
+				})
+			}) : null]
+		})
+	}, t.rowKey)) });
+}), Rt = ({ left: e, height: t, className: n = "" }) => /* @__PURE__ */ B("div", {
+	className: X("bsy-gantt-chart__today-indicator", n),
+	style: {
+		left: e,
+		height: t
+	},
+	children: /* @__PURE__ */ B("span", { className: "bsy-gantt-chart__today-indicator-line" })
+}), zt = W(function({ canvasHeight: e, weekendSegments: t, virtualColumns: n, lowerSegments: r, shouldShowTodayMarker: i, todayLineLeft: a }) {
+	return /* @__PURE__ */ V(z, { children: [
+		t.map((t) => /* @__PURE__ */ B("div", {
+			className: "bsy-gantt-chart__weekend-bg",
+			style: {
+				left: t.left,
+				width: t.width,
+				height: e
+			}
+		}, t.id)),
+		n.map((t) => {
+			let n = r[t.index];
+			return n ? /* @__PURE__ */ B("div", {
+				className: "bsy-gantt-chart__col-line",
+				style: {
+					left: n.left,
+					height: e
+				}
+			}, `line-${n.id}`) : null;
+		}),
+		i ? /* @__PURE__ */ B(Rt, {
+			left: a ?? 0,
+			height: e,
+			className: "bsy-gantt-chart__today-indicator--content-line"
+		}) : null
+	] });
+}), Bt = ({ virtualRows: e, normalizedItems: t, dragState: n, dragPermissionById: r, timelineStartMs: i, timelineEndMs: a }) => {
+	let o = n?.taskId ?? null;
+	return e.map((e) => {
+		let s = t[e.index];
+		if (!s || s.invalid) return null;
+		let c = o === s.id;
+		if (!c && (s.startMs === null || s.endMs === null || s.startMs >= s.endMs || !Ke({
+			startMs: s.startMs,
+			endMs: s.endMs
+		}, {
+			startMs: i,
+			endMs: a
+		}))) return null;
+		let l = e.start + (e.size - 26) / 2;
+		return s.type === "summary" ? /* @__PURE__ */ B(It, {
+			item: s,
+			barTop: l
+		}, `summary-${s.id}`) : /* @__PURE__ */ B(Dt, {
+			item: s,
+			barTop: l,
+			dragTaskId: o,
+			dragPreview: c ? n : null,
+			dragPermission: r[s.id]
+		}, `bar-${s.id}`);
+	});
+}, Vt = W(function({ virtualRows: e, normalizedItems: t, dragState: n, dragPermissionById: r, handleOffscreenJump: i, hoverBgRef: a }) {
+	let o = $((e) => e.timelineStartMs), s = $((e) => e.timelineEndMs), c = $((e) => e.visibleStartMs), l = $((e) => e.visibleEndMs), u = $((e) => e.isInitialLayoutReady), d = dt({
+		virtualRows: e,
+		normalizedItems: t,
+		visibleStartMs: c,
+		visibleEndMs: l,
+		enabled: u,
+		excludeTaskId: n?.taskId ?? null
+	});
+	return /* @__PURE__ */ V(z, { children: [
+		e.map((e) => /* @__PURE__ */ B("div", {
+			className: "bsy-gantt-chart__row-line",
+			style: {
+				top: e.start,
+				height: e.size
+			}
+		}, `row-line-${e.key}`)),
+		/* @__PURE__ */ B("div", {
+			ref: a,
+			className: "bsy-gantt-chart__row-hover-bg",
+			style: { display: "none" }
+		}),
+		u && Bt({
+			virtualRows: e,
+			normalizedItems: t,
+			dragState: n,
+			dragPermissionById: r,
+			timelineStartMs: o,
+			timelineEndMs: s
+		}),
+		u ? /* @__PURE__ */ B(Lt, {
+			indicators: d,
+			onJump: i
+		}) : null
+	] });
+}), Ht = W(function({ contentRef: e, normalizedItems: t, safeRowHeight: n, viewportHeight: r, lowerSegments: i, virtualColumns: a, weekendSegments: o, dragState: s, dragPermissionById: c, tooltip: l, handleTaskMouseDown: u, handleResizeMouseDown: d, handleBarClick: f, collapsedKeys: p, handleOffscreenJump: m, todayLineLeft: h, shouldShowTodayMarker: g }) {
+	let _ = $((e) => e.timelineWidth), { virtualRows: v, canvasHeight: y, isScrolling: b } = ut({
+		items: t,
+		contentRef: e,
+		safeRowHeight: n,
+		viewportHeight: r
+	}), { hoverBgRef: x, handleContentMouseMove: S, handleContentMouseLeave: C } = ft({
+		normalizedItems: t,
+		safeRowHeight: n
+	}), w = q(() => ({
+		width: _,
+		height: y
+	}), [_, y]), T = q(() => ({
+		tooltip: l ?? null,
+		isScrolling: b,
+		collapsedKeys: p,
+		onBarClick: f,
+		onTaskMouseDown: u,
+		onResizeMouseDown: d
+	}), [
+		l,
+		b,
+		p,
+		f,
+		u,
+		d
+	]);
+	return /* @__PURE__ */ V("div", {
+		className: "bsy-gantt-chart__canvas",
+		style: w,
+		onMouseMove: S,
+		onMouseLeave: C,
+		children: [/* @__PURE__ */ B(zt, {
+			canvasHeight: y,
+			weekendSegments: o,
+			virtualColumns: a,
+			lowerSegments: i,
+			shouldShowTodayMarker: g,
+			todayLineLeft: h
+		}), /* @__PURE__ */ B(pt.Provider, {
+			value: T,
+			children: /* @__PURE__ */ B(Vt, {
+				virtualRows: v,
+				normalizedItems: t,
+				dragState: s,
+				dragPermissionById: c,
+				handleOffscreenJump: m,
+				hoverBgRef: x
+			})
+		})]
+	});
+});
+//#endregion
+//#region src/components/Gantt/GanttChart/GanttChart.tsx
+function Ut({ items: e = [], viewMode: n = "day", availableModes: r, onViewModeChange: i, timeRangeConfig: a = u, pixelsPerDayConfig: o = c, onTaskTimeChange: s, onRowClick: l, tooltip: d, verticalScrollController: f, showWeekendHighlight: p = !0, showTodayLine: m = !0, collapsedKeys: h, onToggleCollapse: g }, _) {
+	let { t: v } = t(), y = G((e, t) => v(oe(e), t), [v]), b = J(null), x = J(null), S = J(null), C = ue(x), w = J(null), T = st(b, x), [ee, E] = Y(!1), { pixelsPerDay: D, viewportWidth: O, scrollLeft: k, timelineStartMs: A, timelineEndMs: j, visibleStartMs: M, visibleEndMs: N, lowerSegments: te, timelineCoords: ne, timelineWidth: re, todayCenterMs: ie, todayLineLeft: ae, isInitialLayoutReady: P, handleContentScroll: F, handleTodayClick: I, handleOffscreenJump: L, handleScrollPrev: R, handleScrollNext: z } = at({
+		timeRangeConfig: a,
+		pixelsPerDayConfig: o,
+		viewMode: n,
+		contentRef: x,
+		contentSize: C,
+		headerTrackRef: S,
+		formatMessage: y,
+		isHorizontalScrollbarInteracting: T,
+		isTaskBarInteracting: ee
+	});
+	se(_, () => ({
+		scrollToToday: I,
+		scrollPrev: R,
+		scrollNext: z
+	}), [
+		I,
+		R,
+		z
+	]);
+	let { dragState: H, committedRangeById: U, resetCommittedRanges: W, forceResetAllCommittedRanges: ce, handleTaskMouseDown: X, handleResizeMouseDown: le, consumeRecentDragResult: de } = ke({
+		pixelsPerDay: D,
+		viewMode: n,
+		timelineCoords: ne,
+		onTaskTimeChange: s,
+		containerRef: x,
+		onDragInteractionChange: E
+	});
+	K(() => {
+		let t = new Set((e || []).map((e) => String(e?.id ?? ""))), n = w.current, r = !1;
+		if (n) {
+			if (n.size !== t.size) r = !0;
+			else for (let e of n) if (!t.has(e)) {
+				r = !0;
+				break;
+			}
+		}
+		if (w.current = t, r) {
+			ce();
+			return;
+		}
+		W();
+	}, [
+		e,
+		W,
+		ce
+	]);
+	let { normalizedItems: Z } = ot({
+		visibleItems: e,
+		committedRangeById: U,
+		viewMode: n
+	}), Q = q(() => {
+		let e = {};
+		return Z.forEach((t) => {
+			e[t.id] = ve(t);
+		}), e;
+	}, [Z]), fe = G((e, t, n, r) => {
+		let i = Q[t.id];
+		i?.canMove && X(e, {
+			...t,
+			dragPermission: i
+		}, n, r);
+	}, [Q, X]), pe = G((e, t, n, r, i) => {
+		let a = Q[t.id];
+		(r === "start" ? a?.canResizeStart : a?.canResizeEnd) && le(e, {
+			...t,
+			dragPermission: a
+		}, n, r, i);
+	}, [Q, le]);
+	K(() => {
+		if (!f || !x.current) return;
+		let e = x.current;
+		return f.registerTimelineScroller({ setScrollTop: (t) => {
+			e.scrollTop = t;
+		} });
+	}, [f]);
+	let me = C?.height || 0, { virtualColumns: he, weekendSegments: ge } = Pe({
+		lowerSegments: te,
+		pixelsPerDay: D,
+		scrollLeft: k,
+		viewportWidth: O,
+		showWeekendHighlight: p,
+		timelineStartMs: A,
+		timelineWidth: re,
+		viewMode: n
+	}), _e = ct(m, ae, re, ie, {
+		startMs: A,
+		endMs: j
+	}), ye = G((e, t) => {
+		if (!(e.target instanceof Element && e.target.closest(".bsy-gantt-chart__bar-resize-handle")) && !de()) {
+			if (t?.type === "summary") {
+				let e = t.groupKey;
+				if (!e || !g) return;
+				g(String(e));
+				return;
+			}
+			l && l(t, t.rowIndex, e);
+		}
+	}, [
+		de,
+		l,
+		g
+	]), be = q(() => ({
+		viewMode: n,
+		pixelsPerDay: D,
+		timelineStartMs: A,
+		timelineEndMs: j,
+		visibleStartMs: M,
+		visibleEndMs: N,
+		timelineCoords: ne,
+		scrollLeft: k,
+		viewportWidth: O,
+		timelineWidth: re,
+		isInitialLayoutReady: P
+	}), [
+		n,
+		D,
+		A,
+		j,
+		M,
+		N,
+		ne,
+		k,
+		O,
+		re,
+		P
+	]);
+	return /* @__PURE__ */ B(ht.Provider, {
+		value: be,
+		children: /* @__PURE__ */ V("div", {
+			className: "bsy-gantt-chart",
+			style: { visibility: P ? "visible" : "hidden" },
+			children: [/* @__PURE__ */ B(lt, {
+				timelineWidth: re,
+				viewportWidth: O,
+				scrollLeft: k,
+				trackRef: S,
+				virtualColumns: he,
+				lowerSegments: te,
+				todayLineLeft: ae,
+				todayCenterMs: ie,
+				showTodayLine: m,
+				viewMode: n,
+				availableModes: r,
+				formatMessage: y,
+				onViewModeChange: i,
+				onTodayClick: I,
+				onScrollPrev: R,
+				onScrollNext: z
+			}), /* @__PURE__ */ B("div", {
+				ref: b,
+				className: "bsy-gantt-chart__timeline-host",
+				children: /* @__PURE__ */ B("div", {
+					ref: x,
+					className: "bsy-gantt-chart__timeline-content",
+					role: "region",
+					"aria-label": v("gantt.aria.timeline"),
+					onScroll: (e) => {
+						F(e), f && f.sync("timeline", e.currentTarget.scrollTop);
+					},
+					children: /* @__PURE__ */ B(Ht, {
+						contentRef: x,
+						normalizedItems: Z,
+						safeRowHeight: 34,
+						viewportHeight: me,
+						lowerSegments: te,
+						virtualColumns: he,
+						weekendSegments: ge,
+						dragState: H,
+						dragPermissionById: Q,
+						tooltip: d,
+						handleTaskMouseDown: fe,
+						handleResizeMouseDown: pe,
+						handleBarClick: ye,
+						collapsedKeys: h,
+						handleOffscreenJump: L,
+						todayLineLeft: ae,
+						shouldShowTodayMarker: _e
+					})
+				})
+			})]
+		})
+	});
+}
+var Wt = U(Ut);
+//#endregion
+export { Wt as t };