@baishuyun/ui-base 6.4.2 → 6.5.1

package/dist/Gantt/{GanttChart-BgDJOyW1.js → GanttChart-DbI1fvxe.js}

@@ -1,29 +1,30 @@
-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";
+import { t as e } from "../Icon/Icon-SQ5tu-yG.js";
+import { t } from "../vendors/useLocale-DZ8XW2VL.js";
+import { t as n } from "../Tooltip/Tooltip-B_SZOy6k.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-CrBb5i5p.js";
+import { t as d } from "./GanttHighlightContext-CtT98ZnK.js";
+import { n as f, r as p } from "./highlightTarget-DtCe7zto.js";
+import { a as m, d as h, i as g, n as _, r as v, t as y, u as b } from "./timelineViewConfig-Dl3AXO45.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 te, s as ne, t as N, u as re, v as ie, x as P, y as ae } from "./collapseKeys-1N9ci2oJ.js";
+import { r as oe, t as F } from "./GanttToolBar-8jPQ9BAG.js";
+import { isFunction as se, isNumber as ce, isString as I } from "lodash-es";
+import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
+import B, { forwardRef as V, memo as H, useCallback as U, useEffect as W, useImperativeHandle as G, useLayoutEffect as le, useMemo as K, useRef as q, useState as J } from "react";
+import Y from "clsx";
+import { useDocumentVisibility as ue, useSize as de } from "ahooks";
+import { AnimatePresence as fe, motion as X } from "motion/react";
+import { createContext as pe, useContextSelector as me } from "use-context-selector";
+import he from "dayjs";
+import ge from "dayjs/plugin/isoWeek";
+import { useVirtualizer as _e } from "@tanstack/react-virtual";
+import ve from "dayjs/plugin/quarterOfYear";
+import { OverlayScrollbars as ye } from "overlayscrollbars";
 //#region src/components/Gantt/GanttChart/utils/dragEngine.ts
