@progress/kendo-react-gantt 7.0.0-develop.9 → 7.0.1-develop.1

package/index.mjs

@@ -2,23 +2,24 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------*/
+"use client";
 import * as t from "react";
 import * as i from "prop-types";
-import { mapTree as ya, extendDataItem as va, getter as D, classNames as ce, noop as F, useDraggable as Kt, IconWrap as mt, guid as Jt, canUseDOM as gt, validatePackage as Ta, shouldShowValidationUI as ba, WatermarkOverlay as Ra, setter as ee } from "@progress/kendo-react-common";
-import { MS_PER_MINUTE as Sa, MS_PER_DAY as Oe, getDate as oe, addDays as ht, ZonedDate as S, firstDayInWeek as at, addMonths as Qt, firstDayOfMonth as en, lastDayOfMonth as tn, firstMonthOfYear as xa, lastMonthOfYear as Ia } from "@progress/kendo-date-math";
-import { TABLE_ROW_INDEX_ATTRIBUTE as Na, TABLE_COL_INDEX_ATTRIBUTE as Ma, TABLE_PREVENT_SELECTION_ELEMENT as Fa, orderBy as La, filterBy as Ha, tableKeyboardNavigation as De, getSelectionOptions as Bt, CommonDragLogic as Aa, ColumnResize as Va, tableKeyboardNavigationTools as $t, Header as za, HeaderRow as Ga, tableColumnsVirtualization as Wa, TableKeyboardNavigationContext as nn, tableKeyboardNavigationScopeAttributes as Oa, TableSelection as Pa, tableKeyboardNavigationBodyAttributes as _a, DropClue as Ka, DragClue as Ba, FilterRow as $a, readColumns as Ua, mapColumns as Ya, TextFilterCell as qa, NumericFilterCell as Xa, BooleanFilterCell as ja, DateFilterCell as Za } from "@progress/kendo-react-data-tools";
-import { getSelectedState as Ps, getSelectedStateFromKeyDown as _s, setSelectedState as Ks } from "@progress/kendo-react-data-tools";
-import { createDataTree as Ja, setHeaderRowsTop as Qa, tableRowsVirtualization as eo, TreeListRow as an, TreeListNoRecords as to, TreeListCell as no, flatData as ao } from "@progress/kendo-react-treelist";
-import { useInternationalization as xe, useLocalization as ae } from "@progress/kendo-react-intl";
-import { xIcon as oo, caretAltDownIcon as so, plusIcon as ro } from "@progress/kendo-svg-icons";
-import { Button as ze, ButtonGroup as lo, DropDownButton as on, ToolbarItem as io, Toolbar as co, ToolbarSpacer as uo } from "@progress/kendo-react-buttons";
+import { mapTree as va, extendDataItem as Ta, getter as D, classNames as de, noop as M, useDraggable as Kt, IconWrap as mt, canUseDOM as gt, useId as Bt, validatePackage as ba, shouldShowValidationUI as Ra, WatermarkOverlay as Sa, setter as te } from "@progress/kendo-react-common";
+import { MS_PER_MINUTE as xa, MS_PER_DAY as Oe, getDate as re, addDays as ht, ZonedDate as R, firstDayInWeek as at, addMonths as Qt, firstDayOfMonth as en, lastDayOfMonth as tn, firstMonthOfYear as Ia, lastMonthOfYear as Na } from "@progress/kendo-date-math";
+import { TABLE_ROW_INDEX_ATTRIBUTE as Ma, TABLE_COL_INDEX_ATTRIBUTE as Fa, TABLE_PREVENT_SELECTION_ELEMENT as La, orderBy as Ha, filterBy as Aa, tableKeyboardNavigation as we, getSelectionOptions as $t, CommonDragLogic as Va, ColumnResize as za, tableKeyboardNavigationTools as Ut, Header as Ga, HeaderRow as Wa, tableColumnsVirtualization as Oa, TableKeyboardNavigationContext as nn, tableKeyboardNavigationScopeAttributes as Pa, TableSelection as _a, tableKeyboardNavigationBodyAttributes as Ka, DropClue as Ba, DragClue as $a, FilterRow as Ua, readColumns as Ya, mapColumns as qa, TextFilterCell as Xa, NumericFilterCell as ja, BooleanFilterCell as Za, DateFilterCell as Ja } from "@progress/kendo-react-data-tools";
+import { getSelectedState as _s, getSelectedStateFromKeyDown as Ks, setSelectedState as Bs } from "@progress/kendo-react-data-tools";
+import { createDataTree as Qa, setHeaderRowsTop as eo, tableRowsVirtualization as to, TreeListRow as an, TreeListNoRecords as no, TreeListCell as ao, flatData as oo } from "@progress/kendo-react-treelist";
+import { useInternationalization as xe, useLocalization as oe } from "@progress/kendo-react-intl";
+import { xIcon as so, caretAltDownIcon as ro, plusIcon as lo } from "@progress/kendo-svg-icons";
+import { Button as ze, ButtonGroup as io, DropDownButton as on, ToolbarItem as co, Toolbar as uo, ToolbarSpacer as mo } from "@progress/kendo-react-buttons";
 import * as sn from "react-dom";
-import { FieldWrapper as ft, FormElement as mo, Field as He, Form as go } from "@progress/kendo-react-form";
+import { FieldWrapper as ft, FormElement as go, Field as He, Form as ho } from "@progress/kendo-react-form";
 import { Dialog as rn, DialogActionsBar as ln } from "@progress/kendo-react-dialogs";
 import { Label as pt, Hint as Ct, Error as kt } from "@progress/kendo-react-labels";
