@baishuyun/ui-base 6.3.2 → 6.4.0

package/dist/Gantt/GanttChart-DpmbH0GI.js

@@ -0,0 +1,1965 @@
+import { t as e } from "../vendors/useLocale-BTz4slNW.js";
+import { t } from "../Tooltip/Tooltip-DW_XP13m.js";
+import { _ as n, a as r, f as i, h as a, i as o, n as s, o as c, p as l, r as u } from "./constants-_vMvDXFh.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-DshzoBp7.js";
+import { _ as x, a as S, b as C, c as w, d as T, f as E, g as D, h as O, i as k, l as A, m as j, o as ee, p as te, r as M, s as ne, t as re, u as ie, v as ae, y as N } from "./collapseKeys-BWMH5k37.js";
+import { n as P, t as oe } from "./GanttToolBar-fCAi-4zZ.js";
+import { isFunction as se, isNumber as ce, isString as le } from "lodash-es";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
+import R, { forwardRef as z, memo as B, useCallback as V, useEffect as H, useImperativeHandle as U, useLayoutEffect as W, useMemo as G, useRef as K, useState as q } from "react";
+import J from "clsx";
+import { useDocumentVisibility as Y, useSize as X } from "ahooks";
+import { createContext as Z, useContextSelector as Q } from "use-context-selector";
+import $ from "dayjs";
+import ue from "dayjs/plugin/isoWeek";
+import { useVirtualizer as de } from "@tanstack/react-virtual";
+import fe from "dayjs/plugin/quarterOfYear";
+import { OverlayScrollbars as pe } from "overlayscrollbars";
+//#region src/components/Gantt/GanttChart/utils/dragEngine.ts
+var me = (e) => e?.type === "task" && e?.draggable !== !1 && !e?.invalid, he = {
+	canMove: !1,
+	canResizeStart: !1,
+	canResizeEnd: !1
+}, ge = (e) => !e || e.invalid || e.type === "summary" || e.draggable === !1 ? he : e.dragPermission ? {
+	canMove: e.dragPermission.canMove === !0,
+	canResizeStart: e.dragPermission.canResizeStart === !0,
+	canResizeEnd: e.dragPermission.canResizeEnd === !0
+} : {
+	canMove: !0,
+	canResizeStart: !0,
+	canResizeEnd: !0
+}, _e = (e, t) => me(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, ve = (e, t) => !t || Math.abs(e) < Math.min(5, t) ? 0 : Math.round(e / t), ye = (e, t) => ve(e, t), be = (e, t, n = "round") => {
+	if (!t || !Number.isFinite(e)) return e;
+	let r = C(e), i = $(r).startOf("day").valueOf(), a = (r - i) / t, o;
+	return o = n === "floor" ? Math.floor(a) : n === "ceil" ? Math.ceil(a) : Math.round(a), x(i + o * t);
+}, xe = (e, t, n) => ({
+	startMs: e + n,
+	endMs: t + n
+}), Se = ({ 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)
+	};
+}, Ce = (e, t, n, r) => {
+	let i = e.originStartMs, o = e.originEndMs;
+	if (e.dragMode === "move") {
+		let s = be(n.timeAtX(e.originLeftPx + t), r, "round"), c = Math.round((s - e.originStartMs) / a) * a;
+		i = e.originStartMs + c, o = e.originEndMs + c;
+	} else if (e.dragMode === "resize-start") i = be(n.timeAtX(e.originLeftPx + t), r, "round"), o = e.originEndMs, o - i < r && (i = o - r);
+	else {
+		let a = n.toX(e.originEndMs);
+		o = be(n.timeAtX(a + t), r, "round"), i = e.originStartMs, o - i < r && (o = i + r);
+	}
+	return {
+		deltaUnits: e.dragMode === "resize-end" ? Math.round((o - e.originEndMs) / r) : Math.round((i - e.originStartMs) / r),
+		previewStartMs: i,
+		previewEndMs: o,
+		previewLeftPx: n.toX(i)
+	};
+};
+function we(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 Te = (e) => e && se(e.then) ? e : Promise.resolve(e);
+//#endregion
+//#region src/components/Gantt/GanttChart/hooks/useEdgeScroll.tsx
+function Ee(e, t) {
+	let n = K(null), r = K(0), i = K(0), a = V(() => {
+		n.current !== null && (cancelAnimationFrame(n.current), n.current = null), r.current = 0, i.current = 0;
+	}, []);
+	H(() => () => {
+		n.current !== null && cancelAnimationFrame(n.current);
+	}, []);
+	let o = V(() => {
+		if (n.current !== null) return;
+		let a = () => {
+			let o = e.current, s = r.current;
+			if (!o || s === 0) {
+				n.current = null;
+				return;
+			}
+			let c = o.scrollLeft, l = o.scrollWidth - o.clientWidth, u = Math.max(0, Math.min(l, c + s));
+			o.scrollLeft = u;
+			let d = u - c;
+			i.current += d, d !== 0 && t?.current?.(), n.current = requestAnimationFrame(a);
+		};
+		n.current = requestAnimationFrame(a);
+	}, [e, t]);
+	return {
+		scrollCompensation: i,
+		startEdgeDetection: V((t) => {
+			let i = e.current;
+			if (!i) return;
+			let a = i.getBoundingClientRect(), s = t - a.left, c = a.right - t;
+			s < 60 && s >= 0 ? (r.current = -(2 + 8 * (1 - s / 60)), o()) : c < 60 && c >= 0 ? (r.current = 2 + 8 * (1 - c / 60), o()) : (r.current = 0, n.current !== null && (cancelAnimationFrame(n.current), n.current = null));
+		}, [e, o]),
+		stopEdgeScroll: a
+	};
+}
+//#endregion
+//#region src/components/Gantt/GanttChart/hooks/useGanttDrag.tsx
+function De({ pixelsPerDay: e, viewMode: t, timelineCoords: i, onTaskTimeChange: s, containerRef: l }) {
+	let u = h(t), d = m(t), f = d / a * e, p = K(i);
+	p.current = i;
+	let [g, _] = q({}), [v, y] = q(null), b = K(null), x = K({
+		shouldSuppressClick: !1,
+		at: 0
+	}), S = K(0), C = K(null), { scrollCompensation: w, startEdgeDetection: T, stopEdgeScroll: E } = Ee(l ?? { current: null }, C), D = K({});
+	H(() => {
+		b.current = v;
+	}, [v]), H(() => () => {
+		for (let e of Object.values(D.current)) e.timeoutId && clearTimeout(e.timeoutId);
+	}, []);
+	let O = V(() => {
+		_((e) => {
+			let t = Object.keys(D.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;
+		}), x.current = {
+			shouldSuppressClick: !1,
+			at: 0
+		};
+	}, []), k = V(() => {
+		for (let e of Object.values(D.current)) e.timeoutId && clearTimeout(e.timeoutId);
+		D.current = {}, _({}), x.current = {
+			shouldSuppressClick: !1,
+			at: 0
+		};
+	}, []), A = V((e, t, n, r) => {
+		if (!_e(t, r) || t.invalid) return;
+		e.preventDefault(), e.stopPropagation();
+		let i = {
+			taskId: t.id,
+			item: t,
+			startClientX: e.clientX,
+			originLeftPx: n,
+			originStartMs: t.startMs ?? 0,
+			originEndMs: t.endMs ?? 0,
+			deltaUnits: 0,
+			dragMode: r,
+			previewLeftPx: n,
+			previewStartMs: t.startMs ?? 0,
+			previewEndMs: t.endMs ?? 0
+		};
+		x.current = {
+			shouldSuppressClick: !1,
+			at: 0
+		}, b.current = i, y(i);
+	}, []), j = V((e, t, n) => {
+		A(e, t, n, o);
+	}, [A]), ee = V((e, t, n, i) => {
+		A(e, t, n, i === "start" ? c : r);
+	}, [A]);
+	return H(() => {
+		if (!v?.taskId) return;
+		let e = (e) => {
+			let t = b.current;
+			if (!t) return;
+			let n = e - t.startClientX + w.current;
+			if (!u) {
+				let e = Ce(t, n, p.current, d);
+				if (e.deltaUnits === t.deltaUnits) return;
+				let r = {
+					...t,
+					...e
+				};
+				b.current = r, y(r);
+				return;
+			}
+			let r = ye(n, f);
+			if (r === t.deltaUnits) return;
+			let i = {
+				...t,
+				deltaUnits: r
+			};
+			if (t.dragMode === "move") {
+				let e = xe(t.originStartMs, t.originEndMs, r * d);
+				i.previewLeftPx = t.originLeftPx + r * f, i.previewStartMs = e.startMs, i.previewEndMs = e.endMs;
+			} else {
+				let e = Se({
+					startMs: t.originStartMs,
+					endMs: t.originEndMs,
+					deltaMs: r * d,
+					edge: t.dragMode === "resize-start" ? "start" : "end",
+					minDurationMs: d
+				});
+				i.previewStartMs = e.startMs, i.previewEndMs = e.endMs;
+			}
+			let a = Math.round((i.previewStartMs - t.originStartMs) / d), o = {
+				...i,
+				deltaUnits: t.dragMode === "resize-end" ? Math.round((i.previewEndMs - t.originEndMs) / d) : a
+			};
+			b.current = o, y(o);
+		};
+		C.current = () => e(S.current);
+		let r = (t) => {
+			S.current = t.clientX, T(t.clientX), e(t.clientX);
+		}, i = () => {
+			E(), C.current = null;
+			let e = b.current;
+			if (!e) return;
+			let r = e.previewStartMs !== e.originStartMs || e.previewEndMs !== e.originEndMs;
+			x.current = {
+				shouldSuppressClick: r,
+				at: Date.now()
+			};
+			let i = r;
+			if (!_e(e.item, e.dragMode) || !i || !s) {
+				b.current = null, y(null);
+				return;
+			}
+			let o = e.taskId;
+			_((t) => ({
+				...t,
+				[o]: {
+					startMs: e.previewStartMs,
+					endMs: e.previewEndMs
+				}
+			})), b.current = null, y(null);
+			let c = (D.current[o]?.opId || 0) + 1;
+			D.current[o]?.timeoutId && clearTimeout(D.current[o].timeoutId);
+			let l = setTimeout(() => {
+				D.current[o]?.opId === c && (console.warn(`[GanttDrag] task ${o} op ${c} timed out (${n}ms)`), _((e) => {
+					let t = { ...e };
+					return delete t[o], t;
+				}), delete D.current[o]);
+			}, n);
+			D.current[o] = {
+				opId: c,
+				startedAt: Date.now(),
+				timeoutId: l
+			};
+			let f, p;
+			if (u) if (e.dragMode === "move") {
+				let t = be(e.previewStartMs, d, "round"), n = t - e.previewStartMs;
+				f = t, p = e.previewEndMs + n;
+			} else e.dragMode === "resize-start" ? (f = be(e.previewStartMs, d, "round"), p = e.previewEndMs) : (f = e.previewStartMs, p = be(e.previewEndMs, d, "round"));
+			else {
+				let t = Number.isFinite(e.item.rawStartMs) && Number.isFinite(e.item.baseStartMs) && Number.isFinite(e.previewStartMs), n = Number.isFinite(e.item.rawEndMs) && Number.isFinite(e.item.baseEndMs) && Number.isFinite(e.previewEndMs), r = t ? Math.round((e.previewStartMs - (e.item.baseStartMs ?? 0)) / a) : 0, i = n ? Math.round((e.previewEndMs - (e.item.baseEndMs ?? 0)) / a) : 0;
+				f = t ? (e.item.rawStartMs ?? 0) + r * a : e.item.rawStartMs ?? 0, p = n ? (e.item.rawEndMs ?? 0) + i * a : e.item.rawEndMs ?? 0;
+			}
+			let m;
+			m = h(t) ? we({
+				item: e.item,
+				startMs: f,
+				endMs: p,
+				deltaMs: e.deltaUnits * d,
+				snapUnitMs: d,
+				changeType: e.dragMode,
+				viewMode: t
+			}) : we({
+				item: e.item,
+				startMs: f,
+				endMs: p,
+				deltaDays: e.deltaUnits,
+				deltaMs: e.deltaUnits * d,
+				snapUnitMs: d,
+				changeType: e.dragMode,
+				viewMode: t
+			}), Te(s(m)).catch((e) => {
+				console.error("[GanttChart] onTaskTimeChange rejected", e), D.current[o]?.opId === c && _((e) => {
+					let t = { ...e };
+					return delete t[o], t;
+				});
+			}).finally(() => {
+				D.current[o]?.opId === c && (clearTimeout(D.current[o].timeoutId), delete D.current[o]);
+			});
+		};
+		return document.addEventListener("mousemove", r), document.addEventListener("mouseup", i), () => {
+			document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i), C.current = null;
+		};
+	}, [
+		v?.taskId,
+		u,
+		d,
+		f,
+		s,
+		e,
+		t,
+		T,
+		E,
+		w
+	]), {
+		dragState: v,
+		committedRangeById: g,
+		resetCommittedRanges: O,
+		forceResetAllCommittedRanges: k,
+		handleTaskMouseDown: j,
+		handleResizeMouseDown: ee,
+		consumeRecentDragResult: V(() => {
+			let { shouldSuppressClick: e, at: t } = x.current;
+			return x.current = {
+				shouldSuppressClick: !1,
+				at: 0
+			}, e ? Date.now() - t <= 400 : !1;
+		}, [])
+	};
+}
+function Oe(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 ke({ startMs: e, endMs: t, viewMode: n, viewportWidth: r = 0, pixelsPerDay: i = 1 }) {
+	let o = Number(r) > 0 ? Number(r) : 0, s = Number(i) > 0 ? Number(i) : 1;
+	if (o <= 0) return S(e, t, n);
+	let c = (t - e) / a;
+	if (c * s >= o) return {
+		startMs: e,
+		endMs: t
+	};
+	let l = Math.ceil(o / s), u = Math.ceil((l - c) / 2) * a;
+	return S(e - u, t + u, n);
+}
+function Ae({ startMs: e, endMs: t, anchorMs: n, viewMode: r, viewportWidth: i = 0, pixelsPerDay: o = 1 }) {
+	let s = Number(i) > 0 ? Number(i) : 0, c = Number(o) > 0 ? Number(o) : 1, l = e, u = t;
+	if (s > 0 && Number.isFinite(n)) {
+		let e = (s / 2 + 200) / c * a;
+		l = Math.min(l, n - e), u = Math.max(u, n + e);
+	}
+	let d = S(l, u, r);
+	return ke({
+		startMs: d.startMs,
+		endMs: d.endMs,
+		viewMode: r,
+		viewportWidth: s,
+		pixelsPerDay: c
+	});
+}
+function je({ anchorMs: e, viewMode: t, timeRangeConfig: n, viewportWidth: r = 0, pixelsPerDay: i = 1 }) {
+	let a = Number.isFinite(e) ? e : Date.now(), o = ee(n, a);
+	return Ae({
+		startMs: o.startMs,
+		endMs: o.endMs,
+		anchorMs: a,
+		viewMode: t,
+		viewportWidth: r,
+		pixelsPerDay: i
+	});
+}
+function Me({ 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) ? Oe(a - i / 2, i, r) : 0;
+}
+//#endregion
+//#region src/components/Gantt/GanttChart/hooks/useGanttColumnVirtual.ts
+function Ne(e) {
+	let t = Number(e);
+	return Math.max((Number.isFinite(t) && t > 0 ? t : 0) * 4, 240);
+}
+function Pe(e, t) {
+	if (!Array.isArray(e) || e.length === 0) return [];
+	let { scrollLeft: n = 0, viewportWidth: r = 0, pixelsPerDay: i } = t || {}, a = Ne(Number(e[0]?.width) > 0 ? Number(e[0].width) : i), o = e[e.length - 1], s = Oe(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 Fe({ lowerSegments: e, pixelsPerDay: t, scrollLeft: n, viewportWidth: r, showWeekendHighlight: i, timelineStartMs: o, timelineWidth: s, viewMode: c }) {
+	return {
+		virtualColumns: G(() => Pe(e, {
+			scrollLeft: n,
+			viewportWidth: r,
+			pixelsPerDay: t
+		}), [
+			e,
+			t,
+			n,
+			r
+		]),
+		weekendSegments: G(() => {
+			if (!i || s <= 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 = o + e * a, r = ae(n);
+				(r === 0 || r === 6) && f.push({
+					id: `weekend-${n}`,
+					left: e * t,
+					width: t
+				});
+			}
+			return f;
+		}, [
+			i,
+			s,
+			n,
+			r,
+			t,
+			o,
+			c
+		])
+	};
+}
+$.extend(ue), $.extend(fe);
+var Ie = {
+	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"
+	}
+}, Le = (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");
+	}
+}, Re = (e, t, n) => {
+	let r = N(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 O(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 Le(r, t, n);
+	}
+}, ze = (e, t) => {
+	let n = N(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")}`;
+}, Be = (e, t, n) => {
+	let r = N(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" ? D(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() });
+}, Ve = (e, t, n, r, i, a, o) => {
+	let s = _(r), c = j ?? 100;
+	e.push({
+		id: `${r}-${t}`,
+		startMs: t,
+		endMs: n,
+		left: s ? e.length * c : te(t, i, a, r),
+		width: s ? c : Math.max(1, E(t, n, a, r)),
+		label: Re($(t), r, o)
+	});
+}, He = ({ viewMode: e, timelineStartMs: t, timelineEndMs: n, pixelsPerDay: r, formatMessage: i }) => {
+	let a = [], o = Ie[e] || Ie.day, s = $(C(t));
+	_(e) && (s = s.startOf("month"));
+	let c = $(C(n));
+	for (; s.isBefore(c);) {
+		o.align && (s = o.align(s));
+		let n = s.add(o.amount, o.unit);
+		Ve(a, x(s.valueOf()), x(n.valueOf()), e, t, r, i), s = n;
+	}
+	return a;
+}, Ue = ({ 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 = $(a.startMs), o = ze(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: Be(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;
+}, We = (e) => {
+	if (v(e)) {
+		let t = g(e);
+		return be(Date.now(), t, "floor") + t / 2;
+	}
+	return T(Date.now()) + a / 2;
+}, Ge = (e, t) => {
+	if (v(t)) {
+		let n = g(t);
+		return be(e, n, "floor") + n + 1;
+	}
+	return T(e) + a + 1;
+}, Ke = (e) => {
+	let [t, n] = q(() => We(e)), r = K(null), i = V(() => {
+		r.current &&= (clearTimeout(r.current), null);
+	}, []), a = V(() => {
+		i();
+		let t = Date.now(), o = Ge(t, e);
+		r.current = setTimeout(() => {
+			n(We(e)), a();
+		}, Math.max(1, o - t));
+	}, [i, e]);
+	H(() => (n(We(e)), a(), i), [
+		e,
+		a,
+		i
+	]);
+	let o = Y();
+	return H(() => {
+		o === "visible" && (n(We(e)), a());
+	}, [
+		o,
+		a,
+		e
+	]), t;
+}, qe = {
+	before: 0,
+	after: 0
+};
+function Je({ timeRangeConfig: e, pixelsPerDayConfig: t, viewMode: n, contentRef: r, contentSize: i, headerTrackRef: o, formatMessage: s }) {
+	let c = A(n, t), u = G(() => ie(n, e), [n, e]), d = i?.width !== null && i?.width !== void 0 && Number(i.width) > 0 ? Number(i.width) : 0, f = K(!1), [p, m] = q(!1), [h, g] = q(d), _ = K(null), v = K(!1), y = K(!1), b = K(!1), x = K(!1), C = K(!1), w = K(null), T = K(null), E = V((e) => {
+		let t = T.current;
+		if (!t || !e) return !1;
+		let n = e.scrollLeft || 0;
+		return Math.abs(n - t.targetLeft) > 1;
+	}, []), D = V((e) => {
+		let t = T.current;
+		t && Math.abs(e - t.targetLeft) <= 1 && (T.current = null);
+	}, []), O = V((e) => {
+		let t = l[n] || l.day;
+		e === "left" && !b.current && (b.current = !0, y.current = !1, N((e) => ({
+			...e,
+			before: e.before + t
+		}))), e === "right" && !x.current && (x.current = !0, N((e) => ({
+			...e,
+			after: e.after + t
+		})));
+	}, [n]), [k, j] = q(0), ee = K(0), te = K(0), M = K(null), re = V((e) => {
+		te.current = e, M.current === null && (M.current = requestAnimationFrame(() => {
+			M.current = null;
+			let e = te.current;
+			j((t) => t === e ? t : e);
+		}));
+	}, []);
+	H(() => () => {
+		M.current !== null && cancelAnimationFrame(M.current);
+	}, []);
+	let [ae, N] = q(qe), [P, oe] = q(null), se = K(n), le = se.current === n, F = le ? ae : qe, I = le ? P : null, L = V(() => {
+		let e = _.current;
+		return e !== null && Number.isFinite(e) ? e : We(n);
+	}, [n]), R = V((e) => {
+		Number.isFinite(e) && (_.current = e);
+	}, []), z = V((e) => {
+		T.current = null;
+		let t = je({
+			anchorMs: Number.isFinite(e) ? e : L(),
+			viewMode: n,
+			timeRangeConfig: u,
+			viewportWidth: h || 1e3,
+			pixelsPerDay: c
+		});
+		return N(qe), oe(t), v.current = !0, y.current = !0, t;
+	}, [
+		u,
+		c,
+		L,
+		n,
+		h
+	]);
+	H(() => {
+		se.current = n, z(L());
+	}, [e?.bufferDaysBefore, e?.bufferDaysAfter]), W(() => {
+		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 B = G(() => I || je({
+		anchorMs: L(),
+		viewMode: n,
+		timeRangeConfig: u,
+		viewportWidth: h || 1e3,
+		pixelsPerDay: c
+	}), [
+		I,
+		u,
+		c,
+		L,
+		n,
+		h
+	]), { timelineStartMs: U, timelineEndMs: J } = G(() => {
+		let e = B.startMs, t = B.endMs, r = S(e - F.before * a, t + F.after * a, n), i = ke({
+			startMs: r.startMs,
+			endMs: r.endMs,
+			viewMode: n,
+			viewportWidth: h,
+			pixelsPerDay: c
+		});
+		return {
+			timelineStartMs: i.startMs,
+			timelineEndMs: i.endMs
+		};
+	}, [
+		B,
+		F,
+		n,
+		h,
+		c
+	]), Y = G(() => He({
+		viewMode: n,
+		timelineStartMs: U,
+		timelineEndMs: J,
+		pixelsPerDay: c,
+		formatMessage: s
+	}), [
+		n,
+		U,
+		J,
+		c,
+		s
+	]), X = G(() => ne({
+		viewMode: n,
+		timelineStartMs: U,
+		timelineEndMs: J,
+		pixelsPerDay: c,
+		lowerSegments: Y
+	}), [
+		n,
+		U,
+		J,
+		c,
+		Y
+	]), Z = G(() => {
+		if (Y.length === 0) return 0;
+		let e = Y[Y.length - 1];
+		return e.left + e.width;
+	}, [Y]);
+	W(() => {
+		se.current !== n && (se.current = n, z(L()));
+	}, [
+		n,
+		L,
+		z
+	]);
+	let Q = Ke(n), $ = G(() => Z <= 0 ? null : X.toX(Q), [
+		Q,
+		X,
+		Z
+	]), ue = V((e) => {
+		let t = o?.current;
+		t && (t.style.transform = `translateX(${-e}px)`);
+	}, [o]), de = V(() => {
+		let e = r.current, t = h;
+		if (!e || t <= 0 || Z <= 0) return !1;
+		let n = Me({
+			anchorMs: L(),
+			toX: X.toX,
+			viewportWidth: t,
+			timelineWidth: Z
+		});
+		return w.current = n, e.scrollLeft = n, ue(n), j(n), ee.current = n, !0;
+	}, [
+		ue,
+		r,
+		L,
+		X,
+		Z,
+		h
+	]), fe = V((e) => {
+		let t = e.currentTarget.scrollLeft, n = h, r = w.current, i = r !== null && Math.abs(t - r) <= 1;
+		i ? w.current = null : f.current && (C.current = !0), ue(t);
+		let a = t !== ee.current;
+		ee.current = t, a && re(t), n > 0 && !i && R(X.timeAtX(t + n / 2)), D(t);
+	}, [
+		ue,
+		X,
+		h,
+		re,
+		R,
+		D
+	]), pe = V(() => {
+		let e = We(n);
+		R(e), z(e);
+	}, [
+		z,
+		R,
+		n
+	]), me = V((e) => {
+		let t = r.current, n = ce(e) ? e : e?.targetScrollLeft, i = ce(e) ? null : e?.targetStartMs ?? null;
+		if (!t) return;
+		let a = h;
+		if (i !== null && Number.isFinite(i) && (i < U || i >= J) && i !== null) {
+			R(i), b.current = !1, x.current = !1, z(i);
+			return;
+		}
+		if (!Number.isFinite(n)) return;
+		let o = Oe(n, a, Z), s = t.scrollLeft || 0, c = a > 0 && Math.abs(o - s) <= a * 1.5 ? "smooth" : "auto";
+		c === "smooth" && (T.current = { targetLeft: o }), t.scrollTo({
+			left: o,
+			behavior: c
+		}), a > 0 && R(X.timeAtX(o + a / 2));
+	}, [
+		r,
+		z,
+		R,
+		X,
+		J,
+		U,
+		Z,
+		h
+	]);
+	H(() => {
+		if (!f.current || !h || !Z || v.current || !C.current) return;
+		let e = r.current;
+		if (E(e)) return;
+		e && D(e.scrollLeft || 0);
+		let t = k, n = Z - (k + h);
+		t >= 0 && t <= 280 && O("left"), n >= 0 && n <= 280 && O("right");
+	}, [
+		k,
+		Z,
+		h,
+		P,
+		r,
+		E,
+		D,
+		O
+	]), H(() => {
+		b.current = !1, x.current = !1;
+	}, [Z]), W(() => {
+		if (!(!f.current || _.current === null) && !v.current) {
+			if (y.current) {
+				y.current = !1;
+				return;
+			}
+			de();
+		}
+	}, [
+		de,
+		X,
+		Z,
+		h,
+		P
+	]), W(() => {
+		v.current && (h <= 0 || Z <= 0 || de() && (v.current = !1, y.current = !1, b.current = !1, x.current = !1, f.current || (f.current = !0, m(!0))));
+	}, [
+		de,
+		Z,
+		h,
+		P
+	]), W(() => {
+		if (!f.current && h > 0 && Z > 0) {
+			if (Number.isFinite(_.current ?? NaN) || R(We(n)), !P) {
+				z(L());
+				return;
+			}
+			v.current = !0, de(), v.current = !1, f.current = !0, m(!0);
+		}
+	}, [
+		de,
+		L,
+		z,
+		R,
+		P,
+		Z,
+		h,
+		n
+	]);
+	let he = V((e) => {
+		let t = h;
+		t <= 0 || R(X.timeAtX(e + t / 2));
+	}, [
+		h,
+		X,
+		R
+	]), ge = V(() => {
+		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) {
+			T.current = null, i <= 280 && O("left");
+			return;
+		}
+		T.current = { targetLeft: i }, e.scrollTo({
+			left: i,
+			behavior: "smooth"
+		}), he(i);
+	}, [
+		r,
+		h,
+		he,
+		O
+	]), _e = V(() => {
+		let e = r.current;
+		if (!e) return;
+		let t = h, n = e.scrollLeft || 0, i = Math.max(0, Z - t), a = Oe(n + t, t, Z);
+		if (Math.abs(a - n) <= 1) {
+			T.current = null, a >= i - 1 && O("right");
+			return;
+		}
+		T.current = { targetLeft: a }, e.scrollTo({
+			left: a,
+			behavior: "smooth"
+		}), he(a);
+	}, [
+		r,
+		h,
+		Z,
+		he,
+		O
+	]);
+	return H(() => {
+		let e = r.current;
+		if (!e) return;
+		let t = () => {
+			let t = T.current;
+			if (!t) return;
+			let n = e.scrollLeft || 0;
+			Math.abs(n - t.targetLeft) > 1 || (T.current = null);
+		};
+		return e.addEventListener("scrollend", t), () => e.removeEventListener("scrollend", t);
+	}, [r]), {
+		pixelsPerDay: c,
+		viewportWidth: h,
+		scrollLeft: (!le || v.current) && Z > 0 && h > 0 ? Me({
+			anchorMs: L(),
+			toX: X.toX,
+			viewportWidth: h,
+			timelineWidth: Z
+		}) : k,
+		timelineStartMs: U,
+		timelineEndMs: J,
+		lowerSegments: Y,
+		timelineCoords: X,
+		timelineWidth: Z,
+		todayCenterMs: Q,
+		todayLineLeft: $,
+		isInitialLayoutReady: p,
+		handleContentScroll: fe,
+		handleTodayClick: pe,
+		handleOffscreenJump: me,
+		handleScrollPrev: ge,
+		handleScrollNext: _e
+	};
+}
+//#endregion
+//#region src/components/Gantt/GanttChart/hooks/useNormalizedItems.ts
+function Ye({ visibleItems: e, committedRangeById: t = {}, viewMode: n = "day" }) {
+	return { normalizedItems: G(() => {
+		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 } = M(n?.start, n?.end), f = t[o], p = n?.type === "summary" ? !1 : d, m = k({
+				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 Xe(e, t) {
+	W(() => {
+		let n = e.current, r = t.current;
+		if (!n || !r) return;
+		let i = pe({
+			target: n,
+			elements: { viewport: r }
+		}, { scrollbars: {
+			theme: "os-theme-bsy",
+			autoHide: "leave",
+			autoHideDelay: 600,
+			clickScroll: !0
+		} });
+		return () => {
+			i?.destroy();
+		};
+	}, [e, t]);
+}
+//#endregion
+//#region src/components/Gantt/GanttChart/utils/timelineMarkers.ts
+function Ze(e, t, n) {
+	return !!e && t !== null && Number.isFinite(t) && t >= 0 && t <= n;
+}
+var Qe = R.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 = G(() => Ue({
+		lowerSegments: a,
+		viewMode: l,
+		formatMessage: d
+	}), [
+		a,
+		l,
+		d
+	]), _ = G(() => {
+		let r = Oe(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 = G(() => a.length && a.find((e) => s != null && s >= e.startMs && s < e.endMs)?.id || null, [a, s]), y = Ze(c, o, e);
+	return /* @__PURE__ */ L("div", {
+		className: "bsy-gantt-chart__calendar",
+		children: [/* @__PURE__ */ L("div", {
+			ref: r,
+			className: "bsy-gantt-chart__calendar-track",
+			style: { width: e },
+			children: [
+				i.map((e) => {
+					let t = a[e.index];
+					return t ? /* @__PURE__ */ I("div", {
+						className: "bsy-gantt-chart__header-col-line",
+						style: {
+							left: t.left,
+							top: 34,
+							height: 34
+						}
+					}, `header-line-${t.id}`) : null;
+				}),
+				_.map((e) => {
+					let t = Math.max(0, n - e.left);
+					return /* @__PURE__ */ L(R.Fragment, { children: [/* @__PURE__ */ I("div", {
+						className: "bsy-gantt-chart__header-cell bsy-gantt-chart__header-cell--top",
+						style: {
+							left: e.left,
+							width: e.width,
+							height: 34
+						},
+						children: /* @__PURE__ */ I("span", {
+							className: "bsy-gantt-chart__header-cell-sticky-text",
+							style: { transform: `translateX(${t}px)` },
+							children: e.label
+						})
+					}), /* @__PURE__ */ I("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__ */ I("div", {
+						className: J("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;
+				}),
+				y && /* @__PURE__ */ I("span", {
+					className: "bsy-gantt-chart__today-indicator--header-dot",
+					style: { left: o ?? void 0 }
+				})
+			]
+		}), /* @__PURE__ */ I("div", {
+			className: "bsy-gantt-chart__calendar-toolbar",
+			children: /* @__PURE__ */ I(oe, {
+				viewMode: l,
+				availableModes: u,
+				onViewModeChange: f,
+				onTodayClick: p,
+				onScrollPrev: m,
+				onScrollNext: h
+			})
+		})]
+	});
+});
+//#endregion
+//#region src/components/Gantt/GanttChart/hooks/useGanttRowVirtualScroll.ts
+function $e({ items: e, contentRef: t, safeRowHeight: n, viewportHeight: r, overscan: i = 4 }) {
+	let [a, o] = q(!1), s = de({
+		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 et({ virtualRows: e, normalizedItems: t, scrollLeft: n, viewportWidth: r, timelineCoords: i, timelineWidth: a, enabled: o = !0 }) {
+	return G(() => {
+		if (!o || !i || !Array.isArray(e) || !Array.isArray(t) || r <= 0 || a <= r) return [];
+		let s = n, c = n + r, l = [];
+		return e.forEach((e) => {
+			let n = t[e.index];
+			if (!n || n.invalid || n.type === "summary" || n.startMs === null || n.startMs === void 0 || n.endMs === null || n.endMs === void 0) return;
+			let o = i.toX(n.startMs), u = o + i.toWidth(n.startMs, n.endMs) < s, d = o > c;
+			if (!u && !d) return;
+			let f = Oe(o - r / 2, r, a);
+			l.push({
+				rowKey: `offscreen-${n.id}-${e.key}`,
+				rowTop: e.start,
+				rowHeight: e.size,
+				showLeft: u,
+				showRight: d,
+				targetStartMs: n.startMs,
+				targetScrollLeft: f
+			});
+		}), l;
+	}, [
+		e,
+		t,
+		n,
+		r,
+		i,
+		a,
+		o
+	]);
+}
+//#endregion
+//#region src/components/Gantt/GanttChart/hooks/useRowHoverHighlight.ts
+function tt({ normalizedItems: e, safeRowHeight: t }) {
+	let n = Q(d, (e) => e.setHighlightTarget), r = Q(d, (e) => e.subscribeHighlight), i = Q(d, (e) => e.getIsScrollActive), a = K(null), o = K(null), s = K(null), c = K(!1), l = G(() => {
+		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 = K(l);
+	u.current = l;
+	let m = V((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 = V(() => {
+		let e = o.current;
+		e && (e.style.display = "none");
+	}, []), g = V((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
+	]), _ = V((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 = V(() => {
+		c.current = !1, a.current = null, h(), s.current !== null && (s.current = null, n?.(null));
+	}, [n, h]);
+	return H(() => {
+		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 nt = Z({
+	tooltip: null,
+	isScrolling: !1,
+	collapsedKeys: void 0,
+	onBarClick: () => {},
+	onTaskMouseDown: () => {},
+	onResizeMouseDown: () => {}
+}), rt = (e) => Q(nt, e), it = Z({
+	pixelsPerDay: 1,
+	timelineStartMs: 0,
+	timelineCoords: {
+		toX: () => 0,
+		toWidth: () => 0,
+		timeAtX: () => 0
+	},
+	scrollLeft: 0,
+	viewportWidth: 0,
+	timelineWidth: 0,
+	isInitialLayoutReady: !1
+}), at = (e) => Q(it, e), ot = (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})`;
+}, st = (e, t) => {
+	if (!le(e)) return null;
+	let n = e.trim();
+	return i.test(n) ? ot(n, t) : null;
+}, ct = (e, t = 2.5) => {
+	if (!e || !le(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";
+}, lt, ut = () => {
+	if (lt !== void 0) return lt;
+	try {
+		lt = document.createElement("canvas").getContext("2d");
+	} catch {
+		lt = null;
+	}
+	return lt;
+}, dt = (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 = ut();
+	return r ? (r.font = t, r.measureText(n).width + 20) : n.length * 12 + 20;
+};
+//#endregion
+//#region src/components/Gantt/GanttChart/hooks/useBarTooltipHover.ts
+function ft() {
+	let [e, t] = q(null), n = K("idle"), r = V((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 = V(() => {
+		n.current === "open" ? n.current = "frozen" : t(null);
+	}, []), a = V((e) => {
+		n.current = e ? "open" : "idle", e || t(null);
+	}, []);
+	return {
+		virtualReference: G(() => {
+			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 pt = {
+	borderRadius: "10px",
+	padding: 0,
+	backgroundColor: "#fff",
+	boxShadow: "0 0 12px 0 rgba(0, 0, 0, 0.08)"
+}, mt = ({ item: e, tooltip: n, disabled: r = !1, children: i }) => {
+	let { virtualReference: a, handleMouseMove: o, handleMouseLeave: s, handleTooltipVisibleChange: c } = ft(), l = G(() => r || !n ? null : n(e), [
+		r,
+		n,
+		e
+	]);
+	return l ? /* @__PURE__ */ I(t, {
+		content: l,
+		placement: "bottom",
+		showArrow: !1,
+		hoverDelay: 300,
+		moveToFloatingKeepOpen: !0,
+		widthMode: "manual",
+		maxWidth: 400,
+		offset: 5,
+		virtualReference: a,
+		onVisibleChange: c,
+		style: pt,
+		children: i({
+			onMouseMove: o,
+			onMouseLeave: s
+		})
+	}) : /* @__PURE__ */ I(F, { children: i({
+		onMouseMove: () => {},
+		onMouseLeave: () => {}
+	}) });
+}, ht = (e, t, n) => ({
+	...e,
+	clientX: t,
+	clientY: n,
+	preventDefault: () => e.preventDefault(),
+	stopPropagation: () => e.stopPropagation()
+});
+function gt({ enabled: e, onTaskMouseDown: t, onBarClick: n }) {
+	let r = K(null), i = K(null), a = K(t), o = K(n);
+	H(() => {
+		a.current = t, o.current = n;
+	}, [t, n]);
+	let s = V(() => {
+		r.current = null;
+		let e = i.current;
+		e && (document.removeEventListener("mousemove", e.move), document.removeEventListener("mouseup", e.up), i.current = null);
+	}, []);
+	return H(() => () => s(), [s]), { handlePointerMouseDown: V((t, n, c) => {
+		if (!e) return;
+		s();
+		let l = {
+			item: n,
+			baseLeft: c,
+			startClientX: t.clientX,
+			startClientY: t.clientY,
+			dragStarted: !1
+		};
+		r.current = l;
+		let u = (e) => {
+			if (r.current !== l || l.dragStarted) return;
+			let t = e.clientX - l.startClientX, i = e.clientY - l.startClientY;
+			Math.hypot(t, i) < 5 || (l.dragStarted = !0, s(), a.current?.(ht(e, l.startClientX, l.startClientY), n, c));
+		}, d = (e) => {
+			r.current === l && (s(), l.dragStarted || o.current?.(e, n));
+		};
+		i.current = {
+			move: u,
+			up: d
+		}, document.addEventListener("mousemove", u), document.addEventListener("mouseup", d);
+	}, [e, s]) };
+}
+var _t = R.memo(({ item: t, barTop: n, dragTaskId: r, dragPreview: i, dragPermission: a }) => {
+	let { t: o } = e(), s = at((e) => e.timelineCoords), c = rt((e) => e.tooltip), l = rt((e) => e.isScrolling), u = rt((e) => e.onBarClick), d = rt((e) => e.onTaskMouseDown), f = rt((e) => e.onResizeMouseDown), p = l ? null : c, m = r === t.id, h = m && i ? i.previewStartMs : t.startMs, g = m && i ? i.previewEndMs : t.endMs, _ = G(() => {
+		let e = t.color;
+		return {
+			baseColor: e,
+			containerBgColor: st(e, .2) || e,
+			hoverBorderColor: st(e, .5) || "transparent",
+			insideLabelColor: ct(e)
+		};
+	}, [t.color]), v = G(() => {
+		if (h == null || g == null) return {
+			baseLeft: 0,
+			calculatedBarLeft: 0,
+			calculatedBarWidth: 0
+		};
+		let e = s.toX(h);
+		return {
+			baseLeft: m && t.startMs !== null && t.startMs !== void 0 ? s.toX(t.startMs) : e,
+			calculatedBarLeft: e,
+			calculatedBarWidth: s.toWidth(h, g)
+		};
+	}, [
+		t.startMs,
+		h,
+		g,
+		s,
+		m
+	]), { baseColor: y, containerBgColor: b, hoverBorderColor: x, insideLabelColor: S } = _, { baseLeft: C, calculatedBarLeft: w, calculatedBarWidth: T } = v, E = t.progress === null || Number(t.progress) >= 1, D = E ? "100%" : `${Math.max(0, (t.progress ?? 0) * 100)}%`, O = a || he, k = O.canMove, A = t.label ?? "", j = typeof A == "string" ? A : "", ee = T < 40, te = Math.max(0, T - 10), M = G(() => j ? dt(j) : 0, [j]), ne = !!j && M > te, { handlePointerMouseDown: re } = gt({
+		enabled: k,
+		onTaskMouseDown: d,
+		onBarClick: u
+	}), ie = {
+		left: w,
+		top: n,
+		width: `var(--bsy-gantt-bar-actual-width, ${T}px)`,
+		height: 26,
+		background: b,
+		cursor: k ? "move" : "default",
+		"--bsy-gantt-bar-fill-color": y,
+		"--bsy-gantt-bar-hover-border-color": x,
+		"--bsy-gantt-bar-calc-width": `${T}px`,
+		"--bsy-gantt-bar-label-color": S
+	};
+	return /* @__PURE__ */ I(mt, {
+		item: t,
+		tooltip: p,
+		disabled: m,
+		children: ({ onMouseMove: e, onMouseLeave: n }) => /* @__PURE__ */ L("div", {
+			className: J("bsy-gantt-chart__bar", `bsy-gantt-chart__bar--${t.type || "task"}`, {
+				"bsy-gantt-chart__bar--readonly": !k,
+				"bsy-gantt-chart__bar--dragging": m,
+				"bsy-gantt-chart__bar--micro": ee
+			}),
+			style: ie,
+			onMouseDown: (e) => {
+				k && re(e, t, C);
+			},
+			onClick: (e) => {
+				k || u(e, t);
+			},
+			onMouseMove: e,
+			onMouseLeave: n,
+			children: [
+				t.type === "task" ? /* @__PURE__ */ I("div", {
+					className: J("bsy-gantt-chart__bar-progress", { "bsy-gantt-chart__bar-progress--full": E }),
+					style: { width: D }
+				}) : null,
+				/* @__PURE__ */ I("span", {
+					className: J("bsy-gantt-chart__bar-label", { "bsy-gantt-chart__bar-label--hidden": ne }),
+					style: { color: "var(--bsy-gantt-bar-label-color)" },
+					children: A
+				}),
+				ne ? /* @__PURE__ */ I("span", {
+					className: "bsy-gantt-chart__bar-label bsy-gantt-chart__bar-label--outside",
+					style: { color: "#121211" },
+					children: A
+				}) : null,
+				O.canResizeStart || O.canResizeEnd ? /* @__PURE__ */ L(F, { children: [O.canResizeStart ? /* @__PURE__ */ I("button", {
+					type: "button",
+					className: "bsy-gantt-chart__bar-resize-handle bsy-gantt-chart__bar-resize-handle--left",
+					onMouseDown: (e) => f(e, t, w, "start"),
+					"aria-label": o("gantt.timeBegin")
+				}) : null, O.canResizeEnd ? /* @__PURE__ */ I("button", {
+					type: "button",
+					className: "bsy-gantt-chart__bar-resize-handle bsy-gantt-chart__bar-resize-handle--right",
+					onMouseDown: (e) => f(e, t, w, "end"),
+					"aria-label": o("gantt.timeEnd")
+				}) : null] }) : null
+			]
+		}, `bar-${t.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));
+}), vt = (e) => String(e).padStart(2, "0");
+function yt(e, t) {
+	if (e == null) return t("summary.empty");
+	let n = N(e);
+	return t("summary.datetime", {
+		year: n.year(),
+		month: vt(n.month() + 1),
+		day: vt(n.date()),
+		hour: vt(n.hour()),
+		minute: vt(n.minute()),
+		second: vt(n.second())
+	});
+}
+function bt(e, t) {
+	let n = ce(e?.progress), r = n ? Math.max(0, Math.min(1, e.progress ?? 0)) : 0, i = yt(e?.rawStartMs, t), a = yt(e?.rawEndMs, t);
+	return /* @__PURE__ */ L("div", {
+		className: "bsy-gantt-summary-tooltip",
+		children: [
+			/* @__PURE__ */ I("p", {
+				className: "bsy-gantt-summary-tooltip__line",
+				children: t("summary.startTime", { datetime: i })
+			}),
+			/* @__PURE__ */ I("p", {
+				className: "bsy-gantt-summary-tooltip__line",
+				children: t("summary.endTime", { datetime: a })
+			}),
+			n ? /* @__PURE__ */ I("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 xt = 24, St = {
+	borderRadius: "6px",
+	padding: 0,
+	backgroundColor: "rgba(0, 0, 0, 0.5)",
+	boxShadow: "none"
+};
+function Ct(e, t) {
+	return e == null || e === "__empty__" ? t : e;
+}
+var wt = ({ item: n, barTop: r }) => {
+	let { t: i } = e(), a = V((e, t) => i(P(e), t), [i]), o = at((e) => e.timelineCoords), s = rt((e) => e.collapsedKeys), c = rt((e) => e.onBarClick), { virtualReference: l, handleMouseMove: u, handleMouseLeave: d, handleTooltipVisibleChange: f } = ft(), p = ce(n.progress) ? Math.max(0, Math.min(1, n.progress ?? 0)) : 0, m = G(() => bt({
+		rawStartMs: n.rawStartMs,
+		rawEndMs: n.rawEndMs,
+		progress: n.progress
+	}, a), [
+		n.rawStartMs,
+		n.rawEndMs,
+		n.progress,
+		a
+	]), h = G(() => n.startMs === null || n.endMs === null ? null : {
+		barLeft: o.toX(n.startMs),
+		barWidth: o.toWidth(n.startMs, n.endMs),
+		wrapperTop: r + (26 - xt) / 2
+	}, [
+		n.startMs,
+		n.endMs,
+		o,
+		r
+	]);
+	if (!h) return null;
+	let { barLeft: g, barWidth: _, wrapperTop: v } = h, y = `${p * 100}%`, b = Ct(n.label, i("gantt.emptyGroup")), x = re(s, n.groupKey);
+	return /* @__PURE__ */ I(t, {
+		content: m,
+		placement: "bottom-start",
+		showArrow: !1,
+		hoverDelay: 300,
+		moveToFloatingKeepOpen: !1,
+		widthMode: "content",
+		offset: 5,
+		virtualReference: l,
+		onVisibleChange: f,
+		style: St,
+		children: /* @__PURE__ */ L("div", {
+			className: "bsy-gantt-summary-bar",
+			style: {
+				left: g,
+				top: v,
+				width: _
+			},
+			onClick: (e) => c?.(e, n),
+			onMouseMove: u,
+			onMouseLeave: d,
+			children: [/* @__PURE__ */ L("div", {
+				className: "bsy-gantt-summary-bar__label",
+				children: [/* @__PURE__ */ I("i", { className: `icon-new-bsy-xiangxiazhankai1 bsy-gantt-summary-bar__arrow${x ? " bsy-gantt-summary-bar__arrow--collapsed" : ""}` }), /* @__PURE__ */ I("span", {
+					className: "bsy-gantt-summary-bar__label-text",
+					children: b
+				})]
+			}), /* @__PURE__ */ I("div", {
+				className: "bsy-gantt-summary-bar__track",
+				children: /* @__PURE__ */ I("div", {
+					className: "bsy-gantt-summary-bar__progress",
+					style: { width: y }
+				})
+			})]
+		})
+	});
+};
+function Tt(e, t) {
+	return e.barTop === t.barTop && e.item === t.item;
+}
+var Et = R.memo(wt, Tt), Dt = R.memo(({ indicators: t = [], onJump: n }) => {
+	let { t: r } = e();
+	if (!Array.isArray(t) || t.length === 0) return null;
+	let i = (e, t) => {
+		e.preventDefault(), e.stopPropagation(), n?.({
+			targetScrollLeft: t.targetScrollLeft,
+			targetStartMs: t.targetStartMs
+		});
+	};
+	return /* @__PURE__ */ I(F, { children: t.map((e) => /* @__PURE__ */ I("div", {
+		className: "bsy-gantt-chart__offscreen-row",
+		style: {
+			top: e.rowTop,
+			height: e.rowHeight
+		},
+		children: /* @__PURE__ */ L("div", {
+			className: "bsy-gantt-chart__offscreen-track",
+			children: [e.showLeft ? /* @__PURE__ */ I("button", {
+				type: "button",
+				className: "bsy-gantt-chart__offscreen-btn bsy-gantt-chart__offscreen-btn--left",
+				"aria-label": r("gantt.aria.jumpLeft"),
+				onClick: (t) => i(t, e),
+				children: /* @__PURE__ */ I("i", { className: "icon-new-bsy-left" })
+			}) : null, e.showRight ? /* @__PURE__ */ I("button", {
+				type: "button",
+				className: "bsy-gantt-chart__offscreen-btn bsy-gantt-chart__offscreen-btn--right",
+				"aria-label": r("gantt.aria.jumpRight"),
+				onClick: (t) => i(t, e),
+				children: /* @__PURE__ */ I("i", { className: "icon-new-bsy-arrow-right" })
+			}) : null]
+		})
+	}, e.rowKey)) });
+}), Ot = ({ left: e, height: t, className: n = "" }) => /* @__PURE__ */ I("div", {
+	className: J("bsy-gantt-chart__today-indicator", n),
+	style: {
+		left: e,
+		height: t
+	},
+	children: /* @__PURE__ */ I("span", { className: "bsy-gantt-chart__today-indicator-line" })
+}), kt = B(function({ canvasHeight: e, weekendSegments: t, virtualColumns: n, lowerSegments: r, shouldShowTodayMarker: i, todayLineLeft: a }) {
+	return /* @__PURE__ */ L(F, { children: [
+		t.map((t) => /* @__PURE__ */ I("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__ */ I("div", {
+				className: "bsy-gantt-chart__col-line",
+				style: {
+					left: n.left,
+					height: e
+				}
+			}, `line-${n.id}`) : null;
+		}),
+		i ? /* @__PURE__ */ I(Ot, {
+			left: a ?? 0,
+			height: e,
+			className: "bsy-gantt-chart__today-indicator--content-line"
+		}) : null
+	] });
+}), At = ({ virtualRows: e, normalizedItems: t, dragState: n, dragPermissionById: r }) => {
+	let i = n?.taskId ?? null;
+	return e.map((e) => {
+		let a = t[e.index];
+		if (!a || a.invalid) return null;
+		let o = e.start + (e.size - 26) / 2;
+		return a.type === "summary" ? /* @__PURE__ */ I(Et, {
+			item: a,
+			barTop: o
+		}, `summary-${a.id}`) : /* @__PURE__ */ I(_t, {
+			item: a,
+			barTop: o,
+			dragTaskId: i,
+			dragPreview: i === a.id ? n : null,
+			dragPermission: r[a.id]
+		}, `bar-${a.id}`);
+	});
+}, jt = B(function({ virtualRows: e, normalizedItems: t, dragState: n, dragPermissionById: r, handleOffscreenJump: i, hoverBgRef: a }) {
+	let o = at((e) => e.scrollLeft), s = at((e) => e.viewportWidth), c = at((e) => e.timelineCoords), l = at((e) => e.timelineWidth), u = at((e) => e.isInitialLayoutReady), d = et({
+		virtualRows: e,
+		normalizedItems: t,
+		scrollLeft: o,
+		viewportWidth: s,
+		timelineCoords: c,
+		timelineWidth: l,
+		enabled: u
+	});
+	return /* @__PURE__ */ L(F, { children: [
+		e.map((e) => /* @__PURE__ */ I("div", {
+			className: "bsy-gantt-chart__row-line",
+			style: {
+				top: e.start,
+				height: e.size
+			}
+		}, `row-line-${e.key}`)),
+		/* @__PURE__ */ I("div", {
+			ref: a,
+			className: "bsy-gantt-chart__row-hover-bg",
+			style: { display: "none" }
+		}),
+		u && At({
+			virtualRows: e,
+			normalizedItems: t,
+			dragState: n,
+			dragPermissionById: r
+		}),
+		u ? /* @__PURE__ */ I(Dt, {
+			indicators: d,
+			onJump: i
+		}) : null
+	] });
+}), Mt = B(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 _ = at((e) => e.timelineWidth), { virtualRows: v, canvasHeight: y, isScrolling: b } = $e({
+		items: t,
+		contentRef: e,
+		safeRowHeight: n,
+		viewportHeight: r
+	}), { hoverBgRef: x, handleContentMouseMove: S, handleContentMouseLeave: C } = tt({
+		normalizedItems: t,
+		safeRowHeight: n
+	}), w = G(() => ({
+		width: _,
+		height: y
+	}), [_, y]), T = G(() => ({
+		tooltip: l ?? null,
+		isScrolling: b,
+		collapsedKeys: p,
+		onBarClick: f,
+		onTaskMouseDown: u,
+		onResizeMouseDown: d
+	}), [
+		l,
+		b,
+		p,
+		f,
+		u,
+		d
+	]);
+	return /* @__PURE__ */ L("div", {
+		className: "bsy-gantt-chart__canvas",
+		style: w,
+		onMouseMove: S,
+		onMouseLeave: C,
+		children: [/* @__PURE__ */ I(kt, {
+			canvasHeight: y,
+			weekendSegments: o,
+			virtualColumns: a,
+			lowerSegments: i,
+			shouldShowTodayMarker: g,
+			todayLineLeft: h
+		}), /* @__PURE__ */ I(nt.Provider, {
+			value: T,
+			children: /* @__PURE__ */ I(jt, {
+				virtualRows: v,
+				normalizedItems: t,
+				dragState: s,
+				dragPermissionById: c,
+				handleOffscreenJump: m,
+				hoverBgRef: x
+			})
+		})]
+	});
+});
+//#endregion
+//#region src/components/Gantt/GanttChart/GanttChart.tsx
+function Nt({ items: t = [], viewMode: n = "day", availableModes: r, onViewModeChange: i, timeRangeConfig: a = u, pixelsPerDayConfig: o = s, onTaskTimeChange: c, onRowClick: l, tooltip: d, verticalScrollController: f, showWeekendHighlight: p = !0, showTodayLine: m = !0, collapsedKeys: h, onToggleCollapse: g }, _) {
+	let { t: v } = e(), y = V((e, t) => v(P(e), t), [v]), b = K(null), x = K(null), S = K(null), C = X(x), w = K(null);
+	Xe(b, x);
+	let { pixelsPerDay: T, viewportWidth: E, scrollLeft: D, timelineStartMs: O, lowerSegments: k, timelineCoords: A, timelineWidth: j, todayCenterMs: ee, todayLineLeft: te, isInitialLayoutReady: M, handleContentScroll: ne, handleTodayClick: re, handleOffscreenJump: ie, handleScrollPrev: ae, handleScrollNext: N } = Je({
+		timeRangeConfig: a,
+		pixelsPerDayConfig: o,
+		viewMode: n,
+		contentRef: x,
+		contentSize: C,
+		headerTrackRef: S,
+		formatMessage: y
+	});
+	U(_, () => ({
+		scrollToToday: re,
+		scrollPrev: ae,
+		scrollNext: N
+	}), [
+		re,
+		ae,
+		N
+	]);
+	let { dragState: oe, committedRangeById: se, resetCommittedRanges: ce, forceResetAllCommittedRanges: le, handleTaskMouseDown: F, handleResizeMouseDown: R, consumeRecentDragResult: z } = De({
+		pixelsPerDay: T,
+		viewMode: n,
+		timelineCoords: A,
+		onTaskTimeChange: c,
+		containerRef: x
+	});
+	H(() => {
+		let e = new Set((t || []).map((e) => String(e?.id ?? ""))), n = w.current, r = !1;
+		if (n) {
+			if (n.size !== e.size) r = !0;
+			else for (let t of n) if (!e.has(t)) {
+				r = !0;
+				break;
+			}
+		}
+		if (w.current = e, r) {
+			le();
+			return;
+		}
+		ce();
+	}, [
+		t,
+		ce,
+		le
+	]);
+	let { normalizedItems: B } = Ye({
+		visibleItems: t,
+		committedRangeById: se,
+		viewMode: n
+	}), W = G(() => {
+		let e = {};
+		return B.forEach((t) => {
+			e[t.id] = ge(t);
+		}), e;
+	}, [B]), q = V((e, t, n) => {
+		let r = W[t.id];
+		r?.canMove && F(e, {
+			...t,
+			dragPermission: r
+		}, n);
+	}, [W, F]), J = V((e, t, n, r) => {
+		let i = W[t.id];
+		(r === "start" ? i?.canResizeStart : i?.canResizeEnd) && R(e, {
+			...t,
+			dragPermission: i
+		}, n, r);
+	}, [W, R]);
+	H(() => {
+		if (!f || !x.current) return;
+		let e = x.current;
+		return f.registerTimelineScroller({ setScrollTop: (t) => {
+			e.scrollTop = t;
+		} });
+	}, [f]);
+	let Y = C?.height || 0, { virtualColumns: Z, weekendSegments: Q } = Fe({
+		lowerSegments: k,
+		pixelsPerDay: T,
+		scrollLeft: D,
+		viewportWidth: E,
+		showWeekendHighlight: p,
+		timelineStartMs: O,
+		timelineWidth: j,
+		viewMode: n
+	}), $ = Ze(m, te, j), ue = V((e, t) => {
+		if (!(e.target instanceof Element && e.target.closest(".bsy-gantt-chart__bar-resize-handle")) && !z()) {
+			if (t?.type === "summary") {
+				let e = t.groupKey;
+				if (!e || !g) return;
+				g(String(e));
+				return;
+			}
+			l && l(t, t.rowIndex, e);
+		}
+	}, [
+		z,
+		l,
+		g
+	]), de = G(() => ({
+		pixelsPerDay: T,
+		timelineStartMs: O,
+		timelineCoords: A,
+		scrollLeft: D,
+		viewportWidth: E,
+		timelineWidth: j,
+		isInitialLayoutReady: M
+	}), [
+		T,
+		O,
+		A,
+		D,
+		E,
+		j,
+		M
+	]);
+	return /* @__PURE__ */ I(it.Provider, {
+		value: de,
+		children: /* @__PURE__ */ L("div", {
+			className: "bsy-gantt-chart",
+			style: { visibility: M ? "visible" : "hidden" },
+			children: [/* @__PURE__ */ I(Qe, {
+				timelineWidth: j,
+				viewportWidth: E,
+				scrollLeft: D,
+				trackRef: S,
+				virtualColumns: Z,
+				lowerSegments: k,
+				todayLineLeft: te,
+				todayCenterMs: ee,
+				showTodayLine: m,
+				viewMode: n,
+				availableModes: r,
+				formatMessage: y,
+				onViewModeChange: i,
+				onTodayClick: re,
+				onScrollPrev: ae,
+				onScrollNext: N
+			}), /* @__PURE__ */ I("div", {
+				ref: b,
+				className: "bsy-gantt-chart__timeline-host",
+				children: /* @__PURE__ */ I("div", {
+					ref: x,
+					className: "bsy-gantt-chart__timeline-content",
+					role: "region",
+					"aria-label": v("gantt.aria.timeline"),
+					onScroll: (e) => {
+						ne(e), f && f.sync("timeline", e.currentTarget.scrollTop);
+					},
+					children: /* @__PURE__ */ I(Mt, {
+						contentRef: x,
+						normalizedItems: B,
+						safeRowHeight: 34,
+						viewportHeight: Y,
+						lowerSegments: k,
+						virtualColumns: Z,
+						weekendSegments: Q,
+						dragState: oe,
+						dragPermissionById: W,
+						tooltip: d,
+						handleTaskMouseDown: q,
+						handleResizeMouseDown: J,
+						handleBarClick: ue,
+						collapsedKeys: h,
+						handleOffscreenJump: ie,
+						todayLineLeft: te,
+						shouldShowTodayMarker: $
+					})
+				})
+			})]
+		})
+	});
+}
+var Pt = z(Nt);
+//#endregion
+export { Pt as t };