-var ge = (e) => e?.type === "task" && e?.draggable !== !1 && !e?.invalid, _e = {
+var be = (e) => e?.type === "task" && e?.draggable !== !1 && !e?.invalid, xe = {
 	canMove: !1,
 	canResizeStart: !1,
 	canResizeEnd: !1
-}, ve = (e) => !e || e.invalid || e.type === "summary" || e.draggable === !1 ? _e : e.dragPermission ? {
+}, Se = (e) => !e || e.invalid || e.type === "summary" || e.draggable === !1 ? xe : e.dragPermission ? {
 	canMove: e.dragPermission.canMove === !0,
 	canResizeStart: e.dragPermission.canResizeStart === !0,
 	canResizeEnd: e.dragPermission.canResizeEnd === !0
@@ -31,14 +32,14 @@ var ge = (e) => e?.type === "task" && e?.draggable !== !1 && !e?.invalid, _e = {
 	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") => {
+}, Ce = (e, t) => be(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, we = (e, t) => !t || Math.abs(e) < Math.min(5, t) ? 0 : Math.round(e / t), Te = (e, t) => we(e, t), Ee = (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;
+	let r = P(e), i = he(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) => ({
+}, De = (e, t, n) => ({
 	startMs: e + n,
 	endMs: t + n
-}), we = ({ startMs: e, endMs: t, deltaMs: n, edge: r, minDurationMs: i }) => {
+}), Oe = ({ startMs: e, endMs: t, deltaMs: n, edge: r, minDurationMs: i }) => {
 	if (r === "start") {
 		let r = t - i;
 		return {
@@ -51,12 +52,12 @@ var ge = (e) => e?.type === "task" && e?.draggable !== !1 && !e?.invalid, _e = {
 		startMs: e,
 		endMs: Math.max(t + n, a)
 	};
-}, Te = (e, t, n, r) => {
+}, ke = (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));
+	} else e.dragMode === "resize-start" ? (i = Ee(u, r, "round"), a = e.originEndMs, a - i < r && (i = a - r)) : (a = Ee(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,
@@ -64,7 +65,7 @@ var ge = (e) => e?.type === "task" && e?.draggable !== !1 && !e?.invalid, _e = {
 		previewLeftPx: e.dragMode === "resize-end" ? e.originLeftPx : l
 	};
 };
-function Ee(e) {
+function Ae(e) {
 	let t = {
 		taskId: String(e.item.id),
 		newStart: e.startMs,
@@ -95,20 +96,20 @@ function Ee(e) {
 		deltaDays: n.deltaDays
 	};
 }
-var De = (e) => e && I(e.then) ? e : Promise.resolve(e);
+var je = (e) => e && se(e.then) ? e : Promise.resolve(e);
 //#endregion
 //#region src/components/Gantt/GanttChart/hooks/useEdgeScroll.tsx
-function Oe(e, t) {
-	return e < 0 ? t * 10 : e >= 60 ? 0 : t * (2 + 8 * (1 - e / 60));
+function Me(e, t) {
+	return e < 0 ? t * 10 : e >= 20 ? 0 : t * (2 + 8 * (1 - e / 20));
 }
-function ke(e, t) {
-	let n = J(null), r = J(0), i = G(() => {
+function Ne(e, t) {
+	let n = q(null), r = q(0), i = U(() => {
 		n.current !== null && cancelAnimationFrame(n.current), n.current = null, r.current = 0;
 	}, []);
-	K(() => () => {
+	W(() => () => {
 		n.current !== null && cancelAnimationFrame(n.current);
 	}, []);
-	let a = G(() => {
+	let a = U(() => {
 		if (n.current !== null) return;
 		let i = () => {
 			let a = e.current, o = r.current;
@@ -122,11 +123,11 @@ function ke(e, t) {
 		n.current = requestAnimationFrame(i);
 	}, [e, t]);
 	return {
-		startEdgeDetection: G((t, n) => {
+		startEdgeDetection: U((t, n) => {
 			let o = e.current;
-			if (!o) return;
-			let s = n ?? o.getBoundingClientRect(), c = t - s.left, l = s.right - t, u = c < 60 ? Oe(c, -1) : l < 60 ? Oe(l, 1) : 0;
-			r.current = u, u === 0 ? i() : a();
+			if (!o) return 0;
+			let s = n ?? o.getBoundingClientRect(), c = t - s.left, l = s.right - t, u = c < 20 ? Me(c, -1) : l < 20 ? Me(l, 1) : 0;
+			return r.current = u, u === 0 ? i() : a(), u;
 		}, [
 			e,
 			a,
@@ -137,19 +138,19 @@ function ke(e, t) {
 }
 //#endregion
 //#region src/components/Gantt/GanttChart/hooks/useGanttDrag.tsx
-function Ae({ 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);
+function Pe({ pixelsPerDay: e, viewMode: t, timelineCoords: n, onTaskTimeChange: i, containerRef: c, onDragInteractionChange: u }) {
+	let d = h(t), f = m(t), p = f / s * e, g = q(n);
 	g.current = n;
-	let [_, v] = Y({}), [y, b] = Y(null), x = J(null), S = J({
+	let [_, v] = J({}), [y, b] = J(null), x = q(null), S = q({
 		shouldSuppressClick: !1,
 		at: 0
-	}), C = J(0), w = J(null), { startEdgeDetection: T, stopEdgeScroll: ee } = ke(c ?? { current: null }, w), E = J({});
-	K(() => {
+	}), C = q(0), w = q(null), { startEdgeDetection: T, stopEdgeScroll: ee } = Ne(c ?? { current: null }, w), E = q({});
+	W(() => {
 		x.current = y;
-	}, [y]), K(() => () => {
+	}, [y]), W(() => () => {
 		for (let e of Object.values(E.current)) e.timeoutId && clearTimeout(e.timeoutId);
 	}, []);
-	let D = G(() => {
+	let D = U(() => {
 		v((e) => {
 			let t = Object.keys(E.current);
 			if (t.length === 0) return {};
@@ -160,14 +161,14 @@ function Ae({ pixelsPerDay: e, viewMode: t, timelineCoords: n, onTaskTimeChange:
 			shouldSuppressClick: !1,
 			at: 0
 		};
-	}, []), O = G(() => {
+	}, []), O = U(() => {
 		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;
+	}, []), k = U((e, t, n, r, i = 1) => {
+		if (!Ce(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,
@@ -190,61 +191,73 @@ function Ae({ pixelsPerDay: e, viewMode: t, timelineCoords: n, onTaskTimeChange:
 			shouldSuppressClick: !1,
 			at: 0
 		}, x.current = _, b(_), u?.(!0);
-	}, [c, u]), A = G((e, t, n, r) => {
+	}, [c, u]), A = U((e, t, n, r) => {
 		k(e, t, n, o, r);
-	}, [k]), j = G((e, t, n, i, a) => {
+	}, [k]), j = U((e, t, n, i, a) => {
 		k(e, t, n, i === "start" ? l : r, a);
 	}, [k]);
-	return K(() => {
+	return W(() => {
 		if (!y?.taskId) return;
-		let e = (e, t) => {
-			let n = x.current;
-			if (!n) return;
-			let r = c?.current, i = t ?? r?.getBoundingClientRect(), a = r?.scrollLeft ?? 0, o = g.current, s = a + (i ? e - i.left : 0) - n.grabOffsetInBar, l = n.dragMode === "resize-end" ? n.originLeftPx : s, u = s - n.originAnchorPx;
+		let e = (e, t, n = "mousemove") => {
+			let r = x.current;
+			if (!r) return;
+			let i = c?.current, a = t ?? i?.getBoundingClientRect(), o = i?.scrollLeft ?? 0, s = g.current, l = o + (a ? e - a.left : 0) - r.grabOffsetInBar, u = r.dragMode === "resize-end" ? r.originLeftPx : l;
+			if (n === "edgeScroll") {
+				let e = r.dragMode === "resize-end" ? r.originLeftPx : u;
+				if (e === r.previewLeftPx) return;
+				let t = {
+					...r,
+					previewLeftPx: e
+				};
+				x.current = t, b(t);
+				return;
+			}
+			let m = l - r.originAnchorPx;
 			if (!d) {
 				let e = {
-					...Te(n, u, o, f),
-					previewLeftPx: l
+					...ke(r, m, s, f),
+					previewLeftPx: u
 				};
-				if (e.deltaUnits === n.deltaUnits && e.previewLeftPx === n.previewLeftPx && e.previewStartMs === n.previewStartMs && e.previewEndMs === n.previewEndMs) return;
+				if (e.deltaUnits === r.deltaUnits && e.previewLeftPx === r.previewLeftPx && e.previewStartMs === r.previewStartMs && e.previewEndMs === r.previewEndMs) return;
 				let t = {
-					...n,
+					...r,
 					...e
 				};
 				x.current = t, b(t);
 				return;
 			}
-			let m = xe(u, p), h = {
-				...n,
-				deltaUnits: m,
-				previewLeftPx: l
+			let h = Te(m, p), _ = {
+				...r,
+				deltaUnits: h,
+				previewLeftPx: u
 			};
-			if (n.dragMode === "move") {
-				let e = Ce(n.originStartMs, n.originEndMs, m * f);
-				h.previewStartMs = e.startMs, h.previewEndMs = e.endMs;
+			if (r.dragMode === "move") {
+				let e = De(r.originStartMs, r.originEndMs, h * f);
+				_.previewStartMs = e.startMs, _.previewEndMs = e.endMs;
 			} else {
-				let e = we({
-					startMs: n.originStartMs,
-					endMs: n.originEndMs,
-					deltaMs: m * f,
-					edge: n.dragMode === "resize-start" ? "start" : "end",
+				let e = Oe({
+					startMs: r.originStartMs,
+					endMs: r.originEndMs,
+					deltaMs: h * f,
+					edge: r.dragMode === "resize-start" ? "start" : "end",
 					minDurationMs: f
 				});
-				h.previewStartMs = e.startMs, h.previewEndMs = e.endMs;
+				_.previewStartMs = e.startMs, _.previewEndMs = e.endMs;
 			}
-			let _ = Math.round((h.previewStartMs - n.originStartMs) / f), v = {
-				...h,
-				deltaUnits: n.dragMode === "resize-end" ? Math.round((h.previewEndMs - n.originEndMs) / f) : _
+			let v = Math.round((_.previewStartMs - r.originStartMs) / f), y = {
+				..._,
+				deltaUnits: r.dragMode === "resize-end" ? Math.round((_.previewEndMs - r.originEndMs) / f) : v
 			};
-			v.deltaUnits === n.deltaUnits && v.previewLeftPx === n.previewLeftPx && v.previewStartMs === n.previewStartMs && v.previewEndMs === n.previewEndMs || (x.current = v, b(v));
+			y.deltaUnits === r.deltaUnits && y.previewLeftPx === r.previewLeftPx && y.previewStartMs === r.previewStartMs && y.previewEndMs === r.previewEndMs || (x.current = y, b(y));
 		};
 		w.current = () => {
-			e(C.current);
+			let t = c?.current?.getBoundingClientRect() ?? null;
+			e(C.current, t, "edgeScroll");
 		};
 		let n = (t) => {
 			C.current = t.clientX;
-			let n = c?.current?.getBoundingClientRect() ?? null;
-			e(t.clientX, n), T(t.clientX, n ?? void 0);
+			let n = c?.current?.getBoundingClientRect() ?? null, r = T(t.clientX, n ?? void 0);
+			e(t.clientX, n, r === 0 ? "mousemove" : "edgeScroll");
 		}, r = () => {
 			ee(), w.current = null, e(C.current);
 			let n = x.current;
@@ -255,7 +268,7 @@ function Ae({ pixelsPerDay: e, viewMode: t, timelineCoords: n, onTaskTimeChange:
 				at: Date.now()
 			};
 			let o = r;
-			if (!ye(n.item, n.dragMode) || !o || !i) {
+			if (!Ce(n.item, n.dragMode) || !o || !i) {
 				x.current = null, b(null);
 				return;
 			}
@@ -282,15 +295,15 @@ function Ae({ pixelsPerDay: e, viewMode: t, timelineCoords: n, onTaskTimeChange:
 			};
 			let m, g;
 			if (d) if (n.dragMode === "move") {
-				let e = Se(n.previewStartMs, f, "round"), t = e - n.previewStartMs;
+				let e = Ee(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 n.dragMode === "resize-start" ? (m = Ee(n.previewStartMs, f, "round"), g = n.previewEndMs) : (m = n.previewStartMs, g = Ee(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({
+			_ = h(t) ? Ae({
 				item: n.item,
 				startMs: m,
 				endMs: g,
@@ -298,7 +311,7 @@ function Ae({ pixelsPerDay: e, viewMode: t, timelineCoords: n, onTaskTimeChange:
 				snapUnitMs: f,
 				changeType: n.dragMode,
 				viewMode: t
-			}) : Ee({
+			}) : Ae({
 				item: n.item,
 				startMs: m,
 				endMs: g,
@@ -307,7 +320,7 @@ function Ae({ pixelsPerDay: e, viewMode: t, timelineCoords: n, onTaskTimeChange:
 				snapUnitMs: f,
 				changeType: n.dragMode,
 				viewMode: t
-			}), De(i(_)).catch((e) => {
+			}), je(i(_)).catch((e) => {
 				console.error("[GanttChart] onTaskTimeChange rejected", e), E.current[c]?.opId === l && v((e) => {
 					let t = { ...e };
 					return delete t[c], t;
@@ -340,7 +353,7 @@ function Ae({ pixelsPerDay: e, viewMode: t, timelineCoords: n, onTaskTimeChange:
 		forceResetAllCommittedRanges: O,
 		handleTaskMouseDown: A,
 		handleResizeMouseDown: j,
-		consumeRecentDragResult: G(() => {
+		consumeRecentDragResult: U(() => {
 			let { shouldSuppressClick: e, at: t } = S.current;
 			return S.current = {
 				shouldSuppressClick: !1,
@@ -351,25 +364,25 @@ function Ae({ pixelsPerDay: e, viewMode: t, timelineCoords: n, onTaskTimeChange:
 }
 //#endregion
 //#region src/components/Gantt/GanttChart/utils/timelineFocus.ts
-function je(e, t, n) {
+function Fe(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 Me({ anchorMs: e, toX: t, viewportWidth: n, timelineWidth: r }) {
+function Ie({ 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) ? je(a - i / 2, i, r) : 0;
+	return Number.isFinite(a) ? Fe(a - i / 2, i, r) : 0;
 }
 //#endregion
 //#region src/components/Gantt/GanttChart/hooks/useGanttColumnVirtual.ts
-function Ne(e) {
+function Le(e) {
 	let t = Number(e);
 	return Math.max((Number.isFinite(t) && t > 0 ? t : 0) * 4, 240);
 }
-function Pe(e, t) {
+function Re(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 = je(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;
+	let { scrollLeft: n = 0, viewportWidth: r = 0, pixelsPerDay: i } = t || {}, a = Le(Number(e[0]?.width) > 0 ? Number(e[0].width) : i), o = e[e.length - 1], s = Fe(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;
@@ -385,9 +398,9 @@ function Pe(e, t) {
 	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: a, timelineWidth: o, viewMode: c }) {
+function ze({ lowerSegments: e, pixelsPerDay: t, scrollLeft: n, viewportWidth: r, showWeekendHighlight: i, timelineStartMs: a, timelineWidth: o, viewMode: c }) {
 	return {
-		virtualColumns: q(() => Pe(e, {
+		virtualColumns: K(() => Re(e, {
 			scrollLeft: n,
 			viewportWidth: r,
 			pixelsPerDay: t
@@ -397,11 +410,11 @@ function Fe({ lowerSegments: e, pixelsPerDay: t, scrollLeft: n, viewportWidth: r
 			n,
 			r
 		]),
-		weekendSegments: q(() => {
+		weekendSegments: K(() => {
 			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);
+				let n = a + e * s, r = ae(n);
 				(r === 0 || r === 6) && f.push({
 					id: `weekend-${n}`,
 					left: e * t,
@@ -420,8 +433,8 @@ function Fe({ lowerSegments: e, pixelsPerDay: t, scrollLeft: n, viewportWidth: r
 		])
 	};
 }
-Q.extend(fe), Q.extend(me);
-var Ie = {
+he.extend(ge), he.extend(ve);
+var Be = {
 	day: {
 		amount: 1,
 		unit: "day"
@@ -474,7 +487,7 @@ var Ie = {
 		amount: 1,
 		unit: "minute"
 	}
-}, Le = (e, t, n) => {
+}, Ve = (e, t, n) => {
 	switch (t) {
 		case "halfDay": return e.hour() < 12 ? n("header.lower.halfDayAm") : n("header.lower.halfDayPm");
 		case "sixHour": {
@@ -490,7 +503,7 @@ var Ie = {
 		case "oneMinute": return e.format("mm");
 		default: return e.format("DD");
 	}
-}, Re = (e, t, n) => {
+}, He = (e, t, n) => {
 	let r = C(e.valueOf());
 	switch (t) {
 		case "day": return r.format("DD");
@@ -499,25 +512,38 @@ var Ie = {
 		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 Le(r, t, n);
+		default: return Ve(r, t, n);
 	}
-}, ze = (e, t) => {
+}, Ue = (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")}`;
-}, Be = (e, t, n) => {
+}, We = (e, t, n) => {
 	let r = C(e.valueOf()), i = y(t).headerLayout;
-	return i === "dayNested" ? n("header.top.monthDay", {
+	if (i === "dayNested") return { label: 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", {
+	}) };
+	if (i === "hourNested") {
+		let e = r.hour();
+		if (e === 0) return { label: n("header.top.hourWithDate", {
+			month: r.month() + 1,
+			day: r.date(),
+			hour: 0
+		}) };
+		let i = n("header.top.hourOnly", { hour: e });
+		return t === "tenMinute" || t === "oneMinute" ? {
+			label: i,
+			dateLabel: n("header.top.monthDay", {
+				month: r.month() + 1,
+				day: r.date()
+			})
+		} : { label: i };
+	}
+	return i === "quarterNested" ? { label: E(e.valueOf(), n) } : t === "day" || t === "week" ? { label: 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) => {
+	}) } : { label: n("header.top.year", { year: r.year() }) };
+}, Ge = (e, t, n, r, i, a, o) => {
 	let s = _(r), c = A ?? 100;
 	e.push({
 		id: `${r}-${t}`,
@@ -525,64 +551,54 @@ var Ie = {
 		endMs: n,
 		left: s ? e.length * c : M(t, i, a, r),
 		width: s ? c : Math.max(1, ee(t, n, a, r)),
-		label: Re(Q(t), r, o)
+		label: He(he(t), r, o)
 	});
-}, He = ({ viewMode: e, timelineStartMs: t, timelineEndMs: n, pixelsPerDay: r, formatMessage: i }) => {
-	let a = [], o = Ie[e] || Ie.day, s = Q(ae(t));
+}, Ke = ({ viewMode: e, timelineStartMs: t, timelineEndMs: n, pixelsPerDay: r, formatMessage: i }) => {
+	let a = [], o = Be[e] || Be.day, s = he(P(t));
 	_(e) && (s = s.startOf("month"));
-	let c = Q(ae(n));
+	let c = he(P(n));
 	for (; s.isBefore(c);) {
 		o.align && (s = o.align(s));
 		let n = s.add(o.amount, o.unit);
-		Ve(a, ie(s.valueOf()), ie(n.valueOf()), e, t, r, i), s = n;
+		Ge(a, ie(s.valueOf()), ie(n.valueOf()), e, t, r, i), s = n;
 	}
 	return a;
-}, Ue = ({ lowerSegments: e, viewMode: t, formatMessage: n }) => {
+}, qe = ({ 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 = 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,
+		let e = he(a.startMs), o = Ue(e, t);
+		if (!i || i.id !== o) {
+			i && r.push(i), i = {
+				id: o,
 				left: a.left,
 				width: a.width,
-				label: Be(e, t, n)
+				...We(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) => Number.isFinite(e.startMs) && Number.isFinite(e.endMs) && e.startMs < e.endMs, Ge = (e) => {
-	if (!We(e)) throw RangeError("Timeline range must be finite and satisfy startMs < endMs");
-}, Ke = (e, t) => {
-	if (Ge(e), !Number.isFinite(t)) throw RangeError("Timeline time must be finite");
+	return i !== null && r.push(i), r;
+}, Je = (e) => Number.isFinite(e.startMs) && Number.isFinite(e.endMs) && e.startMs < e.endMs, Ye = (e) => {
+	if (!Je(e)) throw RangeError("Timeline range must be finite and satisfy startMs < endMs");
+}, Xe = (e, t) => {
+	if (Ye(e), !Number.isFinite(t)) throw RangeError("Timeline time must be finite");
 	return e.startMs <= t && t < e.endMs;
-}, qe = (e, t) => (Ge(e), Ge(t), e.startMs < t.endMs && t.startMs < e.endMs), Je = (e, t) => {
-	Ge(e), Ge(t);
+}, Ze = (e, t) => (Ye(e), Ye(t), e.startMs < t.endMs && t.startMs < e.endMs), Qe = (e, t) => {
+	Ye(e), Ye(t);
 	let n = Math.max(e.startMs, t.startMs), r = Math.min(e.endMs, t.endMs);
 	return n < r ? {
 		startMs: n,
 		endMs: r
 	} : null;
-}, Ye = (e, t) => {
+}, $e = (e, t) => {
 	if (!Number.isFinite(e) || e <= 0) throw RangeError(`${t} must be finite and greater than zero`);
-}, Xe = (e, t) => {
+}, et = (e, t) => {
 	if (Number.isFinite(e)) return e;
 	if (Number.isFinite(t)) return t;
 	throw RangeError("focusMs or fallbackFocusMs must be finite");
-}, Ze = ({ startMs: e, endMs: t, viewMode: n, viewportWidth: r, pixelsPerDay: i }) => {
+}, tt = ({ startMs: e, endMs: t, viewMode: n, viewportWidth: r, pixelsPerDay: i }) => {
 	let a = (t - e) / s;
 	if (a * i >= r) return {
 		startMs: e,
@@ -590,24 +606,24 @@ var Ie = {
 	};
 	let o = Math.ceil(r / i), c = Math.ceil((o - a) / 2) * s;
 	return S(e - c, t + c, n);
-}, Qe = ({ range: e, focusMs: t, viewMode: n, viewportWidth: r, pixelsPerDay: i }) => {
+}, nt = ({ range: e, focusMs: t, viewMode: n, viewportWidth: r, pixelsPerDay: i }) => {
 	let a = (r / 2 + 281) / i * s;
-	return Ze({
+	return tt({
 		...S(Math.min(e.startMs, t - a), Math.max(e.endMs, t + a), n),
 		viewMode: n,
 		viewportWidth: r,
 		pixelsPerDay: i
 	});
-}, $e = ({ renderWindow: e, timelineCoords: t, scrollLeft: n, viewportWidth: r }) => {
-	if (!We(e)) throw RangeError("renderWindow must be a valid timeline range");
+}, rt = ({ renderWindow: e, timelineCoords: t, scrollLeft: n, viewportWidth: r }) => {
+	if (!Je(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");
-	Ye(r, "viewportWidth");
+	$e(r, "viewportWidth");
 	let i = {
 		startMs: t.timeAtX(n),
 		endMs: t.timeAtX(n + r)
 	};
-	if (!We(i)) throw RangeError("TimelineCoords must produce an increasing finite visible range");
-	let a = Je(i, e);
+	if (!Je(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");
@@ -616,65 +632,65 @@ var Ie = {
 		visibleRange: a,
 		focusMs: o
 	};
-}, et = ({ scrollLeft: e, viewportWidth: t, timelineWidth: n, guardBandPx: r }) => {
+}, it = ({ scrollLeft: e, viewportWidth: t, timelineWidth: n, guardBandPx: r }) => {
 	if (!Number.isFinite(e) || e < 0) throw RangeError("scrollLeft must be finite and non-negative");
-	if (Ye(t, "viewportWidth"), Ye(n, "timelineWidth"), !Number.isFinite(r) || r < 0) throw RangeError("guardBandPx must be finite and non-negative");
+	if ($e(t, "viewportWidth"), $e(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";
-}, tt = ({ focusMs: e, fallbackFocusMs: t, viewMode: n, timeRangeConfig: r, viewportWidth: i, pixelsPerDay: a }) => {
-	Ye(i, "viewportWidth"), Ye(a, "pixelsPerDay");
-	let o = Xe(e, t), s = Qe({
+}, at = ({ focusMs: e, fallbackFocusMs: t, viewMode: n, timeRangeConfig: r, viewportWidth: i, pixelsPerDay: a }) => {
+	$e(i, "viewportWidth"), $e(a, "pixelsPerDay");
+	let o = et(e, t), s = nt({
 		range: j(r, o),
 		focusMs: o,
 		viewMode: n,
 		viewportWidth: i,
 		pixelsPerDay: a
 	});
-	if (!We(s)) throw RangeError("Viewport engine produced an invalid render window");
+	if (!Je(s)) throw RangeError("Viewport engine produced an invalid render window");
 	return s;
-}, nt = ({ focusMs: e, fallbackFocusMs: t, timelineCoords: n, viewportWidth: r, timelineWidth: i }) => {
-	let a = Xe(e, t);
-	return Ye(r, "viewportWidth"), Ye(i, "timelineWidth"), {
+}, ot = ({ focusMs: e, fallbackFocusMs: t, timelineCoords: n, viewportWidth: r, timelineWidth: i }) => {
+	let a = et(e, t);
+	return $e(r, "viewportWidth"), $e(i, "timelineWidth"), {
 		focusMs: a,
-		scrollLeft: Me({
+		scrollLeft: Ie({
 			anchorMs: a,
 			toX: n.toX,
 			viewportWidth: r,
 			timelineWidth: i
 		})
 	};
-}, rt = (e) => {
+}, st = (e) => {
 	if (v(e)) {
 		let t = g(e);
-		return Se(Date.now(), t, "floor") + t / 2;
+		return Ee(Date.now(), t, "floor") + t / 2;
 	}
 	return T(Date.now()) + s / 2;
-}, it = (e, t) => {
+}, ct = (e, t) => {
 	if (v(t)) {
 		let n = g(t);
-		return Se(e, n, "floor") + n + 1;
+		return Ee(e, n, "floor") + n + 1;
 	}
 	return T(e) + s + 1;
-}, at = (e) => {
-	let [t, n] = Y(() => rt(e)), r = J(null), i = G(() => {
+}, lt = (e) => {
+	let [t, n] = J(() => st(e)), r = q(null), i = U(() => {
 		r.current &&= (clearTimeout(r.current), null);
-	}, []), a = G(() => {
+	}, []), a = U(() => {
 		i();
-		let t = Date.now(), o = it(t, e);
+		let t = Date.now(), o = ct(t, e);
 		r.current = setTimeout(() => {
-			n(rt(e)), a();
+			n(st(e)), a();
 		}, Math.max(1, o - t));
 	}, [i, e]);
-	K(() => (n(rt(e)), a(), i), [
+	W(() => (n(st(e)), a(), i), [
 		e,
 		a,
 		i
 	]);
-	let o = le();
-	return K(() => {
-		o === "visible" && (n(rt(e)), a());
+	let o = ue();
+	return W(() => {
+		o === "visible" && (n(st(e)), a());
 	}, [
 		o,
 		a,
@@ -683,41 +699,43 @@ var Ie = {
 };
 //#endregion
 //#region src/components/Gantt/GanttChart/hooks/useTimelineViewportController.ts
-function ot({ 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) => {
+function ut({ 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 = K(() => re(n, e), [n, e]), d = i?.width !== null && i?.width !== void 0 && Number(i.width) > 0 ? Number(i.width) : 0, f = q(!1), [p, m] = J(!1), [h, g] = J(d), _ = q(null), v = q(!1), y = q(!1), b = q(null), x = q(null), S = q(null), [C, w] = J(0), T = q(null), ee = U((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) => {
+	}, []), E = U((e) => {
 		let t = S.current;
 		t && Math.abs(e - t.targetLeft) <= 1 && (S.current = null);
-	}, []), E = G(() => {
+	}, []), D = U(() => {
 		x.current !== null && (cancelAnimationFrame(x.current), x.current = null), b.current = null;
-	}, []), D = G((e) => {
-		E();
+	}, []), O = U((e) => {
+		D();
 		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(() => {
+	}, [D]), [A, j] = J(0), M = q(0), te = q(0), N = q(null), ie = U((e) => {
+		te.current = e, N.current === null && (N.current = requestAnimationFrame(() => {
 			N.current = null;
-			let e = M.current;
-			A((t) => t === e ? t : e);
+			let e = te.current;
+			j((t) => t === e ? t : e);
 		}));
+	}, []), P = U(() => {
+		T.current !== null && (cancelAnimationFrame(T.current), T.current = null);
 	}, []);
-	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(() => {
+	W(() => () => {
+		N.current !== null && cancelAnimationFrame(N.current), P(), D();
+	}, [P, D]);
+	let [ae, oe] = J(null), F = q(n), se = F.current === n, ce = se ? ae : null, I = U(() => {
 		let e = _.current;
-		return e !== null && Number.isFinite(e) ? e : rt(n);
-	}, [n]), L = G((e) => {
+		return e !== null && Number.isFinite(e) ? e : st(n);
+	}, [n]), L = U((e) => {
 		Number.isFinite(e) && (_.current = e);
-	}, []), R = G((e) => {
+	}, []), R = U((e) => {
 		S.current = null;
-		let t = tt({
+		let t = at({
 			focusMs: e,
 			fallbackFocusMs: I(),
 			viewMode: n,
@@ -725,7 +743,7 @@ function ot({ timeRangeConfig: e, pixelsPerDayConfig: t, viewMode: n, contentRef
 			viewportWidth: h || 1e3,
 			pixelsPerDay: l
 		});
-		return ae(t), v.current = !0, t;
+		return oe(t), v.current = !0, t;
 	}, [
 		u,
 		l,
@@ -733,9 +751,9 @@ function ot({ timeRangeConfig: e, pixelsPerDayConfig: t, viewMode: n, contentRef
 		n,
 		h
 	]);
-	K(() => {
-		P.current = n, R(I());
-	}, [e?.bufferDaysBefore, e?.bufferDaysAfter]), ce(() => {
+	W(() => {
+		F.current = n, R(I());
+	}, [e?.bufferDaysBefore, e?.bufferDaysAfter]), le(() => {
 		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);
 	}, [
@@ -743,23 +761,23 @@ function ot({ timeRangeConfig: e, pixelsPerDayConfig: t, viewMode: n, contentRef
 		i?.width,
 		h
 	]);
-	let z = q(() => F || tt({
+	let z = K(() => ce || at({
 		focusMs: I(),
 		viewMode: n,
 		timeRangeConfig: u,
 		viewportWidth: h || 1e3,
 		pixelsPerDay: l
 	}), [
-		F,
+		ce,
 		u,
 		l,
 		I,
 		n,
 		h
-	]), { timelineStartMs: B, timelineEndMs: V } = q(() => ({
+	]), { timelineStartMs: B, timelineEndMs: V } = K(() => ({
 		timelineStartMs: z.startMs,
 		timelineEndMs: z.endMs
-	}), [z]), H = q(() => He({
+	}), [z]), H = K(() => Ke({
 		viewMode: n,
 		timelineStartMs: B,
 		timelineEndMs: V,
@@ -771,7 +789,7 @@ function ot({ timeRangeConfig: e, pixelsPerDayConfig: t, viewMode: n, contentRef
 		V,
 		l,
 		o
-	]), U = q(() => te({
+	]), G = K(() => ne({
 		viewMode: n,
 		timelineStartMs: B,
 		timelineEndMs: V,
@@ -783,81 +801,98 @@ function ot({ timeRangeConfig: e, pixelsPerDayConfig: t, viewMode: n, contentRef
 		V,
 		l,
 		H
-	]), W = q(() => {
+	]), Y = K(() => {
 		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()));
+	}, [H]), ue = U(() => v.current ? !1 : (R(I()), !0), [I, R]);
+	le(() => {
+		F.current !== n && (F.current = n, R(I()));
 	}, [
 		n,
 		I,
 		R
 	]);
-	let X = at(n), le = q(() => W <= 0 ? null : U.toX(X), [
-		X,
-		U,
-		W
-	]), ue = G((e) => {
+	let de = lt(n), fe = K(() => Y <= 0 ? null : G.toX(de), [
+		de,
+		G,
+		Y
+	]), X = U((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(() => {
+	}, [a]), pe = U((e, t) => {
+		e.scrollLeft = t;
+		let n = e.scrollLeft || 0, r = !(Math.abs(n - t) <= 1) && e.scrollWidth + 1 < Y;
+		return O(n), X(n), j(n), M.current = n, !r;
+	}, [
+		X,
+		O,
+		Y
+	]), me = U(() => {
 		let e = r.current, t = h;
-		if (!e || t <= 0 || W <= 0) return !1;
-		let { scrollLeft: n } = nt({
+		if (!e || t <= 0 || Y <= 0) return !1;
+		let { scrollLeft: n } = ot({
 			focusMs: _.current ?? NaN,
 			fallbackFocusMs: I(),
-			timelineCoords: U,
+			timelineCoords: G,
 			viewportWidth: t,
-			timelineWidth: W
+			timelineWidth: Y
 		});
-		return de(e, n), !0;
+		return pe(e, n);
 	}, [
-		de,
+		pe,
 		r,
 		I,
-		U,
-		W,
+		G,
+		Y,
 		h
-	]), Q = G((e) => {
+	]), he = U(() => {
+		v.current = !1, P(), f.current || (f.current = !0, m(!0));
+	}, [P]), ge = U(() => me() ? (he(), !0) : !1, [me, he]), _e = U(() => {
+		if (T.current !== null) return;
+		let e = 0, t = () => {
+			T.current = null, v.current && (ge() || (e += 1, e < 30 && (T.current = requestAnimationFrame(t))));
+		};
+		T.current = requestAnimationFrame(t);
+	}, [ge]), ve = U((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 = je(t, n, W);
-			L($e({
+		if (v.current && ge()) return;
+		let a = v.current, o = n > 0 && !i && !a;
+		r && D(), !i && !a && f.current && (y.current = !0), X(t);
+		let s = t !== M.current;
+		if (M.current = t, s && ie(t), o) {
+			let e = Fe(t, n, Y);
+			L(rt({
 				renderWindow: {
 					startMs: B,
 					endMs: V
 				},
-				timelineCoords: U,
+				timelineCoords: G,
 				scrollLeft: e,
 				viewportWidth: n
 			}).focusMs);
 		}
-		ee(t);
+		E(t);
 	}, [
-		ue,
-		E,
-		U,
+		X,
+		D,
+		ge,
+		G,
 		h,
-		ne,
+		ie,
 		L,
-		ee,
+		E,
 		V,
 		B,
-		W
-	]), fe = G(() => {
-		let e = rt(n);
+		Y
+	]), ye = U(() => {
+		let e = st(n);
 		L(e), R(e);
 	}, [
 		R,
 		L,
 		n
-	]), pe = G((e) => {
+	]), be = U((e) => {
 		let t = r.current, n = e?.targetMs;
 		if (!t || !Number.isFinite(n)) return;
 		let i = t.clientWidth > 0 ? t.clientWidth : h;
@@ -865,119 +900,121 @@ function ot({ timeRangeConfig: e, pixelsPerDayConfig: t, viewMode: n, contentRef
 			S.current = null, L(n), R(n);
 			return;
 		}
-		let a = Me({
+		let a = Ie({
 			anchorMs: n,
-			toX: U.toX,
+			toX: G.toX,
 			viewportWidth: i,
-			timelineWidth: W
+			timelineWidth: Y
 		}), 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({
+		s === "smooth" ? S.current = { targetLeft: a } : (S.current = null, O(a)), t.scrollTo({
 			left: a,
 			behavior: s
-		}), L(n), s === "auto" && (ue(a), A(a), j.current = a);
+		}), L(n), s === "auto" && (X(a), j(a), M.current = a);
 	}, [
-		ue,
+		X,
 		r,
-		D,
+		O,
 		R,
 		L,
-		U,
+		G,
 		V,
 		B,
-		W,
+		Y,
 		h
 	]);
-	K(() => {
-		if (!f.current || !h || !W || v.current || !y.current) return;
-		let e = r.current, t = e?.scrollLeft ?? O, n = et({
+	W(() => {
+		if (!f.current || !h || !Y || v.current || !y.current) return;
+		let e = r.current, t = e?.scrollLeft ?? A, n = it({
 			scrollLeft: Math.max(0, t),
 			viewportWidth: h,
-			timelineWidth: W,
+			timelineWidth: Y,
 			guardBandPx: 280
 		});
-		s || c || T(e) || (e && ee(e.scrollLeft || 0), n && se());
+		s || c || ee(e) || (e && E(e.scrollLeft || 0), n && ue());
 	}, [
-		O,
-		W,
+		A,
+		Y,
 		h,
 		r,
-		T,
 		ee,
-		se,
+		E,
+		ue,
 		s,
 		c,
 		C
-	]), ce(() => {
+	]), le(() => {
 		!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))));
+	]), le(() => {
+		v.current && (h <= 0 || Y <= 0 || ge() || _e());
 	}, [
-		Z,
-		W,
+		ge,
+		_e,
+		Y,
 		h,
-		ie
-	]), ce(() => {
-		if (!f.current && h > 0 && W > 0) {
-			if (Number.isFinite(_.current ?? NaN) || L(rt(n)), !ie) {
+		ae
+	]), le(() => {
+		if (!f.current && h > 0 && Y > 0) {
+			if (Number.isFinite(_.current ?? NaN) || L(st(n)), !ae) {
 				R(I());
 				return;
 			}
-			v.current = !0, Z(), v.current = !1, f.current = !0, m(!0);
+			v.current = !0, ge() || _e();
 		}
 	}, [
-		Z,
 		I,
 		R,
+		ge,
+		_e,
 		L,
-		ie,
-		W,
+		ae,
+		Y,
 		h,
 		n
 	]);
-	let me = G((e) => {
+	let xe = U((e) => {
 		let t = h;
-		t <= 0 || L(U.timeAtX(e + t / 2));
+		t <= 0 || L(G.timeAtX(e + t / 2));
 	}, [
 		h,
-		U,
+		G,
 		L
-	]), he = G(() => {
+	]), Se = U(() => {
 		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);
+			let e = G.timeAtX(n - t / 2);
 			L(e), R(e);
 			return;
 		}
 		S.current = { targetLeft: i }, e.scrollTo({
 			left: i,
 			behavior: "smooth"
-		}), me(i);
+		}), xe(i);
 	}, [
 		r,
 		R,
 		L,
-		U,
-		me,
+		G,
+		xe,
 		h
-	]), ge = G(() => {
+	]), Ce = U(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = h, n = e.scrollLeft || 0, i = Math.max(0, W - t), a = je(n + t, t, W);
+		let t = h, n = e.scrollLeft || 0, i = Math.max(0, Y - t), a = Fe(n + t, t, Y);
 		if (Math.abs(a - n) <= 1) {
 			if (S.current = null, a >= i - 1) {
-				let e = U.timeAtX(n + t * 1.5);
+				let e = G.timeAtX(n + t * 1.5);
 				L(e), R(e);
 			}
 			return;
@@ -985,17 +1022,17 @@ function ot({ timeRangeConfig: e, pixelsPerDayConfig: t, viewMode: n, contentRef
 		S.current = { targetLeft: a }, e.scrollTo({
 			left: a,
 			behavior: "smooth"
-		}), me(a);
+		}), xe(a);
 	}, [
 		r,
 		R,
 		L,
-		U,
+		G,
 		h,
-		W,
-		me
+		Y,
+		xe
 	]);
-	K(() => {
+	W(() => {
 		let e = r.current;
 		if (!e) return;
 		let t = () => {
@@ -1003,23 +1040,23 @@ function ot({ timeRangeConfig: e, pixelsPerDayConfig: t, viewMode: n, contentRef
 		};
 		return e.addEventListener("scrollend", t), () => e.removeEventListener("scrollend", t);
 	}, [r]);
-	let _e = (!oe || v.current) && W > 0 && h > 0 ? nt({
+	let we = (!se || v.current) && Y > 0 && h > 0 ? ot({
 		focusMs: _.current ?? NaN,
 		fallbackFocusMs: I(),
-		timelineCoords: U,
+		timelineCoords: G,
 		viewportWidth: h,
-		timelineWidth: W
-	}).scrollLeft : O, { visibleStartMs: ve, visibleEndMs: ye } = q(() => {
-		if (W <= 0 || h <= 0) return {
+		timelineWidth: Y
+	}).scrollLeft : A, { visibleStartMs: Te, visibleEndMs: Ee } = K(() => {
+		if (Y <= 0 || h <= 0) return {
 			visibleStartMs: B,
 			visibleEndMs: B
 		};
-		let e = je(_e, h, W), { visibleRange: t } = $e({
+		let e = Fe(we, h, Y), { visibleRange: t } = rt({
 			renderWindow: {
 				startMs: B,
 				endMs: V
 			},
-			timelineCoords: U,
+			timelineCoords: G,
 			scrollLeft: e,
 			viewportWidth: h
 		});
@@ -1028,41 +1065,41 @@ function ot({ timeRangeConfig: e, pixelsPerDayConfig: t, viewMode: n, contentRef
 			visibleEndMs: t.endMs
 		};
 	}, [
-		_e,
-		U,
+		we,
+		G,
 		V,
 		B,
-		W,
+		Y,
 		h
 	]);
 	return {
 		pixelsPerDay: l,
 		viewportWidth: h,
-		scrollLeft: _e,
+		scrollLeft: we,
 		timelineStartMs: B,
 		timelineEndMs: V,
-		visibleStartMs: ve,
-		visibleEndMs: ye,
+		visibleStartMs: Te,
+		visibleEndMs: Ee,
 		lowerSegments: H,
-		timelineCoords: U,
-		timelineWidth: W,
-		todayCenterMs: X,
-		todayLineLeft: le,
+		timelineCoords: G,
+		timelineWidth: Y,
+		todayCenterMs: de,
+		todayLineLeft: fe,
 		isInitialLayoutReady: p,
-		handleContentScroll: Q,
-		handleTodayClick: fe,
-		handleOffscreenJump: pe,
-		handleScrollPrev: he,
-		handleScrollNext: ge
+		handleContentScroll: ve,
+		handleTodayClick: ye,
+		handleOffscreenJump: be,
+		handleScrollPrev: Se,
+		handleScrollNext: Ce
 	};
 }
 //#endregion
 //#region src/components/Gantt/GanttChart/hooks/useNormalizedItems.ts
-function st({ visibleItems: e, committedRangeById: t = {}, viewMode: n = "day" }) {
-	return { normalizedItems: q(() => {
+function dt({ visibleItems: e, committedRangeById: t = {}, viewMode: n = "day" }) {
+	return { normalizedItems: K(() => {
 		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({
+			let n = r[e], o = String(n?.id ?? `row-${e}`), { rawStartMs: s, rawEndMs: c, baseStartMs: l, baseEndMs: u, invalid: d } = te(n?.start, n?.end), f = t[o], p = n?.type === "summary" ? !1 : d, m = O({
 				rawStartMs: s,
 				rawEndMs: c,
 				baseStartMs: l,
@@ -1098,12 +1135,12 @@ function st({ visibleItems: e, committedRangeById: t = {}, viewMode: n = "day" }
 }
 //#endregion
 //#region src/components/Gantt/GanttChart/hooks/useGanttScrollbars.tsx
-function ct(e, t) {
-	let [n, r] = Y(!1);
-	return ce(() => {
+function ft(e, t) {
+	let [n, r] = J(!1);
+	return le(() => {
 		let n = e.current, i = t.current;
 		if (!n || !i) return;
-		let a = he({
+		let a = ye({
 			target: n,
 			elements: { viewport: i }
 		}, { scrollbars: {
@@ -1115,7 +1152,7 @@ function ct(e, t) {
 			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;
+			let t = e.pointerId, n = "pointerId" in e && ce(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), () => {
@@ -1125,11 +1162,92 @@ function ct(e, t) {
 }
 //#endregion
 //#region src/components/Gantt/GanttChart/utils/timelineMarkers.ts
-function lt(e, t, n, r, i) {
-	return !!e && Number.isFinite(r) && Ke(i, r) && t !== null && Number.isFinite(t) && t >= 0 && t <= n;
+function pt(e, t, n, r, i) {
+	return !!e && Number.isFinite(r) && Xe(i, r) && t !== null && Number.isFinite(t) && t >= 0 && t <= n;
 }
-var ut = 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(() => Ue({
+var Z = {
+	root: "_root_1ncav_1",
+	timelineHost: "_timelineHost_1ncav_12",
+	timelineContent: "_timelineContent_1ncav_19",
+	canvas: "_canvas_1ncav_27",
+	weekendBg: "_weekendBg_1ncav_33",
+	colLine: "_colLine_1ncav_40",
+	rowLine: "_rowLine_1ncav_49",
+	rowHoverBg: "_rowHoverBg_1ncav_56",
+	todayIndicator: "_todayIndicator_1ncav_65",
+	todayIndicatorContentLine: "_todayIndicatorContentLine_1ncav_73",
+	todayIndicatorLine: "_todayIndicatorLine_1ncav_77",
+	todayIndicatorHeaderDot: "_todayIndicatorHeaderDot_1ncav_86",
+	calendar: "_calendar_1ncav_98",
+	calendarTrack: "_calendarTrack_1ncav_105",
+	calendarToolbar: "_calendarToolbar_1ncav_112",
+	headerCell: "_headerCell_1ncav_126",
+	headerCellTop: "_headerCellTop_1ncav_140",
+	headerCellBottom: "_headerCellBottom_1ncav_147",
+	isActive: "_isActive_1ncav_152",
+	headerColLine: "_headerColLine_1ncav_156",
+	headerCellStickyText: "_headerCellStickyText_1ncav_164",
+	headerCellDatePrefix: "_headerCellDatePrefix_1ncav_172",
+	offscreenRow: "_offscreenRow_1ncav_178",
+	offscreenTrack: "_offscreenTrack_1ncav_186",
+	offscreenBtn: "_offscreenBtn_1ncav_192",
+	offscreenBtnLeft: "_offscreenBtnLeft_1ncav_216",
+	offscreenBtnRight: "_offscreenBtnRight_1ncav_221",
+	bar: "_bar_1ncav_227",
+	barProgress: "_barProgress_1ncav_245",
+	barResizeHandle: "_barResizeHandle_1ncav_248",
+	isReadonly: "_isReadonly_1ncav_258",
+	isDragging: "_isDragging_1ncav_262",
+	isMicro: "_isMicro_1ncav_274",
+	isFull: "_isFull_1ncav_299",
+	barLabel: "_barLabel_1ncav_303",
+	isHidden: "_isHidden_1ncav_313",
+	isOutside: "_isOutside_1ncav_317",
+	barResizeHandleLeft: "_barResizeHandleLeft_1ncav_355",
+	barResizeHandleRight: "_barResizeHandleRight_1ncav_363"
+}, mt = {
+	initial: {
+		opacity: 0,
+		x: -10
+	},
+	animate: {
+		opacity: 1,
+		x: 0
+	},
+	exit: {
+		opacity: 0,
+		x: -10
+	},
+	transition: {
+		duration: .16,
+		ease: "easeOut"
+	}
+}, ht = {
+	duration: .16,
+	ease: "easeOut"
+}, gt = B.memo(({ label: e, dateLabel: t, isReadingAnchor: n }) => t ? /* @__PURE__ */ z("span", {
+	className: Z.headerCellStickyText,
+	children: [/* @__PURE__ */ R(fe, {
+		initial: !1,
+		mode: "popLayout",
+		children: n ? /* @__PURE__ */ R(X.span, {
+			className: Z.headerCellDatePrefix,
+			initial: mt.initial,
+			animate: mt.animate,
+			exit: mt.exit,
+			transition: mt.transition,
+			children: t
+		}, "date-prefix") : null
+	}), /* @__PURE__ */ R(X.span, {
+		layout: "position",
+		transition: ht,
+		children: e
+	})]
+}) : /* @__PURE__ */ R("span", {
+	className: Z.headerCellStickyText,
+	children: e
+})), _t = B.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 = K(() => qe({
 		lowerSegments: a,
 		viewMode: l,
 		formatMessage: d
@@ -1137,29 +1255,29 @@ var ut = H.memo(({ timelineWidth: e, viewportWidth: t = 0, scrollLeft: n, trackR
 		a,
 		l,
 		d
-	]), _ = q(() => {
-		let r = je(n, t, e), i = r - 240, a = r + t + 240;
-		return g.filter((e) => e.left < a && e.left + e.width > i);
+	]), _ = Fe(n, t, e), v = K(() => {
+		let e = _ - 240, n = _ + t + 240;
+		return g.filter((t) => t.left < n && t.left + t.width > e);
 	}, [
 		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 = lt(c, o, e, s ?? NaN, {
-		startMs: y,
-		endMs: b
+		_,
+		t
+	]), y = K(() => a.length && a.find((e) => s != null && s >= e.startMs && s < e.endMs)?.id || null, [a, s]), b = a[0]?.startMs ?? 0, x = a[a.length - 1]?.endMs ?? 0, S = pt(c, o, e, s ?? NaN, {
+		startMs: b,
+		endMs: x
 	});
-	return /* @__PURE__ */ V("div", {
-		className: "bsy-gantt-chart__calendar",
-		children: [/* @__PURE__ */ V("div", {
+	return /* @__PURE__ */ z("div", {
+		className: Z.calendar,
+		children: [/* @__PURE__ */ z("div", {
 			ref: r,
-			className: "bsy-gantt-chart__calendar-track",
+			className: Z.calendarTrack,
+			"data-testid": "gantt-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",
+					return t ? /* @__PURE__ */ R("div", {
+						className: Z.headerColLine,
 						style: {
 							left: t.left,
 							top: 34,
@@ -1167,30 +1285,38 @@ var ut = H.memo(({ timelineWidth: e, viewportWidth: t = 0, scrollLeft: n, trackR
 						}
 					}, `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}`)),
+				v.map((e) => {
+					let t = _ >= e.left && _ < e.left + e.width;
+					return /* @__PURE__ */ z(B.Fragment, { children: [/* @__PURE__ */ R("div", {
+						className: Y(Z.headerCell, Z.headerCellTop),
+						"data-testid": "gantt-header-cell-top",
+						style: {
+							left: e.left,
+							width: e.width,
+							height: 34,
+							"--segment-left": `${e.left}px`
+						},
+						children: /* @__PURE__ */ R(gt, {
+							label: e.label,
+							dateLabel: e.dateLabel,
+							isReadingAnchor: t
+						})
+					}), /* @__PURE__ */ R("div", {
+						className: Z.headerColLine,
+						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"),
+					if (!t) return null;
+					let n = t.id === y;
+					return /* @__PURE__ */ R("div", {
+						className: Y(Z.headerCell, Z.headerCellBottom, n && Z.isActive),
+						"data-testid": "gantt-header-cell-bottom",
 						style: {
 							left: t.left,
 							width: t.width,
@@ -1198,16 +1324,17 @@ var ut = H.memo(({ timelineWidth: e, viewportWidth: t = 0, scrollLeft: n, trackR
 							top: 34
 						},
 						children: t.label
-					}, t.id) : null;
+					}, t.id);
 				}),
-				x && /* @__PURE__ */ B("span", {
-					className: "bsy-gantt-chart__today-indicator--header-dot",
+				S && /* @__PURE__ */ R("span", {
+					className: Z.todayIndicatorHeaderDot,
 					style: { left: o ?? void 0 }
 				})
 			]
-		}), /* @__PURE__ */ B("div", {
-			className: "bsy-gantt-chart__calendar-toolbar",
-			children: /* @__PURE__ */ B(F, {
+		}), /* @__PURE__ */ R("div", {
+			className: Z.calendarToolbar,
+			"data-testid": "gantt-calendar-toolbar",
+			children: /* @__PURE__ */ R(F, {
 				viewMode: l,
 				availableModes: u,
 				onViewModeChange: f,
@@ -1220,8 +1347,8 @@ var ut = H.memo(({ timelineWidth: e, viewportWidth: t = 0, scrollLeft: n, trackR
 });
 //#endregion
 //#region src/components/Gantt/GanttChart/hooks/useGanttRowVirtualScroll.ts
-function dt({ items: e, contentRef: t, safeRowHeight: n, viewportHeight: r, overscan: i = 4 }) {
-	let [a, o] = Y(!1), s = pe({
+function vt({ items: e, contentRef: t, safeRowHeight: n, viewportHeight: r, overscan: i = 4 }) {
+	let [a, o] = J(!1), s = _e({
 		count: e.length,
 		getScrollElement: () => t.current,
 		estimateSize: () => n,
@@ -1239,8 +1366,8 @@ function dt({ items: e, contentRef: t, safeRowHeight: n, viewportHeight: r, over
 }
 //#endregion
 //#region src/components/Gantt/GanttChart/hooks/useOffscreenIndicators.ts
-function ft({ virtualRows: e, normalizedItems: t, visibleStartMs: n, visibleEndMs: r, enabled: i = !0, excludeTaskId: a = null }) {
-	return q(() => {
+function yt({ virtualRows: e, normalizedItems: t, visibleStartMs: n, visibleEndMs: r, enabled: i = !0, excludeTaskId: a = null }) {
+	return K(() => {
 		if (!i || !Array.isArray(e) || !Array.isArray(t) || !Number.isFinite(n) || !Number.isFinite(r) || n >= r) return [];
 		let o = [];
 		return e.forEach((e) => {
@@ -1268,8 +1395,8 @@ function ft({ virtualRows: e, normalizedItems: t, visibleStartMs: n, visibleEndM
 }
 //#endregion
 //#region src/components/Gantt/GanttChart/hooks/useRowHoverHighlight.ts
-function pt({ 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(() => {
+function bt({ normalizedItems: e, safeRowHeight: t }) {
+	let n = me(d, (e) => e.setHighlightTarget), r = me(d, (e) => e.subscribeHighlight), i = me(d, (e) => e.getIsScrollActive), a = q(null), o = q(null), s = q(null), c = q(!1), l = K(() => {
 		let t = /* @__PURE__ */ new Map(), n = 0;
 		for (; n < e.length;) {
 			let r = e[n]?.parentId;
@@ -1284,15 +1411,15 @@ function pt({ normalizedItems: e, safeRowHeight: t }) {
 			} else t.set(n, null), n += 1;
 		}
 		return t;
-	}, [e]), u = J(l);
+	}, [e]), u = q(l);
 	u.current = l;
-	let m = G((e, n) => {
+	let m = U((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(() => {
+	}, [t]), h = U(() => {
 		let e = o.current;
 		e && (e.style.display = "none");
-	}, []), g = G((t) => {
+	}, []), g = U((t) => {
 		if (!t) {
 			h();
 			return;
@@ -1311,7 +1438,7 @@ function pt({ normalizedItems: e, safeRowHeight: t }) {
 		e,
 		m,
 		h
-	]), _ = G((r) => {
+	]), _ = U((r) => {
 		if (i?.()) {
 			a.current !== null && (a.current = null, h()), c.current = !1;
 			return;
@@ -1336,10 +1463,10 @@ function pt({ normalizedItems: e, safeRowHeight: t }) {
 		m,
 		h,
 		i
-	]), v = G(() => {
+	]), v = U(() => {
 		c.current = !1, a.current = null, h(), s.current !== null && (s.current = null, n?.(null));
 	}, [n, h]);
-	return K(() => {
+	return W(() => {
 		if (r) return r((e, t) => {
 			if (t?.source === "table") {
 				c.current = !1, a.current = null, s.current = e, g(e);
@@ -1355,14 +1482,14 @@ function pt({ normalizedItems: e, safeRowHeight: t }) {
 }
 //#endregion
 //#region src/components/Gantt/GanttChart/GanttInteractionContext.ts
-var mt = de({
+var xt = pe({
 	tooltip: null,
 	isScrolling: !1,
 	collapsedKeys: void 0,
 	onBarClick: () => {},
 	onTaskMouseDown: () => {},
 	onResizeMouseDown: () => {}
-}), ht = (e) => Z(mt, e), gt = de({
+}), St = (e) => me(xt, e), Ct = pe({
 	viewMode: "day",
 	pixelsPerDay: 1,
 	timelineStartMs: 0,
@@ -1378,15 +1505,15 @@ var mt = de({
 	viewportWidth: 0,
 	timelineWidth: 0,
 	isInitialLayoutReady: !1
-}), $ = (e) => Z(gt, e), _t = (e, t) => {
+}), Q = (e) => me(Ct, e), wt = (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})`;
-}, vt = (e, t) => {
-	if (!R(e)) return null;
+}, Tt = (e, t) => {
+	if (!I(e)) return null;
 	let n = e.trim();
-	return i.test(n) ? _t(n, t) : null;
-}, yt = (e, t = 2.5) => {
-	if (!e || !R(e)) return "#121211";
+	return i.test(n) ? wt(n, t) : null;
+}, Et = (e, t = 2.5) => {
+	if (!e || !I(e)) return "#121211";
 	let n, r, i;
 	if (e.startsWith("#")) {
 		let t = e.replace("#", ""), a = t.length === 3 ? [...t].map((e) => e + e) : [
@@ -1404,23 +1531,23 @@ var mt = de({
 		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";
-}, bt, xt = () => {
-	if (bt !== void 0) return bt;
+}, Dt, Ot = () => {
+	if (Dt !== void 0) return Dt;
 	try {
-		bt = document.createElement("canvas").getContext("2d");
+		Dt = document.createElement("canvas").getContext("2d");
 	} catch {
-		bt = null;
+		Dt = null;
 	}
-	return bt;
-}, St = (e, t = "12px -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, PingFang SC, Noto Sans, Noto Sans CJK SC, Microsoft YaHei, \"微软雅黑\", sans-serif") => {
+	return Dt;
+}, kt = (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 = xt();
+	let n = String(e), r = Ot();
 	return r ? (r.font = t, r.measureText(n).width + 20) : n.length * 12 + 20;
 };
 //#endregion
 //#region src/components/Gantt/GanttChart/hooks/useBarTooltipHover.ts
-function Ct() {
-	let [e, t] = Y(null), n = J("idle"), r = G((e) => {
+function At() {
+	let [e, t] = J(null), n = q("idle"), r = U((e) => {
 		n.current === "frozen" && (n.current = "open");
 		let r = e.currentTarget.getBoundingClientRect();
 		t({
@@ -1430,13 +1557,13 @@ function Ct() {
 			bottom: r.bottom,
 			height: r.height
 		});
-	}, []), i = G(() => {
+	}, []), i = U(() => {
 		n.current === "open" ? n.current = "frozen" : t(null);
-	}, []), a = G((e) => {
+	}, []), a = U((e) => {
 		n.current = e ? "open" : "idle", e || t(null);
 	}, []);
 	return {
-		virtualReference: q(() => {
+		virtualReference: K(() => {
 			if (e) return { getBoundingClientRect: () => ({
 				width: 0,
 				height: e.height,
@@ -1456,18 +1583,18 @@ function Ct() {
 }
 //#endregion
 //#region src/components/Gantt/GanttChart/GanttBarTooltip/GanttBarTooltip.tsx
-var wt = {
+var jt = {
 	borderRadius: "10px",
 	padding: 0,
 	backgroundColor: "#fff",
 	boxShadow: "0 0 12px 0 rgba(0, 0, 0, 0.08)"
-}, Tt = ({ item: e, tooltip: t, disabled: r = !1, children: i }) => {
-	let { virtualReference: a, handleMouseMove: o, handleMouseLeave: s, handleTooltipVisibleChange: c } = Ct(), l = q(() => r || !t ? null : t(e), [
+}, Mt = ({ item: e, tooltip: t, disabled: r = !1, children: i }) => {
+	let { virtualReference: a, handleMouseMove: o, handleMouseLeave: s, handleTooltipVisibleChange: c } = At(), l = K(() => r || !t ? null : t(e), [
 		r,
 		t,
 		e
 	]);
-	return l ? /* @__PURE__ */ B(n, {
+	return l ? /* @__PURE__ */ R(n, {
 		content: l,
 		placement: "bottom",
 		showArrow: !1,
@@ -1479,33 +1606,33 @@ var wt = {
 		zIndex: 8001,
 		virtualReference: a,
 		onVisibleChange: c,
-		style: wt,
+		style: jt,
 		children: i({
 			onMouseMove: o,
 			onMouseLeave: s
 		})
-	}) : /* @__PURE__ */ B(z, { children: i({
+	}) : /* @__PURE__ */ R(L, { children: i({
 		onMouseMove: () => {},
 		onMouseLeave: () => {}
 	}) });
-}, Et = (e, t, n) => ({
+}, Nt = (e, t, n) => ({
 	...e,
 	clientX: t,
 	clientY: n,
 	preventDefault: () => e.preventDefault(),
 	stopPropagation: () => e.stopPropagation()
 });
-function Dt({ enabled: e, onTaskMouseDown: t, onBarClick: n }) {
-	let r = J(null), i = J(null), a = J(t), o = J(n);
-	K(() => {
+function Pt({ enabled: e, onTaskMouseDown: t, onBarClick: n }) {
+	let r = q(null), i = q(null), a = q(t), o = q(n);
+	W(() => {
 		a.current = t, o.current = n;
 	}, [t, n]);
-	let s = G(() => {
+	let s = U(() => {
 		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) => {
+	return W(() => () => s(), [s]), { handlePointerMouseDown: U((t, n, c, l = 1) => {
 		if (!e) return;
 		s();
 		let u = {
@@ -1520,7 +1647,7 @@ function Dt({ enabled: e, onTaskMouseDown: t, onBarClick: n }) {
 		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?.(Et(e, u.startClientX, u.startClientY), n, c, u.width));
+			Math.hypot(t, i) < 5 || (u.dragStarted = !0, s(), a.current?.(Nt(e, u.startClientX, u.startClientY), n, c, u.width));
 		}, f = (e) => {
 			r.current === u && (s(), u.dragStarted || o.current?.(e, n));
 		};
@@ -1530,18 +1657,18 @@ function Dt({ enabled: e, onTaskMouseDown: t, onBarClick: n }) {
 		}, document.addEventListener("mousemove", d), document.addEventListener("mouseup", f);
 	}, [e, s]) };
 }
-var Ot = 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 = ht((e) => e.tooltip), p = ht((e) => e.isScrolling), m = ht((e) => e.onBarClick), h = ht((e) => e.onTaskMouseDown), g = ht((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(() => {
+var Ft = B.memo(({ item: e, barTop: n, dragTaskId: r, dragPreview: i, dragPermission: a }) => {
+	let { t: o } = t(), s = Q((e) => e.viewMode), c = Q((e) => e.timelineCoords), l = Q((e) => e.timelineStartMs), u = Q((e) => e.timelineEndMs), d = Q((e) => e.timelineWidth), f = St((e) => e.tooltip), p = St((e) => e.isScrolling), m = St((e) => e.onBarClick), h = St((e) => e.onTaskMouseDown), g = St((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 = K(() => {
 		let t = e.color;
 		return {
 			baseColor: t,
-			containerBgColor: vt(t, .2) || t,
-			hoverBorderColor: vt(t, .5) || "transparent",
-			insideLabelColor: yt(t)
+			containerBgColor: Tt(t, .2) || t,
+			hoverBorderColor: Tt(t, .5) || "transparent",
+			insideLabelColor: Et(t)
 		};
-	}, [e.color]), C = q(() => {
+	}, [e.color]), C = K(() => {
 		if (y == null || b == null || y >= b || l >= u) return null;
-		let e = Je({
+		let e = Qe({
 			startMs: y,
 			endMs: b
 		}, {
@@ -1549,14 +1676,14 @@ var Ot = H.memo(({ item: e, barTop: n, dragTaskId: r, dragPreview: i, dragPermis
 			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 : {
+		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 ? c.toWidth(y, b) : n, p = s ? i.previewLeftPx : t, m = s ? p + f : r, h = s ? p : Math.max(0, p), g = Math.min(d, m);
+		return g <= 0 || h >= d || h >= g ? null : {
 			clippedRange: e,
-			rawBarLeft: f,
-			calculatedBarLeft: m,
-			calculatedBarWidth: h - m,
-			clippedStart: a || m !== f,
-			clippedEnd: o || h !== p
+			rawBarLeft: p,
+			calculatedBarLeft: h,
+			calculatedBarWidth: g - h,
+			clippedStart: s ? !1 : a || h !== p,
+			clippedEnd: o || g !== m
 		};
 	}, [
 		y,
@@ -1567,66 +1694,70 @@ var Ot = H.memo(({ item: e, barTop: n, dragTaskId: r, dragPreview: i, dragPermis
 		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 ? St(ne) : 0, [ne]), P = !!ne && ae > ie && !!C && C.calculatedBarLeft + C.calculatedBarWidth + 4 + ae <= d, { handlePointerMouseDown: oe } = Dt({
-		enabled: N,
+	]), { 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 || xe, te = M.canMove, ne = e.label ?? "", N = typeof ne == "string" ? ne : "", re = D < 40, ie = Math.max(0, D - 10), P = K(() => N ? kt(N) : 0, [N]), ae = !!N && P > ie && !!C && C.calculatedBarLeft + C.calculatedBarWidth + 4 + P <= d, { handlePointerMouseDown: oe } = Pt({
+		enabled: te,
 		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 = {
+	let { calculatedBarLeft: F, clippedStart: se, clippedEnd: ce } = C, I = F + D, B = F + Math.max(40, D + 12) <= d, V = y !== null && b !== null ? s === "quarterMonth" ? x(y, b) : c.toWidth(y, b) : D, H = V < 40 ? Math.max(40, V + 12) : V, U = I + 4 <= d, W = {
 		left: F,
 		top: n,
 		width: `var(--bsy-gantt-bar-actual-width, ${D}px)`,
 		height: 26,
 		background: T,
-		cursor: N ? "move" : "default",
+		cursor: te ? "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(Tt, {
+	return /* @__PURE__ */ R(Mt, {
 		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
+		children: ({ onMouseMove: t, onMouseLeave: n }) => /* @__PURE__ */ z("div", {
+			className: Y(Z.bar, {
+				[Z.isReadonly]: !te,
+				[Z.isDragging]: v,
+				[Z.isMicro]: re && B
 			}),
-			style: K,
+			"data-testid": "gantt-bar",
+			style: W,
 			onMouseDown: (t) => {
-				N && oe(t, e, F, W);
+				te && oe(t, e, F, H);
 			},
 			onClick: (t) => {
-				N || m(t, e);
+				te || 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 }),
+				e.type === "task" ? /* @__PURE__ */ R("div", {
+					className: Y(Z.barProgress, { [Z.isFull]: A }),
+					"data-testid": "gantt-bar-progress",
 					style: { width: j }
 				}) : null,
-				/* @__PURE__ */ B("span", {
-					className: X("bsy-gantt-chart__bar-label", { "bsy-gantt-chart__bar-label--hidden": P }),
+				/* @__PURE__ */ R("span", {
+					className: Y(Z.barLabel, { [Z.isHidden]: ae }),
 					style: { color: "var(--bsy-gantt-bar-label-color)" },
-					children: te
+					children: ne
 				}),
-				P ? /* @__PURE__ */ B("span", {
-					className: "bsy-gantt-chart__bar-label bsy-gantt-chart__bar-label--outside",
-					style: { color: "#121211" },
-					children: te
+				ae ? /* @__PURE__ */ R("span", {
+					className: Y(Z.barLabel, Z.isOutside),
+					"data-testid": "gantt-bar-label-outside",
+					children: ne
 				}) : null,
-				M.canResizeStart && !I || M.canResizeEnd && !L && G ? /* @__PURE__ */ V(z, { children: [M.canResizeStart && !I ? /* @__PURE__ */ B("button", {
+				M.canResizeStart && !se || M.canResizeEnd && !ce && U ? /* @__PURE__ */ z(L, { children: [M.canResizeStart && !se ? /* @__PURE__ */ R("button", {
 					type: "button",
-					className: "bsy-gantt-chart__bar-resize-handle bsy-gantt-chart__bar-resize-handle--left",
+					className: Y(Z.barResizeHandle, Z.barResizeHandleLeft),
+					"data-testid": "gantt-bar-resize-left",
 					onMouseDown: (t) => g(t, e, F, "start", D),
 					"aria-label": o("gantt.timeBegin")
-				}) : null, M.canResizeEnd && !L && G ? /* @__PURE__ */ B("button", {
+				}) : null, M.canResizeEnd && !ce && U ? /* @__PURE__ */ R("button", {
 					type: "button",
-					className: "bsy-gantt-chart__bar-resize-handle bsy-gantt-chart__bar-resize-handle--right",
+					className: Y(Z.barResizeHandle, Z.barResizeHandleRight),
+					"data-testid": "gantt-bar-resize-right",
 					onMouseDown: (t) => g(t, e, F, "end", D),
 					"aria-label": o("gantt.timeEnd")
 				}) : null] }) : null
@@ -1637,34 +1768,44 @@ var Ot = H.memo(({ item: e, barTop: n, dragTaskId: r, dragPreview: i, dragPermis
 	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));
-}), kt = (e) => String(e).padStart(2, "0");
-function At(e, t) {
+}), $ = {
+	root: "_root_8s9va_1",
+	arrow: "_arrow_8s9va_9",
+	label: "_label_8s9va_13",
+	isCollapsed: "_isCollapsed_8s9va_28",
+	labelText: "_labelText_8s9va_32",
+	track: "_track_8s9va_39",
+	progress: "_progress_8s9va_46",
+	summaryTooltip: "_summaryTooltip_8s9va_56",
+	summaryTooltipLine: "_summaryTooltipLine_8s9va_66"
+}, It = (e) => String(e).padStart(2, "0");
+function Lt(e, t) {
 	if (e == null) return t("summary.empty");
 	let n = C(e);
 	return t("summary.datetime", {
 		year: n.year(),
-		month: kt(n.month() + 1),
-		day: kt(n.date()),
-		hour: kt(n.hour()),
-		minute: kt(n.minute()),
-		second: kt(n.second())
+		month: It(n.month() + 1),
+		day: It(n.date()),
+		hour: It(n.hour()),
+		minute: It(n.minute()),
+		second: It(n.second())
 	});
 }
-function jt(e, t) {
-	let n = L(e?.progress), r = n ? Math.max(0, Math.min(1, e.progress ?? 0)) : 0, i = At(e?.rawStartMs, t), a = At(e?.rawEndMs, t);
-	return /* @__PURE__ */ V("div", {
-		className: "bsy-gantt-summary-tooltip",
+function Rt(e, t) {
+	let n = ce(e?.progress), r = n ? Math.max(0, Math.min(1, e.progress ?? 0)) : 0, i = Lt(e?.rawStartMs, t), a = Lt(e?.rawEndMs, t);
+	return /* @__PURE__ */ z("div", {
+		className: $.summaryTooltip,
 		children: [
-			/* @__PURE__ */ B("p", {
-				className: "bsy-gantt-summary-tooltip__line",
+			/* @__PURE__ */ R("p", {
+				className: $.summaryTooltipLine,
 				children: t("summary.startTime", { datetime: i })
 			}),
-			/* @__PURE__ */ B("p", {
-				className: "bsy-gantt-summary-tooltip__line",
+			/* @__PURE__ */ R("p", {
+				className: $.summaryTooltipLine,
 				children: t("summary.endTime", { datetime: a })
 			}),
-			n ? /* @__PURE__ */ B("p", {
-				className: "bsy-gantt-summary-tooltip__line",
+			n ? /* @__PURE__ */ R("p", {
+				className: $.summaryTooltipLine,
 				children: t("summary.progress", { percent: Math.round(r * 100) })
 			}) : null
 		]
@@ -1672,17 +1813,17 @@ function jt(e, t) {
 }
 //#endregion
 //#region src/components/Gantt/GanttChart/GanttSummaryBar/GanttSummaryBar.tsx
-var Mt = 24, Nt = {
+var zt = 24, Bt = {
 	borderRadius: "6px",
 	padding: 0,
 	backgroundColor: "rgba(0, 0, 0, 0.5)",
 	boxShadow: "none"
 };
-function Pt(e, t) {
+function Vt(e, t) {
 	return e == null || e === "__empty__" ? t : e;
 }
-var Ft = ({ 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 = ht((e) => e.collapsedKeys), f = ht((e) => e.onBarClick), { virtualReference: p, handleMouseMove: m, handleMouseLeave: h, handleTooltipVisibleChange: g } = Ct(), _ = L(r.progress) ? Math.max(0, Math.min(1, r.progress ?? 0)) : 0, v = q(() => jt({
+var Ht = ({ item: r, barTop: i }) => {
+	let { t: a } = t(), o = U((e, t) => a(oe(e), t), [a]), s = Q((e) => e.timelineCoords), c = Q((e) => e.timelineStartMs), l = Q((e) => e.timelineEndMs), u = Q((e) => e.timelineWidth), d = St((e) => e.collapsedKeys), f = St((e) => e.onBarClick), { virtualReference: p, handleMouseMove: m, handleMouseLeave: h, handleTooltipVisibleChange: g } = At(), _ = ce(r.progress) ? Math.max(0, Math.min(1, r.progress ?? 0)) : 0, v = K(() => Rt({
 		rawStartMs: r.rawStartMs,
 		rawEndMs: r.rawEndMs,
 		progress: r.progress
@@ -1691,9 +1832,9 @@ var Ft = ({ item: r, barTop: i }) => {
 		r.rawEndMs,
 		r.progress,
 		o
-	]), y = q(() => {
+	]), y = K(() => {
 		if (r.startMs === null || r.endMs === null || r.startMs >= r.endMs || c >= l) return null;
-		let e = Je({
+		let e = Qe({
 			startMs: r.startMs,
 			endMs: r.endMs
 		}, {
@@ -1703,7 +1844,7 @@ var Ft = ({ item: r, barTop: i }) => {
 		return e ? {
 			barLeft: s.toX(e.startMs),
 			barWidth: s.toWidth(e.startMs, e.endMs),
-			wrapperTop: i + (26 - Mt) / 2,
+			wrapperTop: i + (26 - zt) / 2,
 			clippedEnd: e.endMs !== r.endMs,
 			clippedRange: e,
 			itemStartMs: r.startMs,
@@ -1718,8 +1859,8 @@ var Ft = ({ item: r, barTop: i }) => {
 		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 = Pt(r.label, a("gantt.emptyGroup")), M = ne(d, r.groupKey);
-	return /* @__PURE__ */ B(n, {
+	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 = Vt(r.label, a("gantt.emptyGroup")), M = N(d, r.groupKey);
+	return /* @__PURE__ */ R(n, {
 		content: v,
 		placement: "bottom-start",
 		showArrow: !1,
@@ -1730,9 +1871,10 @@ var Ft = ({ item: r, barTop: i }) => {
 		zIndex: 8001,
 		virtualReference: p,
 		onVisibleChange: g,
-		style: Nt,
-		children: /* @__PURE__ */ V("div", {
-			className: "bsy-gantt-summary-bar",
+		style: Bt,
+		children: /* @__PURE__ */ z("div", {
+			className: $.root,
+			"data-testid": "gantt-summary-bar",
 			style: {
 				left: b,
 				top: S,
@@ -1742,34 +1884,36 @@ var Ft = ({ item: r, barTop: i }) => {
 			onClick: (e) => f?.(e, r),
 			onMouseMove: m,
 			onMouseLeave: h,
-			children: [/* @__PURE__ */ V("div", {
-				className: "bsy-gantt-summary-bar__label",
+			children: [/* @__PURE__ */ z("div", {
+				className: $.label,
+				"data-testid": "gantt-summary-bar-label",
 				style: {
 					maxWidth: A,
 					overflow: "hidden"
 				},
-				children: [/* @__PURE__ */ B(e, {
+				children: [/* @__PURE__ */ R(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",
+					className: Y($.arrow, { [$.isCollapsed]: M })
+				}), /* @__PURE__ */ R("span", {
+					className: $.labelText,
 					children: j
 				})]
-			}), /* @__PURE__ */ B("div", {
-				className: "bsy-gantt-summary-bar__track",
-				children: /* @__PURE__ */ B("div", {
-					className: "bsy-gantt-summary-bar__progress",
+			}), /* @__PURE__ */ R("div", {
+				className: $.track,
+				children: /* @__PURE__ */ R("div", {
+					className: $.progress,
+					"data-testid": "gantt-summary-bar-progress",
 					style: { width: k }
 				})
 			})]
 		})
 	});
 };
-function It(e, t) {
+function Ut(e, t) {
 	return e.barTop === t.barTop && e.item === t.item;
 }
-var Lt = H.memo(Ft, It), Rt = H.memo(({ indicators: n = [], onJump: r }) => {
+var Wt = B.memo(Ht, Ut), Gt = B.memo(({ indicators: n = [], onJump: r }) => {
 	let { t: i } = t();
 	if (!Array.isArray(n) || n.length === 0) return null;
 	let a = (e, t) => {
@@ -1778,46 +1922,49 @@ var Lt = H.memo(Ft, It), Rt = H.memo(({ indicators: n = [], onJump: r }) => {
 			taskId: t.taskId
 		});
 	};
-	return /* @__PURE__ */ B(z, { children: n.map((t) => /* @__PURE__ */ B("div", {
-		className: "bsy-gantt-chart__offscreen-row",
+	return /* @__PURE__ */ R(L, { children: n.map((t) => /* @__PURE__ */ R("div", {
+		className: Z.offscreenRow,
 		style: {
 			top: t.rowTop,
 			height: t.rowHeight
 		},
-		children: /* @__PURE__ */ V("div", {
-			className: "bsy-gantt-chart__offscreen-track",
-			children: [t.showLeft ? /* @__PURE__ */ B("button", {
+		children: /* @__PURE__ */ z("div", {
+			className: Z.offscreenTrack,
+			children: [t.showLeft ? /* @__PURE__ */ R("button", {
 				type: "button",
-				className: "bsy-gantt-chart__offscreen-btn bsy-gantt-chart__offscreen-btn--left",
+				className: Y(Z.offscreenBtn, Z.offscreenBtnLeft),
+				"data-testid": "gantt-offscreen-btn-left",
 				"aria-label": i("gantt.aria.jumpLeft"),
 				onClick: (e) => a(e, t),
-				children: /* @__PURE__ */ B(e, {
+				children: /* @__PURE__ */ R(e, {
 					name: "left",
 					size: 16
 				})
-			}) : null, t.showRight ? /* @__PURE__ */ B("button", {
+			}) : null, t.showRight ? /* @__PURE__ */ R("button", {
 				type: "button",
-				className: "bsy-gantt-chart__offscreen-btn bsy-gantt-chart__offscreen-btn--right",
+				className: Y(Z.offscreenBtn, Z.offscreenBtnRight),
+				"data-testid": "gantt-offscreen-btn-right",
 				"aria-label": i("gantt.aria.jumpRight"),
 				onClick: (e) => a(e, t),
-				children: /* @__PURE__ */ B(e, {
+				children: /* @__PURE__ */ R(e, {
 					name: "arrow-right",
 					size: 16
 				})
 			}) : null]
 		})
 	}, t.rowKey)) });
-}), zt = ({ left: e, height: t, className: n = "" }) => /* @__PURE__ */ B("div", {
-	className: X("bsy-gantt-chart__today-indicator", n),
+}), Kt = ({ left: e, height: t, className: n = "" }) => /* @__PURE__ */ R("div", {
+	className: Y(Z.todayIndicator, n),
+	"data-testid": "gantt-today-indicator-content-line",
 	style: {
 		left: e,
 		height: t
 	},
-	children: /* @__PURE__ */ B("span", { className: "bsy-gantt-chart__today-indicator-line" })
-}), Bt = 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",
+	children: /* @__PURE__ */ R("span", { className: Z.todayIndicatorLine })
+}), qt = H(function({ canvasHeight: e, weekendSegments: t, virtualColumns: n, lowerSegments: r, shouldShowTodayMarker: i, todayLineLeft: a }) {
+	return /* @__PURE__ */ z(L, { children: [
+		t.map((t) => /* @__PURE__ */ R("div", {
+			className: Z.weekendBg,
 			style: {
 				left: t.left,
 				width: t.width,
@@ -1826,27 +1973,27 @@ var Lt = H.memo(Ft, It), Rt = H.memo(({ indicators: n = [], onJump: r }) => {
 		}, t.id)),
 		n.map((t) => {
 			let n = r[t.index];
-			return n ? /* @__PURE__ */ B("div", {
-				className: "bsy-gantt-chart__col-line",
+			return n ? /* @__PURE__ */ R("div", {
+				className: Z.colLine,
 				style: {
 					left: n.left,
 					height: e
 				}
 			}, `line-${n.id}`) : null;
 		}),
-		i ? /* @__PURE__ */ B(zt, {
+		i ? /* @__PURE__ */ R(Kt, {
 			left: a ?? 0,
 			height: e,
-			className: "bsy-gantt-chart__today-indicator--content-line"
+			className: Z.todayIndicatorContentLine
 		}) : null
 	] });
-}), Vt = ({ virtualRows: e, normalizedItems: t, dragState: n, dragPermissionById: r, timelineStartMs: i, timelineEndMs: a }) => {
+}), Jt = ({ 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 || !qe({
+		if (!c && (s.startMs === null || s.endMs === null || s.startMs >= s.endMs || !Ze({
 			startMs: s.startMs,
 			endMs: s.endMs
 		}, {
@@ -1854,10 +2001,10 @@ var Lt = H.memo(Ft, It), Rt = H.memo(({ indicators: n = [], onJump: r }) => {
 			endMs: a
 		}))) return null;
 		let l = e.start + (e.size - 26) / 2;
-		return s.type === "summary" ? /* @__PURE__ */ B(Lt, {
+		return s.type === "summary" ? /* @__PURE__ */ R(Wt, {
 			item: s,
 			barTop: l
-		}, `summary-${s.id}`) : /* @__PURE__ */ B(Ot, {
+		}, `summary-${s.id}`) : /* @__PURE__ */ R(Ft, {
 			item: s,
 			barTop: l,
 			dragTaskId: o,
@@ -1865,8 +2012,8 @@ var Lt = H.memo(Ft, It), Rt = H.memo(({ indicators: n = [], onJump: r }) => {
 			dragPermission: r[s.id]
 		}, `bar-${s.id}`);
 	});
-}, Ht = 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 = ft({
+}, Yt = H(function({ virtualRows: e, normalizedItems: t, dragState: n, dragPermissionById: r, handleOffscreenJump: i, hoverBgRef: a }) {
+	let o = Q((e) => e.timelineStartMs), s = Q((e) => e.timelineEndMs), c = Q((e) => e.visibleStartMs), l = Q((e) => e.visibleEndMs), u = Q((e) => e.isInitialLayoutReady), d = yt({
 		virtualRows: e,
 		normalizedItems: t,
 		visibleStartMs: c,
@@ -1874,20 +2021,22 @@ var Lt = H.memo(Ft, It), Rt = H.memo(({ indicators: n = [], onJump: r }) => {
 		enabled: u,
 		excludeTaskId: n?.taskId ?? null
 	});
-	return /* @__PURE__ */ V(z, { children: [
-		e.map((e) => /* @__PURE__ */ B("div", {
-			className: "bsy-gantt-chart__row-line",
+	return /* @__PURE__ */ z(L, { children: [
+		e.map((e) => /* @__PURE__ */ R("div", {
+			className: Z.rowLine,
+			"data-testid": "gantt-row-line",
 			style: {
 				top: e.start,
 				height: e.size
 			}
 		}, `row-line-${e.key}`)),
-		/* @__PURE__ */ B("div", {
+		/* @__PURE__ */ R("div", {
 			ref: a,
-			className: "bsy-gantt-chart__row-hover-bg",
+			className: Z.rowHoverBg,
+			"data-testid": "gantt-row-hover-bg",
 			style: { display: "none" }
 		}),
-		u && Vt({
+		u && Jt({
 			virtualRows: e,
 			normalizedItems: t,
 			dragState: n,
@@ -1895,24 +2044,24 @@ var Lt = H.memo(Ft, It), Rt = H.memo(({ indicators: n = [], onJump: r }) => {
 			timelineStartMs: o,
 			timelineEndMs: s
 		}),
-		u ? /* @__PURE__ */ B(Rt, {
+		u ? /* @__PURE__ */ R(Gt, {
 			indicators: d,
 			onJump: i
 		}) : null
 	] });
-}), Ut = 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 } = dt({
+}), Xt = H(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 _ = Q((e) => e.timelineWidth), { virtualRows: v, canvasHeight: y, isScrolling: b } = vt({
 		items: t,
 		contentRef: e,
 		safeRowHeight: n,
 		viewportHeight: r
-	}), { hoverBgRef: x, handleContentMouseMove: S, handleContentMouseLeave: C } = pt({
+	}), { hoverBgRef: x, handleContentMouseMove: S, handleContentMouseLeave: C } = bt({
 		normalizedItems: t,
 		safeRowHeight: n
-	}), w = q(() => ({
+	}), w = K(() => ({
 		width: _,
 		height: y
-	}), [_, y]), T = q(() => ({
+	}), [_, y]), T = K(() => ({
 		tooltip: l ?? null,
 		isScrolling: b,
 		collapsedKeys: p,
@@ -1927,21 +2076,22 @@ var Lt = H.memo(Ft, It), Rt = H.memo(({ indicators: n = [], onJump: r }) => {
 		u,
 		d
 	]);
-	return /* @__PURE__ */ V("div", {
-		className: "bsy-gantt-chart__canvas",
+	return /* @__PURE__ */ z("div", {
+		className: Z.canvas,
+		"data-testid": "gantt-canvas",
 		style: w,
 		onMouseMove: S,
 		onMouseLeave: C,
-		children: [/* @__PURE__ */ B(Bt, {
+		children: [/* @__PURE__ */ R(qt, {
 			canvasHeight: y,
 			weekendSegments: o,
 			virtualColumns: a,
 			lowerSegments: i,
 			shouldShowTodayMarker: g,
 			todayLineLeft: h
-		}), /* @__PURE__ */ B(mt.Provider, {
+		}), /* @__PURE__ */ R(xt.Provider, {
 			value: T,
-			children: /* @__PURE__ */ B(Ht, {
+			children: /* @__PURE__ */ R(Yt, {
 				virtualRows: v,
 				normalizedItems: t,
 				dragState: s,
@@ -1954,8 +2104,8 @@ var Lt = H.memo(Ft, It), Rt = H.memo(({ indicators: n = [], onJump: r }) => {
 });
 //#endregion
 //#region src/components/Gantt/GanttChart/GanttChart.tsx
-function Wt({ 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 = ct(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 } = ot({
+function Zt({ 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 = U((e, t) => v(oe(e), t), [v]), b = q(null), x = q(null), S = q(null), C = de(x), w = q(null), T = ft(b, x), [ee, E] = J(!1), { pixelsPerDay: D, viewportWidth: O, scrollLeft: k, timelineStartMs: A, timelineEndMs: j, visibleStartMs: M, visibleEndMs: te, lowerSegments: ne, timelineCoords: N, timelineWidth: re, todayCenterMs: ie, todayLineLeft: P, isInitialLayoutReady: ae, handleContentScroll: F, handleTodayClick: se, handleOffscreenJump: ce, handleScrollPrev: I, handleScrollNext: L } = ut({
 		timeRangeConfig: a,
 		pixelsPerDayConfig: o,
 		viewMode: n,
@@ -1966,24 +2116,24 @@ function Wt({ items: e = [], viewMode: n = "day", availableModes: r, onViewModeC
 		isHorizontalScrollbarInteracting: T,
 		isTaskBarInteracting: ee
 	});
-	se(_, () => ({
-		scrollToToday: I,
-		scrollPrev: R,
-		scrollNext: z
+	G(_, () => ({
+		scrollToToday: se,
+		scrollPrev: I,
+		scrollNext: L
 	}), [
+		se,
 		I,
-		R,
-		z
+		L
 	]);
-	let { dragState: H, committedRangeById: U, resetCommittedRanges: W, forceResetAllCommittedRanges: ce, handleTaskMouseDown: X, handleResizeMouseDown: le, consumeRecentDragResult: de } = Ae({
+	let { dragState: B, committedRangeById: V, resetCommittedRanges: H, forceResetAllCommittedRanges: le, handleTaskMouseDown: Y, handleResizeMouseDown: ue, consumeRecentDragResult: fe } = Pe({
 		pixelsPerDay: D,
 		viewMode: n,
-		timelineCoords: ne,
+		timelineCoords: N,
 		onTaskTimeChange: s,
 		containerRef: x,
 		onDragInteractionChange: E
 	});
-	K(() => {
+	W(() => {
 		let t = new Set((e || []).map((e) => String(e?.id ?? ""))), n = w.current, r = !1;
 		if (n) {
 			if (n.size !== t.size) r = !0;
@@ -1993,46 +2143,46 @@ function Wt({ items: e = [], viewMode: n = "day", availableModes: r, onViewModeC
 			}
 		}
 		if (w.current = t, r) {
-			ce();
+			le();
 			return;
 		}
-		W();
+		H();
 	}, [
 		e,
-		W,
-		ce
+		H,
+		le
 	]);
-	let { normalizedItems: Z } = st({
+	let { normalizedItems: X } = dt({
 		visibleItems: e,
-		committedRangeById: U,
+		committedRangeById: V,
 		viewMode: n
-	}), Q = q(() => {
+	}), pe = K(() => {
 		let e = {};
-		return Z.forEach((t) => {
-			e[t.id] = ve(t);
+		return X.forEach((t) => {
+			e[t.id] = Se(t);
 		}), e;
-	}, [Z]), fe = G((e, t, n, r) => {
-		let i = Q[t.id];
-		i?.canMove && X(e, {
+	}, [X]), me = U((e, t, n, r) => {
+		let i = pe[t.id];
+		i?.canMove && Y(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, {
+	}, [pe, Y]), he = U((e, t, n, r, i) => {
+		let a = pe[t.id];
+		(r === "start" ? a?.canResizeStart : a?.canResizeEnd) && ue(e, {
 			...t,
 			dragPermission: a
 		}, n, r, i);
-	}, [Q, le]);
-	K(() => {
+	}, [pe, ue]);
+	W(() => {
 		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 } = Fe({
-		lowerSegments: te,
+	let ge = C?.height || 0, { virtualColumns: _e, weekendSegments: ve } = ze({
+		lowerSegments: ne,
 		pixelsPerDay: D,
 		scrollLeft: k,
 		viewportWidth: O,
@@ -2040,11 +2190,11 @@ function Wt({ items: e = [], viewMode: n = "day", availableModes: r, onViewModeC
 		timelineStartMs: A,
 		timelineWidth: re,
 		viewMode: n
-	}), _e = lt(m, ae, re, ie, {
+	}), ye = pt(m, P, 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()) {
+	}), be = U((e, t) => {
+		if (!(e.target instanceof Element && e.target.closest(`.${Z.barResizeHandle}`)) && !fe()) {
 			if (t?.type === "summary") {
 				let e = t.groupKey;
 				if (!e || !g) return;
@@ -2054,91 +2204,93 @@ function Wt({ items: e = [], viewMode: n = "day", availableModes: r, onViewModeC
 			l && l(t, t.rowIndex, e);
 		}
 	}, [
-		de,
+		fe,
 		l,
 		g
-	]), be = q(() => ({
+	]), xe = K(() => ({
 		viewMode: n,
 		pixelsPerDay: D,
 		timelineStartMs: A,
 		timelineEndMs: j,
 		visibleStartMs: M,
-		visibleEndMs: N,
-		timelineCoords: ne,
+		visibleEndMs: te,
+		timelineCoords: N,
 		scrollLeft: k,
 		viewportWidth: O,
 		timelineWidth: re,
-		isInitialLayoutReady: P
+		isInitialLayoutReady: ae
 	}), [
 		n,
 		D,
 		A,
 		j,
 		M,
+		te,
 		N,
-		ne,
 		k,
 		O,
 		re,
-		P
+		ae
 	]);
-	return /* @__PURE__ */ B(gt.Provider, {
-		value: be,
-		children: /* @__PURE__ */ V("div", {
-			className: "bsy-gantt-chart",
-			style: { visibility: P ? "visible" : "hidden" },
-			children: [/* @__PURE__ */ B(ut, {
+	return /* @__PURE__ */ R(Ct.Provider, {
+		value: xe,
+		children: /* @__PURE__ */ z("div", {
+			className: Z.root,
+			"data-testid": "gantt-chart",
+			style: { visibility: ae ? "visible" : "hidden" },
+			children: [/* @__PURE__ */ R(_t, {
 				timelineWidth: re,
 				viewportWidth: O,
 				scrollLeft: k,
 				trackRef: S,
-				virtualColumns: he,
-				lowerSegments: te,
-				todayLineLeft: ae,
+				virtualColumns: _e,
+				lowerSegments: ne,
+				todayLineLeft: P,
 				todayCenterMs: ie,
 				showTodayLine: m,
 				viewMode: n,
 				availableModes: r,
 				formatMessage: y,
 				onViewModeChange: i,
-				onTodayClick: I,
-				onScrollPrev: R,
-				onScrollNext: z
-			}), /* @__PURE__ */ B("div", {
+				onTodayClick: se,
+				onScrollPrev: I,
+				onScrollNext: L
+			}), /* @__PURE__ */ R("div", {
 				ref: b,
-				className: "bsy-gantt-chart__timeline-host",
-				children: /* @__PURE__ */ B("div", {
+				className: Z.timelineHost,
+				children: /* @__PURE__ */ R("div", {
 					ref: x,
-					className: "bsy-gantt-chart__timeline-content",
+					className: Z.timelineContent,
+					"data-testid": "gantt-timeline-content",
 					role: "region",
 					"aria-label": v("gantt.aria.timeline"),
 					onScroll: (e) => {
 						F(e), f && f.sync("timeline", e.currentTarget.scrollTop);
 					},
-					children: /* @__PURE__ */ B(Ut, {
+					children: /* @__PURE__ */ R(Xt, {
 						contentRef: x,
-						normalizedItems: Z,
+						normalizedItems: X,
 						safeRowHeight: 34,
-						viewportHeight: me,
-						lowerSegments: te,
-						virtualColumns: he,
-						weekendSegments: ge,
-						dragState: H,
-						dragPermissionById: Q,
+						viewportHeight: ge,
+						lowerSegments: ne,
+						virtualColumns: _e,
+						weekendSegments: ve,
+						dragState: B,
+						dragPermissionById: pe,
 						tooltip: d,
-						handleTaskMouseDown: fe,
-						handleResizeMouseDown: pe,
-						handleBarClick: ye,
+						handleTaskMouseDown: me,
+						handleResizeMouseDown: he,
+						handleBarClick: be,
 						collapsedKeys: h,
-						handleOffscreenJump: L,
-						todayLineLeft: ae,
-						shouldShowTodayMarker: _e
+						handleOffscreenJump: ce,
+						todayLineLeft: P,
+						shouldShowTodayMarker: ye
 					})
 				})
 			})]
 		})
 	});
 }
-var Gt = U(Wt);
+var Qt = V(Zt);
 //#endregion
-export { Gt as t };
+export { Qt as t };