-import { Input as ho, NumericTextBox as fo } from "@progress/kendo-react-inputs";
-import { DateTimePicker as po } from "@progress/kendo-react-dateinputs";
-const bs = Na, Rs = Ma, Ss = Fa, Ut = (/* @__PURE__ */ new Date()).getTime(), cn = 7, Co = "hh:mm a", ot = { skeleton: "MEd" }, ko = "MMM", Eo = "yyyy", Ie = 100, Do = 6, Ge = "data-dependency-drag-handle", wo = "start", yo = "finish", Yt = { [Ge]: wo }, qt = { [Ge]: yo }, We = "data-task-id", dn = {
+import { Input as fo, NumericTextBox as po } from "@progress/kendo-react-inputs";
+import { DateTimePicker as Co } from "@progress/kendo-react-dateinputs";
+const Rs = Ma, Ss = Fa, xs = La, Yt = (/* @__PURE__ */ new Date()).getTime(), cn = 7, ko = "hh:mm a", ot = { skeleton: "MEd" }, Eo = "MMM", Do = "yyyy", Ie = 100, wo = 6, Ge = "data-dependency-drag-handle", yo = "start", vo = "finish", qt = { [Ge]: yo }, Xt = { [Ge]: vo }, We = "data-task-id", dn = {
   id: "id",
   start: "start",
   end: "end",
@@ -34,8 +35,8 @@ const bs = Na, Rs = Ma, Ss = Fa, Ut = (/* @__PURE__ */ new Date()).getTime(), cn
   fromId: "fromId",
   toId: "toId",
   type: "type"
-}, xs = La, Is = Ha, Et = ya, Ns = va, Ms = Ja, vo = (e) => ({ fields: { ...dn, ...e } }), To = (e) => ({ fields: { ...un, ...e } }), mn = (e) => oe(e), Dt = (e, a) => oe(ht(e, a || 1)), bo = (e, a, n, o) => n < a && e <= o;
-function se(e) {
+}, Is = Ha, Ns = Aa, Et = va, Ms = Ta, Fs = Qa, To = (e) => ({ fields: { ...dn, ...e } }), bo = (e) => ({ fields: { ...un, ...e } }), mn = (e) => re(e), Dt = (e, a) => re(ht(e, a || 1)), Ro = (e, a, n, o) => n < a && e <= o;
+function le(e) {
   return new Date(Date.UTC(
     e.getFullYear(),
     e.getMonth(),
@@ -46,41 +47,41 @@ function se(e) {
     e.getMilliseconds()
   ));
 }
-const te = 4, nt = 10, Ro = (e, a, n, o) => {
+const ne = 4, nt = 10, So = (e, a, n, o) => {
   const r = [];
   let l = 0, s = 0;
   const c = nt, m = Math.floor(n / 2), g = e.top < a.top, d = () => r.push({ left: s, top: l });
   if (o === 0 || o === 3) {
     const u = o === 3 ? "start" : "end";
-    l = e.top, s = e[u], d(), s = Math[u === "start" ? "min" : "max"](e[u], a[u]), s = u === "start" ? s - c : s + c, d(), l = a.top, d(), s = u === "start" ? a[u] - te : a[u] + te, d(), Xt(l, s, r, u !== "start");
+    l = e.top, s = e[u], d(), s = Math[u === "start" ? "min" : "max"](e[u], a[u]), s = u === "start" ? s - c : s + c, d(), l = a.top, d(), s = u === "start" ? a[u] - ne : a[u] + ne, d(), jt(l, s, r, u !== "start");
   } else {
     const u = o === 2 ? "start" : "end", h = o === 2 ? "end" : "start", p = o === 2 ? e[u] - nt * 2 >= a[h] : e[u] + nt * 2 <= a[h];
-    l = e.top, s = e[u], d(), s = u === "start" ? s - c : s + c, d(), p || (l = g ? l + m : l - m, d(), s = u === "start" ? a[h] + c : a[h] - c, d()), l = a.top, d(), s = h === "start" ? a[h] - te : a[h] + te, d(), Xt(l, s, r, h !== "start");
+    l = e.top, s = e[u], d(), s = u === "start" ? s - c : s + c, d(), p || (l = g ? l + m : l - m, d(), s = u === "start" ? a[h] + c : a[h] - c, d()), l = a.top, d(), s = h === "start" ? a[h] - ne : a[h] + ne, d(), jt(l, s, r, h !== "start");
   }
   return r;
-}, Xt = (e, a, n, o) => o ? So(e, a, n) : xo(e, a, n), So = (e, a, n) => {
+}, jt = (e, a, n, o) => o ? xo(e, a, n) : Io(e, a, n), xo = (e, a, n) => {
   n.push({
-    top: e - te / 2,
+    top: e - ne / 2,
     left: a
   }), n.push({
     top: e,
-    left: a - te + 1
+    left: a - ne + 1
   }), n.push({
-    top: e + te / 2,
+    top: e + ne / 2,
     left: a
   }), n.push({
     top: e,
     left: a
   });
-}, xo = (e, a, n) => {
+}, Io = (e, a, n) => {
   n.push({
-    top: e + te / 2,
+    top: e + ne / 2,
     left: a
   }), n.push({
     top: e,
-    left: a + te - 1
+    left: a + ne - 1
   }), n.push({
-    top: e - te / 2,
+    top: e - ne / 2,
     left: a
   }), n.push({
     top: e,
@@ -94,11 +95,11 @@ const te = 4, nt = 10, Ro = (e, a, n, o) => {
   for (a.push(n); e.workWeekEnd !== n; )
     n > 6 ? n -= 7 : n++, a.push(n);
   return a;
-}, Io = (e, a) => {
+}, No = (e, a) => {
   const n = e.getDay();
   return a.indexOf(n) > -1;
 }, hn = (e, { step: a, timezone: n }) => {
-  const o = [], r = S.fromLocalDate(e.start, n), l = S.fromLocalDate(e.end, n);
+  const o = [], r = R.fromLocalDate(e.start, n), l = R.fromLocalDate(e.end, n);
   let s = r.clone();
   for (; s.getTime() < l.getTime(); ) {
     const c = s.clone(), m = c.clone().addTime(a), g = new Date(c.getTime()), u = {
@@ -110,10 +111,10 @@ const te = 4, nt = 10, Ro = (e, a, n, o) => {
     o.push(u), s = s.addTime(a);
   }
   return o;
-}, No = (e, { timezone: a }, n) => {
-  const o = [], r = S.fromLocalDate(e.start, a), l = S.fromLocalDate(e.end, a);
+}, Mo = (e, { timezone: a }, n) => {
+  const o = [], r = R.fromLocalDate(e.start, a), l = R.fromLocalDate(e.end, a);
   for (let s = r.clone(), c = 0; s.getTime() < l.getTime(); c++) {
-    const m = s.clone(), g = Dt(at(oe(m), n.firstDay()), cn), d = S.fromUTCDate(se(g), a), u = d.getTime() > l.getTime() ? l.clone() : d;
+    const m = s.clone(), g = Dt(at(re(m), n.firstDay()), cn), d = R.fromUTCDate(le(g), a), u = d.getTime() > l.getTime() ? l.clone() : d;
     s = u.clone();
     const h = new Date(m.getTime()), C = {
       end: new Date(u.getTime()),
@@ -124,10 +125,10 @@ const te = 4, nt = 10, Ro = (e, a, n, o) => {
     o.push(C);
   }
   return o;
-}, Mo = (e, { timezone: a }) => {
-  const n = [], o = S.fromLocalDate(e.start, a), r = S.fromLocalDate(e.end, a);
+}, Fo = (e, { timezone: a }) => {
+  const n = [], o = R.fromLocalDate(e.start, a), r = R.fromLocalDate(e.end, a);
   for (let l = o.clone(), s = 0; l.getTime() < r.getTime(); s++) {
-    const c = l.clone(), m = S.fromLocalDate(Qt(new Date(c.getTime()), 1), a);
+    const c = l.clone(), m = R.fromLocalDate(Qt(new Date(c.getTime()), 1), a);
     l = m.clone();
     const g = new Date(c.getTime()), u = {
       end: new Date(m.getTime()),
@@ -138,10 +139,10 @@ const te = 4, nt = 10, Ro = (e, a, n, o) => {
     n.push(u);
   }
   return n;
-}, Fo = (e, { timezone: a }) => {
-  const n = [], o = S.fromLocalDate(e.start, a), r = S.fromLocalDate(e.end, a);
+}, Lo = (e, { timezone: a }) => {
+  const n = [], o = R.fromLocalDate(e.start, a), r = R.fromLocalDate(e.end, a);
   for (let l = o.clone(), s = 0; l.getTime() < r.getTime(); s++) {
-    const c = l.clone(), m = S.fromLocalDate(Qt(new Date(c.getTime()), 12), a);
+    const c = l.clone(), m = R.fromLocalDate(Qt(new Date(c.getTime()), 12), a);
     l = m.clone();
     const g = new Date(c.getTime()), u = {
       end: new Date(m.getTime()),
@@ -152,25 +153,25 @@ const te = 4, nt = 10, Ro = (e, a, n, o) => {
     n.push(u);
   }
   return n;
-}, Lo = (e, a, n) => {
+}, Ho = (e, a, n) => {
   const o = n.parseDate(a.workDayStart).getHours(), r = n.parseDate(a.workDayEnd).getHours();
-  return hn(e, { step: Sa * a.slotDuration, timezone: a.timezone }).map((s) => {
+  return hn(e, { step: xa * a.slotDuration, timezone: a.timezone }).map((s) => {
     const c = s.zonedStart.getHours();
     return {
       range: s,
       isWork: c >= o && c < r,
       span: 1,
-      text: n.formatDate(s.zonedStart, Co),
+      text: n.formatDate(s.zonedStart, ko),
       type: "time"
     };
   });
 }, fn = (e, a, n) => hn(e, { step: Oe, timezone: a.timezone }).map((r) => ({
   range: r,
-  isWork: Io(r.start, a.workDays),
+  isWork: No(r.start, a.workDays),
   span: 1,
   text: n.formatDate(r.zonedStart, ot),
   type: "day"
-})), pn = (e, a, n) => No(e, { timezone: a.timezone }, n).map((r) => {
+})), pn = (e, a, n) => Mo(e, { timezone: a.timezone }, n).map((r) => {
   const l = Math.round((r.zonedEnd.getTime() - r.zonedStart.getTime()) / Oe);
   return {
     range: r,
@@ -179,32 +180,32 @@ const te = 4, nt = 10, Ro = (e, a, n, o) => {
     text: `${n.formatDate(r.zonedStart, ot)} - ${n.formatDate(r.zonedEnd, ot)}`,
     type: "week"
   };
-}), Cn = (e, a, n) => Mo(e, { timezone: a.timezone }).map((r) => {
+}), Cn = (e, a, n) => Fo(e, { timezone: a.timezone }).map((r) => {
   const l = Math.round((r.zonedEnd.getTime() - r.zonedStart.getTime()) / Oe);
   return {
     range: r,
     isWork: !1,
     span: l,
-    text: n.formatDate(r.zonedStart, ko),
+    text: n.formatDate(r.zonedStart, Eo),
     type: "month"
   };
-}), Ho = (e, a, n) => Fo(e, { timezone: a.timezone }).map((r) => {
+}), Ao = (e, a, n) => Lo(e, { timezone: a.timezone }).map((r) => {
   const l = Math.round((r.zonedEnd.getTime() - r.zonedStart.getTime()) / Oe);
   return {
     range: r,
     isWork: !1,
     span: l,
-    text: n.formatDate(r.zonedStart, Eo),
+    text: n.formatDate(r.zonedStart, Do),
     type: "year"
   };
-}), Ao = (e, a, n) => {
+}), Vo = (e, a, n) => {
   const o = n;
   return /* @__PURE__ */ t.createElement("table", { className: "k-table k-table-md", ref: a, "aria-hidden": !0 }, /* @__PURE__ */ t.createElement("tbody", { className: "k-table-tbody" }, e.map((r, l) => /* @__PURE__ */ t.createElement("tr", { className: "k-table-row", key: l }, r.map((s, c) => /* @__PURE__ */ t.createElement(
     "td",
     {
       key: s.range.start.getTime(),
       colSpan: s.span,
-      className: ce(
+      className: de(
         "k-table-th",
         {
           "k-header": !0,
@@ -224,14 +225,14 @@ const te = 4, nt = 10, Ro = (e, a, n, o) => {
       }
     ) : s.text
   ))))));
-}, Vo = (e, a) => {
+}, zo = (e, a) => {
   const n = e[e.length - 1];
   return /* @__PURE__ */ t.createElement("table", { className: "k-table k-table-md k-gantt-columns", ref: a, "aria-hidden": !0 }, /* @__PURE__ */ t.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ t.createElement("tr", { className: "k-table-row" }, n.map((o) => /* @__PURE__ */ t.createElement(
     "td",
     {
       key: o.range.start.getTime(),
       colSpan: o.span,
-      className: ce(
+      className: de(
         "k-table-td",
         {
           "k-nonwork-hour": !o.isWork
@@ -239,16 +240,16 @@ const te = 4, nt = 10, Ro = (e, a, n, o) => {
       )
     }
   )))));
-}, zo = (e, a) => {
+}, Go = (e, a) => {
   const n = e[e.length - 1];
   let o = 0, r = 0;
   return n.forEach((l) => {
     const s = l.span;
     r += s, s > o && (o = s);
   }), Math.round(r * a / o);
-}, st = (e, a) => !!D(a)(e), kn = (e, a) => !!D(a)(e), Go = (e, a) => (n) => st(n, e) && kn(n, a) ? [...D(a)(n)] : [], wt = t.createContext([]), Wo = () => t.useContext(wt);
+}, st = (e, a) => !!D(a)(e), kn = (e, a) => !!D(a)(e), Wo = (e, a) => (n) => st(n, e) && kn(n, a) ? [...D(a)(n)] : [], wt = t.createContext([]), Oo = () => t.useContext(wt);
 wt.displayName = "KendoReactGanttTaskDataContext";
-const yt = t.createContext([]), Oo = () => t.useContext(yt);
+const yt = t.createContext([]), Po = () => t.useContext(yt);
 yt.displayName = "KendoReactGanttDependencyDataContext";
 const vt = t.createContext(dn), Tt = () => t.useContext(vt);
 vt.displayName = "KendoReactGanttTaskModelFieldsContext";
@@ -259,40 +260,40 @@ Rt.displayName = "KendoReactGanttPropsContext";
 const St = t.createContext({
   start: /* @__PURE__ */ new Date(),
   end: /* @__PURE__ */ new Date(),
-  zonedStart: S.fromLocalDate(/* @__PURE__ */ new Date()),
-  zonedEnd: S.fromLocalDate(/* @__PURE__ */ new Date())
+  zonedStart: R.fromLocalDate(/* @__PURE__ */ new Date()),
+  zonedEnd: R.fromLocalDate(/* @__PURE__ */ new Date())
 }), Me = () => t.useContext(St);
 St.displayName = "KendoReactGanttDateRangeContext";
-const xt = t.createContext([]), Po = () => t.useContext(xt);
+const xt = t.createContext([]), _o = () => t.useContext(xt);
 xt.displayName = "KendoReactGanttViewsContext";
-const It = t.createContext(["week", F]), Dn = () => t.useContext(It);
+const It = t.createContext(["week", M]), Dn = () => t.useContext(It);
 It.displayName = "KendoReactGanttActiveViewContext";
 const Nt = t.createContext(0), wn = () => t.useContext(Nt);
 Nt.displayName = "KendoReactGanttRowHeightContext";
-const Mt = t.createContext(0), _o = () => t.useContext(Mt);
+const Mt = t.createContext(0), Ko = () => t.useContext(Mt);
 Mt.displayName = "KendoReactGanttToolbarHeightContext";
 const Ft = t.createContext({
-  onDataStateChange: F,
-  onSortChange: F,
-  onFilterChange: F,
-  onColumnMenuFilterChange: F,
-  onExpandChange: F,
-  onRowClick: F,
-  onRowDoubleClick: F,
-  onRowContextMenu: F,
-  onColumnResize: F,
-  onColumnReorder: F,
-  onDependencyCreate: F,
-  onKeyDown: F,
-  onSelectionChange: F,
-  onHeaderSelectionChange: F
-}), Ko = () => t.useContext(Ft);
+  onDataStateChange: M,
+  onSortChange: M,
+  onFilterChange: M,
+  onColumnMenuFilterChange: M,
+  onExpandChange: M,
+  onRowClick: M,
+  onRowDoubleClick: M,
+  onRowContextMenu: M,
+  onColumnResize: M,
+  onColumnReorder: M,
+  onDependencyCreate: M,
+  onKeyDown: M,
+  onSelectionChange: M,
+  onHeaderSelectionChange: M
+}), Bo = () => t.useContext(Ft);
 Ft.displayName = "KendoReactGanttEventsContext";
 const Lt = t.createContext({
-  onTaskClick: F,
-  onTaskDoubleClick: F,
-  onTaskContextMenu: F
-}), Bo = () => t.useContext(Lt);
+  onTaskClick: M,
+  onTaskDoubleClick: M,
+  onTaskContextMenu: M
+}), $o = () => t.useContext(Lt);
 Lt.displayName = "KendoReactGanttTaskEventsContext";
 const yn = ({
   children: e,
@@ -310,17 +311,17 @@ const yn = ({
   taskEvents: h
 }) => /* @__PURE__ */ t.createElement(Rt.Provider, { value: l }, /* @__PURE__ */ t.createElement(wt.Provider, { value: a }, /* @__PURE__ */ t.createElement(yt.Provider, { value: n }, /* @__PURE__ */ t.createElement(vt.Provider, { value: o }, /* @__PURE__ */ t.createElement(bt.Provider, { value: r }, /* @__PURE__ */ t.createElement(St.Provider, { value: s }, /* @__PURE__ */ t.createElement(xt.Provider, { value: c }, /* @__PURE__ */ t.createElement(It.Provider, { value: m }, /* @__PURE__ */ t.createElement(Nt.Provider, { value: g }, /* @__PURE__ */ t.createElement(Mt.Provider, { value: d }, /* @__PURE__ */ t.createElement(Ft.Provider, { value: u }, /* @__PURE__ */ t.createElement(Lt.Provider, { value: h }, e))))))))))));
 yn.displayName = "KendoReactGanttContext";
-const Ht = t.createContext([{ current: {} }, F]), vn = () => t.useContext(Ht);
+const Ht = t.createContext([{ current: {} }, M]), vn = () => t.useContext(Ht);
 Ht.displayName = "KendoReactGanttViewContext";
-const At = t.createContext(0), $o = () => t.useContext(At);
+const At = t.createContext(0), Uo = () => t.useContext(At);
 At.displayName = "KendoReactGanttViewTimelineWidthContext";
 const Vt = t.createContext({
-  onDependencyHandlePress: F,
-  onDependencyHandleDrag: F,
-  onDependencyHandleRelease: F,
+  onDependencyHandlePress: M,
+  onDependencyHandleDrag: M,
+  onDependencyHandleRelease: M,
   isEnabled: !1,
   draggedId: null
-}), Uo = () => t.useContext(Vt);
+}), Yo = () => t.useContext(Vt);
 Vt.displayName = "KendoReactGanttViewDependencyDragContext";
 const Tn = ({
   children: e,
@@ -330,7 +331,7 @@ const Tn = ({
 }) => /* @__PURE__ */ t.createElement(Ht.Provider, { value: a }, /* @__PURE__ */ t.createElement(At.Provider, { value: n }, /* @__PURE__ */ t.createElement(Vt.Provider, { value: o }, e)));
 Tn.displayName = "KendoReactGanttViewContext";
 var rt = /* @__PURE__ */ ((e) => (e[e.add = 0] = "add", e[e.remove = 1] = "remove", e))(rt || {});
-const Yo = () => {
+const qo = () => {
   const e = t.useRef({}), a = t.useCallback(
     (n) => {
       switch (n.type) {
@@ -345,7 +346,7 @@ const Yo = () => {
     []
   );
   return [e, a];
-}, qo = (e, a, n, o) => {
+}, Xo = (e, a, n, o) => {
   const r = t.useRef(null), [, l] = vn();
   t.useImperativeHandle(r, () => ({ element: o.current, dataItem: e })), t.useImperativeHandle(n, () => r.current), t.useLayoutEffect(
     () => {
@@ -365,9 +366,9 @@ const Yo = () => {
     }
   );
 }, bn = t.forwardRef((e, a) => {
-  const n = Me(), o = Tt(), r = $o(), l = Uo(), s = Bo(), c = t.useRef(null), m = t.useRef(null);
-  qo(e.dataItem, D(o.id)(e.dataItem), a, c);
-  const g = t.useRef(null), d = D(o.id)(e.dataItem), u = D(o.start)(e.dataItem), h = D(o.end)(e.dataItem), p = D(o.title)(e.dataItem), C = D(o.percentComplete)(e.dataItem), f = D(o.children)(e.dataItem), v = D(o.isSelected)(e.dataItem), L = u && u.getTime(), V = h && h.getTime(), M = f && f.length, x = !M && L === V, z = L && V && bo(n.start, n.end, u, h), [J, R] = t.useState(!1), X = t.useRef(null), A = t.useRef(null);
+  const n = Me(), o = Tt(), r = Uo(), l = Yo(), s = $o(), c = t.useRef(null), m = t.useRef(null);
+  Xo(e.dataItem, D(o.id)(e.dataItem), a, c);
+  const g = t.useRef(null), d = D(o.id)(e.dataItem), u = D(o.start)(e.dataItem), h = D(o.end)(e.dataItem), p = D(o.title)(e.dataItem), C = D(o.percentComplete)(e.dataItem), f = D(o.children)(e.dataItem), v = D(o.isSelected)(e.dataItem), L = u && u.getTime(), V = h && h.getTime(), N = f && f.length, x = !N && L === V, z = L && V && Ro(n.start, n.end, u, h), [J, b] = t.useState(!1), X = t.useRef(null), A = t.useRef(null);
   Kt(X, {
     onPress: l.onDependencyHandlePress,
     onDrag: l.onDependencyHandleDrag,
@@ -423,11 +424,11 @@ const Yo = () => {
     [e.dataItem, e.level]
   ), H = t.useCallback(
     () => {
-      const w = n.start, Z = n.end, T = g.current, N = c.current, K = m.current;
-      if (!z || T === null || N === null)
+      const w = n.start, Z = n.end, T = g.current, S = c.current, K = m.current;
+      if (!z || T === null || S === null)
         return;
-      const Y = T.clientWidth / (Z.getTime() - w.getTime()), W = (u.getTime() - w.getTime()) * Y, O = (h.getTime() - u.getTime()) * Y, ge = (T.offsetHeight - N.offsetHeight) / 2;
-      N.style.left = `${Math.round(x ? W - Do : W)}px`, N.style.top = `${Math.round(ge)}px`, x || (N.style.width = `${Math.round(O)}px`, K !== null && (K.style.width = `${Math.round(O * (C || 0))}px`)), R(!0);
+      const Y = T.clientWidth / (Z.getTime() - w.getTime()), W = (u.getTime() - w.getTime()) * Y, O = (h.getTime() - u.getTime()) * Y, he = (T.offsetHeight - S.offsetHeight) / 2;
+      S.style.left = `${Math.round(x ? W - wo : W)}px`, S.style.top = `${Math.round(he)}px`, x || (S.style.width = `${Math.round(O)}px`, K !== null && (K.style.width = `${Math.round(O * (C || 0))}px`)), b(!0);
     },
     [n.start.getTime(), n.end.getTime(), L, V, z, C, r]
   );
@@ -443,7 +444,7 @@ const Yo = () => {
     "div",
     {
       "aria-hidden": !0,
-      className: ce({
+      className: de({
         "k-task": !0,
         "k-task-milestone": !0,
         "k-selected": v && !Array.isArray(v)
@@ -462,7 +463,7 @@ const Yo = () => {
         className: "k-task-dot k-task-start",
         ref: X,
         style: _,
-        ...Yt
+        ...qt
       }
     ),
     l.isEnabled && /* @__PURE__ */ t.createElement(
@@ -471,17 +472,17 @@ const Yo = () => {
         className: "k-task-dot k-task-end",
         ref: A,
         style: _,
-        ...qt
+        ...Xt
       }
     )
   ) : /* @__PURE__ */ t.createElement(
     "div",
     {
       "aria-hidden": !0,
-      className: ce({
+      className: de({
         "k-task": !0,
-        "k-task-summary": M,
-        "k-task-single": !M,
+        "k-task-summary": N,
+        "k-task-single": !N,
         "k-selected": v && !Array.isArray(v)
       }),
       ref: c,
@@ -491,15 +492,15 @@ const Yo = () => {
       onDoubleClick: G,
       onContextMenu: B
     },
-    M ? /* @__PURE__ */ t.createElement("div", { className: "k-task-summary-progress", ref: m }, /* @__PURE__ */ t.createElement("div", { className: "k-task-summary-complete" })) : /* @__PURE__ */ t.createElement("div", { className: "k-task-complete", ref: m }),
-    !M && /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", { className: "k-task-content" }, p), s.onTaskRemoveClick ? /* @__PURE__ */ t.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ t.createElement("span", { onClick: E, className: "k-link k-task-delete", "aria-label": "Delete" }, /* @__PURE__ */ t.createElement(mt, { name: "x", icon: oo }))) : null),
+    N ? /* @__PURE__ */ t.createElement("div", { className: "k-task-summary-progress", ref: m }, /* @__PURE__ */ t.createElement("div", { className: "k-task-summary-complete" })) : /* @__PURE__ */ t.createElement("div", { className: "k-task-complete", ref: m }),
+    !N && /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", { className: "k-task-content" }, p), s.onTaskRemoveClick ? /* @__PURE__ */ t.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ t.createElement("span", { onClick: E, className: "k-link k-task-delete", "aria-label": "Delete" }, /* @__PURE__ */ t.createElement(mt, { name: "x", icon: so }))) : null),
     l.isEnabled && /* @__PURE__ */ t.createElement(
       "div",
       {
         className: "k-task-dot k-task-start",
         ref: X,
         style: _,
-        ...Yt
+        ...qt
       }
     ),
     l.isEnabled && /* @__PURE__ */ t.createElement(
@@ -508,7 +509,7 @@ const Yo = () => {
         className: "k-task-dot k-task-end",
         ref: A,
         style: _,
-        ...qt
+        ...Xt
       }
     )
   ));
@@ -542,7 +543,7 @@ const Rn = (e) => {
       top: h.offsetTop + h.offsetHeight / 2,
       start: h.offsetLeft,
       end: h.offsetLeft + h.offsetWidth
-    }, f = D(r.type)(a), v = Ro(p, C, l, f);
+    }, f = D(r.type)(a), v = So(p, C, l, f);
     v && v.length && o.current.setAttribute("points", v.map((L) => `${L.left},${L.top}`).join(" "));
   };
   return t.useEffect(m), /* @__PURE__ */ t.createElement(
@@ -561,7 +562,7 @@ class zt extends t.Component {
     super(a), this.state = {
       activeId: void 0,
       level: 0
-    }, this.tableElement = null, this.tbodyElement = null, this.wrapperScrollLeft = 0, this.wrapperScrollTop = 0, this.updateOnScroll = !1, this.tbodyOffsetTop = 0, this.prevData = [], this.flattedData = [], this.element = null, this._treeListId = Jt(), this.contextStateRef = { current: void 0 }, this.navigationStateRef = { current: void 0 }, this.scrollIntoView = (n) => {
+    }, this.tableElement = null, this.tbodyElement = null, this.wrapperScrollLeft = 0, this.wrapperScrollTop = 0, this.updateOnScroll = !1, this.tbodyOffsetTop = 0, this.prevData = [], this.flattedData = [], this.element = null, this.contextStateRef = { current: void 0 }, this.navigationStateRef = { current: void 0 }, this.scrollIntoView = (n) => {
       if (!this.element)
         return;
       const { rowIndex: o = 0 } = n, { rowHeight: r = 0 } = this.props;
@@ -587,22 +588,22 @@ class zt extends t.Component {
       }));
       return r(o);
     }, this.onKeyDown = (n) => {
-      if (De.onKeyDown(n, {
+      if (we.onKeyDown(n, {
         contextStateRef: this.contextStateRef,
         navigationStateRef: this.navigationStateRef
       }), this.props.onKeyDown) {
-        const { mode: o, cell: r } = Bt(this.props.selectable), l = {
+        const { mode: o, cell: r } = $t(this.props.selectable), l = {
           dataItems: this.getLeafDataItems(),
           mode: o,
           cell: r,
-          componentId: this._treeListId,
+          componentId: this.props.treelistId,
           selectedField: this.props.selectedField,
           ...this.getEventArguments(n)
         };
         this.props.onKeyDown.call(void 0, l);
       }
     }, this.onFocus = (n) => {
-      De.onFocus(n, {
+      we.onFocus(n, {
         contextStateRef: this.contextStateRef
       });
     }, this.onRowDrag = (n) => {
@@ -665,7 +666,7 @@ class zt extends t.Component {
         const c = l.style.boxSizing;
         l.style.boxSizing = "border-box", s = parseFloat(String(window.getComputedStyle(l).height)) || l.offsetHeight, l.style.boxSizing = c, l.getAttribute("style") || l.removeAttribute("style");
       }
-      this.tbodyOffsetTop = r.tBodies[0].offsetTop, Qa(r, s);
+      this.tbodyOffsetTop = r.tBodies[0].offsetTop, eo(r, s);
     }, this.onItemChange = (n) => {
       if (n.field === this.props.expandField) {
         const o = this.props.onExpandChange;
@@ -707,7 +708,7 @@ class zt extends t.Component {
           syntheticEvent: void 0,
           target: this,
           selectedField: this.props.selectedField || "",
-          componentId: this._treeListId,
+          componentId: this.props.treelistId,
           dataItems: this.getLeafDataItems(),
           dataItem: null,
           level: [],
@@ -796,7 +797,7 @@ class zt extends t.Component {
       nativeEvent: n && n.nativeEvent,
       syntheticEvent: n,
       target: this
-    }), this.getLeafDataItems = () => this.flatData.map((n) => n.dataItem), this.dragLogic = new Aa(this.onColumnReorder, F, F), this.columnResize = new Va(this.onColumnResize), De.onConstructor({
+    }), this.getLeafDataItems = () => this.flatData.map((n) => n.dataItem), this.dragLogic = new Va(this.onColumnReorder, M, M), this.columnResize = new za(this.onColumnResize), we.onConstructor({
       navigatable: !!a.navigatable,
       contextStateRef: this.contextStateRef,
       navigationStateRef: this.navigationStateRef,
@@ -811,7 +812,7 @@ class zt extends t.Component {
    * @hidden
    */
   componentDidMount() {
-    this.calculateSizes(this.element), De.onComponentDidMount({
+    this.calculateSizes(this.element), we.onComponentDidMount({
       scope: this.element || void 0,
       contextStateRef: this.contextStateRef,
       navigationStateRef: this.navigationStateRef
@@ -821,7 +822,7 @@ class zt extends t.Component {
    * @hidden
    */
   getSnapshotBeforeUpdate() {
-    return De.onGetSnapshotBeforeUpdate({
+    return we.onGetSnapshotBeforeUpdate({
       document: this.document,
       contextStateRef: this.contextStateRef,
       navigationStateRef: this.navigationStateRef
@@ -831,7 +832,7 @@ class zt extends t.Component {
    * @hidden
    */
   componentDidUpdate(a) {
-    a.columns !== this.props.columns && this.calculateSizes(this.element), De.onComponentDidUpdate({
+    a.columns !== this.props.columns && this.calculateSizes(this.element), we.onComponentDidUpdate({
       scope: this.element || void 0,
       contextStateRef: this.contextStateRef,
       navigationStateRef: this.navigationStateRef
@@ -857,13 +858,13 @@ class zt extends t.Component {
       afterContent: c,
       extendedColumns: m = [],
       columnsMap: g
-    } = this.props, d = m.some((E) => !!E.filter) || a !== void 0, u = a || $a, h = $t.getIdPrefix(this.navigationStateRef);
+    } = this.props, d = m.some((E) => !!E.filter) || a !== void 0, u = a || Ua, h = Ut.getIdPrefix(this.navigationStateRef);
     this.columnResize.columns = m, this.columnResize.resizable = o, this.dragLogic.columns = m, this.dragLogic.reorderable = r, this.dragLogic.groupable = !1;
     const p = m.filter((E) => E.children.length === 0), C = /* @__PURE__ */ t.createElement(
-      za,
+      Ga,
       {
         headerRow: /* @__PURE__ */ t.createElement(
-          Ga,
+          Wa,
           {
             sort: this.props.sort,
             sortable: this.props.sortable,
@@ -893,17 +894,17 @@ class zt extends t.Component {
         ) || void 0,
         columnResize: this.columnResize
       }
-    ), f = this.props.style || {}, { colSpans: v, hiddenColumns: L } = Wa({
+    ), f = this.props.style || {}, { colSpans: v, hiddenColumns: L } = Oa({
       enabled: this.props.columnVirtualization,
       columns: p,
       scrollLeft: this.wrapperScrollLeft,
       tableViewPortWidth: parseFloat((f.width || "").toString())
-    }), V = (E, H, Q, _, w, Z) => p.map((T, N) => {
-      if (L[N])
+    }), V = (E, H, Q, _, w, Z) => p.map((T, S) => {
+      if (L[S])
         return null;
-      const K = T.id ? T.id : N, Y = `k-table-td ${T.className ? T.className + " " : ""}${T.locked ? "k-grid-content-sticky" : ""}`, W = {
-        id: $t.generateNavigatableId(`${Q}-${String(N)}`, h),
-        colSpan: v[N],
+      const K = T.id ? T.id : S, Y = `k-table-td ${T.className ? T.className + " " : ""}${T.locked ? "k-grid-content-sticky" : ""}`, W = {
+        id: Ut.generateNavigatableId(`${Q}-${String(S)}`, h),
+        colSpan: v[S],
         dataItem: E.dataItem,
         field: T.field,
         format: T.format,
@@ -911,13 +912,13 @@ class zt extends t.Component {
         render: this.props.cellRender,
         onChange: this.onItemChange,
         selectionChange: this.props.onSelectionChange ? (O) => {
-          this.onSelectionChange({ event: O, item: E, columnIndex: N, dataIndex: w });
+          this.onSelectionChange({ event: O, item: E, columnIndex: S, dataIndex: w });
         } : void 0,
         level: E.level,
         expandable: T.expandable,
         expanded: _,
         hasChildren: kn(E.dataItem, this.props.subItemsField),
-        colIndex: N,
+        colIndex: S,
         ariaColumnIndex: T.ariaColumnIndex,
         onExpandChange: this.onExpandChange,
         style: T.left !== void 0 && {
@@ -925,19 +926,19 @@ class zt extends t.Component {
           right: T.right,
           borderRightWidth: T.rightBorder ? "1px" : ""
         } || {},
-        isSelected: Array.isArray(Z) && Z.indexOf(N) > -1
+        isSelected: Array.isArray(Z) && Z.indexOf(S) > -1
       };
-      return H && T.editCell ? /* @__PURE__ */ t.createElement(T.editCell, { ...W, onChange: this.onItemChange, key: K }) : T.cell ? /* @__PURE__ */ t.createElement(T.cell, { key: K, ...W }) : /* @__PURE__ */ t.createElement(no, { key: K, ...W });
+      return H && T.editCell ? /* @__PURE__ */ t.createElement(T.editCell, { ...W, onChange: this.onItemChange, key: K }) : T.cell ? /* @__PURE__ */ t.createElement(T.cell, { key: K, ...W }) : /* @__PURE__ */ t.createElement(ao, { key: K, ...W });
     });
-    let M = this.flatData;
-    const x = M.length;
-    l !== void 0 && s !== void 0 && (M = M.slice(l, l + s)), n === "virtual" && (M = eo({
-      rows: M,
+    let N = this.flatData;
+    const x = N.length;
+    l !== void 0 && s !== void 0 && (N = N.slice(l, l + s)), n === "virtual" && (N = to({
+      rows: N,
       tableViewPortHeight: parseFloat((f.height || f.maxHeight || "").toString()),
       scrollTop: this.wrapperScrollTop
     }), this.updateOnScroll = !1);
-    const z = M.map((E) => E.level), J = g.length + (d ? 1 : 0) + 1, R = M.length > 0 && M.map((E, H) => {
-      const Q = D(this.props.editField || "")(E.dataItem), _ = D(this.props.dataItemKey)(E.dataItem), w = String(_ || E.level.join(".")), Z = st(E.dataItem, this.props.expandField), T = this.props.selectedField ? D(this.props.selectedField)(E.dataItem) : void 0, N = {
+    const z = N.map((E) => E.level), J = g.length + (d ? 1 : 0) + 1, b = N.length > 0 && N.map((E, H) => {
+      const Q = D(this.props.editField || "")(E.dataItem), _ = D(this.props.dataItemKey)(E.dataItem), w = String(_ || E.level.join(".")), Z = st(E.dataItem, this.props.expandField), T = this.props.selectedField ? D(this.props.selectedField)(E.dataItem) : void 0, S = {
         key: w,
         level: E.level,
         levels: z,
@@ -958,8 +959,8 @@ class zt extends t.Component {
         ariaPosInSet: E.level[E.level.length - 1] + 1,
         isSelected: typeof T == "boolean" && T
       }, K = this.props.editRow, Y = this.props.row || an, W = V(E, Q, w, Z, H, T);
-      return Q && K ? /* @__PURE__ */ t.createElement(K, { ...N }, W) : /* @__PURE__ */ t.createElement(Y, { ...N }, W);
-    }) || /* @__PURE__ */ t.createElement("tr", { className: "k-table-row k-grid-norecords" }, /* @__PURE__ */ t.createElement("td", { className: "k-table-td", colSpan: p.length }, this.props.noRecords || /* @__PURE__ */ t.createElement(to, null))), X = (E) => this.props.sort && this.props.sort.some((H) => H.field === E), A = /* @__PURE__ */ t.createElement("colgroup", { ref: (E) => {
+      return Q && K ? /* @__PURE__ */ t.createElement(K, { ...S, key: S.key }, W) : /* @__PURE__ */ t.createElement(Y, { ...S, key: S.key }, W);
+    }) || /* @__PURE__ */ t.createElement("tr", { className: "k-table-row k-grid-norecords" }, /* @__PURE__ */ t.createElement("td", { className: "k-table-td", colSpan: p.length }, this.props.noRecords || /* @__PURE__ */ t.createElement(no, null))), X = (E) => this.props.sort && this.props.sort.some((H) => H.field === E), A = /* @__PURE__ */ t.createElement("colgroup", { ref: (E) => {
       this.columnResize.colGroupMain = E;
     } }, p.map(
       (E, H) => /* @__PURE__ */ t.createElement(
@@ -974,8 +975,9 @@ class zt extends t.Component {
     return /* @__PURE__ */ t.createElement(nn.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ t.createElement(
       "div",
       {
+        id: this.props.treelistId,
         style: this.props.style,
-        className: ce(
+        className: de(
           "k-grid k-grid-md",
           this.props.className,
           { "k-treelist-scrollable": n !== "none" }
@@ -987,11 +989,11 @@ class zt extends t.Component {
         "aria-rowcount": x,
         "aria-colcount": p.length,
         role: "treegrid",
-        ...Oa
+        ...Pa
       },
       this.props.toolbar,
       /* @__PURE__ */ t.createElement(
-        Pa,
+        _a,
         {
           selectable: this.props.selectable,
           onRelease: this.selectionRelease,
@@ -1009,7 +1011,7 @@ class zt extends t.Component {
           },
           A,
           C,
-          /* @__PURE__ */ t.createElement("tbody", { className: "k-table-tbody", ..._a, ref: (E) => this.tbodyElement = E, role: "presentation" }, R)
+          /* @__PURE__ */ t.createElement("tbody", { className: "k-table-tbody", ...Ka, ref: (E) => this.tbodyElement = E, role: "presentation" }, b)
         )
       ),
       this.props.pager && /* @__PURE__ */ t.createElement(
@@ -1022,7 +1024,7 @@ class zt extends t.Component {
           onPageChange: this.onPageChange
         }
       ),
-      r && /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(Ka, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ t.createElement(Ba, { ref: this.dragLogic.refDragElementClue })),
+      r && /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(Ba, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ t.createElement($a, { ref: this.dragLogic.refDragElementClue })),
       c
     ));
   }
@@ -1037,7 +1039,7 @@ class zt extends t.Component {
   }
   onSelectionChange(a) {
     if (this.props.onSelectionChange) {
-      const { event: n, item: o, dataIndex: r, columnIndex: l } = a, { mode: s, cell: c } = Bt(this.props.selectable), m = {
+      const { event: n, item: o, dataIndex: r, columnIndex: l } = a, { mode: s, cell: c } = $t(this.props.selectable), m = {
         ...this.getEventArguments(n.syntheticEvent),
         dataItem: o.dataItem,
         level: o.level,
@@ -1053,7 +1055,7 @@ class zt extends t.Component {
         mode: s,
         cell: c,
         isDrag: !1,
-        componentId: this._treeListId,
+        componentId: this.props.treelistId,
         selectedField: this.props.selectedField || ""
       };
       this.props.onSelectionChange.call(void 0, m);
@@ -1105,7 +1107,8 @@ zt.propTypes = {
   dataItemKey: i.string.isRequired,
   afterContent: i.any,
   navigatable: i.bool,
-  idPrefix: i.string
+  idPrefix: i.string,
+  treelistId: i.string
 };
 zt.contextType = nn;
 const Fe = t.forwardRef((e, a) => {
@@ -1125,11 +1128,11 @@ const Fe = t.forwardRef((e, a) => {
   } = Ne(), {
     onDataStateChange: L,
     onSortChange: V,
-    onFilterChange: M,
+    onFilterChange: N,
     onColumnMenuFilterChange: x,
     onExpandChange: z,
     onRowClick: J,
-    onRowDoubleClick: R,
+    onRowDoubleClick: b,
     onRowContextMenu: X,
     onColumnResize: A,
     onColumnReorder: j,
@@ -1137,16 +1140,16 @@ const Fe = t.forwardRef((e, a) => {
     onKeyDown: B,
     onSelectionChange: E,
     onHeaderSelectionChange: H
-  } = Ko(), Q = wn(), _ = _o(), w = Tt(), Z = En(), T = Wo(), N = Oo(), K = t.useRef(null), Y = t.useRef(null), W = t.useRef(null), O = t.useRef(null), ge = t.useRef(0), we = t.useRef(Jt()), b = t.useRef(null), Le = t.useRef(null), Ye = t.useCallback(
+  } = Bo(), Q = wn(), _ = Ko(), w = Tt(), Z = En(), T = Oo(), S = Po(), K = t.useRef(null), Y = t.useRef(null), W = t.useRef(null), O = t.useRef(null), he = t.useRef(0), ye = t.useRef(Bt()), F = t.useRef(Bt()), ee = t.useRef(null), Le = t.useRef(null), Ye = t.useCallback(
     (y) => {
       W.current && W.current.scrollIntoView(y);
     },
     []
   );
   t.useImperativeHandle(Le, () => ({ scrollIntoView: Ye })), t.useImperativeHandle(a, () => Le.current);
-  const he = t.useRef(0), fe = t.useRef(0), pe = t.useRef(0), Ce = t.useRef(0), de = t.useRef(null), ye = t.useRef(null), [ue, ve] = t.useState(null), qe = Ao(n, K, r), Xe = Vo(n, Y), ke = zo(n, o), { extendedColumns: je, columnsWidth: Ze, columnsMap: Je } = t.useMemo(
+  const fe = t.useRef(0), pe = t.useRef(0), Ce = t.useRef(0), ke = t.useRef(0), ue = t.useRef(null), ve = t.useRef(null), [me, Te] = t.useState(null), qe = Vo(n, K, r), Xe = zo(n, Y), Ee = Go(n, o), { extendedColumns: je, columnsWidth: Ze, columnsMap: Je } = t.useMemo(
     () => {
-      const y = Ua(
+      const y = Ya(
         [
           ...l,
           {
@@ -1154,41 +1157,41 @@ const Fe = t.forwardRef((e, a) => {
             sortable: !1,
             resizable: !1,
             reorderable: !1,
-            width: ke,
+            width: Ee,
             headerCell: () => qe,
             cell: bn,
             orderIndex: Number.MAX_SAFE_INTEGER,
             navigatable: !1
           }
         ],
-        { prevId: 0, idPrefix: we.current }
+        { prevId: 0, idPrefix: ye.current }
       );
       let P = 0;
       return y.forEach((I, $, q) => {
-        const U = $ + 1 === q.length, ie = I.children.length === 0;
-        U ? I.isAccessible = !1 : (I.locked = !0, ie && (I.width = I.width || Ie)), ie && (P += parseFloat(String(I.width)));
+        const U = $ + 1 === q.length, ce = I.children.length === 0;
+        U ? I.isAccessible = !1 : (I.locked = !0, ce && (I.width = I.width || Ie)), ce && (P += parseFloat(String(I.width)));
       }), {
         extendedColumns: y,
         columnsWidth: P,
-        columnsMap: Ya(y)
+        columnsMap: qa(y)
       };
     },
-    [l, ke]
-  ), [Qe, et] = Yo(), Te = t.useCallback(
+    [l, Ee]
+  ), [Qe, et] = qo(), k = t.useCallback(
     () => K.current && K.current.parentElement,
     []
-  ), k = () => {
-    const y = Te(), P = Y.current, I = W.current && W.current.tbodyElement;
+  ), se = () => {
+    const y = k(), P = Y.current, I = W.current && W.current.tbodyElement;
     if (!y || !P || !I)
       return;
-    const $ = I.offsetTop, q = y.offsetLeft, U = ke;
+    const $ = I.offsetTop, q = y.offsetLeft, U = Ee;
     P.style.top = $ + "px", P.style.left = q + "px", P.style.width = U + "px", P.style.height = I.offsetHeight + "px";
-  }, re = () => {
-    const y = Te();
-    y && (ge.current = y.offsetLeft);
+  }, ie = () => {
+    const y = k();
+    y && (he.current = y.offsetLeft);
   };
-  t.useEffect(k), t.useEffect(re);
-  const le = t.useCallback(
+  t.useEffect(se), t.useEffect(ie);
+  const be = t.useCallback(
     (y) => {
       if (!O.current)
         return;
@@ -1196,10 +1199,10 @@ const Fe = t.forwardRef((e, a) => {
       if (y.end)
         O.current.style.left = "0px";
       else {
-        const I = Te();
+        const I = k();
         if (!I)
           return;
-        O.current.style.left = I.offsetLeft - ge.current + "px", k();
+        O.current.style.left = I.offsetLeft - he.current + "px", se();
       }
       A({
         ...y,
@@ -1207,7 +1210,7 @@ const Fe = t.forwardRef((e, a) => {
       });
     },
     [A]
-  ), be = t.useCallback(
+  ), Re = t.useCallback(
     (y) => {
       const P = y.columns.slice(0, y.columns.length - 1);
       j({
@@ -1216,78 +1219,79 @@ const Fe = t.forwardRef((e, a) => {
       });
     },
     [A]
-  ), Re = t.useCallback(
+  ), tt = t.useCallback(
     (y) => {
-      const I = (b.current && b.current.ownerDocument ? b.current.ownerDocument : document).elementFromPoint(y.clientX, y.clientY), $ = b.current;
+      const I = (ee.current && ee.current.ownerDocument ? ee.current.ownerDocument : document).elementFromPoint(y.clientX, y.clientY), $ = ee.current;
       if (!I || !I.parentElement || !$)
         return;
       const q = $.parentElement, U = $.firstElementChild;
       if (!q || !U)
         return;
-      const ie = I.getAttribute(Ge);
-      if (ie) {
-        const pa = $.offsetTop, Ca = $.offsetLeft, ka = q.offsetTop, Ea = q.offsetLeft, Da = U.scrollTop, wa = U.scrollLeft;
-        pe.current = Ca + Ea, Ce.current = pa + ka, he.current = y.clientX - pe.current + wa, fe.current = y.clientY - Ce.current + Da, de.current = I.parentElement.getAttribute(We), ye.current = ie;
+      const ce = I.getAttribute(Ge);
+      if (ce) {
+        const Ca = $.offsetTop, ka = $.offsetLeft, Ea = q.offsetTop, Da = q.offsetLeft, wa = U.scrollTop, ya = U.scrollLeft;
+        Ce.current = ka + Da, ke.current = Ca + Ea, fe.current = y.clientX - Ce.current + ya, pe.current = y.clientY - ke.current + wa, ue.current = I.parentElement.getAttribute(We), ve.current = ce;
       }
     },
     []
-  ), tt = t.useCallback(
+  ), De = t.useCallback(
     (y) => {
-      const P = b.current;
+      const P = ee.current;
       if (!P)
         return;
       const I = P.firstElementChild;
       if (!I)
         return;
-      const $ = I.scrollTop, q = I.scrollLeft, U = y.clientX - pe.current + q, ie = y.clientY - Ce.current + $;
-      Math.abs(he.current - U) < 10 && Math.abs(fe.current - ie) < 10 || ve({
-        startX: he.current,
-        startY: fe.current,
+      const $ = I.scrollTop, q = I.scrollLeft, U = y.clientX - Ce.current + q, ce = y.clientY - ke.current + $;
+      Math.abs(fe.current - U) < 10 && Math.abs(pe.current - ce) < 10 || Te({
+        startX: fe.current,
+        startY: pe.current,
         endX: U,
-        endY: ie
+        endY: ce
       });
     },
     []
-  ), Ee = t.useCallback(
+  ), pa = t.useCallback(
     (y) => {
-      const I = (b.current && b.current.ownerDocument ? b.current.ownerDocument : document).elementFromPoint(y.clientX, y.clientY);
+      const I = (ee.current && ee.current.ownerDocument ? ee.current.ownerDocument : document).elementFromPoint(y.clientX, y.clientY);
       if (!I || !I.parentElement)
         return;
       const $ = I.parentElement.getAttribute(We), q = I.getAttribute(Ge);
-      if (q && $ !== de.current && G) {
+      if (q && $ !== ue.current && G) {
         let U;
-        ye.current === "start" ? U = q === "start" ? 3 : 2 : U = q === "start" ? 1 : 0, G({
-          fromId: de.current,
+        ve.current === "start" ? U = q === "start" ? 3 : 2 : U = q === "start" ? 1 : 0, G({
+          fromId: ue.current,
           toId: $,
           type: U
         });
       }
-      he.current = 0, fe.current = 0, pe.current = 0, Ce.current = 0, de.current = null, ye.current = null, ve(null);
+      fe.current = 0, pe.current = 0, Ce.current = 0, ke.current = 0, ue.current = null, ve.current = null, Te(null);
     },
-    [G, ve]
+    [G, Te]
   );
   return /* @__PURE__ */ t.createElement(
     Tn,
     {
       tasksStore: [Qe, et],
-      timelineWidth: ke,
+      timelineWidth: Ee,
       dependencyDrag: {
         isEnabled: !!G,
-        draggedId: de.current,
-        onDependencyHandlePress: Re,
-        onDependencyHandleDrag: tt,
-        onDependencyHandleRelease: Ee
+        draggedId: ue.current,
+        onDependencyHandlePress: tt,
+        onDependencyHandleDrag: De,
+        onDependencyHandleRelease: pa
       }
     },
-    /* @__PURE__ */ t.createElement("div", { className: "k-gantt-content", ref: b, style: { height: `calc(100% - ${_}px)` } }, /* @__PURE__ */ t.createElement(
+    /* @__PURE__ */ t.createElement("div", { className: "k-gantt-content", ref: ee, style: { height: `calc(100% - ${_}px)` } }, /* @__PURE__ */ t.createElement(
       zt,
       {
+        treelistId: F.current,
         ref: W,
         extendedColumns: je,
         columnsMap: Je,
         dataItemKey: w.id,
         data: T,
-        idPrefix: we.current,
+        idPrefix: ye.current,
         navigatable: C,
         expandField: w.isExpanded,
         subItemsField: w.children,
@@ -1295,13 +1299,13 @@ const Fe = t.forwardRef((e, a) => {
         selectedField: w.isSelected,
         onDataStateChange: L,
         onSortChange: V,
-        onFilterChange: M,
+        onFilterChange: N,
         onExpandChange: z,
         onRowClick: J,
-        onRowDoubleClick: R,
+        onRowDoubleClick: b,
         onRowContextMenu: X,
-        onColumnResize: le,
-        onColumnReorder: be,
+        onColumnResize: be,
+        onColumnReorder: Re,
         onColumnMenuFilterChange: x,
         onKeyDown: B,
         onSelectionChange: E,
@@ -1318,13 +1322,13 @@ const Fe = t.forwardRef((e, a) => {
         columnMenu: p,
         row: f,
         selectable: v,
-        afterContent: /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("svg", { className: "k-gantt-dependencies-svg", ref: O, style: { left: 0, top: 0 } }, N.map((y) => /* @__PURE__ */ t.createElement(Rn, { key: D(Z.id)(y), dependency: y }))), /* @__PURE__ */ t.createElement("svg", { className: "k-gantt-dependencies-svg", style: { left: 0, top: 0, zIndex: 3 } }, ue && /* @__PURE__ */ t.createElement("polyline", { points: `${ue.startX},${ue.startY} ${ue.endX},${ue.endY}` })), T && T.length ? Xe : null)
+        afterContent: /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("svg", { className: "k-gantt-dependencies-svg", ref: O, style: { left: 0, top: 0 } }, S.map((y) => /* @__PURE__ */ t.createElement(Rn, { key: D(Z.id)(y), dependency: y }))), /* @__PURE__ */ t.createElement("svg", { className: "k-gantt-dependencies-svg", style: { left: 0, top: 0, zIndex: 3 } }, me && /* @__PURE__ */ t.createElement("polyline", { points: `${me.startX},${me.startY} ${me.endX},${me.endY}` })), T && T.length ? Xe : null)
       }
     ))
   );
 });
 Fe.displayName = "KendoReactGanttBaseView";
-const lt = "gantt.weekViewTitle", it = "gantt.dayViewTitle", ct = "gantt.monthViewTitle", dt = "gantt.yearViewTitle", ut = "gantt.filterClearButton", Pe = "gantt.filterEqOperator", _e = "gantt.filterNotEqOperator", Ke = "gantt.filterIsNullOperator", Be = "gantt.filterIsNotNullOperator", Sn = "gantt.filterIsEmptyOperator", xn = "gantt.filterIsNotEmptyOperator", In = "gantt.filterStartsWithOperator", Nn = "gantt.filterContainsOperator", Mn = "gantt.filterNotContainsOperator", Fn = "gantt.filterEndsWithOperator", Ln = "gantt.filterGteOperator", Hn = "gantt.filterGtOperator", An = "gantt.filterLteOperator", Vn = "gantt.filterLtOperator", zn = "gantt.filterIsTrue", Gn = "gantt.filterIsFalse", Wn = "gantt.filterBooleanAll", On = "gantt.filterAfterOrEqualOperator", Pn = "gantt.filterAfterOperator", _n = "gantt.filterBeforeOperator", Kn = "gantt.filterBeforeOrEqualOperator", Xo = "gantt.noRecords", Bn = "gantt.editSave", Gt = "gantt.editCancel", $n = "gantt.editorTitle", Un = "gantt.editorTaskTitle", Yn = "gantt.editorTaskStart", qn = "gantt.editorTaskEnd", Xn = "gantt.editorTaskComplete", jn = "gantt.editorValidationRequired", Zn = "gantt.editorValidationStart", Jn = "gantt.editorValidationEnd", Qn = "gantt.addTask", ea = "gantt.addChild", ta = "gantt.addAbove", na = "gantt.addBelow", aa = "gantt.editorDelete", oa = "gantt.deleteConfirmation", sa = "gantt.deleteDialogTitle", ne = {
+const lt = "gantt.weekViewTitle", it = "gantt.dayViewTitle", ct = "gantt.monthViewTitle", dt = "gantt.yearViewTitle", ut = "gantt.filterClearButton", Pe = "gantt.filterEqOperator", _e = "gantt.filterNotEqOperator", Ke = "gantt.filterIsNullOperator", Be = "gantt.filterIsNotNullOperator", Sn = "gantt.filterIsEmptyOperator", xn = "gantt.filterIsNotEmptyOperator", In = "gantt.filterStartsWithOperator", Nn = "gantt.filterContainsOperator", Mn = "gantt.filterNotContainsOperator", Fn = "gantt.filterEndsWithOperator", Ln = "gantt.filterGteOperator", Hn = "gantt.filterGtOperator", An = "gantt.filterLteOperator", Vn = "gantt.filterLtOperator", zn = "gantt.filterIsTrue", Gn = "gantt.filterIsFalse", Wn = "gantt.filterBooleanAll", On = "gantt.filterAfterOrEqualOperator", Pn = "gantt.filterAfterOperator", _n = "gantt.filterBeforeOperator", Kn = "gantt.filterBeforeOrEqualOperator", jo = "gantt.noRecords", Bn = "gantt.editSave", Gt = "gantt.editCancel", $n = "gantt.editorTitle", Un = "gantt.editorTaskTitle", Yn = "gantt.editorTaskStart", qn = "gantt.editorTaskEnd", Xn = "gantt.editorTaskComplete", jn = "gantt.editorValidationRequired", Zn = "gantt.editorValidationStart", Jn = "gantt.editorValidationEnd", Qn = "gantt.addTask", ea = "gantt.addChild", ta = "gantt.addAbove", na = "gantt.addBelow", aa = "gantt.editorDelete", oa = "gantt.deleteConfirmation", sa = "gantt.deleteDialogTitle", ae = {
   [lt]: "Week",
   [it]: "Day",
   [ct]: "Month",
@@ -1351,7 +1355,7 @@ const lt = "gantt.weekViewTitle", it = "gantt.dayViewTitle", ct = "gantt.monthVi
   [Pn]: "Is after",
   [_n]: "Is before",
   [Kn]: "Is before or equal to",
-  [Xo]: "No records available",
+  [jo]: "No records available",
   [Bn]: "Save",
   [Gt]: "Cancel",
   [$n]: "Task",
@@ -1399,8 +1403,8 @@ const lt = "gantt.weekViewTitle", it = "gantt.dayViewTitle", ct = "gantt.monthVi
       timelineHeaderCell: r
     }
   );
-}), jo = ({ intl: e, tasksStart: a, tasksEnd: n, timezone: o }) => {
-  const r = S.fromLocalDate(a, o), l = S.fromLocalDate(n, o), s = mn(at(oe(r), e.firstDay())), c = Dt(at(oe(l), e.firstDay()), cn), m = S.fromUTCDate(se(s), o), g = S.fromUTCDate(se(c), o);
+}), Zo = ({ intl: e, tasksStart: a, tasksEnd: n, timezone: o }) => {
+  const r = R.fromLocalDate(a, o), l = R.fromLocalDate(n, o), s = mn(at(re(r), e.firstDay())), c = Dt(at(re(l), e.firstDay()), cn), m = R.fromUTCDate(le(s), o), g = R.fromUTCDate(le(c), o);
   return {
     start: new Date(m.getTime()),
     end: new Date(g.getTime()),
@@ -1409,8 +1413,8 @@ const lt = "gantt.weekViewTitle", it = "gantt.dayViewTitle", ct = "gantt.monthVi
   };
 }, Ae = {
   name: "week",
-  dateRange: jo,
-  title: (e) => e.toLanguageString(lt, ne[lt]),
+  dateRange: Zo,
+  title: (e) => e.toLanguageString(lt, ae[lt]),
   slotWidth: Ie,
   workWeekStart: 1,
   workWeekEnd: 5,
@@ -1429,7 +1433,7 @@ $e.propTypes = {
   workDayEnd: i.string
 };
 $e.displayName = "KendoReactGanttWeekView";
-const Zo = (e, a, n) => {
+const Jo = (e, a, n) => {
   const [o, r] = t.useState(a || e), l = t.useCallback(
     (s, c) => {
       r(s), n && n.call(void 0, { ...c, value: s });
@@ -1438,7 +1442,7 @@ const Zo = (e, a, n) => {
   );
   return [a !== void 0 ? a : o, l];
 }, ra = (e) => {
-  const [a, n] = Dn(), o = ae(), r = t.useMemo(
+  const [a, n] = Dn(), o = oe(), r = t.useMemo(
     () => typeof e.view.title == "function" ? e.view.title.call(void 0, o) : e.view.title,
     [e.view.title, o]
   ), l = t.useCallback(
@@ -1462,13 +1466,13 @@ const Zo = (e, a, n) => {
 };
 ra.displayName = "KendoReactGanttViewSelectorItem";
 const la = t.forwardRef(() => {
-  const e = Po(), [a, n] = Dn(), o = e.find((s) => s.props.name === a), r = ae(), l = t.useCallback(
+  const e = _o(), [a, n] = Dn(), o = e.find((s) => s.props.name === a), r = oe(), l = t.useCallback(
     (s) => {
       n && (s.syntheticEvent.preventDefault(), n(s.item.name));
     },
     [n]
   );
-  return /* @__PURE__ */ t.createElement("div", { className: "k-gantt-views-wrapper" }, /* @__PURE__ */ t.createElement(lo, { className: "k-gantt-views" }, e.map((s) => /* @__PURE__ */ t.createElement(ra, { key: s.props.name, view: s.props }))), o && /* @__PURE__ */ t.createElement(
+  return /* @__PURE__ */ t.createElement("div", { className: "k-gantt-views-wrapper" }, /* @__PURE__ */ t.createElement(io, { className: "k-gantt-views" }, e.map((s) => /* @__PURE__ */ t.createElement(ra, { key: s.props.name, view: s.props }))), o && /* @__PURE__ */ t.createElement(
     on,
     {
       className: "k-views-dropdown",
@@ -1480,7 +1484,7 @@ const la = t.forwardRef(() => {
         selected: s.props.name === a,
         title: typeof s.props.title == "function" ? s.props.title.call(void 0, r) : s.props.title
       })),
-      text: /* @__PURE__ */ t.createElement(t.Fragment, null, typeof o.props.title == "function" ? o.props.title.call(void 0, r) : o.props.title, /* @__PURE__ */ t.createElement(mt, { name: "caret-alt-down", icon: so }))
+      text: /* @__PURE__ */ t.createElement(t.Fragment, null, typeof o.props.title == "function" ? o.props.title.call(void 0, r) : o.props.title, /* @__PURE__ */ t.createElement(mt, { name: "caret-alt-down", icon: ro }))
     }
   ));
 });
@@ -1491,12 +1495,12 @@ const ia = t.forwardRef((e, a) => {
     ...o
   } = e, r = t.useRef(null);
   return t.useImperativeHandle(a, () => ({ element: r.current, props: e })), /* @__PURE__ */ t.createElement(
-    io,
+    co,
     {
       ref: (l) => {
         l && (r.current = l.element);
       },
-      className: ce("k-gantt-views", n),
+      className: de("k-gantt-views", n),
       ...o
     },
     e.children
@@ -1509,9 +1513,9 @@ const ca = t.forwardRef((e, a) => {
     ...o
   } = e, r = t.useRef(null), l = t.useRef(null);
   t.useImperativeHandle(l, () => ({ element: r.current, props: e })), t.useImperativeHandle(a, () => l.current);
-  const s = t.useMemo(() => ce("k-gantt-toolbar k-gantt-header", n), [n]);
+  const s = t.useMemo(() => de("k-gantt-toolbar k-gantt-header", n), [n]);
   return /* @__PURE__ */ t.createElement(
-    co,
+    uo,
     {
       ref: (c) => {
         c && (r.current = c.element);
@@ -1523,15 +1527,15 @@ const ca = t.forwardRef((e, a) => {
   );
 });
 ca.displayName = "KendoReactGanttToolbar";
-const jt = {
+const Zt = {
   name: "@progress/kendo-react-gantt",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1701355204,
+  publishDate: 1702314381,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 }, da = t.forwardRef((e, a) => {
-  const n = ae(), o = (u) => n.toLanguageString(u, ne[u]), r = o(Qn), l = o(ea), s = o(ta), c = o(na), m = t.useCallback(
+  const n = oe(), o = (u) => n.toLanguageString(u, ae[u]), r = o(Qn), l = o(ea), s = o(ta), c = o(na), m = t.useCallback(
     (u) => {
       u.syntheticEvent.preventDefault();
       const h = u.item && u.item.direction ? u.item.direction : "none";
@@ -1551,7 +1555,7 @@ const jt = {
       });
     },
     [e.onClick]
-  ), d = /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(mt, { name: "plus", icon: ro }), r);
+  ), d = /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(mt, { name: "plus", icon: lo }), r);
   return e.selectedTask ? /* @__PURE__ */ t.createElement(
     on,
     {
@@ -1570,8 +1574,8 @@ const jt = {
 });
 da.displayName = "KendoReactGanttAddButton";
 const Wt = t.forwardRef((e, a) => {
-  Ta(jt);
-  const n = ba(jt), {
+  ba(Zt);
+  const n = Ra(Zt), {
     columns: o = Se.columns,
     taskData: r = Se.taskData,
     dependencyData: l = Se.dependencyData,
@@ -1588,72 +1592,72 @@ const Wt = t.forwardRef((e, a) => {
     columnMenuFilter: v,
     columnMenu: L,
     navigatable: V,
-    toolbar: M,
+    toolbar: N,
     row: x,
     selectable: z
-  } = e, J = xe(), { fields: R } = t.useMemo(() => vo(e.taskModelFields), [e.taskModelFields]), { fields: X } = t.useMemo(() => To(e.dependencyModelFields), [e.dependencyModelFields]), A = t.useCallback(
-    Go(R.isExpanded, R.children),
-    [R.isExpanded, R.children]
+  } = e, J = xe(), { fields: b } = t.useMemo(() => To(e.taskModelFields), [e.taskModelFields]), { fields: X } = t.useMemo(() => bo(e.dependencyModelFields), [e.dependencyModelFields]), A = t.useCallback(
+    Wo(b.isExpanded, b.children),
+    [b.isExpanded, b.children]
   ), j = t.useRef(null), G = t.useRef(null), B = t.useRef(null), E = t.useRef(null), H = t.useRef(null), Q = t.useCallback(
     (k) => {
-      const re = D(R.start)(k), le = D(R.end)(k), be = D(R.isSelected)(k);
-      (!G.current || re < G.current) && (G.current = re), (!B.current || le > B.current) && (B.current = le), be && (E.current = k);
+      const se = D(b.start)(k), ie = D(b.end)(k), be = D(b.isSelected)(k);
+      (!G.current || se < G.current) && (G.current = se), (!B.current || ie > B.current) && (B.current = ie), be && (E.current = k);
     },
-    [R.start, R.end]
+    [b.start, b.end]
   ), _ = t.useMemo(
-    () => (G.current = null, B.current = null, E.current = null, ao(r, A, Q)),
+    () => (G.current = null, B.current = null, E.current = null, oo(r, A, Q)),
     [r, A]
   );
-  (!G.current || !B.current) && (G.current = new Date(Ut), B.current = new Date(Ut));
+  (!G.current || !B.current) && (G.current = new Date(Yt), B.current = new Date(Yt));
   const w = t.Children.toArray(
     e.children || [/* @__PURE__ */ t.createElement($e, { key: "week", firstSlotRangeRef: H })]
   ), [
     Z,
     T
-  ] = Zo(
+  ] = Jo(
     e.defaultView || w[0].props.name,
     e.view,
     e.onViewChange
-  ), N = w.find((k) => k.props.name === Z) || w[0], K = typeof N.props.dateRange == "function" ? N.props.dateRange.call(void 0, {
+  ), S = w.find((k) => k.props.name === Z) || w[0], K = typeof S.props.dateRange == "function" ? S.props.dateRange.call(void 0, {
     intl: J,
     tasksStart: G.current,
     tasksEnd: B.current,
     timezone: g
-  }) : N.props.dateRange, Y = t.useRef(null), [W, O] = t.useState(0);
+  }) : S.props.dateRange, Y = t.useRef(null), [W, O] = t.useState(0);
   t.useLayoutEffect(
     () => {
       Y.current && O(Y.current.element.offsetHeight);
     },
     []
   );
-  const ge = t.useCallback(
+  const he = t.useCallback(
     (k) => {
       j.current && j.current.scrollIntoView(k);
     },
     []
-  ), we = t.useRef(null), b = t.useRef(null);
-  t.useImperativeHandle(b, () => ({ props: e, element: we.current, scrollIntoView: ge })), t.useImperativeHandle(a, () => b.current);
-  const Le = t.useCallback(
+  ), ye = t.useRef(null), F = t.useRef(null);
+  t.useImperativeHandle(F, () => ({ props: e, element: ye.current, scrollIntoView: he })), t.useImperativeHandle(a, () => F.current);
+  const ee = t.useCallback(
     (k) => {
       e.onDataStateChange && e.onDataStateChange.call(
         void 0,
-        { ...k, target: b.current }
+        { ...k, target: F.current }
       );
     },
     [e.onDataStateChange]
-  ), Ye = t.useCallback(
+  ), Le = t.useCallback(
     (k) => {
       e.onSortChange && e.onSortChange.call(
         void 0,
-        { ...k, target: b.current }
+        { ...k, target: F.current }
       );
     },
     [e.onSortChange]
-  ), he = t.useCallback(
+  ), Ye = t.useCallback(
     (k) => {
       e.onKeyDown && e.onKeyDown.call(
         void 0,
-        { ...k, target: b.current }
+        { ...k, target: F.current }
       );
     },
     [e.onKeyDown]
@@ -1661,7 +1665,7 @@ const Wt = t.forwardRef((e, a) => {
     (k) => {
       e.onSelectionChange && e.onSelectionChange.call(
         void 0,
-        { ...k, target: b.current }
+        { ...k, target: F.current }
       );
     },
     [e.onSelectionChange]
@@ -1669,7 +1673,7 @@ const Wt = t.forwardRef((e, a) => {
     (k) => {
       e.onHeaderSelectionChange && e.onHeaderSelectionChange.call(
         void 0,
-        { ...k, target: b.current }
+        { ...k, target: F.current }
       );
     },
     [e.onHeaderSelectionChange]
@@ -1677,33 +1681,33 @@ const Wt = t.forwardRef((e, a) => {
     (k) => {
       e.onFilterChange && e.onFilterChange.call(
         void 0,
-        { ...k, target: b.current }
+        { ...k, target: F.current }
       );
     },
     [e.onFilterChange]
-  ), de = t.useCallback(
+  ), ke = t.useCallback(
     (k) => {
       e.onColumnMenuFilterChange && e.onColumnMenuFilterChange.call(
         void 0,
-        { ...k, target: b.current }
+        { ...k, target: F.current }
       );
     },
     [e.onColumnMenuFilterChange]
-  ), ye = t.useCallback(
+  ), ue = t.useCallback(
     (k) => {
       e.onExpandChange && e.onExpandChange.call(
         void 0,
-        { ...k, target: b.current }
+        { ...k, target: F.current }
       );
     },
     [e.onExpandChange]
-  ), ue = t.useCallback(
+  ), ve = t.useCallback(
     (k) => {
       e.onAddClick && e.onAddClick.call(
         void 0,
         {
           ...k,
-          target: b.current,
+          target: F.current,
           selectedDataItem: E.current,
           slotStart: H.current && new Date(H.current.start.getTime()),
           slotEnd: H.current && new Date(H.current.end.getTime())
@@ -1711,103 +1715,103 @@ const Wt = t.forwardRef((e, a) => {
       );
     },
     [e.onAddClick]
-  ), ve = t.useCallback(
+  ), me = t.useCallback(
     (k) => {
       e.onColumnResize && e.onColumnResize.call(
         void 0,
         {
           ...k,
-          target: b.current
+          target: F.current
         }
       );
     },
     [e.onColumnResize]
-  ), qe = t.useCallback(
+  ), Te = t.useCallback(
     (k) => {
       e.onColumnReorder && e.onColumnReorder.call(
         void 0,
-        { ...k, target: b.current }
+        { ...k, target: F.current }
       );
     },
     [e.onColumnReorder]
-  ), Xe = t.useCallback(
+  ), qe = t.useCallback(
     (k) => {
       e.onRowClick && e.onRowClick.call(
         void 0,
-        { ...k, target: b.current }
+        { ...k, target: F.current }
       );
     },
     [e.onRowClick]
-  ), ke = t.useCallback(
+  ), Xe = t.useCallback(
     (k) => {
       e.onRowDoubleClick && e.onRowDoubleClick.call(
         void 0,
-        { ...k, target: b.current }
+        { ...k, target: F.current }
       );
     },
     [e.onRowClick]
-  ), je = t.useCallback(
+  ), Ee = t.useCallback(
     (k) => {
       e.onRowContextMenu && e.onRowContextMenu.call(
         void 0,
-        { ...k, target: b.current }
+        { ...k, target: F.current }
       );
     },
     [e.onRowClick]
-  ), Ze = t.useCallback(
+  ), je = t.useCallback(
     (k) => {
       e.onTaskClick && e.onTaskClick.call(
         void 0,
-        { ...k, target: b.current }
+        { ...k, target: F.current }
       );
     },
     [e.onTaskClick]
-  ), Je = t.useCallback(
+  ), Ze = t.useCallback(
     (k) => {
       e.onTaskDoubleClick && e.onTaskDoubleClick.call(
         void 0,
-        { ...k, target: b.current }
+        { ...k, target: F.current }
       );
     },
     [e.onTaskDoubleClick]
-  ), Qe = t.useCallback(
+  ), Je = t.useCallback(
     (k) => {
       e.onTaskContextMenu && e.onTaskContextMenu.call(
         void 0,
-        { ...k, target: b.current }
+        { ...k, target: F.current }
       );
     },
     [e.onTaskContextMenu]
-  ), et = t.useCallback(
+  ), Qe = t.useCallback(
     (k) => {
       e.onTaskRemoveClick && e.onTaskRemoveClick.call(
         void 0,
-        { ...k, target: b.current }
+        { ...k, target: F.current }
       );
     },
     [e.onTaskRemoveClick]
-  ), Te = t.useCallback(
+  ), et = t.useCallback(
     (k) => {
       if (e.onDependencyCreate) {
-        let re, le;
-        const be = D(R.id);
+        let se, ie;
+        const be = D(b.id);
         for (let Re = 0; Re < _.length; Re++) {
-          const tt = _[Re], Ee = be(tt.dataItem);
-          if (String(Ee) === k.fromId && (re = Ee), String(Ee) === k.toId && (le = Ee), re && le)
+          const tt = _[Re], De = be(tt.dataItem);
+          if (String(De) === k.fromId && (se = De), String(De) === k.toId && (ie = De), se && ie)
             break;
         }
         e.onDependencyCreate.call(
           void 0,
           {
-            fromId: re,
-            toId: le,
-            target: b.current,
+            fromId: se,
+            toId: ie,
+            target: F.current,
             type: k.type
           }
         );
       }
     },
-    [e.onDependencyCreate, R, _]
+    [e.onDependencyCreate, b, _]
   );
   return /* @__PURE__ */ t.createElement(
     yn,
@@ -1815,7 +1819,7 @@ const Wt = t.forwardRef((e, a) => {
       dateRange: K,
       taskData: _,
       dependencyData: l,
-      taskModelFields: R,
+      taskModelFields: b,
       dependencyModelFields: X,
       views: w,
       activeView: [Z, T],
@@ -1837,47 +1841,47 @@ const Wt = t.forwardRef((e, a) => {
         selectable: z
       },
       events: {
-        onDataStateChange: Le,
-        onSortChange: Ye,
+        onDataStateChange: ee,
+        onSortChange: Le,
         onFilterChange: Ce,
-        onColumnMenuFilterChange: de,
-        onExpandChange: ye,
-        onRowClick: Xe,
-        onRowDoubleClick: ke,
-        onRowContextMenu: je,
-        onColumnResize: ve,
-        onColumnReorder: qe,
-        onDependencyCreate: e.onDependencyCreate && Te,
-        onKeyDown: he,
+        onColumnMenuFilterChange: ke,
+        onExpandChange: ue,
+        onRowClick: qe,
+        onRowDoubleClick: Xe,
+        onRowContextMenu: Ee,
+        onColumnResize: me,
+        onColumnReorder: Te,
+        onDependencyCreate: e.onDependencyCreate && et,
+        onKeyDown: Ye,
         onSelectionChange: fe,
         onHeaderSelectionChange: pe
       },
       taskEvents: {
-        onTaskClick: Ze,
-        onTaskDoubleClick: Je,
-        onTaskContextMenu: Qe,
-        onTaskRemoveClick: e.onTaskRemoveClick && et
+        onTaskClick: je,
+        onTaskDoubleClick: Ze,
+        onTaskContextMenu: Je,
+        onTaskRemoveClick: e.onTaskRemoveClick && Qe
       }
     },
     /* @__PURE__ */ t.createElement(
       "div",
       {
-        ref: we,
+        ref: ye,
         role: "application",
         style: s,
-        className: ce("k-gantt", c)
+        className: de("k-gantt", c)
       },
-      /* @__PURE__ */ t.createElement(ca, { ref: Y }, M && M.addTaskButton ? /* @__PURE__ */ t.createElement(da, { selectedTask: E.current, onClick: ue }) : null, /* @__PURE__ */ t.createElement(uo, null), /* @__PURE__ */ t.createElement(ia, null, /* @__PURE__ */ t.createElement(la, null))),
-      N && /* @__PURE__ */ t.createElement(
-        N.type,
+      /* @__PURE__ */ t.createElement(ca, { ref: Y }, N && N.addTaskButton ? /* @__PURE__ */ t.createElement(da, { selectedTask: E.current, onClick: ve }) : null, /* @__PURE__ */ t.createElement(mo, null), /* @__PURE__ */ t.createElement(ia, null, /* @__PURE__ */ t.createElement(la, null))),
+      S && /* @__PURE__ */ t.createElement(
+        S.type,
         {
-          key: N.props.name,
+          key: S.props.name,
           ref: j,
-          ...N.props,
+          ...S.props,
           firstSlotRangeRef: H
         }
       ),
-      n && /* @__PURE__ */ t.createElement(Ra, null)
+      n && /* @__PURE__ */ t.createElement(Sa, null)
     )
   );
 }), Se = {
@@ -1953,21 +1957,21 @@ Wt.propTypes = {
 Wt.defaultProps = Se;
 Wt.displayName = "KendoReactGantt";
 const Ot = t.forwardRef((e, a) => {
-  const { slotWidth: n = me.slotWidth, slotDuration: o = me.slotDuration, firstSlotRangeRef: r, timelineHeaderCell: l } = e, { timezone: s } = Ne(), c = xe(), m = t.useRef(null), g = t.useRef(null), d = t.useCallback(
+  const { slotWidth: n = ge.slotWidth, slotDuration: o = ge.slotDuration, firstSlotRangeRef: r, timelineHeaderCell: l } = e, { timezone: s } = Ne(), c = xe(), m = t.useRef(null), g = t.useRef(null), d = t.useCallback(
     (L) => {
       g.current && g.current.scrollIntoView(L);
     },
     []
   );
   t.useImperativeHandle(m, () => ({ scrollIntoView: d })), t.useImperativeHandle(a, () => m.current);
-  const u = Me(), h = e.workWeekStart || me.workWeekStart, p = e.workWeekEnd || me.workWeekEnd, C = e.workDayStart || me.workDayStart, f = e.workDayEnd || me.workDayEnd, v = t.useMemo(
+  const u = Me(), h = e.workWeekStart || ge.workWeekStart, p = e.workWeekEnd || ge.workWeekEnd, C = e.workDayStart || ge.workDayStart, f = e.workDayEnd || ge.workDayEnd, v = t.useMemo(
     () => {
       const L = gn({
         workWeekStart: h,
         workWeekEnd: p
-      }), V = [], M = fn(u, { workDays: L, timezone: s }, c);
-      return M.forEach((x) => {
-        const z = Lo(
+      }), V = [], N = fn(u, { workDays: L, timezone: s }, c);
+      return N.forEach((x) => {
+        const z = Ho(
           x.range,
           {
             workDayStart: C,
@@ -1978,7 +1982,7 @@ const Ot = t.forwardRef((e, a) => {
           c
         );
         x.span = z.length, V.push.apply(V, z);
-      }), r && V[0] && (r.current = V[0].range), [M, V];
+      }), r && V[0] && (r.current = V[0].range), [N, V];
     },
     [s, u.start.getTime(), u.end.getTime(), c, h, p, C, f]
   );
@@ -1991,8 +1995,8 @@ const Ot = t.forwardRef((e, a) => {
       timelineHeaderCell: l
     }
   );
-}), Jo = ({ tasksStart: e, tasksEnd: a, timezone: n }) => {
-  const o = S.fromLocalDate(e, n), r = S.fromLocalDate(a, n), l = mn(o), s = Dt(r), c = S.fromUTCDate(se(l), n), m = S.fromUTCDate(se(s), n);
+}), Qo = ({ tasksStart: e, tasksEnd: a, timezone: n }) => {
+  const o = R.fromLocalDate(e, n), r = R.fromLocalDate(a, n), l = mn(o), s = Dt(r), c = R.fromUTCDate(le(l), n), m = R.fromUTCDate(le(s), n);
   return {
     // Sat May 31 2014 07:00:00 GMT+0300 (Eastern European Summer Time)
     start: new Date(c.getTime()),
@@ -2001,10 +2005,10 @@ const Ot = t.forwardRef((e, a) => {
     zonedStart: c,
     zonedEnd: m
   };
-}, me = {
+}, ge = {
   name: "day",
-  dateRange: Jo,
-  title: (e) => e.toLanguageString(it, ne[it]),
+  dateRange: Qo,
+  title: (e) => e.toLanguageString(it, ae[it]),
   slotWidth: Ie,
   slotDuration: 60,
   workWeekStart: 1,
@@ -2012,7 +2016,7 @@ const Ot = t.forwardRef((e, a) => {
   workDayStart: "08:00",
   workDayEnd: "17:00"
 };
-Ot.defaultProps = me;
+Ot.defaultProps = ge;
 Ot.propTypes = {
   name: i.string,
   dateRange: i.oneOfType([i.func, i.object]),
@@ -2056,8 +2060,8 @@ const Pt = t.forwardRef((e, a) => {
       timelineHeaderCell: r
     }
   );
-}), Qo = ({ tasksStart: e, tasksEnd: a, timezone: n }) => {
-  const o = S.fromLocalDate(e, n), r = S.fromLocalDate(a, n), l = en(oe(o)), s = ht(tn(oe(r)), 1), c = S.fromUTCDate(se(l), n), m = S.fromUTCDate(se(s), n);
+}), es = ({ tasksStart: e, tasksEnd: a, timezone: n }) => {
+  const o = R.fromLocalDate(e, n), r = R.fromLocalDate(a, n), l = en(re(o)), s = ht(tn(re(r)), 1), c = R.fromUTCDate(le(l), n), m = R.fromUTCDate(le(s), n);
   return {
     start: new Date(c.getTime()),
     end: new Date(m.getTime()),
@@ -2066,8 +2070,8 @@ const Pt = t.forwardRef((e, a) => {
   };
 }, ua = {
   name: "month",
-  dateRange: Qo,
-  title: (e) => e.toLanguageString(ct, ne[ct]),
+  dateRange: es,
+  title: (e) => e.toLanguageString(ct, ae[ct]),
   slotWidth: Ie,
   workWeekStart: 1,
   workWeekEnd: 5,
@@ -2096,7 +2100,7 @@ const _t = t.forwardRef((e, a) => {
   t.useImperativeHandle(c, () => ({ scrollIntoView: g })), t.useImperativeHandle(a, () => c.current);
   const d = Me(), u = t.useMemo(
     () => {
-      const h = Ho(d, { timezone: l }, s), p = [];
+      const h = Ao(d, { timezone: l }, s), p = [];
       return h.forEach((C) => {
         const f = Cn(
           C.range,
@@ -2116,8 +2120,8 @@ const _t = t.forwardRef((e, a) => {
       timelineHeaderCell: r
     }
   );
-}), es = ({ tasksStart: e, tasksEnd: a, timezone: n }) => {
-  const o = S.fromLocalDate(e, n), r = S.fromLocalDate(a, n), l = en(xa(oe(o))), s = ht(tn(Ia(oe(r))), 1), c = S.fromUTCDate(se(l), n), m = S.fromUTCDate(se(s), n);
+}), ts = ({ tasksStart: e, tasksEnd: a, timezone: n }) => {
+  const o = R.fromLocalDate(e, n), r = R.fromLocalDate(a, n), l = en(Ia(re(o))), s = ht(tn(Na(re(r))), 1), c = R.fromUTCDate(le(l), n), m = R.fromUTCDate(le(s), n);
   return {
     start: new Date(c.getTime()),
     end: new Date(m.getTime()),
@@ -2126,8 +2130,8 @@ const _t = t.forwardRef((e, a) => {
   };
 }, ma = {
   name: "year",
-  dateRange: es,
-  title: (e) => e.toLanguageString(dt, ne[dt]),
+  dateRange: ts,
+  title: (e) => e.toLanguageString(dt, ae[dt]),
   slotWidth: Ie
 };
 _t.defaultProps = ma;
@@ -2138,7 +2142,7 @@ _t.propTypes = {
   slotWidth: i.number
 };
 _t.displayName = "GanttYearView";
-const ts = [
+const ns = [
   { text: Nn, operator: "contains" },
   { text: Mn, operator: "doesnotcontain" },
   { text: Pe, operator: "eq" },
@@ -2149,7 +2153,7 @@ const ts = [
   { text: Be, operator: "isnotnull" },
   { text: Sn, operator: "isempty" },
   { text: xn, operator: "isnotempty" }
-], ns = [
+], as = [
   { text: Pe, operator: "eq" },
   { text: _e, operator: "neq" },
   { text: Ln, operator: "gte" },
@@ -2158,7 +2162,7 @@ const ts = [
   { text: Vn, operator: "lt" },
   { text: Ke, operator: "isnull" },
   { text: Be, operator: "isnotnull" }
-], as = [
+], os = [
   { text: Pe, operator: "eq" },
   { text: _e, operator: "neq" },
   { text: On, operator: "gte" },
@@ -2167,91 +2171,91 @@ const ts = [
   { text: Kn, operator: "lte" },
   { text: Ke, operator: "isnull" },
   { text: Be, operator: "isnotnull" }
-], os = [
+], ss = [
   { text: Wn, operator: "" },
   { text: zn, operator: !0 },
   { text: Gn, operator: !1 }
 ];
 function Ue(e, a) {
   return {
-    clearButtonTitle: e.toLanguageString(ut, ne[ut]),
+    clearButtonTitle: e.toLanguageString(ut, ae[ut]),
     operators: a.map((n) => ({
-      text: e.toLanguageString(n.text, ne[n.text]),
+      text: e.toLanguageString(n.text, ae[n.text]),
       operator: n.operator
     }))
   };
 }
-const ss = (e) => {
+const rs = (e) => {
   const { operators: a, ...n } = e;
   return /* @__PURE__ */ t.createElement(
-    qa,
+    Xa,
     {
       ariaLabel: "text filter",
-      ...Ue(ae(), a || ts),
+      ...Ue(oe(), a || ns),
       ...n
     }
   );
 };
-ss.displayName = "KendoReactGanttTextFilter";
-const rs = (e) => {
+rs.displayName = "KendoReactGanttTextFilter";
+const ls = (e) => {
   const { operators: a, ...n } = e;
   return /* @__PURE__ */ t.createElement(
-    Xa,
+    ja,
     {
       ariaLabel: "numeric filter",
-      ...Ue(ae(), a || ns),
+      ...Ue(oe(), a || as),
       ...n
     }
   );
 };
-rs.displayName = "KendoReactGanttNumericFilter";
-const ls = (e) => {
+ls.displayName = "KendoReactGanttNumericFilter";
+const is = (e) => {
   const { operators: a, ...n } = e;
   return /* @__PURE__ */ t.createElement(
-    ja,
+    Za,
     {
       ariaLabel: "boolean filter",
-      ...Ue(ae(), a || os),
+      ...Ue(oe(), a || ss),
       ...n
     }
   );
 };
-ls.displayName = "KendoReactGanttBooleanFilter";
-const is = (e) => {
+is.displayName = "KendoReactGanttBooleanFilter";
+const cs = (e) => {
   const { operators: a, ...n } = e;
   return /* @__PURE__ */ t.createElement(
-    Za,
+    Ja,
     {
       ariaLabel: "date filter",
-      ...Ue(ae(), a || as),
+      ...Ue(oe(), a || os),
       ...n
     }
   );
 };
-is.displayName = "KendoReactGanttDateFilter";
-const Fs = (e) => {
-  const { dependencyData: a, dependencyModelFields: n, defaultDataItem: o, fromId: r, toId: l, type: s } = e, c = a.map((h) => ({ ...h })), m = ee(n.fromId), g = ee(n.toId), d = ee(n.type), u = o ? { ...o } : {};
+cs.displayName = "KendoReactGanttDateFilter";
+const Ls = (e) => {
+  const { dependencyData: a, dependencyModelFields: n, defaultDataItem: o, fromId: r, toId: l, type: s } = e, c = a.map((h) => ({ ...h })), m = te(n.fromId), g = te(n.toId), d = te(n.type), u = o ? { ...o } : {};
   return m(u, r), g(u, l), d(u, s), c.push(u), c;
-}, Ls = (e) => {
-  const { defaultDataItem: a, selectedDataItem: n, direction: o, taskModelFields: r, dataTree: l, slotStart: s, slotEnd: c } = e, m = Et(l, r.children, (f) => ({ ...f })), g = ee(r.start), d = ee(r.end), u = D(r.start), h = D(r.end), p = a ? { ...a } : {}, C = u(p) && h(p);
+}, Hs = (e) => {
+  const { defaultDataItem: a, selectedDataItem: n, direction: o, taskModelFields: r, dataTree: l, slotStart: s, slotEnd: c } = e, m = Et(l, r.children, (f) => ({ ...f })), g = te(r.start), d = te(r.end), u = D(r.start), h = D(r.end), p = a ? { ...a } : {}, C = u(p) && h(p);
   if (!n || o === "none")
     C || (g(p, s), d(p, c)), m.unshift(p);
   else {
     const f = [{
       task: { [r.children]: m },
       childrenIndex: 0
-    }], v = D(r.id), L = D(r.children), V = ee(r.children), M = v(n);
+    }], v = D(r.id), L = D(r.children), V = te(r.children), N = v(n);
     for (; f.length > 0; ) {
-      const x = f[f.length - 1], z = x.task, J = v(z), R = L(z);
-      if (J && J === M)
+      const x = f[f.length - 1], z = x.task, J = v(z), b = L(z);
+      if (J && J === N)
         break;
-      R && R.length && R.length > x.childrenIndex ? (f.push({
-        task: R[x.childrenIndex],
+      b && b.length && b.length > x.childrenIndex ? (f.push({
+        task: b[x.childrenIndex],
         childrenIndex: 0
       }), x.childrenIndex++) : f.pop();
     }
     if (f.length > 1) {
-      const x = f[f.length - 1].task, z = f[f.length - 2].childrenIndex, R = f[f.length - 2].task, X = L(R);
+      const x = f[f.length - 1].task, z = f[f.length - 2].childrenIndex, b = f[f.length - 2].task, X = L(b);
       switch (o) {
         case "child": {
           let A = L(x);
@@ -2259,18 +2263,18 @@ const Fs = (e) => {
           break;
         }
         case "above": {
-          u(R) && h(R) && !C ? (g(p, new Date(u(x).getTime())), d(p, new Date(h(x).getTime()))) : (g(p, s), d(p, c)), X.splice(z - 1, 0, p), Ve(f.splice(1, f.length - 2).map((A) => A.task), r);
+          u(b) && h(b) && !C ? (g(p, new Date(u(x).getTime())), d(p, new Date(h(x).getTime()))) : (g(p, s), d(p, c)), X.splice(z - 1, 0, p), Ve(f.splice(1, f.length - 2).map((A) => A.task), r);
           break;
         }
         case "below": {
-          u(R) && h(R) && !C ? (g(p, new Date(u(x).getTime())), d(p, new Date(h(x).getTime()))) : (g(p, s), d(p, c)), X.splice(z, 0, p), Ve(f.splice(1, f.length - 2).map((A) => A.task), r);
+          u(b) && h(b) && !C ? (g(p, new Date(u(x).getTime())), d(p, new Date(h(x).getTime()))) : (g(p, s), d(p, c)), X.splice(z, 0, p), Ve(f.splice(1, f.length - 2).map((A) => A.task), r);
           break;
         }
       }
     }
   }
   return m;
-}, Hs = (e) => {
+}, As = (e) => {
   const { updatedDataItem: a, taskModelFields: n, dataTree: o } = e, r = D(n.id), l = D(n.children), s = r(a);
   let c;
   const m = Et(o, n.children, (d) => r(d) === s ? (c = d, { ...a }) : { ...d });
@@ -2293,12 +2297,12 @@ const Fs = (e) => {
     if (d(c).getTime() !== d(a).getTime()) {
       ga(g.map((C) => C.task), n);
       const p = d(a).getTime() - d(c).getTime();
-      cs(l(a), n, p);
+      ds(l(a), n, p);
     }
     u(c).getTime() !== u(a).getTime() && ha(g.map((p) => p.task), n), h(c) !== h(a) && fa(g.map((p) => p.task), n);
   }
   return m;
-}, As = (e) => {
+}, Vs = (e) => {
   const { removedDataItem: a, taskModelFields: n, dataTree: o } = e, r = Et(o, n.children, (g) => ({ ...g }));
   let l = [{
     task: { [n.children]: r },
@@ -2324,7 +2328,7 @@ const Fs = (e) => {
 }, ga = (e, a) => {
   if (!e.length)
     return;
-  const n = D(a.children), o = D(a.start), r = ee(a.start);
+  const n = D(a.children), o = D(a.start), r = te(a.start);
   for (let l = e.length - 1; l >= 0; l--) {
     const s = e[l], c = n(s);
     if (c && c.length) {
@@ -2338,7 +2342,7 @@ const Fs = (e) => {
 }, ha = (e, a) => {
   if (!e.length)
     return;
-  const n = D(a.children), o = D(a.end), r = ee(a.end);
+  const n = D(a.children), o = D(a.end), r = te(a.end);
   for (let l = e.length - 1; l >= 0; l--) {
     const s = e[l], c = n(s);
     if (c && c.length) {
@@ -2352,7 +2356,7 @@ const Fs = (e) => {
 }, fa = (e, a) => {
   if (!e.length)
     return;
-  const n = D(a.children), o = D(a.percentComplete), r = ee(a.percentComplete), l = ({ avg: s, n: c }, m) => ({
+  const n = D(a.children), o = D(a.percentComplete), r = te(a.percentComplete), l = ({ avg: s, n: c }, m) => ({
     avg: ((o(m) || 0) + c * s) / (c + 1),
     n: c + 1
   });
@@ -2363,10 +2367,10 @@ const Fs = (e) => {
       r(c, g);
     }
   }
-}, cs = (e, a, n) => {
+}, ds = (e, a, n) => {
   if (!e)
     return;
-  const o = D(a.children), r = D(a.start), l = ee(a.start), s = D(a.end), c = ee(a.end), m = e.map((g) => ({ task: g, childrenIndex: 0 }));
+  const o = D(a.children), r = D(a.start), l = te(a.start), s = D(a.end), c = te(a.end), m = e.map((g) => ({ task: g, childrenIndex: 0 }));
   for (; m.length > 0; ) {
     const g = m[m.length - 1], d = g.task, u = o(d);
     u && u.length && u.length > g.childrenIndex ? (m.push({
@@ -2374,10 +2378,10 @@ const Fs = (e) => {
       childrenIndex: 0
     }), g.childrenIndex++) : (m.pop(), l(d, new Date(r(d).getTime() + n)), c(d, new Date(s(d).getTime() + n)));
   }
-}, ds = (e) => {
+}, us = (e) => {
   const { validationMessage: a, touched: n, label: o, id: r, valid: l, disabled: s, hint: c, type: m, optional: g, ...d } = e, u = n && a, h = !u && c, p = h ? `${r}_hint` : "", C = u ? `${r}_error` : "";
   return /* @__PURE__ */ t.createElement(ft, null, /* @__PURE__ */ t.createElement(pt, { editorId: r, editorValid: l, editorDisabled: s, optional: g }, o), /* @__PURE__ */ t.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ t.createElement(
-    ho,
+    fo,
     {
       valid: l,
       type: m,
@@ -2387,10 +2391,10 @@ const Fs = (e) => {
       ...d
     }
   ), h && /* @__PURE__ */ t.createElement(Ct, { id: p }, c), u && /* @__PURE__ */ t.createElement(kt, { id: C }, a)));
-}, Zt = (e) => {
+}, Jt = (e) => {
   const { validationMessage: a, touched: n, label: o, id: r, valid: l, disabled: s, hint: c, wrapperStyle: m, ...g } = e, d = n && a, u = !d && c, h = u ? `${r}_hint` : "", p = d ? `${r}_error` : "", C = o ? `${r}_label` : "";
   return /* @__PURE__ */ t.createElement(ft, { style: m }, /* @__PURE__ */ t.createElement(pt, { id: C, editorId: r, editorValid: l, editorDisabled: s }, o), /* @__PURE__ */ t.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ t.createElement(
-    po,
+    Co,
     {
       ariaLabelledBy: C,
       ariaDescribedBy: `${h} ${p}`,
@@ -2400,10 +2404,10 @@ const Fs = (e) => {
       ...g
     }
   ), u && /* @__PURE__ */ t.createElement(Ct, { id: h }, c), d && /* @__PURE__ */ t.createElement(kt, { id: p }, a)));
-}, us = (e) => {
+}, ms = (e) => {
   const { validationMessage: a, touched: n, label: o, id: r, valid: l, disabled: s, hint: c, ...m } = e, g = n && a, d = !g && c, u = d ? `${r}_hint` : "", h = g ? `${r}_error` : "";
   return /* @__PURE__ */ t.createElement(ft, null, /* @__PURE__ */ t.createElement(pt, { editorId: r, editorValid: l, editorDisabled: s }, o), /* @__PURE__ */ t.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ t.createElement(
-    fo,
+    po,
     {
       ariaDescribedBy: `${u} ${h}`,
       valid: l,
@@ -2412,8 +2416,8 @@ const Fs = (e) => {
       ...m
     }
   ), d && /* @__PURE__ */ t.createElement(Ct, { id: u }, c), g && /* @__PURE__ */ t.createElement(kt, { id: h }, a)));
-}, ms = () => {
-  const e = Tt(), a = ae(), n = (f) => a.toLanguageString(f, ne[f]), o = n(Un), r = n(Yn), l = n(qn), s = n(Xn), c = n(jn), m = n(Zn), g = n(Jn), d = t.useCallback(
+}, gs = () => {
+  const e = Tt(), a = oe(), n = (f) => a.toLanguageString(f, ae[f]), o = n(Un), r = n(Yn), l = n(qn), s = n(Xn), c = n(jn), m = n(Zn), g = n(Jn), d = t.useCallback(
     (f) => f || f === 0 ? void 0 : c,
     [c]
   ), u = t.useCallback(
@@ -2429,13 +2433,13 @@ const Fs = (e) => {
     () => [d, h],
     [d, h]
   );
-  return /* @__PURE__ */ t.createElement(mo, { style: { width: 400 }, horizontal: !0 }, /* @__PURE__ */ t.createElement(
+  return /* @__PURE__ */ t.createElement(go, { style: { width: 400 }, horizontal: !0 }, /* @__PURE__ */ t.createElement(
     He,
     {
       id: `${e.title}_gantteditor`,
       name: e.title,
       label: o,
-      component: ds,
+      component: us,
       validator: d
     }
   ), /* @__PURE__ */ t.createElement(
@@ -2444,7 +2448,7 @@ const Fs = (e) => {
       id: `${e.start}_gantteditor`,
       name: e.start,
       label: r,
-      component: Zt,
+      component: Jt,
       validator: p
     }
   ), /* @__PURE__ */ t.createElement(
@@ -2453,7 +2457,7 @@ const Fs = (e) => {
       id: `${e.end}_gantteditor`,
       name: e.end,
       label: l,
-      component: Zt,
+      component: Jt,
       validator: C
     }
   ), /* @__PURE__ */ t.createElement(
@@ -2463,13 +2467,13 @@ const Fs = (e) => {
       name: e.percentComplete,
       format: "p",
       label: s,
-      component: us,
+      component: ms,
       step: 0.01,
       validator: d
     }
   ));
-}, Vs = (e) => {
-  const { onCancel: a, onClose: n, onSubmit: o, ...r } = e, l = ae(), s = (C) => l.toLanguageString(C, ne[C]), c = s(Bn), m = s(Gt), g = s($n), d = t.useCallback(
+}, zs = (e) => {
+  const { onCancel: a, onClose: n, onSubmit: o, ...r } = e, l = oe(), s = (C) => l.toLanguageString(C, ae[C]), c = s(Bn), m = s(Gt), g = s($n), d = t.useCallback(
     (C) => {
       if (a) {
         const f = { syntheticEvent: C, nativeEvent: C.nativeEvent, dataItem: e.dataItem };
@@ -2494,7 +2498,7 @@ const Fs = (e) => {
     },
     [o]
   ), p = /* @__PURE__ */ t.createElement(
-    go,
+    ho,
     {
       initialValues: e.dataItem,
       onSubmit: h,
@@ -2506,7 +2510,7 @@ const Fs = (e) => {
           onClose: u,
           style: { zIndex: 90 }
         },
-        /* @__PURE__ */ t.createElement(ms, null),
+        /* @__PURE__ */ t.createElement(gs, null),
         /* @__PURE__ */ t.createElement(ln, null, /* @__PURE__ */ t.createElement(
           ze,
           {
@@ -2520,8 +2524,8 @@ const Fs = (e) => {
     }
   );
   return gt ? sn.createPortal(p, document && document.body) : null;
-}, zs = (e) => {
-  const { onClose: a, onCancel: n, onConfirm: o, dataItem: r } = e, l = ae(), s = (f) => l.toLanguageString(f, ne[f]), c = s(aa), m = s(Gt), g = s(oa), d = s(sa), u = t.useCallback(
+}, Gs = (e) => {
+  const { onClose: a, onCancel: n, onConfirm: o, dataItem: r } = e, l = oe(), s = (f) => l.toLanguageString(f, ae[f]), c = s(aa), m = s(Gt), g = s(oa), d = s(sa), u = t.useCallback(
     ({ syntheticEvent: f }) => {
       a && a.call(void 0, {
         syntheticEvent: f,
@@ -2550,33 +2554,33 @@ const Fs = (e) => {
     [o, r]
   ), C = /* @__PURE__ */ t.createElement(rn, { title: d, onClose: u }, g, /* @__PURE__ */ t.createElement(ln, null, /* @__PURE__ */ t.createElement("button", { className: "k-button", onClick: h }, m), /* @__PURE__ */ t.createElement("button", { className: "k-button", onClick: p }, c)));
   return gt ? sn.createPortal(C, document && document.body) : null;
-}, Gs = an;
+}, Ws = an;
 export {
-  Rs as GANTT_COL_INDEX_ATTRIBUTE,
-  Ss as GANTT_PREVENT_SELECTION_ELEMENT,
-  bs as GANTT_ROW_INDEX_ATTRIBUTE,
+  Ss as GANTT_COL_INDEX_ATTRIBUTE,
+  xs as GANTT_PREVENT_SELECTION_ELEMENT,
+  Rs as GANTT_ROW_INDEX_ATTRIBUTE,
   Wt as Gantt,
-  ls as GanttBooleanFilter,
-  is as GanttDateFilter,
+  is as GanttBooleanFilter,
+  cs as GanttDateFilter,
   Ot as GanttDayView,
-  Vs as GanttForm,
+  zs as GanttForm,
   Pt as GanttMonthView,
-  rs as GanttNumericFilter,
-  zs as GanttRemoveDialog,
-  Gs as GanttRow,
-  ss as GanttTextFilter,
+  ls as GanttNumericFilter,
+  Gs as GanttRemoveDialog,
+  Ws as GanttRow,
+  rs as GanttTextFilter,
   $e as GanttWeekView,
   _t as GanttYearView,
-  Fs as addDependency,
-  Ls as addTask,
-  Ms as createDataTree,
-  Ns as extendDataItem,
-  Is as filterBy,
-  Ps as getSelectedState,
-  _s as getSelectedStateFromKeyDown,
+  Ls as addDependency,
+  Hs as addTask,
+  Fs as createDataTree,
+  Ms as extendDataItem,
+  Ns as filterBy,
+  _s as getSelectedState,
+  Ks as getSelectedStateFromKeyDown,
   Et as mapTree,
-  xs as orderBy,
-  As as removeTask,
-  Ks as setSelectedState,
-  Hs as updateTask
+  Is as orderBy,
+  Vs as removeTask,
+  Bs as setSelectedState,
+  As as updateTask
 };