@baishuyun/ui-base 6.4.2 → 6.5.0

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

@@ -1,29 +1,29 @@
-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 N, s as te, t as ne, u as re, v as ie, x as ae, y as oe } from "./collapseKeys-1N9ci2oJ.js";
+import { r as se, t as ce } from "./GanttToolBar-8jPQ9BAG.js";
+import { isFunction as P, isNumber as F, 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 le, useLayoutEffect as ue, useMemo as G, useRef as K, useState as q } from "react";
+import J from "clsx";
+import { useDocumentVisibility as de, useSize as fe } from "ahooks";
+import { createContext as pe, useContextSelector as Y } from "use-context-selector";
+import X from "dayjs";
+import me from "dayjs/plugin/isoWeek";
+import { useVirtualizer as he } from "@tanstack/react-virtual";
+import ge from "dayjs/plugin/quarterOfYear";
+import { OverlayScrollbars as _e } from "overlayscrollbars";
 //#region src/components/Gantt/GanttChart/utils/dragEngine.ts
-var ge = (e) => e?.type === "task" && e?.draggable !== !1 && !e?.invalid, _e = {
+var ve = (e) => e?.type === "task" && e?.draggable !== !1 && !e?.invalid, ye = {
 	canMove: !1,
 	canResizeStart: !1,
 	canResizeEnd: !1
-}, ve = (e) => !e || e.invalid || e.type === "summary" || e.draggable === !1 ? _e : e.dragPermission ? {
+}, be = (e) => !e || e.invalid || e.type === "summary" || e.draggable === !1 ? ye : e.dragPermission ? {
 	canMove: e.dragPermission.canMove === !0,
 	canResizeStart: e.dragPermission.canResizeStart === !0,
 	canResizeEnd: e.dragPermission.canResizeEnd === !0
@@ -31,14 +31,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") => {
+}, xe = (e, t) => ve(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, Se = (e, t) => !t || Math.abs(e) < Math.min(5, t) ? 0 : Math.round(e / t), Ce = (e, t) => Se(e, t), we = (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 = ae(e), i = X(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) => ({
+}, Te = (e, t, n) => ({
 	startMs: e + n,
 	endMs: t + n
-}), we = ({ startMs: e, endMs: t, deltaMs: n, edge: r, minDurationMs: i }) => {
+}), Ee = ({ startMs: e, endMs: t, deltaMs: n, edge: r, minDurationMs: i }) => {
 	if (r === "start") {
 		let r = t - i;
 		return {
@@ -51,12 +51,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) => {
+}, De = (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 = we(u, r, "round"), a = e.originEndMs, a - i < r && (i = a - r)) : (a = we(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 +64,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 Oe(e) {
 	let t = {
 		taskId: String(e.item.id),
 		newStart: e.startMs,
@@ -95,20 +95,20 @@ function Ee(e) {
 		deltaDays: n.deltaDays
 	};
 }
-var De = (e) => e && I(e.then) ? e : Promise.resolve(e);
+var ke = (e) => e && P(e.then) ? e : Promise.resolve(e);
 //#endregion
 //#region src/components/Gantt/GanttChart/hooks/useEdgeScroll.tsx
-function Oe(e, t) {
+function Ae(e, t) {
 	return e < 0 ? t * 10 : e >= 60 ? 0 : t * (2 + 8 * (1 - e / 60));
 }
-function ke(e, t) {
-	let n = J(null), r = J(0), i = G(() => {
+function je(e, t) {
+	let n = K(null), r = K(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 +122,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 < 60 ? Ae(c, -1) : l < 60 ? Ae(l, 1) : 0;
+			return r.current = u, u === 0 ? i() : a(), u;
 		}, [
 			e,
 			a,
@@ -137,19 +137,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 Me({ pixelsPerDay: e, viewMode: t, timelineCoords: n, onTaskTimeChange: i, containerRef: c, onDragInteractionChange: u }) {
+	let d = h(t), f = m(t), p = f / s * e, g = K(n);
 	g.current = n;
-	let [_, v] = Y({}), [y, b] = Y(null), x = J(null), S = J({
+	let [_, v] = q({}), [y, b] = q(null), x = K(null), S = K({
 		shouldSuppressClick: !1,
 		at: 0
-	}), C = J(0), w = J(null), { startEdgeDetection: T, stopEdgeScroll: ee } = ke(c ?? { current: null }, w), E = J({});
-	K(() => {
+	}), C = K(0), w = K(null), { startEdgeDetection: T, stopEdgeScroll: ee } = je(c ?? { current: null }, w), E = K({});
+	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 +160,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 (!xe(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 +190,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
+					...De(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 = Ce(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 = Te(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 = Ee({
+					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 +267,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 (!xe(n.item, n.dragMode) || !o || !i) {
 				x.current = null, b(null);
 				return;
 			}
@@ -282,15 +294,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 = we(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 = we(n.previewStartMs, f, "round"), g = n.previewEndMs) : (m = n.previewStartMs, g = we(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) ? Oe({
 				item: n.item,
 				startMs: m,
 				endMs: g,
@@ -298,7 +310,7 @@ function Ae({ pixelsPerDay: e, viewMode: t, timelineCoords: n, onTaskTimeChange:
 				snapUnitMs: f,
 				changeType: n.dragMode,
 				viewMode: t
-			}) : Ee({
+			}) : Oe({
 				item: n.item,
 				startMs: m,
 				endMs: g,
@@ -307,7 +319,7 @@ function Ae({ pixelsPerDay: e, viewMode: t, timelineCoords: n, onTaskTimeChange:
 				snapUnitMs: f,
 				changeType: n.dragMode,
 				viewMode: t
-			}), De(i(_)).catch((e) => {
+			}), ke(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 +352,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 +363,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 Ne(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 Pe({ 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) ? Ne(a - i / 2, i, r) : 0;
 }
 //#endregion
 //#region src/components/Gantt/GanttChart/hooks/useGanttColumnVirtual.ts
-function Ne(e) {
+function Fe(e) {
 	let t = Number(e);
 	return Math.max((Number.isFinite(t) && t > 0 ? t : 0) * 4, 240);
 }
-function Pe(e, t) {
+function Ie(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 = Fe(Number(e[0]?.width) > 0 ? Number(e[0].width) : i), o = e[e.length - 1], s = Ne(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 +397,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 Le({ lowerSegments: e, pixelsPerDay: t, scrollLeft: n, viewportWidth: r, showWeekendHighlight: i, timelineStartMs: a, timelineWidth: o, viewMode: c }) {
 	return {
-		virtualColumns: q(() => Pe(e, {
+		virtualColumns: G(() => Ie(e, {
 			scrollLeft: n,
 			viewportWidth: r,
 			pixelsPerDay: t
@@ -397,11 +409,11 @@ function Fe({ lowerSegments: e, pixelsPerDay: t, scrollLeft: n, viewportWidth: r
 			n,
 			r
 		]),
-		weekendSegments: q(() => {
+		weekendSegments: G(() => {
 			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 = oe(n);
 				(r === 0 || r === 6) && f.push({
 					id: `weekend-${n}`,
 					left: e * t,
@@ -420,8 +432,8 @@ function Fe({ lowerSegments: e, pixelsPerDay: t, scrollLeft: n, viewportWidth: r
 		])
 	};
 }
-Q.extend(fe), Q.extend(me);
-var Ie = {
+X.extend(me), X.extend(ge);
+var Re = {
 	day: {
 		amount: 1,
 		unit: "day"
@@ -474,7 +486,7 @@ var Ie = {
 		amount: 1,
 		unit: "minute"
 	}
-}, Le = (e, t, n) => {
+}, ze = (e, t, n) => {
 	switch (t) {
 		case "halfDay": return e.hour() < 12 ? n("header.lower.halfDayAm") : n("header.lower.halfDayPm");
 		case "sixHour": {
@@ -490,7 +502,7 @@ var Ie = {
 		case "oneMinute": return e.format("mm");
 		default: return e.format("DD");
 	}
-}, Re = (e, t, n) => {
+}, Be = (e, t, n) => {
 	let r = C(e.valueOf());
 	switch (t) {
 		case "day": return r.format("DD");
@@ -499,12 +511,12 @@ 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 ze(r, t, n);
 	}
-}, ze = (e, t) => {
+}, Ve = (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) => {
+}, He = (e, t, n) => {
 	let r = C(e.valueOf()), i = y(t).headerLayout;
 	return i === "dayNested" ? n("header.top.monthDay", {
 		month: r.month() + 1,
@@ -517,7 +529,7 @@ var Ie = {
 		year: r.year(),
 		month: r.month() + 1
 	}) : n("header.top.year", { year: r.year() });
-}, Ve = (e, t, n, r, i, a, o) => {
+}, Ue = (e, t, n, r, i, a, o) => {
 	let s = _(r), c = A ?? 100;
 	e.push({
 		id: `${r}-${t}`,
@@ -525,23 +537,23 @@ 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: Be(X(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));
+}, We = ({ viewMode: e, timelineStartMs: t, timelineEndMs: n, pixelsPerDay: r, formatMessage: i }) => {
+	let a = [], o = Re[e] || Re.day, s = X(ae(t));
 	_(e) && (s = s.startOf("month"));
-	let c = Q(ae(n));
+	let c = X(ae(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;
+		Ue(a, ie(s.valueOf()), ie(n.valueOf()), e, t, r, i), s = n;
 	}
 	return a;
-}, Ue = ({ lowerSegments: e, viewMode: t, formatMessage: n }) => {
+}, Ge = ({ 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);
+		let e = X(a.startMs), o = Ve(e, t);
 		if (!i || i.key !== o) {
 			i && r.push({
 				id: i.key,
@@ -552,7 +564,7 @@ var Ie = {
 				key: o,
 				left: a.left,
 				width: a.width,
-				label: Be(e, t, n)
+				label: He(e, t, n)
 			};
 			continue;
 		}
@@ -564,25 +576,25 @@ var Ie = {
 		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");
+}, Ke = (e) => Number.isFinite(e.startMs) && Number.isFinite(e.endMs) && e.startMs < e.endMs, qe = (e) => {
+	if (!Ke(e)) throw RangeError("Timeline range must be finite and satisfy startMs < endMs");
+}, Je = (e, t) => {
+	if (qe(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);
+}, Ye = (e, t) => (qe(e), qe(t), e.startMs < t.endMs && t.startMs < e.endMs), Xe = (e, t) => {
+	qe(e), qe(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) => {
+}, Ze = (e, t) => {
 	if (!Number.isFinite(e) || e <= 0) throw RangeError(`${t} must be finite and greater than zero`);
-}, Xe = (e, t) => {
+}, Qe = (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 }) => {
+}, $e = ({ startMs: e, endMs: t, viewMode: n, viewportWidth: r, pixelsPerDay: i }) => {
 	let a = (t - e) / s;
 	if (a * i >= r) return {
 		startMs: e,
@@ -590,24 +602,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 }) => {
+}, et = ({ range: e, focusMs: t, viewMode: n, viewportWidth: r, pixelsPerDay: i }) => {
 	let a = (r / 2 + 281) / i * s;
-	return Ze({
+	return $e({
 		...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");
+}, tt = ({ renderWindow: e, timelineCoords: t, scrollLeft: n, viewportWidth: r }) => {
+	if (!Ke(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");
+	Ze(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 (!Ke(i)) throw RangeError("TimelineCoords must produce an increasing finite visible range");
+	let a = Xe(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 +628,65 @@ var Ie = {
 		visibleRange: a,
 		focusMs: o
 	};
-}, et = ({ scrollLeft: e, viewportWidth: t, timelineWidth: n, guardBandPx: r }) => {
+}, nt = ({ 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 (Ze(t, "viewportWidth"), Ze(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({
+}, rt = ({ focusMs: e, fallbackFocusMs: t, viewMode: n, timeRangeConfig: r, viewportWidth: i, pixelsPerDay: a }) => {
+	Ze(i, "viewportWidth"), Ze(a, "pixelsPerDay");
+	let o = Qe(e, t), s = et({
 		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 (!Ke(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"), {
+}, it = ({ focusMs: e, fallbackFocusMs: t, timelineCoords: n, viewportWidth: r, timelineWidth: i }) => {
+	let a = Qe(e, t);
+	return Ze(r, "viewportWidth"), Ze(i, "timelineWidth"), {
 		focusMs: a,
-		scrollLeft: Me({
+		scrollLeft: Pe({
 			anchorMs: a,
 			toX: n.toX,
 			viewportWidth: r,
 			timelineWidth: i
 		})
 	};
-}, rt = (e) => {
+}, at = (e) => {
 	if (v(e)) {
 		let t = g(e);
-		return Se(Date.now(), t, "floor") + t / 2;
+		return we(Date.now(), t, "floor") + t / 2;
 	}
 	return T(Date.now()) + s / 2;
-}, it = (e, t) => {
+}, ot = (e, t) => {
 	if (v(t)) {
 		let n = g(t);
-		return Se(e, n, "floor") + n + 1;
+		return we(e, n, "floor") + n + 1;
 	}
 	return T(e) + s + 1;
-}, at = (e) => {
-	let [t, n] = Y(() => rt(e)), r = J(null), i = G(() => {
+}, st = (e) => {
+	let [t, n] = q(() => at(e)), r = K(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 = ot(t, e);
 		r.current = setTimeout(() => {
-			n(rt(e)), a();
+			n(at(e)), a();
 		}, Math.max(1, o - t));
 	}, [i, e]);
-	K(() => (n(rt(e)), a(), i), [
+	W(() => (n(at(e)), a(), i), [
 		e,
 		a,
 		i
 	]);
-	let o = le();
-	return K(() => {
-		o === "visible" && (n(rt(e)), a());
+	let o = de();
+	return W(() => {
+		o === "visible" && (n(at(e)), a());
 	}, [
 		o,
 		a,
@@ -683,43 +695,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 ct({ 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 = G(() => re(n, e), [n, e]), d = i?.width !== null && i?.width !== void 0 && Number(i.width) > 0 ? Number(i.width) : 0, f = K(!1), [p, m] = q(!1), [h, g] = q(d), _ = K(null), v = K(!1), y = K(!1), b = K(null), x = K(null), S = K(null), [C, w] = q(0), T = 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) => {
+	}, []), ee = U((e) => {
 		let t = S.current;
 		t && Math.abs(e - t.targetLeft) <= 1 && (S.current = null);
-	}, []), E = G(() => {
+	}, []), E = U(() => {
 		x.current !== null && (cancelAnimationFrame(x.current), x.current = null), b.current = null;
-	}, []), D = G((e) => {
+	}, []), D = U((e) => {
 		E();
 		let t = { left: e };
 		b.current = t, x.current = requestAnimationFrame(() => {
 			x.current = null, b.current === t && (b.current = null);
 		});
-	}, [E]), [O, A] = Y(0), j = J(0), M = J(0), N = J(null), ne = G((e) => {
+	}, [E]), [O, A] = q(0), j = K(0), M = K(0), N = K(null), ne = U((e) => {
 		M.current = e, N.current === null && (N.current = requestAnimationFrame(() => {
 			N.current = null;
 			let e = M.current;
 			A((t) => t === e ? t : e);
 		}));
 	}, []);
-	K(() => () => {
+	W(() => () => {
 		N.current !== null && cancelAnimationFrame(N.current), E();
 	}, [E]);
-	let [ie, ae] = Y(null), P = J(n), oe = P.current === n, F = oe ? ie : null, I = G(() => {
+	let [ie, ae] = q(null), oe = K(n), se = oe.current === n, ce = se ? ie : null, P = U(() => {
 		let e = _.current;
-		return e !== null && Number.isFinite(e) ? e : rt(n);
-	}, [n]), L = G((e) => {
+		return e !== null && Number.isFinite(e) ? e : at(n);
+	}, [n]), F = U((e) => {
 		Number.isFinite(e) && (_.current = e);
-	}, []), R = G((e) => {
+	}, []), I = U((e) => {
 		S.current = null;
-		let t = tt({
+		let t = rt({
 			focusMs: e,
-			fallbackFocusMs: I(),
+			fallbackFocusMs: P(),
 			viewMode: n,
 			timeRangeConfig: u,
 			viewportWidth: h || 1e3,
@@ -729,13 +741,13 @@ function ot({ timeRangeConfig: e, pixelsPerDayConfig: t, viewMode: n, contentRef
 	}, [
 		u,
 		l,
-		I,
+		P,
 		n,
 		h
 	]);
-	K(() => {
-		P.current = n, R(I());
-	}, [e?.bufferDaysBefore, e?.bufferDaysAfter]), ce(() => {
+	W(() => {
+		oe.current = n, I(P());
+	}, [e?.bufferDaysBefore, e?.bufferDaysAfter]), ue(() => {
 		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,259 +755,259 @@ function ot({ timeRangeConfig: e, pixelsPerDayConfig: t, viewMode: n, contentRef
 		i?.width,
 		h
 	]);
-	let z = q(() => F || tt({
-		focusMs: I(),
+	let L = G(() => ce || rt({
+		focusMs: P(),
 		viewMode: n,
 		timeRangeConfig: u,
 		viewportWidth: h || 1e3,
 		pixelsPerDay: l
 	}), [
-		F,
+		ce,
 		u,
 		l,
-		I,
+		P,
 		n,
 		h
-	]), { timelineStartMs: B, timelineEndMs: V } = q(() => ({
-		timelineStartMs: z.startMs,
-		timelineEndMs: z.endMs
-	}), [z]), H = q(() => He({
+	]), { timelineStartMs: R, timelineEndMs: z } = G(() => ({
+		timelineStartMs: L.startMs,
+		timelineEndMs: L.endMs
+	}), [L]), B = G(() => We({
 		viewMode: n,
-		timelineStartMs: B,
-		timelineEndMs: V,
+		timelineStartMs: R,
+		timelineEndMs: z,
 		pixelsPerDay: l,
 		formatMessage: o
 	}), [
 		n,
-		B,
-		V,
+		R,
+		z,
 		l,
 		o
-	]), U = q(() => te({
+	]), V = G(() => te({
 		viewMode: n,
-		timelineStartMs: B,
-		timelineEndMs: V,
+		timelineStartMs: R,
+		timelineEndMs: z,
 		pixelsPerDay: l,
-		lowerSegments: H
+		lowerSegments: B
 	}), [
 		n,
-		B,
-		V,
+		R,
+		z,
 		l,
-		H
-	]), W = q(() => {
-		if (H.length === 0) return 0;
-		let e = H[H.length - 1];
+		B
+	]), H = G(() => {
+		if (B.length === 0) return 0;
+		let e = B[B.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()));
+	}, [B]), le = U(() => v.current ? !1 : (I(P()), !0), [P, I]);
+	ue(() => {
+		oe.current !== n && (oe.current = n, I(P()));
 	}, [
 		n,
-		I,
-		R
+		P,
+		I
 	]);
-	let X = at(n), le = q(() => W <= 0 ? null : U.toX(X), [
-		X,
-		U,
-		W
-	]), ue = G((e) => {
+	let J = st(n), de = G(() => H <= 0 ? null : V.toX(J), [
+		J,
+		V,
+		H
+	]), fe = 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) => {
+		D(t), e.scrollLeft = t, fe(t), A(t), j.current = t;
+	}, [fe, D]), Y = U(() => {
 		let e = r.current, t = h;
-		if (!e || t <= 0 || W <= 0) return !1;
-		let { scrollLeft: n } = nt({
+		if (!e || t <= 0 || H <= 0) return !1;
+		let { scrollLeft: n } = it({
 			focusMs: _.current ?? NaN,
-			fallbackFocusMs: I(),
-			timelineCoords: U,
+			fallbackFocusMs: P(),
+			timelineCoords: V,
 			viewportWidth: t,
-			timelineWidth: W
+			timelineWidth: H
 		});
-		return de(e, n), !0;
+		return pe(e, n), !0;
 	}, [
-		de,
+		pe,
 		r,
-		I,
-		U,
-		W,
+		P,
+		V,
+		H,
 		h
-	]), Q = G((e) => {
+	]), X = 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);
+		r && E(), !i && f.current && (y.current = !0), fe(t);
 		let a = t !== j.current;
 		if (j.current = t, a && ne(t), n > 0 && !i) {
-			let e = je(t, n, W);
-			L($e({
+			let e = Ne(t, n, H);
+			F(tt({
 				renderWindow: {
-					startMs: B,
-					endMs: V
+					startMs: R,
+					endMs: z
 				},
-				timelineCoords: U,
+				timelineCoords: V,
 				scrollLeft: e,
 				viewportWidth: n
 			}).focusMs);
 		}
 		ee(t);
 	}, [
-		ue,
+		fe,
 		E,
-		U,
+		V,
 		h,
 		ne,
-		L,
+		F,
 		ee,
-		V,
-		B,
-		W
-	]), fe = G(() => {
-		let e = rt(n);
-		L(e), R(e);
-	}, [
+		z,
 		R,
-		L,
+		H
+	]), me = U(() => {
+		let e = at(n);
+		F(e), I(e);
+	}, [
+		I,
+		F,
 		n
-	]), pe = G((e) => {
+	]), he = U((e) => {
 		let t = r.current, n = e?.targetMs;
 		if (!t || !Number.isFinite(n)) return;
 		let i = t.clientWidth > 0 ? t.clientWidth : h;
-		if (n < B || n >= V) {
-			S.current = null, L(n), R(n);
+		if (n < R || n >= z) {
+			S.current = null, F(n), I(n);
 			return;
 		}
-		let a = Me({
+		let a = Pe({
 			anchorMs: n,
-			toX: U.toX,
+			toX: V.toX,
 			viewportWidth: i,
-			timelineWidth: W
+			timelineWidth: H
 		}), o = t.scrollLeft || 0;
 		if (!(i > 0 && Math.abs(a - o) <= i * 1.5)) {
-			L(n), R(n);
+			F(n), I(n);
 			return;
 		}
 		let s = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
 		s === "smooth" ? S.current = { targetLeft: a } : (S.current = null, D(a)), t.scrollTo({
 			left: a,
 			behavior: s
-		}), L(n), s === "auto" && (ue(a), A(a), j.current = a);
+		}), F(n), s === "auto" && (fe(a), A(a), j.current = a);
 	}, [
-		ue,
+		fe,
 		r,
 		D,
-		R,
-		L,
-		U,
+		I,
+		F,
 		V,
-		B,
-		W,
+		z,
+		R,
+		H,
 		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 || !H || v.current || !y.current) return;
+		let e = r.current, t = e?.scrollLeft ?? O, n = nt({
 			scrollLeft: Math.max(0, t),
 			viewportWidth: h,
-			timelineWidth: W,
+			timelineWidth: H,
 			guardBandPx: 280
 		});
-		s || c || T(e) || (e && ee(e.scrollLeft || 0), n && se());
+		s || c || T(e) || (e && ee(e.scrollLeft || 0), n && le());
 	}, [
 		O,
-		W,
+		H,
 		h,
 		r,
 		T,
 		ee,
-		se,
+		le,
 		s,
 		c,
 		C
-	]), ce(() => {
-		!f.current || h <= 0 || R(I());
+	]), ue(() => {
+		!f.current || h <= 0 || I(P());
 	}, [
+		P,
 		I,
-		R,
 		h
-	]), ce(() => {
-		v.current && (h <= 0 || W <= 0 || Z() && (v.current = !1, f.current || (f.current = !0, m(!0))));
+	]), ue(() => {
+		v.current && (h <= 0 || H <= 0 || Y() && (v.current = !1, f.current || (f.current = !0, m(!0))));
 	}, [
-		Z,
-		W,
+		Y,
+		H,
 		h,
 		ie
-	]), ce(() => {
-		if (!f.current && h > 0 && W > 0) {
-			if (Number.isFinite(_.current ?? NaN) || L(rt(n)), !ie) {
-				R(I());
+	]), ue(() => {
+		if (!f.current && h > 0 && H > 0) {
+			if (Number.isFinite(_.current ?? NaN) || F(at(n)), !ie) {
+				I(P());
 				return;
 			}
-			v.current = !0, Z(), v.current = !1, f.current = !0, m(!0);
+			v.current = !0, Y(), v.current = !1, f.current = !0, m(!0);
 		}
 	}, [
-		Z,
+		Y,
+		P,
 		I,
-		R,
-		L,
+		F,
 		ie,
-		W,
+		H,
 		h,
 		n
 	]);
-	let me = G((e) => {
+	let ge = U((e) => {
 		let t = h;
-		t <= 0 || L(U.timeAtX(e + t / 2));
+		t <= 0 || F(V.timeAtX(e + t / 2));
 	}, [
 		h,
-		U,
-		L
-	]), he = G(() => {
+		V,
+		F
+	]), _e = 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);
-			L(e), R(e);
+			let e = V.timeAtX(n - t / 2);
+			F(e), I(e);
 			return;
 		}
 		S.current = { targetLeft: i }, e.scrollTo({
 			left: i,
 			behavior: "smooth"
-		}), me(i);
+		}), ge(i);
 	}, [
 		r,
-		R,
-		L,
-		U,
-		me,
+		I,
+		F,
+		V,
+		ge,
 		h
-	]), ge = G(() => {
+	]), ve = 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, H - t), a = Ne(n + t, t, H);
 		if (Math.abs(a - n) <= 1) {
 			if (S.current = null, a >= i - 1) {
-				let e = U.timeAtX(n + t * 1.5);
-				L(e), R(e);
+				let e = V.timeAtX(n + t * 1.5);
+				F(e), I(e);
 			}
 			return;
 		}
 		S.current = { targetLeft: a }, e.scrollTo({
 			left: a,
 			behavior: "smooth"
-		}), me(a);
+		}), ge(a);
 	}, [
 		r,
-		R,
-		L,
-		U,
+		I,
+		F,
+		V,
 		h,
-		W,
-		me
+		H,
+		ge
 	]);
-	K(() => {
+	W(() => {
 		let e = r.current;
 		if (!e) return;
 		let t = () => {
@@ -1003,23 +1015,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 ye = (!se || v.current) && H > 0 && h > 0 ? it({
 		focusMs: _.current ?? NaN,
-		fallbackFocusMs: I(),
-		timelineCoords: U,
+		fallbackFocusMs: P(),
+		timelineCoords: V,
 		viewportWidth: h,
-		timelineWidth: W
-	}).scrollLeft : O, { visibleStartMs: ve, visibleEndMs: ye } = q(() => {
-		if (W <= 0 || h <= 0) return {
-			visibleStartMs: B,
-			visibleEndMs: B
+		timelineWidth: H
+	}).scrollLeft : O, { visibleStartMs: be, visibleEndMs: xe } = G(() => {
+		if (H <= 0 || h <= 0) return {
+			visibleStartMs: R,
+			visibleEndMs: R
 		};
-		let e = je(_e, h, W), { visibleRange: t } = $e({
+		let e = Ne(ye, h, H), { visibleRange: t } = tt({
 			renderWindow: {
-				startMs: B,
-				endMs: V
+				startMs: R,
+				endMs: z
 			},
-			timelineCoords: U,
+			timelineCoords: V,
 			scrollLeft: e,
 			viewportWidth: h
 		});
@@ -1028,38 +1040,38 @@ function ot({ timeRangeConfig: e, pixelsPerDayConfig: t, viewMode: n, contentRef
 			visibleEndMs: t.endMs
 		};
 	}, [
-		_e,
-		U,
+		ye,
 		V,
-		B,
-		W,
+		z,
+		R,
+		H,
 		h
 	]);
 	return {
 		pixelsPerDay: l,
 		viewportWidth: h,
-		scrollLeft: _e,
-		timelineStartMs: B,
-		timelineEndMs: V,
-		visibleStartMs: ve,
-		visibleEndMs: ye,
-		lowerSegments: H,
-		timelineCoords: U,
-		timelineWidth: W,
-		todayCenterMs: X,
-		todayLineLeft: le,
+		scrollLeft: ye,
+		timelineStartMs: R,
+		timelineEndMs: z,
+		visibleStartMs: be,
+		visibleEndMs: xe,
+		lowerSegments: B,
+		timelineCoords: V,
+		timelineWidth: H,
+		todayCenterMs: J,
+		todayLineLeft: de,
 		isInitialLayoutReady: p,
-		handleContentScroll: Q,
-		handleTodayClick: fe,
-		handleOffscreenJump: pe,
-		handleScrollPrev: he,
-		handleScrollNext: ge
+		handleContentScroll: X,
+		handleTodayClick: me,
+		handleOffscreenJump: he,
+		handleScrollPrev: _e,
+		handleScrollNext: ve
 	};
 }
 //#endregion
 //#region src/components/Gantt/GanttChart/hooks/useNormalizedItems.ts
-function st({ visibleItems: e, committedRangeById: t = {}, viewMode: n = "day" }) {
-	return { normalizedItems: q(() => {
+function lt({ visibleItems: e, committedRangeById: t = {}, viewMode: n = "day" }) {
+	return { normalizedItems: G(() => {
 		let r = Array.isArray(e) ? e : [], i = [], a = b(n) ? n : "day";
 		for (let e = 0; e < r.length; e++) {
 			let n = r[e], o = String(n?.id ?? `row-${e}`), { rawStartMs: s, rawEndMs: c, baseStartMs: l, baseEndMs: u, invalid: d } = N(n?.start, n?.end), f = t[o], p = n?.type === "summary" ? !1 : d, m = O({
@@ -1098,12 +1110,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 ut(e, t) {
+	let [n, r] = q(!1);
+	return ue(() => {
 		let n = e.current, i = t.current;
 		if (!n || !i) return;
-		let a = he({
+		let a = _e({
 			target: n,
 			elements: { viewport: i }
 		}, { scrollbars: {
@@ -1115,7 +1127,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 && F(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 +1137,50 @@ 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 dt(e, t, n, r, i) {
+	return !!e && Number.isFinite(r) && Je(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_1m9dr_1",
+	timelineHost: "_timelineHost_1m9dr_12",
+	timelineContent: "_timelineContent_1m9dr_19",
+	canvas: "_canvas_1m9dr_27",
+	weekendBg: "_weekendBg_1m9dr_33",
+	colLine: "_colLine_1m9dr_40",
+	rowLine: "_rowLine_1m9dr_49",
+	rowHoverBg: "_rowHoverBg_1m9dr_56",
+	todayIndicator: "_todayIndicator_1m9dr_65",
+	todayIndicatorContentLine: "_todayIndicatorContentLine_1m9dr_73",
+	todayIndicatorLine: "_todayIndicatorLine_1m9dr_77",
+	todayIndicatorHeaderDot: "_todayIndicatorHeaderDot_1m9dr_86",
+	calendar: "_calendar_1m9dr_98",
+	calendarTrack: "_calendarTrack_1m9dr_105",
+	calendarToolbar: "_calendarToolbar_1m9dr_112",
+	headerCell: "_headerCell_1m9dr_126",
+	headerCellTop: "_headerCellTop_1m9dr_140",
+	headerCellBottom: "_headerCellBottom_1m9dr_147",
+	isActive: "_isActive_1m9dr_152",
+	headerColLine: "_headerColLine_1m9dr_156",
+	headerCellStickyText: "_headerCellStickyText_1m9dr_164",
+	offscreenRow: "_offscreenRow_1m9dr_171",
+	offscreenTrack: "_offscreenTrack_1m9dr_179",
+	offscreenBtn: "_offscreenBtn_1m9dr_185",
+	offscreenBtnLeft: "_offscreenBtnLeft_1m9dr_209",
+	offscreenBtnRight: "_offscreenBtnRight_1m9dr_214",
+	bar: "_bar_1m9dr_220",
+	barProgress: "_barProgress_1m9dr_238",
+	barResizeHandle: "_barResizeHandle_1m9dr_241",
+	isReadonly: "_isReadonly_1m9dr_251",
+	isDragging: "_isDragging_1m9dr_255",
+	isMicro: "_isMicro_1m9dr_267",
+	isFull: "_isFull_1m9dr_292",
+	barLabel: "_barLabel_1m9dr_296",
+	isHidden: "_isHidden_1m9dr_306",
+	isOutside: "_isOutside_1m9dr_310",
+	barResizeHandleLeft: "_barResizeHandleLeft_1m9dr_348",
+	barResizeHandleRight: "_barResizeHandleRight_1m9dr_356"
+}, ft = 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 = G(() => Ge({
 		lowerSegments: a,
 		viewMode: l,
 		formatMessage: d
@@ -1137,29 +1188,30 @@ 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;
+	]), _ = G(() => {
+		let r = Ne(n, t, e), i = r - 240, a = r + t + 240;
 		return g.filter((e) => e.left < a && e.left + e.width > i);
 	}, [
 		g,
 		n,
 		t,
 		e
-	]), v = q(() => a.length && a.find((e) => s != null && s >= e.startMs && s < e.endMs)?.id || null, [a, s]), y = a[0]?.startMs ?? 0, b = a[a.length - 1]?.endMs ?? 0, x = lt(c, o, e, s ?? NaN, {
+	]), v = G(() => 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 = dt(c, o, e, s ?? NaN, {
 		startMs: y,
 		endMs: b
 	});
-	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,20 +1219,21 @@ 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",
+				_.map((e) => /* @__PURE__ */ z(B.Fragment, { children: [/* @__PURE__ */ R("div", {
+					className: J(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__ */ B("span", {
-						className: "bsy-gantt-chart__header-cell-sticky-text",
+					children: /* @__PURE__ */ R("span", {
+						className: Z.headerCellStickyText,
 						children: e.label
 					})
-				}), /* @__PURE__ */ B("div", {
-					className: "bsy-gantt-chart__header-col-line",
+				}), /* @__PURE__ */ R("div", {
+					className: Z.headerColLine,
 					style: {
 						left: e.left + e.width,
 						top: 0,
@@ -1189,8 +1242,11 @@ var ut = H.memo(({ timelineWidth: e, viewportWidth: t = 0, scrollLeft: n, trackR
 				})] }, `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 === v;
+					return /* @__PURE__ */ R("div", {
+						className: J(Z.headerCell, Z.headerCellBottom, n && Z.isActive),
+						"data-testid": "gantt-header-cell-bottom",
 						style: {
 							left: t.left,
 							width: t.width,
@@ -1198,16 +1254,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",
+				x && /* @__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(ce, {
 				viewMode: l,
 				availableModes: u,
 				onViewModeChange: f,
@@ -1220,8 +1277,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 pt({ items: e, contentRef: t, safeRowHeight: n, viewportHeight: r, overscan: i = 4 }) {
+	let [a, o] = q(!1), s = he({
 		count: e.length,
 		getScrollElement: () => t.current,
 		estimateSize: () => n,
@@ -1239,8 +1296,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 mt({ virtualRows: e, normalizedItems: t, visibleStartMs: n, visibleEndMs: r, enabled: i = !0, excludeTaskId: a = null }) {
+	return G(() => {
 		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 +1325,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 ht({ normalizedItems: e, safeRowHeight: t }) {
+	let n = Y(d, (e) => e.setHighlightTarget), r = Y(d, (e) => e.subscribeHighlight), i = Y(d, (e) => e.getIsScrollActive), a = K(null), o = K(null), s = K(null), c = K(!1), l = G(() => {
 		let t = /* @__PURE__ */ new Map(), n = 0;
 		for (; n < e.length;) {
 			let r = e[n]?.parentId;
@@ -1284,15 +1341,15 @@ function pt({ normalizedItems: e, safeRowHeight: t }) {
 			} else t.set(n, null), n += 1;
 		}
 		return t;
-	}, [e]), u = J(l);
+	}, [e]), u = K(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 +1368,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 +1393,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 +1412,14 @@ function pt({ normalizedItems: e, safeRowHeight: t }) {
 }
 //#endregion
 //#region src/components/Gantt/GanttChart/GanttInteractionContext.ts
-var mt = de({
+var gt = pe({
 	tooltip: null,
 	isScrolling: !1,
 	collapsedKeys: void 0,
 	onBarClick: () => {},
 	onTaskMouseDown: () => {},
 	onResizeMouseDown: () => {}
-}), ht = (e) => Z(mt, e), gt = de({
+}), _t = (e) => Y(gt, e), vt = pe({
 	viewMode: "day",
 	pixelsPerDay: 1,
 	timelineStartMs: 0,
@@ -1378,15 +1435,15 @@ var mt = de({
 	viewportWidth: 0,
 	timelineWidth: 0,
 	isInitialLayoutReady: !1
-}), $ = (e) => Z(gt, e), _t = (e, t) => {
+}), Q = (e) => Y(vt, e), yt = (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;
+}, bt = (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) ? yt(n, t) : null;
+}, xt = (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 +1461,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;
+}, St, Ct = () => {
+	if (St !== void 0) return St;
 	try {
-		bt = document.createElement("canvas").getContext("2d");
+		St = document.createElement("canvas").getContext("2d");
 	} catch {
-		bt = null;
+		St = 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 St;
+}, wt = (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 = Ct();
 	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 Tt() {
+	let [e, t] = q(null), n = K("idle"), r = U((e) => {
 		n.current === "frozen" && (n.current = "open");
 		let r = e.currentTarget.getBoundingClientRect();
 		t({
@@ -1430,13 +1487,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: G(() => {
 			if (e) return { getBoundingClientRect: () => ({
 				width: 0,
 				height: e.height,
@@ -1456,18 +1513,18 @@ function Ct() {
 }
 //#endregion
 //#region src/components/Gantt/GanttChart/GanttBarTooltip/GanttBarTooltip.tsx
-var wt = {
+var Et = {
 	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), [
+}, Dt = ({ item: e, tooltip: t, disabled: r = !1, children: i }) => {
+	let { virtualReference: a, handleMouseMove: o, handleMouseLeave: s, handleTooltipVisibleChange: c } = Tt(), l = G(() => 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 +1536,33 @@ var wt = {
 		zIndex: 8001,
 		virtualReference: a,
 		onVisibleChange: c,
-		style: wt,
+		style: Et,
 		children: i({
 			onMouseMove: o,
 			onMouseLeave: s
 		})
-	}) : /* @__PURE__ */ B(z, { children: i({
+	}) : /* @__PURE__ */ R(L, { children: i({
 		onMouseMove: () => {},
 		onMouseLeave: () => {}
 	}) });
-}, Et = (e, t, n) => ({
+}, Ot = (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 kt({ enabled: e, onTaskMouseDown: t, onBarClick: n }) {
+	let r = K(null), i = K(null), a = K(t), o = K(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 +1577,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?.(Ot(e, u.startClientX, u.startClientY), n, c, u.width));
 		}, f = (e) => {
 			r.current === u && (s(), u.dragStarted || o.current?.(e, n));
 		};
@@ -1530,18 +1587,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 At = 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 = _t((e) => e.tooltip), p = _t((e) => e.isScrolling), m = _t((e) => e.onBarClick), h = _t((e) => e.onTaskMouseDown), g = _t((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 = G(() => {
 		let t = e.color;
 		return {
 			baseColor: t,
-			containerBgColor: vt(t, .2) || t,
-			hoverBorderColor: vt(t, .5) || "transparent",
-			insideLabelColor: yt(t)
+			containerBgColor: bt(t, .2) || t,
+			hoverBorderColor: bt(t, .5) || "transparent",
+			insideLabelColor: xt(t)
 		};
-	}, [e.color]), C = q(() => {
+	}, [e.color]), C = G(() => {
 		if (y == null || b == null || y >= b || l >= u) return null;
-		let e = Je({
+		let e = Xe({
 			startMs: y,
 			endMs: b
 		}, {
@@ -1549,14 +1606,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,14 +1624,14 @@ 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({
+	]), { 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 || ye, N = M.canMove, te = e.label ?? "", ne = typeof te == "string" ? te : "", re = D < 40, ie = Math.max(0, D - 10), ae = G(() => ne ? wt(ne) : 0, [ne]), oe = !!ne && ae > ie && !!C && C.calculatedBarLeft + C.calculatedBarWidth + 4 + ae <= d, { handlePointerMouseDown: se } = kt({
 		enabled: N,
 		onTaskMouseDown: h,
 		onBarClick: m
 	});
 	if (!C) return null;
-	let { calculatedBarLeft: F, clippedStart: I, clippedEnd: L } = C, R = F + D, H = F + Math.max(40, D + 12) <= d, U = y !== null && b !== null ? s === "quarterMonth" ? x(y, b) : c.toWidth(y, b) : D, W = U < 40 ? Math.max(40, U + 12) : U, G = R + 4 <= d, K = {
-		left: F,
+	let { calculatedBarLeft: ce, clippedStart: P, clippedEnd: F } = C, I = ce + D, B = ce + 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: ce,
 		top: n,
 		width: `var(--bsy-gantt-bar-actual-width, ${D}px)`,
 		height: 26,
@@ -1585,19 +1642,20 @@ var Ot = H.memo(({ item: e, barTop: n, dragTaskId: r, dragPreview: i, dragPermis
 		"--bsy-gantt-bar-calc-width": `${D}px`,
 		"--bsy-gantt-bar-label-color": E
 	};
-	return /* @__PURE__ */ B(Tt, {
+	return /* @__PURE__ */ R(Dt, {
 		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: J(Z.bar, {
+				[Z.isReadonly]: !N,
+				[Z.isDragging]: v,
+				[Z.isMicro]: re && B
 			}),
-			style: K,
+			"data-testid": "gantt-bar",
+			style: W,
 			onMouseDown: (t) => {
-				N && oe(t, e, F, W);
+				N && se(t, e, ce, H);
 			},
 			onClick: (t) => {
 				N || m(t, e);
@@ -1605,29 +1663,32 @@ var Ot = H.memo(({ item: e, barTop: n, dragTaskId: r, dragPreview: i, dragPermis
 			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: J(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: J(Z.barLabel, { [Z.isHidden]: oe }),
 					style: { color: "var(--bsy-gantt-bar-label-color)" },
 					children: te
 				}),
-				P ? /* @__PURE__ */ B("span", {
-					className: "bsy-gantt-chart__bar-label bsy-gantt-chart__bar-label--outside",
-					style: { color: "#121211" },
+				oe ? /* @__PURE__ */ R("span", {
+					className: J(Z.barLabel, Z.isOutside),
+					"data-testid": "gantt-bar-label-outside",
 					children: te
 				}) : null,
-				M.canResizeStart && !I || M.canResizeEnd && !L && G ? /* @__PURE__ */ V(z, { children: [M.canResizeStart && !I ? /* @__PURE__ */ B("button", {
+				M.canResizeStart && !P || M.canResizeEnd && !F && U ? /* @__PURE__ */ z(L, { children: [M.canResizeStart && !P ? /* @__PURE__ */ R("button", {
 					type: "button",
-					className: "bsy-gantt-chart__bar-resize-handle bsy-gantt-chart__bar-resize-handle--left",
-					onMouseDown: (t) => g(t, e, F, "start", D),
+					className: J(Z.barResizeHandle, Z.barResizeHandleLeft),
+					"data-testid": "gantt-bar-resize-left",
+					onMouseDown: (t) => g(t, e, ce, "start", D),
 					"aria-label": o("gantt.timeBegin")
-				}) : null, M.canResizeEnd && !L && G ? /* @__PURE__ */ B("button", {
+				}) : null, M.canResizeEnd && !F && U ? /* @__PURE__ */ R("button", {
 					type: "button",
-					className: "bsy-gantt-chart__bar-resize-handle bsy-gantt-chart__bar-resize-handle--right",
-					onMouseDown: (t) => g(t, e, F, "end", D),
+					className: J(Z.barResizeHandle, Z.barResizeHandleRight),
+					"data-testid": "gantt-bar-resize-right",
+					onMouseDown: (t) => g(t, e, ce, "end", D),
 					"aria-label": o("gantt.timeEnd")
 				}) : null] }) : null
 			]
@@ -1637,34 +1698,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"
+}, jt = (e) => String(e).padStart(2, "0");
+function Mt(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: jt(n.month() + 1),
+		day: jt(n.date()),
+		hour: jt(n.hour()),
+		minute: jt(n.minute()),
+		second: jt(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 Nt(e, t) {
+	let n = F(e?.progress), r = n ? Math.max(0, Math.min(1, e.progress ?? 0)) : 0, i = Mt(e?.rawStartMs, t), a = Mt(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 +1743,17 @@ function jt(e, t) {
 }
 //#endregion
 //#region src/components/Gantt/GanttChart/GanttSummaryBar/GanttSummaryBar.tsx
-var Mt = 24, Nt = {
+var Pt = 24, Ft = {
 	borderRadius: "6px",
 	padding: 0,
 	backgroundColor: "rgba(0, 0, 0, 0.5)",
 	boxShadow: "none"
 };
-function Pt(e, t) {
+function It(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 Lt = ({ item: r, barTop: i }) => {
+	let { t: a } = t(), o = U((e, t) => a(se(e), t), [a]), s = Q((e) => e.timelineCoords), c = Q((e) => e.timelineStartMs), l = Q((e) => e.timelineEndMs), u = Q((e) => e.timelineWidth), d = _t((e) => e.collapsedKeys), f = _t((e) => e.onBarClick), { virtualReference: p, handleMouseMove: m, handleMouseLeave: h, handleTooltipVisibleChange: g } = Tt(), _ = F(r.progress) ? Math.max(0, Math.min(1, r.progress ?? 0)) : 0, v = G(() => Nt({
 		rawStartMs: r.rawStartMs,
 		rawEndMs: r.rawEndMs,
 		progress: r.progress
@@ -1691,9 +1762,9 @@ var Ft = ({ item: r, barTop: i }) => {
 		r.rawEndMs,
 		r.progress,
 		o
-	]), y = q(() => {
+	]), y = G(() => {
 		if (r.startMs === null || r.endMs === null || r.startMs >= r.endMs || c >= l) return null;
-		let e = Je({
+		let e = Xe({
 			startMs: r.startMs,
 			endMs: r.endMs
 		}, {
@@ -1703,7 +1774,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 - Pt) / 2,
 			clippedEnd: e.endMs !== r.endMs,
 			clippedRange: e,
 			itemStartMs: r.startMs,
@@ -1718,8 +1789,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 = It(r.label, a("gantt.emptyGroup")), M = ne(d, r.groupKey);
+	return /* @__PURE__ */ R(n, {
 		content: v,
 		placement: "bottom-start",
 		showArrow: !1,
@@ -1730,9 +1801,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: Ft,
+		children: /* @__PURE__ */ z("div", {
+			className: $.root,
+			"data-testid": "gantt-summary-bar",
 			style: {
 				left: b,
 				top: S,
@@ -1742,34 +1814,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: J($.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 Rt(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 zt = B.memo(Lt, Rt), Bt = 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 +1852,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: J(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: J(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),
+}), Vt = ({ left: e, height: t, className: n = "" }) => /* @__PURE__ */ R("div", {
+	className: J(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 })
+}), Ht = 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 +1903,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(Vt, {
 			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 }) => {
+}), Ut = ({ 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 || !Ye({
 			startMs: s.startMs,
 			endMs: s.endMs
 		}, {
@@ -1854,10 +1931,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(zt, {
 			item: s,
 			barTop: l
-		}, `summary-${s.id}`) : /* @__PURE__ */ B(Ot, {
+		}, `summary-${s.id}`) : /* @__PURE__ */ R(At, {
 			item: s,
 			barTop: l,
 			dragTaskId: o,
@@ -1865,8 +1942,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({
+}, Wt = 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 = mt({
 		virtualRows: e,
 		normalizedItems: t,
 		visibleStartMs: c,
@@ -1874,20 +1951,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 && Ut({
 			virtualRows: e,
 			normalizedItems: t,
 			dragState: n,
@@ -1895,24 +1974,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(Bt, {
 			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({
+}), Gt = 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 } = pt({
 		items: t,
 		contentRef: e,
 		safeRowHeight: n,
 		viewportHeight: r
-	}), { hoverBgRef: x, handleContentMouseMove: S, handleContentMouseLeave: C } = pt({
+	}), { hoverBgRef: x, handleContentMouseMove: S, handleContentMouseLeave: C } = ht({
 		normalizedItems: t,
 		safeRowHeight: n
-	}), w = q(() => ({
+	}), w = G(() => ({
 		width: _,
 		height: y
-	}), [_, y]), T = q(() => ({
+	}), [_, y]), T = G(() => ({
 		tooltip: l ?? null,
 		isScrolling: b,
 		collapsedKeys: p,
@@ -1927,21 +2006,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(Ht, {
 			canvasHeight: y,
 			weekendSegments: o,
 			virtualColumns: a,
 			lowerSegments: i,
 			shouldShowTodayMarker: g,
 			todayLineLeft: h
-		}), /* @__PURE__ */ B(mt.Provider, {
+		}), /* @__PURE__ */ R(gt.Provider, {
 			value: T,
-			children: /* @__PURE__ */ B(Ht, {
+			children: /* @__PURE__ */ R(Wt, {
 				virtualRows: v,
 				normalizedItems: t,
 				dragState: s,
@@ -1954,8 +2034,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 Kt({ 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(se(e), t), [v]), b = K(null), x = K(null), S = K(null), C = fe(x), w = K(null), T = ut(b, x), [ee, E] = q(!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: oe, handleContentScroll: ce, handleTodayClick: P, handleOffscreenJump: F, handleScrollPrev: I, handleScrollNext: L } = ct({
 		timeRangeConfig: a,
 		pixelsPerDayConfig: o,
 		viewMode: n,
@@ -1966,16 +2046,16 @@ function Wt({ items: e = [], viewMode: n = "day", availableModes: r, onViewModeC
 		isHorizontalScrollbarInteracting: T,
 		isTaskBarInteracting: ee
 	});
-	se(_, () => ({
-		scrollToToday: I,
-		scrollPrev: R,
-		scrollNext: z
+	le(_, () => ({
+		scrollToToday: P,
+		scrollPrev: I,
+		scrollNext: L
 	}), [
+		P,
 		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: ue, handleTaskMouseDown: J, handleResizeMouseDown: de, consumeRecentDragResult: pe } = Me({
 		pixelsPerDay: D,
 		viewMode: n,
 		timelineCoords: ne,
@@ -1983,7 +2063,7 @@ function Wt({ items: e = [], viewMode: n = "day", availableModes: r, onViewModeC
 		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,45 +2073,45 @@ function Wt({ items: e = [], viewMode: n = "day", availableModes: r, onViewModeC
 			}
 		}
 		if (w.current = t, r) {
-			ce();
+			ue();
 			return;
 		}
-		W();
+		H();
 	}, [
 		e,
-		W,
-		ce
+		H,
+		ue
 	]);
-	let { normalizedItems: Z } = st({
+	let { normalizedItems: Y } = lt({
 		visibleItems: e,
-		committedRangeById: U,
+		committedRangeById: V,
 		viewMode: n
-	}), Q = q(() => {
+	}), X = G(() => {
 		let e = {};
-		return Z.forEach((t) => {
-			e[t.id] = ve(t);
+		return Y.forEach((t) => {
+			e[t.id] = be(t);
 		}), e;
-	}, [Z]), fe = G((e, t, n, r) => {
-		let i = Q[t.id];
-		i?.canMove && X(e, {
+	}, [Y]), me = U((e, t, n, r) => {
+		let i = X[t.id];
+		i?.canMove && J(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, {
+	}, [X, J]), he = U((e, t, n, r, i) => {
+		let a = X[t.id];
+		(r === "start" ? a?.canResizeStart : a?.canResizeEnd) && de(e, {
 			...t,
 			dragPermission: a
 		}, n, r, i);
-	}, [Q, le]);
-	K(() => {
+	}, [X, de]);
+	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({
+	let ge = C?.height || 0, { virtualColumns: _e, weekendSegments: ve } = Le({
 		lowerSegments: te,
 		pixelsPerDay: D,
 		scrollLeft: k,
@@ -2040,11 +2120,11 @@ function Wt({ items: e = [], viewMode: n = "day", availableModes: r, onViewModeC
 		timelineStartMs: A,
 		timelineWidth: re,
 		viewMode: n
-	}), _e = lt(m, ae, re, ie, {
+	}), ye = dt(m, ae, re, ie, {
 		startMs: A,
 		endMs: j
-	}), ye = G((e, t) => {
-		if (!(e.target instanceof Element && e.target.closest(".bsy-gantt-chart__bar-resize-handle")) && !de()) {
+	}), xe = U((e, t) => {
+		if (!(e.target instanceof Element && e.target.closest(`.${Z.barResizeHandle}`)) && !pe()) {
 			if (t?.type === "summary") {
 				let e = t.groupKey;
 				if (!e || !g) return;
@@ -2054,10 +2134,10 @@ function Wt({ items: e = [], viewMode: n = "day", availableModes: r, onViewModeC
 			l && l(t, t.rowIndex, e);
 		}
 	}, [
-		de,
+		pe,
 		l,
 		g
-	]), be = q(() => ({
+	]), Se = G(() => ({
 		viewMode: n,
 		pixelsPerDay: D,
 		timelineStartMs: A,
@@ -2068,7 +2148,7 @@ function Wt({ items: e = [], viewMode: n = "day", availableModes: r, onViewModeC
 		scrollLeft: k,
 		viewportWidth: O,
 		timelineWidth: re,
-		isInitialLayoutReady: P
+		isInitialLayoutReady: oe
 	}), [
 		n,
 		D,
@@ -2080,19 +2160,20 @@ function Wt({ items: e = [], viewMode: n = "day", availableModes: r, onViewModeC
 		k,
 		O,
 		re,
-		P
+		oe
 	]);
-	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(vt.Provider, {
+		value: Se,
+		children: /* @__PURE__ */ z("div", {
+			className: Z.root,
+			"data-testid": "gantt-chart",
+			style: { visibility: oe ? "visible" : "hidden" },
+			children: [/* @__PURE__ */ R(ft, {
 				timelineWidth: re,
 				viewportWidth: O,
 				scrollLeft: k,
 				trackRef: S,
-				virtualColumns: he,
+				virtualColumns: _e,
 				lowerSegments: te,
 				todayLineLeft: ae,
 				todayCenterMs: ie,
@@ -2101,44 +2182,45 @@ function Wt({ items: e = [], viewMode: n = "day", availableModes: r, onViewModeC
 				availableModes: r,
 				formatMessage: y,
 				onViewModeChange: i,
-				onTodayClick: I,
-				onScrollPrev: R,
-				onScrollNext: z
-			}), /* @__PURE__ */ B("div", {
+				onTodayClick: P,
+				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);
+						ce(e), f && f.sync("timeline", e.currentTarget.scrollTop);
 					},
-					children: /* @__PURE__ */ B(Ut, {
+					children: /* @__PURE__ */ R(Gt, {
 						contentRef: x,
-						normalizedItems: Z,
+						normalizedItems: Y,
 						safeRowHeight: 34,
-						viewportHeight: me,
+						viewportHeight: ge,
 						lowerSegments: te,
-						virtualColumns: he,
-						weekendSegments: ge,
-						dragState: H,
-						dragPermissionById: Q,
+						virtualColumns: _e,
+						weekendSegments: ve,
+						dragState: B,
+						dragPermissionById: X,
 						tooltip: d,
-						handleTaskMouseDown: fe,
-						handleResizeMouseDown: pe,
-						handleBarClick: ye,
+						handleTaskMouseDown: me,
+						handleResizeMouseDown: he,
+						handleBarClick: xe,
 						collapsedKeys: h,
-						handleOffscreenJump: L,
+						handleOffscreenJump: F,
 						todayLineLeft: ae,
-						shouldShowTodayMarker: _e
+						shouldShowTodayMarker: ye
 					})
 				})
 			})]
 		})
 	});
 }
-var Gt = U(Wt);
+var qt = V(Kt);
 //#endregion
-export { Gt as t };
+export { qt as t };