@progress/kendo-react-gantt 7.1.0-develop.6 → 7.1.0-develop.8

package/index.mjs

@@ -4,39 +4,44 @@
 *-------------------------------------------------------------------------------------------*/
 "use client";
 import * as t from "react";
-import i from "prop-types";
-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 Ks, getSelectedStateFromKeyDown as Bs, setSelectedState as $s } 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 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 fo, NumericTextBox as po } from "@progress/kendo-react-inputs";
-import { DateTimePicker as Co } from "@progress/kendo-react-dateinputs";
-const Ss = Ma, xs = Fa, Is = 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 = {
+import u from "prop-types";
+import { mapTree as ja, extendDataItem as Za, getter as T, classNames as ie, noop as W, useDraggable as nn, IconWrap as fn, canUseDOM as St, useId as an, validatePackage as Ja, shouldShowValidationUI as Qa, WatermarkOverlay as eo, setter as ne, guid as mt } from "@progress/kendo-react-common";
+import { MS_PER_MINUTE as to, MS_PER_DAY as Ue, getDate as pe, addDays as bt, ZonedDate as L, firstDayInWeek as ft, addMonths as pn, firstDayOfMonth as Cn, lastDayOfMonth as kn, firstMonthOfYear as no, lastMonthOfYear as ao } from "@progress/kendo-date-math";
+import { TABLE_ROW_INDEX_ATTRIBUTE as oo, TABLE_COL_INDEX_ATTRIBUTE as ro, TABLE_PREVENT_SELECTION_ELEMENT as so, orderBy as lo, filterBy as io, tableKeyboardNavigation as Re, getSelectionOptions as on, CommonDragLogic as co, ColumnResize as uo, tableKeyboardNavigationTools as rn, Header as mo, HeaderRow as go, tableColumnsVirtualization as ho, TableKeyboardNavigationContext as Dn, tableKeyboardNavigationScopeAttributes as fo, TableSelection as po, tableKeyboardNavigationBodyAttributes as Co, DropClue as ko, DragClue as Do, FilterRow as Eo, readColumns as yo, mapColumns as vo, TextFilterCell as wo, NumericFilterCell as To, BooleanFilterCell as So, DateFilterCell as bo } from "@progress/kendo-react-data-tools";
+import { getSelectedState as zs, getSelectedStateFromKeyDown as Ps, setSelectedState as Gs } from "@progress/kendo-react-data-tools";
+import { createDataTree as Io, setHeaderRowsTop as Ro, tableRowsVirtualization as xo, TreeListRow as En, TreeListNoRecords as Mo, TreeListCell as No, flatData as yn } from "@progress/kendo-react-treelist";
+import { useInternationalization as Ae, useLocalization as ce } from "@progress/kendo-react-intl";
+import { xIcon as Fo, plusIcon as It, minusIcon as vn, saveIcon as Lo, cancelIcon as Ao, trashIcon as Ho } from "@progress/kendo-svg-icons";
+import { Button as me, ButtonGroup as Vo, ToolbarItem as zo, Toolbar as Po, DropDownButton as Go, ToolbarSpacer as Wo } from "@progress/kendo-react-buttons";
+import * as wn from "react-dom";
+import { FieldWrapper as qe, FormElement as sn, Field as fe, Form as Oo } from "@progress/kendo-react-form";
+import { Window as _o, WindowActionsBar as Bo, Dialog as Ko, DialogActionsBar as $o } from "@progress/kendo-react-dialogs";
+import { Label as Ye, Hint as Xe, Error as je } from "@progress/kendo-react-labels";
+import { Input as Uo, NumericTextBox as qo } from "@progress/kendo-react-inputs";
+import { TabStrip as Yo, TabStripTab as gt } from "@progress/kendo-react-layout";
+import { DateTimePicker as Xo } from "@progress/kendo-react-dateinputs";
+import { findByFieldValue as re, DropDownList as He } from "@progress/kendo-react-dropdowns";
+import { Grid as Tn, GridToolbar as Sn, GridColumn as Be } from "@progress/kendo-react-grid";
+import { orderBy as bn, filterBy as In } from "@progress/kendo-data-query";
+const ys = oo, vs = ro, ws = so, ln = (/* @__PURE__ */ new Date()).getTime(), Rn = 7, jo = "hh:mm a", pt = { skeleton: "MEd" }, Zo = "MMM", Jo = "yyyy", Ve = 100, Qo = 6, Ke = "data-dependency-drag-handle", er = "start", tr = "finish", cn = { [Ke]: er }, dn = { [Ke]: tr }, $e = "data-task-id", xn = {
   id: "id",
   start: "start",
   end: "end",
   title: "title",
   percentComplete: "percentComplete",
+  parentId: "parentId",
   isRollup: "isRollup",
   isExpanded: "isExpanded",
   isInEdit: "isInEdit",
   children: "children",
   isSelected: "isSelected"
-}, un = {
+}, Mn = {
   id: "id",
   fromId: "fromId",
   toId: "toId",
   type: "type"
-}, Ns = Ha, Ms = Aa, Et = va, Fs = Ta, Ls = 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) {
+}, Ts = lo, Ss = io, Ze = ja, bs = Za, Is = Io, nr = (e) => ({ fields: { ...xn, ...e } }), ar = (e) => ({ fields: { ...Mn, ...e } }), Nn = (e) => pe(e), Rt = (e, a) => pe(bt(e, a || 1)), or = (e, a, n, r) => n < a && e <= r;
+function Ce(e) {
   return new Date(Date.UTC(
     e.getFullYear(),
     e.getMonth(),
@@ -47,47 +52,47 @@ function le(e) {
     e.getMilliseconds()
   ));
 }
-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] - ne : a[u] + ne, d(), jt(l, s, r, u !== "start");
+const ge = 4, ht = 10, rr = (e, a, n, r) => {
+  const s = [];
+  let o = 0, l = 0;
+  const i = ht, g = Math.floor(n / 2), d = e.top < a.top, m = () => s.push({ left: l, top: o });
+  if (r === 0 || r === 3) {
+    const c = r === 3 ? "start" : "end";
+    o = e.top, l = e[c], m(), l = Math[c === "start" ? "min" : "max"](e[c], a[c]), l = c === "start" ? l - i : l + i, m(), o = a.top, m(), l = c === "start" ? a[c] - ge : a[c] + ge, m(), un(o, l, s, c !== "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] - ne : a[h] + ne, d(), jt(l, s, r, h !== "start");
+    const c = r === 2 ? "start" : "end", h = r === 2 ? "end" : "start", C = r === 2 ? e[c] - ht * 2 >= a[h] : e[c] + ht * 2 <= a[h];
+    o = e.top, l = e[c], m(), l = c === "start" ? l - i : l + i, m(), C || (o = d ? o + g : o - g, m(), l = c === "start" ? a[h] + i : a[h] - i, m()), o = a.top, m(), l = h === "start" ? a[h] - ge : a[h] + ge, m(), un(o, l, s, h !== "start");
   }
-  return r;
-}, jt = (e, a, n, o) => o ? xo(e, a, n) : Io(e, a, n), xo = (e, a, n) => {
+  return s;
+}, un = (e, a, n, r) => r ? sr(e, a, n) : lr(e, a, n), sr = (e, a, n) => {
   n.push({
-    top: e - ne / 2,
+    top: e - ge / 2,
     left: a
   }), n.push({
     top: e,
-    left: a - ne + 1
+    left: a - ge + 1
   }), n.push({
-    top: e + ne / 2,
+    top: e + ge / 2,
     left: a
   }), n.push({
     top: e,
     left: a
   });
-}, Io = (e, a, n) => {
+}, lr = (e, a, n) => {
   n.push({
-    top: e + ne / 2,
+    top: e + ge / 2,
     left: a
   }), n.push({
     top: e,
-    left: a + ne - 1
+    left: a + ge - 1
   }), n.push({
-    top: e - ne / 2,
+    top: e - ge / 2,
     left: a
   }), n.push({
     top: e,
     left: a
   });
-}, gn = (e) => {
+}, Fn = (e) => {
   if (e.workWeekStart === void 0 || e.workWeekEnd === void 0)
     return [];
   const a = [];
@@ -95,243 +100,243 @@ const ne = 4, nt = 10, So = (e, a, n, o) => {
   for (a.push(n); e.workWeekEnd !== n; )
     n > 6 ? n -= 7 : n++, a.push(n);
   return a;
-}, No = (e, a) => {
+}, ir = (e, a) => {
   const n = e.getDay();
   return a.indexOf(n) > -1;
-}, hn = (e, { step: a, timezone: 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 = {
-      end: new Date(m.getTime()),
-      start: g,
-      zonedStart: c,
-      zonedEnd: m
+}, Ln = (e, { step: a, timezone: n }) => {
+  const r = [], s = L.fromLocalDate(e.start, n), o = L.fromLocalDate(e.end, n);
+  let l = s.clone();
+  for (; l.getTime() < o.getTime(); ) {
+    const i = l.clone(), g = i.clone().addTime(a), d = new Date(i.getTime()), c = {
+      end: new Date(g.getTime()),
+      start: d,
+      zonedStart: i,
+      zonedEnd: g
     };
-    o.push(u), s = s.addTime(a);
+    r.push(c), l = l.addTime(a);
   }
-  return o;
-}, 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(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()),
+  return r;
+}, cr = (e, { timezone: a }, n) => {
+  const r = [], s = L.fromLocalDate(e.start, a), o = L.fromLocalDate(e.end, a);
+  for (let l = s.clone(), i = 0; l.getTime() < o.getTime(); i++) {
+    const g = l.clone(), d = Rt(ft(pe(g), n.firstDay()), Rn), m = L.fromUTCDate(Ce(d), a), c = m.getTime() > o.getTime() ? o.clone() : m;
+    l = c.clone();
+    const h = new Date(g.getTime()), f = {
+      end: new Date(c.getTime()),
       start: h,
-      zonedStart: m,
-      zonedEnd: u
+      zonedStart: g,
+      zonedEnd: c
     };
-    o.push(C);
+    r.push(f);
   }
-  return o;
-}, 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 = R.fromLocalDate(Qt(new Date(c.getTime()), 1), a);
-    l = m.clone();
-    const g = new Date(c.getTime()), u = {
-      end: new Date(m.getTime()),
-      start: g,
-      zonedStart: c,
-      zonedEnd: m
+  return r;
+}, dr = (e, { timezone: a }) => {
+  const n = [], r = L.fromLocalDate(e.start, a), s = L.fromLocalDate(e.end, a);
+  for (let o = r.clone(), l = 0; o.getTime() < s.getTime(); l++) {
+    const i = o.clone(), g = L.fromLocalDate(pn(new Date(i.getTime()), 1), a);
+    o = g.clone();
+    const d = new Date(i.getTime()), c = {
+      end: new Date(g.getTime()),
+      start: d,
+      zonedStart: i,
+      zonedEnd: g
     };
-    n.push(u);
+    n.push(c);
   }
   return n;
-}, 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 = R.fromLocalDate(Qt(new Date(c.getTime()), 12), a);
-    l = m.clone();
-    const g = new Date(c.getTime()), u = {
-      end: new Date(m.getTime()),
-      start: g,
-      zonedStart: c,
-      zonedEnd: m
+}, ur = (e, { timezone: a }) => {
+  const n = [], r = L.fromLocalDate(e.start, a), s = L.fromLocalDate(e.end, a);
+  for (let o = r.clone(), l = 0; o.getTime() < s.getTime(); l++) {
+    const i = o.clone(), g = L.fromLocalDate(pn(new Date(i.getTime()), 12), a);
+    o = g.clone();
+    const d = new Date(i.getTime()), c = {
+      end: new Date(g.getTime()),
+      start: d,
+      zonedStart: i,
+      zonedEnd: g
     };
-    n.push(u);
+    n.push(c);
   }
   return n;
-}, Ho = (e, a, n) => {
-  const o = n.parseDate(a.workDayStart).getHours(), r = n.parseDate(a.workDayEnd).getHours();
-  return hn(e, { step: xa * a.slotDuration, timezone: a.timezone }).map((s) => {
-    const c = s.zonedStart.getHours();
+}, mr = (e, a, n) => {
+  const r = n.parseDate(a.workDayStart).getHours(), s = n.parseDate(a.workDayEnd).getHours();
+  return Ln(e, { step: to * a.slotDuration, timezone: a.timezone }).map((l) => {
+    const i = l.zonedStart.getHours();
     return {
-      range: s,
-      isWork: c >= o && c < r,
+      range: l,
+      isWork: i >= r && i < s,
       span: 1,
-      text: n.formatDate(s.zonedStart, ko),
+      text: n.formatDate(l.zonedStart, jo),
       type: "time"
     };
   });
-}, fn = (e, a, n) => hn(e, { step: Oe, timezone: a.timezone }).map((r) => ({
-  range: r,
-  isWork: No(r.start, a.workDays),
+}, An = (e, a, n) => Ln(e, { step: Ue, timezone: a.timezone }).map((s) => ({
+  range: s,
+  isWork: ir(s.start, a.workDays),
   span: 1,
-  text: n.formatDate(r.zonedStart, ot),
+  text: n.formatDate(s.zonedStart, pt),
   type: "day"
-})), pn = (e, a, n) => Mo(e, { timezone: a.timezone }, n).map((r) => {
-  const l = Math.round((r.zonedEnd.getTime() - r.zonedStart.getTime()) / Oe);
+})), Hn = (e, a, n) => cr(e, { timezone: a.timezone }, n).map((s) => {
+  const o = Math.round((s.zonedEnd.getTime() - s.zonedStart.getTime()) / Ue);
   return {
-    range: r,
+    range: s,
     isWork: !1,
-    span: l,
-    text: `${n.formatDate(r.zonedStart, ot)} - ${n.formatDate(r.zonedEnd, ot)}`,
+    span: o,
+    text: `${n.formatDate(s.zonedStart, pt)} - ${n.formatDate(s.zonedEnd, pt)}`,
     type: "week"
   };
-}), Cn = (e, a, n) => Fo(e, { timezone: a.timezone }).map((r) => {
-  const l = Math.round((r.zonedEnd.getTime() - r.zonedStart.getTime()) / Oe);
+}), Vn = (e, a, n) => dr(e, { timezone: a.timezone }).map((s) => {
+  const o = Math.round((s.zonedEnd.getTime() - s.zonedStart.getTime()) / Ue);
   return {
-    range: r,
+    range: s,
     isWork: !1,
-    span: l,
-    text: n.formatDate(r.zonedStart, Eo),
+    span: o,
+    text: n.formatDate(s.zonedStart, Zo),
     type: "month"
   };
-}), Ao = (e, a, n) => Lo(e, { timezone: a.timezone }).map((r) => {
-  const l = Math.round((r.zonedEnd.getTime() - r.zonedStart.getTime()) / Oe);
+}), gr = (e, a, n) => ur(e, { timezone: a.timezone }).map((s) => {
+  const o = Math.round((s.zonedEnd.getTime() - s.zonedStart.getTime()) / Ue);
   return {
-    range: r,
+    range: s,
     isWork: !1,
-    span: l,
-    text: n.formatDate(r.zonedStart, Do),
+    span: o,
+    text: n.formatDate(s.zonedStart, Jo),
     type: "year"
   };
-}), 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(
+}), hr = (e, a, n) => {
+  const r = 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((s, o) => /* @__PURE__ */ t.createElement("tr", { className: "k-table-row", key: o }, s.map((l, i) => /* @__PURE__ */ t.createElement(
     "td",
     {
-      key: s.range.start.getTime(),
-      colSpan: s.span,
-      className: de(
+      key: l.range.start.getTime(),
+      colSpan: l.span,
+      className: ie(
         "k-table-th",
         {
           "k-header": !0,
-          "k-nonwork-hour": !s.isWork
+          "k-nonwork-hour": !l.isWork
         }
       )
     },
-    o ? /* @__PURE__ */ t.createElement(
-      o,
+    r ? /* @__PURE__ */ t.createElement(
+      r,
       {
-        rowIndex: l,
-        index: c,
-        range: s.range,
-        text: s.text,
-        isWork: s.isWork,
-        type: s.type
+        rowIndex: o,
+        index: i,
+        range: l.range,
+        text: l.text,
+        isWork: l.isWork,
+        type: l.type
       }
-    ) : s.text
+    ) : l.text
   ))))));
-}, zo = (e, a) => {
+}, fr = (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(
+  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((r) => /* @__PURE__ */ t.createElement(
     "td",
     {
-      key: o.range.start.getTime(),
-      colSpan: o.span,
-      className: de(
+      key: r.range.start.getTime(),
+      colSpan: r.span,
+      className: ie(
         "k-table-td",
         {
-          "k-nonwork-hour": !o.isWork
+          "k-nonwork-hour": !r.isWork
         }
       )
     }
   )))));
-}, Go = (e, a) => {
+}, pr = (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), 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([]), Po = () => t.useContext(yt);
-yt.displayName = "KendoReactGanttDependencyDataContext";
-const vt = t.createContext(dn), Tt = () => t.useContext(vt);
-vt.displayName = "KendoReactGanttTaskModelFieldsContext";
-const bt = t.createContext(un), En = () => t.useContext(bt);
-bt.displayName = "KendoReactGanttDependencyModelFieldsContext";
-const Rt = t.createContext({}), Ne = () => t.useContext(Rt);
-Rt.displayName = "KendoReactGanttPropsContext";
-const St = t.createContext({
+  let r = 0, s = 0;
+  return n.forEach((o) => {
+    const l = o.span;
+    s += l, l > r && (r = l);
+  }), Math.round(s * a / r);
+}, Ct = (e, a) => !!T(a)(e), zn = (e, a) => !!T(a)(e), Cr = (e, a) => (n) => Ct(n, e) && zn(n, a) ? [...T(a)(n)] : [], xt = t.createContext([]), kr = () => t.useContext(xt);
+xt.displayName = "KendoReactGanttTaskDataContext";
+const Mt = t.createContext([]), Dr = () => t.useContext(Mt);
+Mt.displayName = "KendoReactGanttDependencyDataContext";
+const Nt = t.createContext(xn), Ft = () => t.useContext(Nt);
+Nt.displayName = "KendoReactGanttTaskModelFieldsContext";
+const Lt = t.createContext(Mn), Pn = () => t.useContext(Lt);
+Lt.displayName = "KendoReactGanttDependencyModelFieldsContext";
+const At = t.createContext({}), ze = () => t.useContext(At);
+At.displayName = "KendoReactGanttPropsContext";
+const Ht = t.createContext({
   start: /* @__PURE__ */ new Date(),
   end: /* @__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([]), _o = () => t.useContext(xt);
-xt.displayName = "KendoReactGanttViewsContext";
-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), Ko = () => t.useContext(Mt);
-Mt.displayName = "KendoReactGanttToolbarHeightContext";
-const Ft = t.createContext({
-  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: M,
-  onTaskDoubleClick: M,
-  onTaskContextMenu: M
-}), $o = () => t.useContext(Lt);
-Lt.displayName = "KendoReactGanttTaskEventsContext";
-const yn = ({
+  zonedStart: L.fromLocalDate(/* @__PURE__ */ new Date()),
+  zonedEnd: L.fromLocalDate(/* @__PURE__ */ new Date())
+}), Pe = () => t.useContext(Ht);
+Ht.displayName = "KendoReactGanttDateRangeContext";
+const Vt = t.createContext([]), Er = () => t.useContext(Vt);
+Vt.displayName = "KendoReactGanttViewsContext";
+const zt = t.createContext(["week", W]), Gn = () => t.useContext(zt);
+zt.displayName = "KendoReactGanttActiveViewContext";
+const Pt = t.createContext(0), Wn = () => t.useContext(Pt);
+Pt.displayName = "KendoReactGanttRowHeightContext";
+const Gt = t.createContext(0), yr = () => t.useContext(Gt);
+Gt.displayName = "KendoReactGanttToolbarHeightContext";
+const Wt = t.createContext({
+  onDataStateChange: W,
+  onSortChange: W,
+  onFilterChange: W,
+  onColumnMenuFilterChange: W,
+  onExpandChange: W,
+  onRowClick: W,
+  onRowDoubleClick: W,
+  onRowContextMenu: W,
+  onColumnResize: W,
+  onColumnReorder: W,
+  onDependencyCreate: W,
+  onKeyDown: W,
+  onSelectionChange: W,
+  onHeaderSelectionChange: W
+}), vr = () => t.useContext(Wt);
+Wt.displayName = "KendoReactGanttEventsContext";
+const Ot = t.createContext({
+  onTaskClick: W,
+  onTaskDoubleClick: W,
+  onTaskContextMenu: W
+}), wr = () => t.useContext(Ot);
+Ot.displayName = "KendoReactGanttTaskEventsContext";
+const On = ({
   children: e,
   taskData: a,
   dependencyData: n,
-  taskModelFields: o,
-  dependencyModelFields: r,
-  props: l,
-  dateRange: s,
-  views: c,
-  activeView: m,
-  rowHeight: g,
-  toolbarHeight: d,
-  events: u,
+  taskModelFields: r,
+  dependencyModelFields: s,
+  props: o,
+  dateRange: l,
+  views: i,
+  activeView: g,
+  rowHeight: d,
+  toolbarHeight: m,
+  events: c,
   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: {} }, M]), vn = () => t.useContext(Ht);
-Ht.displayName = "KendoReactGanttViewContext";
-const At = t.createContext(0), Uo = () => t.useContext(At);
-At.displayName = "KendoReactGanttViewTimelineWidthContext";
-const Vt = t.createContext({
-  onDependencyHandlePress: M,
-  onDependencyHandleDrag: M,
-  onDependencyHandleRelease: M,
+}) => /* @__PURE__ */ t.createElement(At.Provider, { value: o }, /* @__PURE__ */ t.createElement(xt.Provider, { value: a }, /* @__PURE__ */ t.createElement(Mt.Provider, { value: n }, /* @__PURE__ */ t.createElement(Nt.Provider, { value: r }, /* @__PURE__ */ t.createElement(Lt.Provider, { value: s }, /* @__PURE__ */ t.createElement(Ht.Provider, { value: l }, /* @__PURE__ */ t.createElement(Vt.Provider, { value: i }, /* @__PURE__ */ t.createElement(zt.Provider, { value: g }, /* @__PURE__ */ t.createElement(Pt.Provider, { value: d }, /* @__PURE__ */ t.createElement(Gt.Provider, { value: m }, /* @__PURE__ */ t.createElement(Wt.Provider, { value: c }, /* @__PURE__ */ t.createElement(Ot.Provider, { value: h }, e))))))))))));
+On.displayName = "KendoReactGanttContext";
+const _t = t.createContext([{ current: {} }, W]), _n = () => t.useContext(_t);
+_t.displayName = "KendoReactGanttViewContext";
+const Bt = t.createContext(0), Tr = () => t.useContext(Bt);
+Bt.displayName = "KendoReactGanttViewTimelineWidthContext";
+const Kt = t.createContext({
+  onDependencyHandlePress: W,
+  onDependencyHandleDrag: W,
+  onDependencyHandleRelease: W,
   isEnabled: !1,
   draggedId: null
-}), Yo = () => t.useContext(Vt);
-Vt.displayName = "KendoReactGanttViewDependencyDragContext";
-const Tn = ({
+}), Sr = () => t.useContext(Kt);
+Kt.displayName = "KendoReactGanttViewDependencyDragContext";
+const Bn = ({
   children: e,
   tasksStore: a,
   timelineWidth: n,
-  dependencyDrag: o
-}) => /* @__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 qo = () => {
+  dependencyDrag: r
+}) => /* @__PURE__ */ t.createElement(_t.Provider, { value: a }, /* @__PURE__ */ t.createElement(Bt.Provider, { value: n }, /* @__PURE__ */ t.createElement(Kt.Provider, { value: r }, e)));
+Bn.displayName = "KendoReactGanttViewContext";
+var kt = /* @__PURE__ */ ((e) => (e[e.add = 0] = "add", e[e.remove = 1] = "remove", e))(kt || {});
+const br = () => {
   const e = t.useRef({}), a = t.useCallback(
     (n) => {
       switch (n.type) {
@@ -346,218 +351,218 @@ const qo = () => {
     []
   );
   return [e, a];
-}, 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(
+}, Ir = (e, a, n, r) => {
+  const s = t.useRef(null), [, o] = _n();
+  t.useImperativeHandle(s, () => ({ element: r.current, dataItem: e })), t.useImperativeHandle(n, () => s.current), t.useLayoutEffect(
     () => {
-      const s = r.current;
-      if (s)
-        return l({
-          type: rt.add,
-          itemRef: s,
+      const l = s.current;
+      if (l)
+        return o({
+          type: kt.add,
+          itemRef: l,
           id: a
         }), () => {
-          l({
-            type: rt.remove,
-            itemRef: s,
+          o({
+            type: kt.remove,
+            itemRef: l,
             id: a
           });
         };
     }
   );
-}, bn = t.forwardRef((e, a) => {
-  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,
-    onRelease: l.onDependencyHandleRelease
-  }), Kt(A, {
-    onPress: l.onDependencyHandlePress,
-    onDrag: l.onDependencyHandleDrag,
-    onRelease: l.onDependencyHandleRelease
+}, Kn = t.forwardRef((e, a) => {
+  const n = Pe(), r = Ft(), s = Tr(), o = Sr(), l = wr(), i = t.useRef(null), g = t.useRef(null);
+  Ir(e.dataItem, T(r.id)(e.dataItem), a, i);
+  const d = t.useRef(null), m = T(r.id)(e.dataItem), c = T(r.start)(e.dataItem), h = T(r.end)(e.dataItem), C = T(r.title)(e.dataItem), f = T(r.percentComplete)(e.dataItem), k = T(r.children)(e.dataItem), y = T(r.isSelected)(e.dataItem), M = c && c.getTime(), A = h && h.getTime(), x = k && k.length, G = !x && M === A, b = M && A && or(n.start, n.end, c, h), [F, v] = t.useState(!1), w = t.useRef(null), $ = t.useRef(null);
+  nn(w, {
+    onPress: o.onDependencyHandlePress,
+    onDrag: o.onDependencyHandleDrag,
+    onRelease: o.onDependencyHandleRelease
+  }), nn($, {
+    onPress: o.onDependencyHandlePress,
+    onDrag: o.onDependencyHandleDrag,
+    onRelease: o.onDependencyHandleRelease
   });
-  const j = t.useCallback(
-    (w) => {
-      s.onTaskClick && s.onTaskClick({
+  const O = t.useCallback(
+    (S) => {
+      l.onTaskClick && l.onTaskClick({
         dataItem: e.dataItem,
         level: e.level,
-        nativeEvent: w && w.nativeEvent,
-        syntheticEvent: w,
+        nativeEvent: S && S.nativeEvent,
+        syntheticEvent: S,
         target: null
       });
     },
     [e.dataItem, e.level]
-  ), G = t.useCallback(
-    (w) => {
-      s.onTaskDoubleClick && s.onTaskDoubleClick({
+  ), _ = t.useCallback(
+    (S) => {
+      l.onTaskDoubleClick && l.onTaskDoubleClick({
         dataItem: e.dataItem,
         level: e.level,
-        nativeEvent: w && w.nativeEvent,
-        syntheticEvent: w,
+        nativeEvent: S && S.nativeEvent,
+        syntheticEvent: S,
         target: null
       });
     },
     [e.dataItem, e.level]
-  ), B = t.useCallback(
-    (w) => {
-      s.onTaskContextMenu && s.onTaskContextMenu({
+  ), X = t.useCallback(
+    (S) => {
+      l.onTaskContextMenu && l.onTaskContextMenu({
         dataItem: e.dataItem,
         level: e.level,
-        nativeEvent: w && w.nativeEvent,
-        syntheticEvent: w,
+        nativeEvent: S && S.nativeEvent,
+        syntheticEvent: S,
         target: null
       });
     },
     [e.dataItem, e.level]
-  ), E = t.useCallback(
-    (w) => {
-      s.onTaskRemoveClick && s.onTaskRemoveClick({
+  ), D = t.useCallback(
+    (S) => {
+      l.onTaskRemoveClick && l.onTaskRemoveClick({
         dataItem: e.dataItem,
         level: e.level,
-        nativeEvent: w && w.nativeEvent,
-        syntheticEvent: w,
+        nativeEvent: S && S.nativeEvent,
+        syntheticEvent: S,
         target: null
       });
     },
     [e.dataItem, e.level]
-  ), H = t.useCallback(
+  ), P = t.useCallback(
     () => {
-      const w = n.start, Z = n.end, T = g.current, S = c.current, K = m.current;
-      if (!z || T === null || S === null)
+      const S = n.start, J = n.end, I = d.current, N = i.current, j = g.current;
+      if (!b || I === null || N === null)
         return;
-      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);
+      const Q = I.clientWidth / (J.getTime() - S.getTime()), B = (c.getTime() - S.getTime()) * Q, q = (h.getTime() - c.getTime()) * Q, ke = (I.offsetHeight - N.offsetHeight) / 2;
+      N.style.left = `${Math.round(G ? B - Qo : B)}px`, N.style.top = `${Math.round(ke)}px`, G || (N.style.width = `${Math.round(q)}px`, j !== null && (j.style.width = `${Math.round(q * (f || 0))}px`)), v(!0);
     },
-    [n.start.getTime(), n.end.getTime(), L, V, z, C, r]
+    [n.start.getTime(), n.end.getTime(), M, A, b, f, s]
   );
-  t.useEffect(H, [H]);
-  const Q = {
-    visibility: J ? void 0 : "hidden",
-    display: z ? void 0 : "none"
-  }, _ = {
+  t.useEffect(P, [P]);
+  const Y = {
+    visibility: F ? void 0 : "hidden",
+    display: b ? void 0 : "none"
+  }, U = {
     userSelect: "none",
-    display: l.draggedId === String(d) ? "block" : void 0
+    display: o.draggedId === String(m) ? "block" : void 0
   };
-  return /* @__PURE__ */ t.createElement("td", { ref: g, key: d, role: "presentation" }, x ? /* @__PURE__ */ t.createElement(
+  return /* @__PURE__ */ t.createElement("td", { ref: d, key: m, role: "presentation" }, G ? /* @__PURE__ */ t.createElement(
     "div",
     {
       "aria-hidden": !0,
-      className: de({
+      className: ie({
         "k-task": !0,
         "k-task-milestone": !0,
-        "k-selected": v && !Array.isArray(v)
+        "k-selected": y && !Array.isArray(y)
       }),
-      style: Q,
-      ref: c,
-      [We]: d,
-      onClick: j,
-      onDoubleClick: G,
-      onContextMenu: B
+      style: Y,
+      ref: i,
+      [$e]: m,
+      onClick: O,
+      onDoubleClick: _,
+      onContextMenu: X
     },
     /* @__PURE__ */ t.createElement("div", { className: "k-task-milestone-content" }),
-    l.isEnabled && /* @__PURE__ */ t.createElement(
+    o.isEnabled && /* @__PURE__ */ t.createElement(
       "div",
       {
         className: "k-task-dot k-task-start",
-        ref: X,
-        style: _,
-        ...qt
+        ref: w,
+        style: U,
+        ...cn
       }
     ),
-    l.isEnabled && /* @__PURE__ */ t.createElement(
+    o.isEnabled && /* @__PURE__ */ t.createElement(
       "div",
       {
         className: "k-task-dot k-task-end",
-        ref: A,
-        style: _,
-        ...Xt
+        ref: $,
+        style: U,
+        ...dn
       }
     )
   ) : /* @__PURE__ */ t.createElement(
     "div",
     {
       "aria-hidden": !0,
-      className: de({
+      className: ie({
         "k-task": !0,
-        "k-task-summary": N,
-        "k-task-single": !N,
-        "k-selected": v && !Array.isArray(v)
+        "k-task-summary": x,
+        "k-task-single": !x,
+        "k-selected": y && !Array.isArray(y)
       }),
-      ref: c,
-      style: Q,
-      [We]: d,
-      onClick: j,
-      onDoubleClick: G,
-      onContextMenu: B
-    },
-    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(
+      ref: i,
+      style: Y,
+      [$e]: m,
+      onClick: O,
+      onDoubleClick: _,
+      onContextMenu: X
+    },
+    x ? /* @__PURE__ */ t.createElement("div", { className: "k-task-summary-progress", ref: g }, /* @__PURE__ */ t.createElement("div", { className: "k-task-summary-complete" })) : /* @__PURE__ */ t.createElement("div", { className: "k-task-complete", ref: g }),
+    !x && /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", { className: "k-task-content" }, C), l.onTaskRemoveClick ? /* @__PURE__ */ t.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ t.createElement("span", { onClick: D, className: "k-link k-task-delete", "aria-label": "Delete" }, /* @__PURE__ */ t.createElement(fn, { name: "x", icon: Fo }))) : null),
+    o.isEnabled && /* @__PURE__ */ t.createElement(
       "div",
       {
         className: "k-task-dot k-task-start",
-        ref: X,
-        style: _,
-        ...qt
+        ref: w,
+        style: U,
+        ...cn
       }
     ),
-    l.isEnabled && /* @__PURE__ */ t.createElement(
+    o.isEnabled && /* @__PURE__ */ t.createElement(
       "div",
       {
         className: "k-task-dot k-task-end",
-        ref: A,
-        style: _,
-        ...Xt
+        ref: $,
+        style: U,
+        ...dn
       }
     )
   ));
 });
-bn.displayName = "KendoReactGanttTask";
-const Rn = (e) => {
-  const { dependency: a } = e, [n] = vn(), o = t.useRef(null), r = En(), l = wn(), [s, c] = t.useState(!1), m = () => {
-    if (o.current === null || n.current === null) {
-      c(!1);
+Kn.displayName = "KendoReactGanttTask";
+const $n = (e) => {
+  const { dependency: a } = e, [n] = _n(), r = t.useRef(null), s = Pn(), o = Wn(), [l, i] = t.useState(!1), g = () => {
+    if (r.current === null || n.current === null) {
+      i(!1);
       return;
     }
-    const g = n.current[D(r.fromId)(a)], d = n.current[D(r.toId)(a)];
-    if (!g || !d) {
-      c(!1);
+    const d = n.current[T(s.fromId)(a)], m = n.current[T(s.toId)(a)];
+    if (!d || !m) {
+      i(!1);
       return;
     }
-    const u = g.element, h = d.element;
-    if (!u || !h) {
-      c(!1);
+    const c = d.element, h = m.element;
+    if (!c || !h) {
+      i(!1);
       return;
     }
-    if (s === !1) {
-      c(!0);
+    if (l === !1) {
+      i(!0);
       return;
     }
-    const p = {
-      top: u.offsetTop + u.offsetHeight / 2,
-      start: u.offsetLeft,
-      end: u.offsetLeft + u.offsetWidth
-    }, C = {
+    const C = {
+      top: c.offsetTop + c.offsetHeight / 2,
+      start: c.offsetLeft,
+      end: c.offsetLeft + c.offsetWidth
+    }, f = {
       top: h.offsetTop + h.offsetHeight / 2,
       start: h.offsetLeft,
       end: h.offsetLeft + h.offsetWidth
-    }, 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(" "));
+    }, k = T(s.type)(a), y = rr(C, f, o, k);
+    y && y.length && r.current.setAttribute("points", y.map((M) => `${M.left},${M.top}`).join(" "));
   };
-  return t.useEffect(m), /* @__PURE__ */ t.createElement(
+  return t.useEffect(g), /* @__PURE__ */ t.createElement(
     "polyline",
     {
-      ref: o,
+      ref: r,
       style: {
-        display: s ? void 0 : "none"
+        display: l ? void 0 : "none"
       }
     }
   );
 };
-Rn.displayName = "KendoReactGanttDependency";
-class zt extends t.Component {
+$n.displayName = "KendoReactGanttDependency";
+class $t extends t.Component {
   constructor(a) {
     super(a), this.state = {
       activeId: void 0,
@@ -565,146 +570,146 @@ class zt extends t.Component {
     }, 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;
-      this.element.scroll(0, (o - 1) * r);
+      const { rowIndex: r = 0 } = n, { rowHeight: s = 0 } = this.props;
+      this.element.scroll(0, (r - 1) * s);
     }, this.getColumns = (n) => {
-      const o = n.filter((l) => l.declarationIndex >= 0 && l.parentIndex === -1), r = (l) => (l.sort((s, c) => s.declarationIndex - c.declarationIndex), l.map((s) => {
+      const r = n.filter((o) => o.declarationIndex >= 0 && o.parentIndex === -1), s = (o) => (o.sort((l, i) => l.declarationIndex - i.declarationIndex), o.map((l) => {
         const {
-          declarationIndex: c,
-          parentIndex: m,
-          depth: g,
-          colSpan: d,
-          rowSpan: u,
+          declarationIndex: i,
+          parentIndex: g,
+          depth: d,
+          colSpan: m,
+          rowSpan: c,
           index: h,
-          kFirst: p,
-          groupable: C,
-          children: f,
-          ...v
-        } = s;
-        return f.length ? {
-          children: r(f),
-          ...v
-        } : v;
+          kFirst: C,
+          groupable: f,
+          children: k,
+          ...y
+        } = l;
+        return k.length ? {
+          children: s(k),
+          ...y
+        } : y;
       }));
-      return r(o);
+      return s(r);
     }, this.onKeyDown = (n) => {
-      if (we.onKeyDown(n, {
+      if (Re.onKeyDown(n, {
         contextStateRef: this.contextStateRef,
         navigationStateRef: this.navigationStateRef
       }), this.props.onKeyDown) {
-        const { mode: o, cell: r } = $t(this.props.selectable), l = {
+        const { mode: r, cell: s } = on(this.props.selectable), o = {
           dataItems: this.getLeafDataItems(),
-          mode: o,
-          cell: r,
+          mode: r,
+          cell: s,
           componentId: this.props.treelistId,
           selectedField: this.props.selectedField,
           ...this.getEventArguments(n)
         };
-        this.props.onKeyDown.call(void 0, l);
+        this.props.onKeyDown.call(void 0, o);
       }
     }, this.onFocus = (n) => {
-      we.onFocus(n, {
+      Re.onFocus(n, {
         contextStateRef: this.contextStateRef
       });
     }, this.onRowDrag = (n) => {
       if (this.props.onRowDrag) {
-        const o = {
+        const r = {
           ...n,
           target: this
         };
-        this.props.onRowDrag.call(void 0, o);
+        this.props.onRowDrag.call(void 0, r);
       }
     }, this.onRowDrop = (n) => {
       if (this.props.onRowDrop) {
-        const o = {
+        const r = {
           ...n,
           target: this
         };
-        this.props.onRowDrop.call(void 0, o);
+        this.props.onRowDrop.call(void 0, r);
       }
-    }, this.onColumnReorder = (n, o, r) => {
-      const { extendedColumns: l } = this.props, s = l[n].depth, c = (d) => {
+    }, this.onColumnReorder = (n, r, s) => {
+      const { extendedColumns: o } = this.props, l = o[n].depth, i = (m) => {
         do
-          d++;
-        while (d < l.length && l[d].depth > s);
-        return d;
-      }, m = [...l], g = m.splice(n, c(n) - n);
-      if (m.splice(n < o ? c(o - g.length) : o, 0, ...g), m.filter((d) => d.declarationIndex >= 0).forEach((d, u) => d.orderIndex = u), this.props.onColumnReorder) {
-        const d = {
+          m++;
+        while (m < o.length && o[m].depth > l);
+        return m;
+      }, g = [...o], d = g.splice(n, i(n) - n);
+      if (g.splice(n < r ? i(r - d.length) : r, 0, ...d), g.filter((m) => m.declarationIndex >= 0).forEach((m, c) => m.orderIndex = c), this.props.onColumnReorder) {
+        const m = {
           target: this,
-          columns: this.getColumns(m),
-          nativeEvent: r
+          columns: this.getColumns(g),
+          nativeEvent: s
         };
-        this.props.onColumnReorder.call(void 0, d);
+        this.props.onColumnReorder.call(void 0, m);
       }
-    }, this.onColumnResize = (n, o, r, l, s) => {
+    }, this.onColumnResize = (n, r, s, o, l) => {
       if (this.props.onColumnResize) {
-        const c = this.props.extendedColumns.filter((g) => g.children.length === 0).reduce((g, d) => g += parseFloat(String(d.width)), 0);
-        this.tableElement && (this.tableElement.style.width = c + "px");
-        const m = {
+        const i = this.props.extendedColumns.filter((d) => d.children.length === 0).reduce((d, m) => d += parseFloat(String(m.width)), 0);
+        this.tableElement && (this.tableElement.style.width = i + "px");
+        const g = {
           columns: this.getColumns(this.props.extendedColumns),
-          totalWidth: c,
+          totalWidth: i,
           index: n,
-          nativeEvent: l,
-          newWidth: o,
-          oldWidth: r,
-          end: s,
+          nativeEvent: o,
+          newWidth: r,
+          oldWidth: s,
+          end: l,
           target: this
         };
-        this.props.onColumnResize.call(void 0, m);
+        this.props.onColumnResize.call(void 0, g);
       }
     }, this.onScroll = (n) => {
-      const o = n.currentTarget.scrollLeft, r = n.currentTarget.scrollTop, { columnVirtualization: l, scrollable: s, rowHeight: c = 0 } = this.props, m = c, g = 0;
-      let d = !1;
-      l && Math.abs(this.wrapperScrollLeft - o) > g && (this.wrapperScrollLeft = o, d = !0), s === "virtual" && Math.abs(this.wrapperScrollTop - r) > m && (this.wrapperScrollTop = r, d = !0), d && (this.updateOnScroll = !0, this.forceUpdate());
+      const r = n.currentTarget.scrollLeft, s = n.currentTarget.scrollTop, { columnVirtualization: o, scrollable: l, rowHeight: i = 0 } = this.props, g = i, d = 0;
+      let m = !1;
+      o && Math.abs(this.wrapperScrollLeft - r) > d && (this.wrapperScrollLeft = r, m = !0), l === "virtual" && Math.abs(this.wrapperScrollTop - s) > g && (this.wrapperScrollTop = s, m = !0), m && (this.updateOnScroll = !0, this.forceUpdate());
     }, this.calculateSizes = (n) => {
       if (!n || this.props.scrollable === "none")
         return;
-      const o = Array.from(n.childNodes), r = o.find((c) => c.nodeName === "TABLE"), l = this.props.toolbar && o.find((c) => c.nodeType === 1 && c.classList.contains("k-grid-toolbar"));
-      let s = 0;
-      if (l) {
-        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");
+      const r = Array.from(n.childNodes), s = r.find((i) => i.nodeName === "TABLE"), o = this.props.toolbar && r.find((i) => i.nodeType === 1 && i.classList.contains("k-grid-toolbar"));
+      let l = 0;
+      if (o) {
+        const i = o.style.boxSizing;
+        o.style.boxSizing = "border-box", l = parseFloat(String(window.getComputedStyle(o).height)) || o.offsetHeight, o.style.boxSizing = i, o.getAttribute("style") || o.removeAttribute("style");
       }
-      this.tbodyOffsetTop = r.tBodies[0].offsetTop, eo(r, s);
+      this.tbodyOffsetTop = s.tBodies[0].offsetTop, Ro(s, l);
     }, this.onItemChange = (n) => {
       if (n.field === this.props.expandField) {
-        const o = this.props.onExpandChange;
-        if (o) {
-          const r = {
+        const r = this.props.onExpandChange;
+        if (r) {
+          const s = {
             ...this.getEventArguments(n.syntheticEvent),
             dataItem: n.dataItem,
             level: n.level,
             value: n.value
           };
-          o.call(void 0, r);
+          r.call(void 0, s);
         }
         return;
       }
       if (this.props.onItemChange) {
-        const o = {
+        const r = {
           ...this.getEventArguments(n.syntheticEvent),
           dataItem: n.dataItem,
           level: n.level,
           field: n.field,
           value: n.value
         };
-        this.props.onItemChange.call(void 0, o);
+        this.props.onItemChange.call(void 0, r);
       }
     }, this.onHeaderSelectionChange = (n) => {
       if (this.props.onHeaderSelectionChange) {
-        const o = {
+        const r = {
           field: n.field,
           nativeEvent: n.syntheticEvent && n.syntheticEvent.nativeEvent,
           syntheticEvent: n.syntheticEvent,
           target: this,
           dataItems: this.getLeafDataItems()
         };
-        this.props.onHeaderSelectionChange.call(void 0, o);
+        this.props.onHeaderSelectionChange.call(void 0, r);
       }
     }, this.selectionRelease = (n) => {
       if (this.props.onSelectionChange) {
-        const o = {
+        const r = {
           syntheticEvent: void 0,
           target: this,
           selectedField: this.props.selectedField || "",
@@ -714,81 +719,81 @@ class zt extends t.Component {
           level: [],
           ...n
         };
-        this.props.onSelectionChange.call(void 0, o);
+        this.props.onSelectionChange.call(void 0, r);
       }
-    }, this.onSortChange = (n, o, r) => {
-      this.onDataStateChange(this.props.onSortChange, { sort: o, field: r }, n);
+    }, this.onSortChange = (n, r, s) => {
+      this.onDataStateChange(this.props.onSortChange, { sort: r, field: s }, n);
     }, this.onFilterChange = (n) => {
-      const { filter: o, field: r } = n;
-      this.onDataStateChange(this.props.onFilterChange, { filter: o, field: r }, n.syntheticEvent);
-    }, this.onColumnMenuFilterChange = (n, o, r) => {
-      if (!r)
+      const { filter: r, field: s } = n;
+      this.onDataStateChange(this.props.onFilterChange, { filter: r, field: s }, n.syntheticEvent);
+    }, this.onColumnMenuFilterChange = (n, r, s) => {
+      if (!s)
         return;
-      const { onColumnMenuFilterChange: l } = this.props;
-      if (!l)
+      const { onColumnMenuFilterChange: o } = this.props;
+      if (!o)
         return;
-      const s = {
+      const l = {
         syntheticEvent: n,
-        filter: o,
-        field: r,
+        filter: r,
+        field: s,
         target: this,
         nativeEvent: n.nativeEvent
       };
-      l.call(void 0, s);
-    }, this.onExpandChange = (n, o, r) => {
-      const { expandField: l, onExpandChange: s } = this.props;
-      if (l && s) {
-        const c = {
+      o.call(void 0, l);
+    }, this.onExpandChange = (n, r, s) => {
+      const { expandField: o, onExpandChange: l } = this.props;
+      if (o && l) {
+        const i = {
           ...this.getEventArguments(n),
-          dataItem: o,
-          level: r,
-          value: st(o, this.props.expandField)
+          dataItem: r,
+          level: s,
+          value: Ct(r, this.props.expandField)
         };
-        s.call(void 0, c);
+        l.call(void 0, i);
       }
-    }, this.onRowClick = (n, o) => {
+    }, this.onRowClick = (n, r) => {
       if (this.props.onRowClick && n.target.nodeName === "TD") {
-        const r = {
-          dataItem: o.dataItem,
-          level: o.level,
+        const s = {
+          dataItem: r.dataItem,
+          level: r.level,
           ...this.getEventArguments(n)
         };
-        this.props.onRowClick.call(void 0, r);
+        this.props.onRowClick.call(void 0, s);
       }
-    }, this.rowDoubleClick = (n, o) => {
+    }, this.rowDoubleClick = (n, r) => {
       if (this.props.onRowDoubleClick && n.target.nodeName === "TD") {
-        const r = {
-          dataItem: o.dataItem,
-          level: o.level,
+        const s = {
+          dataItem: r.dataItem,
+          level: r.level,
           ...this.getEventArguments(n)
         };
-        this.props.onRowDoubleClick.call(void 0, r);
+        this.props.onRowDoubleClick.call(void 0, s);
       }
-    }, this.rowContextMenu = (n, o) => {
+    }, this.rowContextMenu = (n, r) => {
       if (this.props.onRowContextMenu && n.target.nodeName === "TD") {
-        const r = {
-          dataItem: o.dataItem,
-          level: o.level,
+        const s = {
+          dataItem: r.dataItem,
+          level: r.level,
           ...this.getEventArguments(n)
         };
-        this.props.onRowContextMenu.call(void 0, r);
+        this.props.onRowContextMenu.call(void 0, s);
       }
     }, this.onPageChange = (n) => {
       if (this.props.onPageChange) {
-        const o = {
+        const r = {
           ...this.getEventArguments(n.syntheticEvent),
           skip: n.skip,
           take: n.take
         };
-        this.props.onPageChange.call(void 0, o);
+        this.props.onPageChange.call(void 0, r);
       }
-    }, this.onDataStateChange = (n, o, r) => {
-      if (n && n.call(void 0, { ...this.getEventArguments(r), ...o }), this.props.onDataStateChange) {
-        const l = {
-          ...this.getEventArguments(r),
-          dataState: { ...this.getDataState(), ...o }
+    }, this.onDataStateChange = (n, r, s) => {
+      if (n && n.call(void 0, { ...this.getEventArguments(s), ...r }), this.props.onDataStateChange) {
+        const o = {
+          ...this.getEventArguments(s),
+          dataState: { ...this.getDataState(), ...r }
         };
-        this.props.onDataStateChange.call(void 0, l);
+        this.props.onDataStateChange.call(void 0, o);
       }
     }, this.getDataState = () => ({
       filter: this.props.filter,
@@ -797,7 +802,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 Va(this.onColumnReorder, M, M), this.columnResize = new za(this.onColumnResize), we.onConstructor({
+    }), this.getLeafDataItems = () => this.flatData.map((n) => n.dataItem), this.dragLogic = new co(this.onColumnReorder, W, W), this.columnResize = new uo(this.onColumnResize), Re.onConstructor({
       navigatable: !!a.navigatable,
       contextStateRef: this.contextStateRef,
       navigationStateRef: this.navigationStateRef,
@@ -805,14 +810,14 @@ class zt extends t.Component {
     });
   }
   get document() {
-    if (gt)
+    if (St)
       return this.element && this.element.ownerDocument || document;
   }
   /**
    * @hidden
    */
   componentDidMount() {
-    this.calculateSizes(this.element), we.onComponentDidMount({
+    this.calculateSizes(this.element), Re.onComponentDidMount({
       scope: this.element || void 0,
       contextStateRef: this.contextStateRef,
       navigationStateRef: this.navigationStateRef
@@ -822,7 +827,7 @@ class zt extends t.Component {
    * @hidden
    */
   getSnapshotBeforeUpdate() {
-    return we.onGetSnapshotBeforeUpdate({
+    return Re.onGetSnapshotBeforeUpdate({
       document: this.document,
       contextStateRef: this.contextStateRef,
       navigationStateRef: this.navigationStateRef
@@ -832,7 +837,7 @@ class zt extends t.Component {
    * @hidden
    */
   componentDidUpdate(a) {
-    a.columns !== this.props.columns && this.calculateSizes(this.element), we.onComponentDidUpdate({
+    a.columns !== this.props.columns && this.calculateSizes(this.element), Re.onComponentDidUpdate({
       scope: this.element || void 0,
       contextStateRef: this.contextStateRef,
       navigationStateRef: this.navigationStateRef
@@ -851,27 +856,27 @@ class zt extends t.Component {
     const {
       filterRow: a,
       scrollable: n = "scrollable",
-      resizable: o = !1,
-      reorderable: r = !1,
-      skip: l,
-      take: s,
-      afterContent: c,
-      extendedColumns: m = [],
-      columnsMap: g
-    } = 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(
-      Ga,
+      resizable: r = !1,
+      reorderable: s = !1,
+      skip: o,
+      take: l,
+      afterContent: i,
+      extendedColumns: g = [],
+      columnsMap: d
+    } = this.props, m = g.some((D) => !!D.filter) || a !== void 0, c = a || Eo, h = rn.getIdPrefix(this.navigationStateRef);
+    this.columnResize.columns = g, this.columnResize.resizable = r, this.dragLogic.columns = g, this.dragLogic.reorderable = s, this.dragLogic.groupable = !1;
+    const C = g.filter((D) => D.children.length === 0), f = /* @__PURE__ */ t.createElement(
+      mo,
       {
         headerRow: /* @__PURE__ */ t.createElement(
-          Wa,
+          go,
           {
             sort: this.props.sort,
             sortable: this.props.sortable,
             sortChange: this.onSortChange,
             selectionChange: this.onHeaderSelectionChange,
-            columns: m,
-            columnsMap: g,
+            columns: g,
+            columnsMap: d,
             cellRender: this.props.headerCellRender,
             columnResize: this.columnResize,
             columnMenu: this.props.columnMenu,
@@ -882,123 +887,123 @@ class zt extends t.Component {
             releaseHandler: this.dragLogic.releaseHandler
           }
         ),
-        filterRow: d && /* @__PURE__ */ t.createElement(
-          u,
+        filterRow: m && /* @__PURE__ */ t.createElement(
+          c,
           {
-            columns: p,
+            columns: C,
             filter: this.props.filter,
             filterChange: this.onFilterChange,
             sort: this.props.sort,
-            ariaRowIndex: g.length + 1
+            ariaRowIndex: d.length + 1
           }
         ) || void 0,
         columnResize: this.columnResize
       }
-    ), f = this.props.style || {}, { colSpans: v, hiddenColumns: L } = Oa({
+    ), k = this.props.style || {}, { colSpans: y, hiddenColumns: M } = ho({
       enabled: this.props.columnVirtualization,
-      columns: p,
+      columns: C,
       scrollLeft: this.wrapperScrollLeft,
-      tableViewPortWidth: parseFloat((f.width || "").toString())
-    }), V = (E, H, Q, _, w, Z) => p.map((T, S) => {
-      if (L[S])
+      tableViewPortWidth: parseFloat((k.width || "").toString())
+    }), A = (D, P, Y, U, S, J) => C.map((I, N) => {
+      if (M[N])
         return null;
-      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,
-        className: Y || void 0,
+      const j = I.id ? I.id : N, Q = `k-table-td ${I.className ? I.className + " " : ""}${I.locked ? "k-grid-content-sticky" : ""}`, B = {
+        id: rn.generateNavigatableId(`${Y}-${String(N)}`, h),
+        colSpan: y[N],
+        dataItem: D.dataItem,
+        field: I.field,
+        format: I.format,
+        className: Q || void 0,
         render: this.props.cellRender,
         onChange: this.onItemChange,
-        selectionChange: this.props.onSelectionChange ? (O) => {
-          this.onSelectionChange({ event: O, item: E, columnIndex: S, dataIndex: w });
+        selectionChange: this.props.onSelectionChange ? (q) => {
+          this.onSelectionChange({ event: q, item: D, columnIndex: N, dataIndex: S });
         } : void 0,
-        level: E.level,
-        expandable: T.expandable,
-        expanded: _,
-        hasChildren: kn(E.dataItem, this.props.subItemsField),
-        colIndex: S,
-        ariaColumnIndex: T.ariaColumnIndex,
+        level: D.level,
+        expandable: I.expandable,
+        expanded: U,
+        hasChildren: zn(D.dataItem, this.props.subItemsField),
+        colIndex: N,
+        ariaColumnIndex: I.ariaColumnIndex,
         onExpandChange: this.onExpandChange,
-        style: T.left !== void 0 && {
-          left: T.left,
-          right: T.right,
-          borderRightWidth: T.rightBorder ? "1px" : ""
+        style: I.left !== void 0 && {
+          left: I.left,
+          right: I.right,
+          borderRightWidth: I.rightBorder ? "1px" : ""
         } || {},
-        isSelected: Array.isArray(Z) && Z.indexOf(S) > -1
+        isSelected: Array.isArray(J) && J.indexOf(N) > -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(ao, { key: K, ...W });
+      return P && I.editCell ? /* @__PURE__ */ t.createElement(I.editCell, { ...B, onChange: this.onItemChange, key: j }) : I.cell ? /* @__PURE__ */ t.createElement(I.cell, { key: j, ...B }) : /* @__PURE__ */ t.createElement(No, { key: j, ...B });
     });
-    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()),
+    let x = this.flatData;
+    const G = x.length;
+    o !== void 0 && l !== void 0 && (x = x.slice(o, o + l)), n === "virtual" && (x = xo({
+      rows: x,
+      tableViewPortHeight: parseFloat((k.height || k.maxHeight || "").toString()),
       scrollTop: this.wrapperScrollTop
     }), this.updateOnScroll = !1);
-    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,
-        dataItem: E.dataItem,
+    const b = x.map((D) => D.level), F = d.length + (m ? 1 : 0) + 1, v = x.length > 0 && x.map((D, P) => {
+      const Y = T(this.props.editField || "")(D.dataItem), U = T(this.props.dataItemKey)(D.dataItem), S = String(U || D.level.join(".")), J = Ct(D.dataItem, this.props.expandField), I = this.props.selectedField ? T(this.props.selectedField)(D.dataItem) : void 0, N = {
+        key: S,
+        level: D.level,
+        levels: b,
+        dataItem: D.dataItem,
         selectedField: this.props.selectedField,
-        rowHeight: E.height,
+        rowHeight: D.height,
         render: this.props.rowRender,
         onDrop: this.onRowDrop,
         onDrag: this.onRowDrag,
-        onClick: (O) => this.onRowClick(O, E),
-        onDoubleClick: (O) => this.rowDoubleClick(O, E),
-        onContextMenu: (O) => this.rowContextMenu(O, E),
-        isAltRow: H % 2 !== 0,
-        expanded: Z,
-        rowIndex: H,
-        ariaRowIndex: J + H,
-        ariaSetSize: E.levelCount,
-        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, { ...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(
+        onClick: (q) => this.onRowClick(q, D),
+        onDoubleClick: (q) => this.rowDoubleClick(q, D),
+        onContextMenu: (q) => this.rowContextMenu(q, D),
+        isAltRow: P % 2 !== 0,
+        expanded: J,
+        rowIndex: P,
+        ariaRowIndex: F + P,
+        ariaSetSize: D.levelCount,
+        ariaPosInSet: D.level[D.level.length - 1] + 1,
+        isSelected: typeof I == "boolean" && I
+      }, j = this.props.editRow, Q = this.props.row || En, B = A(D, Y, S, J, P, I);
+      return Y && j ? /* @__PURE__ */ t.createElement(j, { ...N, key: N.key }, B) : /* @__PURE__ */ t.createElement(Q, { ...N, key: N.key }, B);
+    }) || /* @__PURE__ */ t.createElement("tr", { className: "k-table-row k-grid-norecords" }, /* @__PURE__ */ t.createElement("td", { className: "k-table-td", colSpan: C.length }, this.props.noRecords || /* @__PURE__ */ t.createElement(Mo, null))), w = (D) => this.props.sort && this.props.sort.some((P) => P.field === D), $ = /* @__PURE__ */ t.createElement("colgroup", { ref: (D) => {
+      this.columnResize.colGroupMain = D;
+    } }, C.map(
+      (D, P) => /* @__PURE__ */ t.createElement(
         "col",
         {
-          key: H.toString(),
-          className: X(E.field) ? "k-sorted" : void 0,
-          style: E.width !== void 0 ? { width: E.width } : void 0
+          key: P.toString(),
+          className: w(D.field) ? "k-sorted" : void 0,
+          style: D.width !== void 0 ? { width: D.width } : void 0
         }
       )
-    )), j = this.props.columnVirtualization || this.props.scrollable === "virtual", G = this.props.selectable && this.props.selectable.drag ? "none" : void 0, B = this.props.tableProps || {};
-    return /* @__PURE__ */ t.createElement(nn.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ t.createElement(
+    )), O = this.props.columnVirtualization || this.props.scrollable === "virtual", _ = this.props.selectable && this.props.selectable.drag ? "none" : void 0, X = this.props.tableProps || {};
+    return /* @__PURE__ */ t.createElement(Dn.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ t.createElement(
       "div",
       {
         id: this.props.treelistId,
         style: this.props.style,
-        className: de(
+        className: ie(
           "k-grid k-grid-md",
           this.props.className,
           { "k-treelist-scrollable": n !== "none" }
         ),
-        ref: (E) => this.element = E,
-        onScroll: j ? this.onScroll : void 0,
+        ref: (D) => this.element = D,
+        onScroll: O ? this.onScroll : void 0,
         onKeyDown: this.onKeyDown,
         onFocus: this.onFocus,
-        "aria-rowcount": x,
-        "aria-colcount": p.length,
+        "aria-rowcount": G,
+        "aria-colcount": C.length,
         role: "treegrid",
-        ...Pa
+        ...fo
       },
       this.props.toolbar,
       /* @__PURE__ */ t.createElement(
-        _a,
+        po,
         {
           selectable: this.props.selectable,
           onRelease: this.selectionRelease,
-          childRef: (E) => {
-            this.tableElement = E;
+          childRef: (D) => {
+            this.tableElement = D;
           }
         },
         /* @__PURE__ */ t.createElement(
@@ -1006,1581 +1011,2080 @@ class zt extends t.Component {
           {
             className: "k-table k-table-md",
             ...this.props.tableProps || {},
-            style: { ...B.style || {}, userSelect: G },
+            style: { ...X.style || {}, userSelect: _ },
             role: "presentation"
           },
-          A,
-          C,
-          /* @__PURE__ */ t.createElement("tbody", { className: "k-table-tbody", ...Ka, ref: (E) => this.tbodyElement = E, role: "presentation" }, b)
+          $,
+          f,
+          /* @__PURE__ */ t.createElement("tbody", { className: "k-table-tbody", ...Co, ref: (D) => this.tbodyElement = D, role: "presentation" }, v)
         )
       ),
       this.props.pager && /* @__PURE__ */ t.createElement(
         this.props.pager,
         {
           className: "k-grid-pager",
-          total: x,
-          skip: l,
-          take: s,
+          total: G,
+          skip: o,
+          take: l,
           onPageChange: this.onPageChange
         }
       ),
-      r && /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(Ba, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ t.createElement($a, { ref: this.dragLogic.refDragElementClue })),
-      c
+      s && /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(ko, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ t.createElement(Do, { ref: this.dragLogic.refDragElementClue })),
+      i
     ));
   }
   get flatData() {
     const { data: a = [], rowHeight: n = 0 } = this.props;
-    let o = 0;
-    const r = () => {
-      const s = { height: n, offsetTop: o };
-      return o += s.height, s;
-    }, l = this.updateOnScroll && this.prevData === a && this.tbodyOffsetTop > 0 && this.flattedData.length ? this.flattedData : a.map((s) => ({ ...s, ...r() }));
-    return this.prevData = a, this.flattedData = l, l;
+    let r = 0;
+    const s = () => {
+      const l = { height: n, offsetTop: r };
+      return r += l.height, l;
+    }, o = this.updateOnScroll && this.prevData === a && this.tbodyOffsetTop > 0 && this.flattedData.length ? this.flattedData : a.map((l) => ({ ...l, ...s() }));
+    return this.prevData = a, this.flattedData = o, o;
   }
   onSelectionChange(a) {
     if (this.props.onSelectionChange) {
-      const { event: n, item: o, dataIndex: r, columnIndex: l } = a, { mode: s, cell: c } = $t(this.props.selectable), m = {
+      const { event: n, item: r, dataIndex: s, columnIndex: o } = a, { mode: l, cell: i } = on(this.props.selectable), g = {
         ...this.getEventArguments(n.syntheticEvent),
-        dataItem: o.dataItem,
-        level: o.level,
-        startColIndex: l,
-        endColIndex: l,
-        startRowIndex: r,
-        endRowIndex: r,
+        dataItem: r.dataItem,
+        level: r.level,
+        startColIndex: o,
+        endColIndex: o,
+        startRowIndex: s,
+        endRowIndex: s,
         dataItems: this.getLeafDataItems(),
         altKey: !1,
         ctrlKey: !1,
         shiftKey: !1,
         metaKey: !1,
-        mode: s,
-        cell: c,
+        mode: l,
+        cell: i,
         isDrag: !1,
         componentId: this.props.treelistId,
         selectedField: this.props.selectedField || ""
       };
-      this.props.onSelectionChange.call(void 0, m);
+      this.props.onSelectionChange.call(void 0, g);
     }
   }
 }
-zt.propTypes = {
-  data: i.array,
-  resizable: i.bool,
-  reorderable: i.bool,
-  sortable: i.oneOfType([
-    i.bool,
-    i.shape({
-      mode: i.oneOf(["single", "multiple"]),
-      allowUnsort: i.bool
+$t.propTypes = {
+  data: u.array,
+  resizable: u.bool,
+  reorderable: u.bool,
+  sortable: u.oneOfType([
+    u.bool,
+    u.shape({
+      mode: u.oneOf(["single", "multiple"]),
+      allowUnsort: u.bool
     })
   ]),
-  onSortChange: i.func,
-  sort: i.array,
-  columns: i.arrayOf(i.object),
-  columnVirtualization: i.bool,
-  filter: i.array,
-  onFilterChange: i.func,
-  filterRow: i.any,
-  toolbar: i.any,
-  noRecords: i.any,
-  onExpandChange: i.func,
-  expandField: i.string,
-  subItemsField: i.string,
-  selectedField: i.string,
-  onSelectionChange: i.func,
-  onHeaderSelectionChange: i.func,
-  onRowClick: i.func,
-  onItemChange: i.func,
-  editField: i.string,
-  scrollable: i.oneOf(["none", "scrollable", "virtual"]),
-  rowHeight: i.number,
-  style: i.object,
-  tableProps: i.object,
-  pager: i.any,
-  skip: i.number,
-  take: i.number,
-  onPageChange: i.func,
-  onDataStateChange: i.func,
-  onColumnResize: i.func,
-  onColumnReorder: i.func,
-  extendedColumns: i.arrayOf(i.object),
-  columnsMap: i.arrayOf(i.array),
-  dataItemKey: i.string.isRequired,
-  afterContent: i.any,
-  navigatable: i.bool,
-  idPrefix: i.string,
-  treelistId: i.string
+  onSortChange: u.func,
+  sort: u.array,
+  columns: u.arrayOf(u.object),
+  columnVirtualization: u.bool,
+  filter: u.array,
+  onFilterChange: u.func,
+  filterRow: u.any,
+  toolbar: u.any,
+  noRecords: u.any,
+  onExpandChange: u.func,
+  expandField: u.string,
+  subItemsField: u.string,
+  selectedField: u.string,
+  onSelectionChange: u.func,
+  onHeaderSelectionChange: u.func,
+  onRowClick: u.func,
+  onItemChange: u.func,
+  editField: u.string,
+  scrollable: u.oneOf(["none", "scrollable", "virtual"]),
+  rowHeight: u.number,
+  style: u.object,
+  tableProps: u.object,
+  pager: u.any,
+  skip: u.number,
+  take: u.number,
+  onPageChange: u.func,
+  onDataStateChange: u.func,
+  onColumnResize: u.func,
+  onColumnReorder: u.func,
+  extendedColumns: u.arrayOf(u.object),
+  columnsMap: u.arrayOf(u.array),
+  dataItemKey: u.string.isRequired,
+  afterContent: u.any,
+  navigatable: u.bool,
+  idPrefix: u.string,
+  treelistId: u.string
 };
-zt.contextType = nn;
-const Fe = t.forwardRef((e, a) => {
-  const { slotLevels: n, slotWidth: o, timelineHeaderCell: r } = e, {
-    columns: l,
-    noRecords: s,
-    resizable: c,
-    reorderable: m,
-    sortable: g,
-    sort: d,
-    filter: u,
+$t.contextType = Dn;
+const Ge = t.forwardRef((e, a) => {
+  const { slotLevels: n, slotWidth: r, timelineHeaderCell: s } = e, {
+    columns: o,
+    noRecords: l,
+    resizable: i,
+    reorderable: g,
+    sortable: d,
+    sort: m,
+    filter: c,
     columnMenuFilter: h,
-    columnMenu: p,
-    navigatable: C,
-    row: f,
-    selectable: v
-  } = Ne(), {
-    onDataStateChange: L,
-    onSortChange: V,
-    onFilterChange: N,
-    onColumnMenuFilterChange: x,
-    onExpandChange: z,
-    onRowClick: J,
-    onRowDoubleClick: b,
-    onRowContextMenu: X,
-    onColumnResize: A,
-    onColumnReorder: j,
-    onDependencyCreate: G,
-    onKeyDown: B,
-    onSelectionChange: E,
-    onHeaderSelectionChange: H
-  } = 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);
+    columnMenu: C,
+    navigatable: f,
+    row: k,
+    selectable: y
+  } = ze(), {
+    onDataStateChange: M,
+    onSortChange: A,
+    onFilterChange: x,
+    onColumnMenuFilterChange: G,
+    onExpandChange: b,
+    onRowClick: F,
+    onRowDoubleClick: v,
+    onRowContextMenu: w,
+    onColumnResize: $,
+    onColumnReorder: O,
+    onDependencyCreate: _,
+    onKeyDown: X,
+    onSelectionChange: D,
+    onHeaderSelectionChange: P
+  } = vr(), Y = Wn(), U = yr(), S = Ft(), J = Pn(), I = kr(), N = Dr(), j = t.useRef(null), Q = t.useRef(null), B = t.useRef(null), q = t.useRef(null), ke = t.useRef(0), De = t.useRef(an()), z = t.useRef(an()), ae = t.useRef(null), Se = t.useRef(null), xe = t.useCallback(
+    (R) => {
+      B.current && B.current.scrollIntoView(R);
     },
     []
   );
-  t.useImperativeHandle(Le, () => ({ scrollIntoView: Ye })), t.useImperativeHandle(a, () => Le.current);
-  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(
+  t.useImperativeHandle(Se, () => ({ scrollIntoView: xe })), t.useImperativeHandle(a, () => Se.current);
+  const we = t.useRef(0), p = t.useRef(0), H = t.useRef(0), K = t.useRef(0), de = t.useRef(null), Ee = t.useRef(null), [le, Me] = t.useState(null), ot = hr(n, j, s), rt = fr(n, Q), be = pr(n, r), { extendedColumns: st, columnsWidth: lt, columnsMap: it } = t.useMemo(
     () => {
-      const y = Ya(
+      const R = yo(
         [
-          ...l,
+          ...o,
           {
             title: "",
             sortable: !1,
             resizable: !1,
             reorderable: !1,
-            width: Ee,
-            headerCell: () => qe,
-            cell: bn,
+            width: be,
+            headerCell: () => ot,
+            cell: Kn,
             orderIndex: Number.MAX_SAFE_INTEGER,
             navigatable: !1
           }
         ],
-        { prevId: 0, idPrefix: ye.current }
+        { prevId: 0, idPrefix: De.current }
       );
-      let P = 0;
-      return y.forEach((I, $, q) => {
-        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)));
+      let Z = 0;
+      return R.forEach((V, ee, oe) => {
+        const te = ee + 1 === oe.length, ve = V.children.length === 0;
+        te ? V.isAccessible = !1 : (V.locked = !0, ve && (V.width = V.width || Ve)), ve && (Z += parseFloat(String(V.width)));
       }), {
-        extendedColumns: y,
-        columnsWidth: P,
-        columnsMap: qa(y)
+        extendedColumns: R,
+        columnsWidth: Z,
+        columnsMap: vo(R)
       };
     },
-    [l, Ee]
-  ), [Qe, et] = qo(), k = t.useCallback(
-    () => K.current && K.current.parentElement,
+    [o, be]
+  ), [ct, dt] = br(), E = t.useCallback(
+    () => j.current && j.current.parentElement,
     []
-  ), se = () => {
-    const y = k(), P = Y.current, I = W.current && W.current.tbodyElement;
-    if (!y || !P || !I)
+  ), he = () => {
+    const R = E(), Z = Q.current, V = B.current && B.current.tbodyElement;
+    if (!R || !Z || !V)
       return;
-    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";
-  }, ie = () => {
-    const y = k();
-    y && (he.current = y.offsetLeft);
+    const ee = V.offsetTop, oe = R.offsetLeft, te = be;
+    Z.style.top = ee + "px", Z.style.left = oe + "px", Z.style.width = te + "px", Z.style.height = V.offsetHeight + "px";
+  }, ye = () => {
+    const R = E();
+    R && (ke.current = R.offsetLeft);
   };
-  t.useEffect(se), t.useEffect(ie);
-  const be = t.useCallback(
-    (y) => {
-      if (!O.current)
+  t.useEffect(he), t.useEffect(ye);
+  const Ne = t.useCallback(
+    (R) => {
+      if (!q.current)
         return;
-      const P = y.columns.slice(0, y.columns.length - 1);
-      if (y.end)
-        O.current.style.left = "0px";
+      const Z = R.columns.slice(0, R.columns.length - 1);
+      if (R.end)
+        q.current.style.left = "0px";
       else {
-        const I = k();
-        if (!I)
+        const V = E();
+        if (!V)
           return;
-        O.current.style.left = I.offsetLeft - he.current + "px", se();
+        q.current.style.left = V.offsetLeft - ke.current + "px", he();
       }
-      A({
-        ...y,
-        columns: P
+      $({
+        ...R,
+        columns: Z
       });
     },
-    [A]
-  ), Re = t.useCallback(
-    (y) => {
-      const P = y.columns.slice(0, y.columns.length - 1);
-      j({
-        ...y,
-        columns: P
+    [$]
+  ), Fe = t.useCallback(
+    (R) => {
+      const Z = R.columns.slice(0, R.columns.length - 1);
+      O({
+        ...R,
+        columns: Z
       });
     },
-    [A]
-  ), tt = t.useCallback(
-    (y) => {
-      const I = (ee.current && ee.current.ownerDocument ? ee.current.ownerDocument : document).elementFromPoint(y.clientX, y.clientY), $ = ee.current;
-      if (!I || !I.parentElement || !$)
+    [$]
+  ), ut = t.useCallback(
+    (R) => {
+      const V = (ae.current && ae.current.ownerDocument ? ae.current.ownerDocument : document).elementFromPoint(R.clientX, R.clientY), ee = ae.current;
+      if (!V || !V.parentElement || !ee)
         return;
-      const q = $.parentElement, U = $.firstElementChild;
-      if (!q || !U)
+      const oe = ee.parentElement, te = ee.firstElementChild;
+      if (!oe || !te)
         return;
-      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;
+      const ve = V.getAttribute(Ke);
+      if (ve) {
+        const Ka = ee.offsetTop, $a = ee.offsetLeft, Ua = oe.offsetTop, qa = oe.offsetLeft, Ya = te.scrollTop, Xa = te.scrollLeft;
+        H.current = $a + qa, K.current = Ka + Ua, we.current = R.clientX - H.current + Xa, p.current = R.clientY - K.current + Ya, de.current = V.parentElement.getAttribute($e), Ee.current = ve;
       }
     },
     []
-  ), De = t.useCallback(
-    (y) => {
-      const P = ee.current;
-      if (!P)
+  ), Ie = t.useCallback(
+    (R) => {
+      const Z = ae.current;
+      if (!Z)
         return;
-      const I = P.firstElementChild;
-      if (!I)
+      const V = Z.firstElementChild;
+      if (!V)
         return;
-      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: ce
+      const ee = V.scrollTop, oe = V.scrollLeft, te = R.clientX - H.current + oe, ve = R.clientY - K.current + ee;
+      Math.abs(we.current - te) < 10 && Math.abs(p.current - ve) < 10 || Me({
+        startX: we.current,
+        startY: p.current,
+        endX: te,
+        endY: ve
       });
     },
     []
-  ), pa = t.useCallback(
-    (y) => {
-      const I = (ee.current && ee.current.ownerDocument ? ee.current.ownerDocument : document).elementFromPoint(y.clientX, y.clientY);
-      if (!I || !I.parentElement)
+  ), Ba = t.useCallback(
+    (R) => {
+      const V = (ae.current && ae.current.ownerDocument ? ae.current.ownerDocument : document).elementFromPoint(R.clientX, R.clientY);
+      if (!V || !V.parentElement)
         return;
-      const $ = I.parentElement.getAttribute(We), q = I.getAttribute(Ge);
-      if (q && $ !== ue.current && G) {
-        let U;
-        ve.current === "start" ? U = q === "start" ? 3 : 2 : U = q === "start" ? 1 : 0, G({
-          fromId: ue.current,
-          toId: $,
-          type: U
+      const ee = V.parentElement.getAttribute($e), oe = V.getAttribute(Ke);
+      if (oe && ee !== de.current && _) {
+        let te;
+        Ee.current === "start" ? te = oe === "start" ? 3 : 2 : te = oe === "start" ? 1 : 0, _({
+          fromId: de.current,
+          toId: ee,
+          type: te
         });
       }
-      fe.current = 0, pe.current = 0, Ce.current = 0, ke.current = 0, ue.current = null, ve.current = null, Te(null);
+      we.current = 0, p.current = 0, H.current = 0, K.current = 0, de.current = null, Ee.current = null, Me(null);
     },
-    [G, Te]
+    [_, Me]
   );
   return /* @__PURE__ */ t.createElement(
-    Tn,
+    Bn,
     {
-      tasksStore: [Qe, et],
-      timelineWidth: Ee,
+      tasksStore: [ct, dt],
+      timelineWidth: be,
       dependencyDrag: {
-        isEnabled: !!G,
-        draggedId: ue.current,
-        onDependencyHandlePress: tt,
-        onDependencyHandleDrag: De,
-        onDependencyHandleRelease: pa
+        isEnabled: !!_,
+        draggedId: de.current,
+        onDependencyHandlePress: ut,
+        onDependencyHandleDrag: Ie,
+        onDependencyHandleRelease: Ba
       }
     },
-    /* @__PURE__ */ t.createElement("div", { className: "k-gantt-content", ref: ee, style: { height: `calc(100% - ${_}px)` } }, /* @__PURE__ */ t.createElement(
-      zt,
+    /* @__PURE__ */ t.createElement("div", { className: "k-gantt-content", ref: ae, style: { height: `calc(100% - ${U}px)` } }, /* @__PURE__ */ t.createElement(
+      $t,
       {
-        treelistId: F.current,
-        ref: W,
-        extendedColumns: je,
-        columnsMap: Je,
-        dataItemKey: w.id,
-        data: T,
-        idPrefix: ye.current,
-        navigatable: C,
-        expandField: w.isExpanded,
-        subItemsField: w.children,
-        editField: w.isInEdit,
-        selectedField: w.isSelected,
-        onDataStateChange: L,
-        onSortChange: V,
-        onFilterChange: N,
-        onExpandChange: z,
-        onRowClick: J,
-        onRowDoubleClick: b,
-        onRowContextMenu: X,
-        onColumnResize: be,
-        onColumnReorder: Re,
-        onColumnMenuFilterChange: x,
-        onKeyDown: B,
-        onSelectionChange: E,
-        onHeaderSelectionChange: H,
-        tableProps: { style: { width: Ze }, className: "k-table k-table-md k-table-layout-fixed" },
-        noRecords: s,
-        rowHeight: Q,
-        resizable: c,
-        reorderable: m,
-        sortable: g,
-        sort: d,
-        filter: u,
+        treelistId: z.current,
+        ref: B,
+        extendedColumns: st,
+        columnsMap: it,
+        dataItemKey: S.id,
+        data: I,
+        idPrefix: De.current,
+        navigatable: f,
+        expandField: S.isExpanded,
+        subItemsField: S.children,
+        editField: S.isInEdit,
+        selectedField: S.isSelected,
+        onDataStateChange: M,
+        onSortChange: A,
+        onFilterChange: x,
+        onExpandChange: b,
+        onRowClick: F,
+        onRowDoubleClick: v,
+        onRowContextMenu: w,
+        onColumnResize: Ne,
+        onColumnReorder: Fe,
+        onColumnMenuFilterChange: G,
+        onKeyDown: X,
+        onSelectionChange: D,
+        onHeaderSelectionChange: P,
+        tableProps: { style: { width: lt }, className: "k-table k-table-md k-table-layout-fixed" },
+        noRecords: l,
+        rowHeight: Y,
+        resizable: i,
+        reorderable: g,
+        sortable: d,
+        sort: m,
+        filter: c,
         columnMenuFilter: h,
-        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 } }, 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)
+        columnMenu: C,
+        row: k,
+        selectable: y,
+        afterContent: /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("svg", { className: "k-gantt-dependencies-svg", ref: q, style: { left: 0, top: 0 } }, N.map((R) => /* @__PURE__ */ t.createElement($n, { key: T(J.id)(R), dependency: R }))), /* @__PURE__ */ t.createElement("svg", { className: "k-gantt-dependencies-svg", style: { left: 0, top: 0, zIndex: 3 } }, le && /* @__PURE__ */ t.createElement("polyline", { points: `${le.startX},${le.startY} ${le.endX},${le.endY}` })), I && I.length ? rt : 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", 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",
-  [dt]: "Year",
-  [ut]: "Clear",
-  [Pe]: "Is equal to",
-  [_e]: "Is not equal to",
-  [Ke]: "Is null",
-  [Be]: "Is not null",
-  [Sn]: "Is empty",
-  [xn]: "Is not empty",
-  [In]: "Starts with",
-  [Nn]: "Contains",
-  [Mn]: "Does not contain",
-  [Fn]: "Ends with",
-  [Ln]: "Is greater than or equal to",
-  [Hn]: "Is greater than",
-  [An]: "Is less than or equal to",
-  [Vn]: "Is less than",
-  [zn]: "Is true",
-  [Gn]: "Is false",
-  [Wn]: "(All)",
-  [On]: "Is after or equal to",
-  [Pn]: "Is after",
-  [_n]: "Is before",
-  [Kn]: "Is before or equal to",
-  [jo]: "No records available",
-  [Bn]: "Save",
-  [Gt]: "Cancel",
-  [$n]: "Task",
-  [Un]: "Title",
-  [Yn]: "Start",
-  [qn]: "End",
-  [Xn]: "Complete",
-  [jn]: "Field is required.",
-  [Zn]: "Start time must be be before End time.",
-  [Jn]: "End time must be after Start time.",
-  [Qn]: "Add Task",
-  [ea]: "Add Child",
-  [ta]: "Add Above",
-  [na]: "Add Below",
-  [aa]: "Delete",
-  [oa]: "Are you sure you want to delete this event?",
-  [sa]: "Delete Event"
-}, $e = t.forwardRef((e, a) => {
-  const { slotWidth: n = Ae.slotWidth, firstSlotRangeRef: o, timelineHeaderCell: r } = e, { timezone: l } = Ne(), s = xe(), c = t.useRef(null), m = t.useRef(null), g = t.useCallback(
-    (C) => {
-      m.current && m.current.scrollIntoView(C);
+Ge.displayName = "KendoReactGanttBaseView";
+const Dt = "gantt.weekViewTitle", Et = "gantt.dayViewTitle", yt = "gantt.monthViewTitle", vt = "gantt.yearViewTitle", wt = "gantt.filterClearButton", Je = "gantt.filterEqOperator", Qe = "gantt.filterNotEqOperator", et = "gantt.filterIsNullOperator", tt = "gantt.filterIsNotNullOperator", Un = "gantt.filterIsEmptyOperator", qn = "gantt.filterIsNotEmptyOperator", Yn = "gantt.filterStartsWithOperator", Xn = "gantt.filterContainsOperator", jn = "gantt.filterNotContainsOperator", Zn = "gantt.filterEndsWithOperator", Jn = "gantt.filterGteOperator", Qn = "gantt.filterGtOperator", ea = "gantt.filterLteOperator", ta = "gantt.filterLtOperator", na = "gantt.filterIsTrue", aa = "gantt.filterIsFalse", oa = "gantt.filterBooleanAll", ra = "gantt.filterAfterOrEqualOperator", sa = "gantt.filterAfterOperator", la = "gantt.filterBeforeOperator", ia = "gantt.filterBeforeOrEqualOperator", Rr = "gantt.noRecords", ca = "gantt.editSave", Ut = "gantt.editCancel", qt = "gantt.editAdd", Yt = "gantt.editRemove", da = "gantt.editTabGeneral", ua = "gantt.editTabPredecessors", ma = "gantt.editTabSuccessors", ga = "gantt.editorTitle", ha = "gantt.editorTaskTitle", fa = "gantt.editorTaskStart", pa = "gantt.editorTaskEnd", xr = "gantt.editorTaskPlannedStart", Mr = "gantt.editorTaskPlannedEnd", Nr = "gantt.editorTaskActualStart", Fr = "gantt.editorTaskActualEnd", Ca = "gantt.editorTaskComplete", ka = "gantt.editorTaskParent", Da = "gantt.editorValidationRequired", Ea = "gantt.editorValidationStart", ya = "gantt.editorValidationEnd", va = "gantt.editorValidationPercentCompleteRange", Tt = "gantt.editorDependencyTypesFF", wa = "gantt.editorDependencyTypesSF", Ta = "gantt.editorDependencyTypesFS", Sa = "gantt.editorDependencyTypesSS", ba = "gantt.addTask", Ia = "gantt.addChild", Ra = "gantt.addAbove", xa = "gantt.addBelow", Ma = "gantt.viewSelector", Xt = "gantt.editorDelete", Na = "gantt.deleteConfirmation", Fa = "gantt.deleteDialogTitle", jt = "gantt.editorDependencyNameLabel", Zt = "gantt.editorDependencyTypeLabel", se = {
+  [Dt]: "Week",
+  [Et]: "Day",
+  [yt]: "Month",
+  [vt]: "Year",
+  [wt]: "Clear",
+  [Je]: "Is equal to",
+  [Qe]: "Is not equal to",
+  [et]: "Is null",
+  [tt]: "Is not null",
+  [Un]: "Is empty",
+  [qn]: "Is not empty",
+  [Yn]: "Starts with",
+  [Xn]: "Contains",
+  [jn]: "Does not contain",
+  [Zn]: "Ends with",
+  [Jn]: "Is greater than or equal to",
+  [Qn]: "Is greater than",
+  [ea]: "Is less than or equal to",
+  [ta]: "Is less than",
+  [na]: "Is true",
+  [aa]: "Is false",
+  [oa]: "(All)",
+  [ra]: "Is after or equal to",
+  [sa]: "Is after",
+  [la]: "Is before",
+  [ia]: "Is before or equal to",
+  [Rr]: "No records available",
+  [ca]: "Save",
+  [Ut]: "Cancel",
+  [qt]: "Add",
+  [Yt]: "Remove",
+  [da]: "General",
+  [ua]: "Predecessors",
+  [ma]: "Successors",
+  [ga]: "Edit task",
+  [ha]: "Title",
+  [fa]: "Start",
+  [pa]: "End",
+  [xr]: "Planned Start Date",
+  [Mr]: "Planned End Date",
+  [Nr]: "Actual Start Date",
+  [Fr]: "Actual End Date",
+  [Ca]: "Complete",
+  [ka]: "Parent",
+  [Da]: "Field is required.",
+  [Ea]: "Start time must be be before End time.",
+  [ya]: "End time must be after Start time.",
+  [va]: "Value should be between 0 and 100.",
+  [Tt]: "Finish-Finish",
+  [Ta]: "Finish-Start",
+  [wa]: "Start-Finish",
+  [Sa]: "Start-Start",
+  [ba]: "Add Task",
+  [Ia]: "Add Child",
+  [Ra]: "Add Above",
+  [xa]: "Add Below",
+  [Ma]: "View Selector",
+  [Xt]: "Delete",
+  [Na]: "Are you sure you want to delete this event?",
+  [Fa]: "Delete Event",
+  [jt]: "Name",
+  [Zt]: "Type"
+}, nt = t.forwardRef((e, a) => {
+  const { slotWidth: n = Oe.slotWidth, firstSlotRangeRef: r, timelineHeaderCell: s } = e, { timezone: o } = ze(), l = Ae(), i = t.useRef(null), g = t.useRef(null), d = t.useCallback(
+    (f) => {
+      g.current && g.current.scrollIntoView(f);
     },
     []
   );
-  t.useImperativeHandle(c, () => ({ scrollIntoView: g })), t.useImperativeHandle(a, () => c.current);
-  const d = Me(), u = e.workWeekStart || Ae.workWeekStart, h = e.workWeekEnd || Ae.workWeekEnd, p = t.useMemo(
+  t.useImperativeHandle(i, () => ({ scrollIntoView: d })), t.useImperativeHandle(a, () => i.current);
+  const m = Pe(), c = e.workWeekStart || Oe.workWeekStart, h = e.workWeekEnd || Oe.workWeekEnd, C = t.useMemo(
     () => {
-      const C = gn({
-        workWeekStart: u,
+      const f = Fn({
+        workWeekStart: c,
         workWeekEnd: h
-      }), f = [], v = pn(d, { timezone: l }, s);
-      return v.forEach((L) => {
-        const V = fn(L.range, { workDays: C, timezone: l }, s);
-        f.push.apply(f, V);
-      }), o && f[0] && (o.current = f[0].range), [v, f];
+      }), k = [], y = Hn(m, { timezone: o }, l);
+      return y.forEach((M) => {
+        const A = An(M.range, { workDays: f, timezone: o }, l);
+        k.push.apply(k, A);
+      }), r && k[0] && (r.current = k[0].range), [y, k];
     },
-    [l, d.start.getTime(), d.end.getTime(), s, u, h]
+    [o, m.start.getTime(), m.end.getTime(), l, c, h]
   );
   return /* @__PURE__ */ t.createElement(
-    Fe,
+    Ge,
     {
-      ref: m,
+      ref: g,
       slotWidth: n,
-      slotLevels: p,
-      timelineHeaderCell: r
+      slotLevels: C,
+      timelineHeaderCell: s
     }
   );
-}), 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);
+}), Lr = ({ intl: e, tasksStart: a, tasksEnd: n, timezone: r }) => {
+  const s = L.fromLocalDate(a, r), o = L.fromLocalDate(n, r), l = Nn(ft(pe(s), e.firstDay())), i = Rt(ft(pe(o), e.firstDay()), Rn), g = L.fromUTCDate(Ce(l), r), d = L.fromUTCDate(Ce(i), r);
   return {
-    start: new Date(m.getTime()),
-    end: new Date(g.getTime()),
-    zonedStart: m,
-    zonedEnd: g
+    start: new Date(g.getTime()),
+    end: new Date(d.getTime()),
+    zonedStart: g,
+    zonedEnd: d
   };
-}, Ae = {
+}, Oe = {
   name: "week",
-  dateRange: Zo,
-  title: (e) => e.toLanguageString(lt, ae[lt]),
-  slotWidth: Ie,
+  dateRange: Lr,
+  title: (e) => e.toLanguageString(Dt, se[Dt]),
+  slotWidth: Ve,
   workWeekStart: 1,
   workWeekEnd: 5,
   workDayStart: "08:00",
   workDayEnd: "17:00"
 };
-$e.defaultProps = Ae;
-$e.propTypes = {
-  name: i.string,
-  dateRange: i.oneOfType([i.func, i.object]),
-  title: i.oneOfType([i.string, i.func]),
-  slotWidth: i.number,
-  workWeekStart: i.number,
-  workWeekEnd: i.number,
-  workDayStart: i.string,
-  workDayEnd: i.string
+nt.defaultProps = Oe;
+nt.propTypes = {
+  name: u.string,
+  dateRange: u.oneOfType([u.func, u.object]),
+  title: u.oneOfType([u.string, u.func]),
+  slotWidth: u.number,
+  workWeekStart: u.number,
+  workWeekEnd: u.number,
+  workDayStart: u.string,
+  workDayEnd: u.string
 };
-$e.displayName = "KendoReactGanttWeekView";
-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 });
+nt.displayName = "KendoReactGanttWeekView";
+const Ar = (e, a, n) => {
+  const [r, s] = t.useState(a || e), o = t.useCallback(
+    (l, i) => {
+      s(l), n && n.call(void 0, { ...i, value: l });
     },
-    [n, r]
+    [n, s]
   );
-  return [a !== void 0 ? a : o, l];
-}, ra = (e) => {
-  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(
+  return [a !== void 0 ? a : r, o];
+}, La = (e) => {
+  const [a, n] = Gn(), r = ce(), s = t.useMemo(
+    () => typeof e.view.title == "function" ? e.view.title.call(void 0, r) : e.view.title,
+    [e.view.title, r]
+  ), o = t.useCallback(
     () => {
       e.view.name && n(e.view.name);
     },
     [n, e.view.name]
   );
   return /* @__PURE__ */ t.createElement(
-    ze,
+    me,
     {
       role: "button",
       type: "button",
       tabIndex: -1,
       togglable: !0,
       selected: e.view.name === a,
-      onClick: l
+      onClick: o
     },
-    r
+    s
   );
 };
-ra.displayName = "KendoReactGanttViewSelectorItem";
-const la = t.forwardRef(() => {
-  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));
+La.displayName = "KendoReactGanttViewSelectorItem";
+const Aa = t.forwardRef(() => {
+  const e = Er(), [a, n] = Gn(), r = ce(), s = (l) => r.toLanguageString(l, se[l]), o = t.useCallback(
+    (l) => {
+      n && (l.preventDefault(), n(l.target.value));
     },
     [n]
   );
-  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,
+  return /* @__PURE__ */ t.createElement("div", { className: "k-gantt-views-wrapper" }, /* @__PURE__ */ t.createElement(Vo, { className: "k-gantt-views" }, e.map((l) => /* @__PURE__ */ t.createElement(La, { key: l.props.name, view: l.props }))), /* @__PURE__ */ t.createElement(
+    "select",
     {
-      className: "k-views-dropdown",
-      onItemClick: l,
-      popupSettings: { popupClass: "k-gantt-toolbar" },
-      textField: "title",
-      items: e.map((s) => ({
-        ...s.props,
-        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: ro }))
-    }
+      value: a,
+      onChange: o,
+      "aria-label": s(Ma),
+      className: "k-picker k-picker-solid k-dropdown-list k-dropdown k-views-dropdown k-rounded-md"
+    },
+    e.map((l) => /* @__PURE__ */ t.createElement("option", { key: l.props.name, value: l.props.name }, typeof l.props.title == "function" ? l.props.title.call(void 0, r) : l.props.title))
   ));
 });
-la.displayName = "KendoReactGanttViewSelectorList";
-const ia = t.forwardRef((e, a) => {
+Aa.displayName = "KendoReactGanttViewSelectorList";
+const Ha = t.forwardRef((e, a) => {
   const {
     className: n,
-    ...o
-  } = e, r = t.useRef(null);
-  return t.useImperativeHandle(a, () => ({ element: r.current, props: e })), /* @__PURE__ */ t.createElement(
-    co,
+    ...r
+  } = e, s = t.useRef(null);
+  return t.useImperativeHandle(a, () => ({ element: s.current, props: e })), /* @__PURE__ */ t.createElement(
+    zo,
     {
-      ref: (l) => {
-        l && (r.current = l.element);
+      ref: (o) => {
+        o && (s.current = o.element);
       },
-      className: de("k-gantt-views", n),
-      ...o
+      className: ie("k-gantt-views", n),
+      ...r
     },
     e.children
   );
 });
-ia.displayName = "KendoReactGanttViewSelector";
-const ca = t.forwardRef((e, a) => {
+Ha.displayName = "KendoReactGanttViewSelector";
+const Va = t.forwardRef((e, a) => {
   const {
     className: n,
-    ...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(() => de("k-gantt-toolbar k-gantt-header", n), [n]);
+    ...r
+  } = e, s = t.useRef(null), o = t.useRef(null);
+  t.useImperativeHandle(o, () => ({ element: s.current, props: e })), t.useImperativeHandle(a, () => o.current);
+  const l = t.useMemo(() => ie("k-gantt-toolbar k-gantt-header", n), [n]);
   return /* @__PURE__ */ t.createElement(
-    uo,
+    Po,
     {
-      ref: (c) => {
-        c && (r.current = c.element);
+      ref: (i) => {
+        i && (s.current = i.element);
       },
-      className: s,
-      ...o
+      className: l,
+      ...r
     },
     e.children
   );
 });
-ca.displayName = "KendoReactGanttToolbar";
-const Zt = {
+Va.displayName = "KendoReactGanttToolbar";
+const mn = {
   name: "@progress/kendo-react-gantt",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1705647254,
+  publishDate: 1705940567,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
-}, da = t.forwardRef((e, a) => {
-  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";
+}, za = t.forwardRef((e, a) => {
+  const n = ce(), r = (c) => n.toLanguageString(c, se[c]), s = r(ba), o = r(Ia), l = r(Ra), i = r(xa), g = t.useCallback(
+    (c) => {
+      c.syntheticEvent.preventDefault();
+      const h = c.item && c.item.direction ? c.item.direction : "none";
       e.onClick && e.onClick({
-        nativeEvent: u.nativeEvent,
-        syntheticEvent: u.syntheticEvent,
+        nativeEvent: c.nativeEvent,
+        syntheticEvent: c.syntheticEvent,
         direction: h
       });
     },
     [e.onClick]
-  ), g = t.useCallback(
-    (u) => {
-      u.preventDefault(), e.onClick && e.onClick({
-        nativeEvent: u && u.nativeEvent,
-        syntheticEvent: u,
+  ), d = t.useCallback(
+    (c) => {
+      c.preventDefault(), e.onClick && e.onClick({
+        nativeEvent: c && c.nativeEvent,
+        syntheticEvent: c,
         direction: "none"
       });
     },
     [e.onClick]
-  ), d = /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(mt, { name: "plus", icon: lo }), r);
+  ), m = /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(fn, { name: "plus", icon: It }), s);
   return e.selectedTask ? /* @__PURE__ */ t.createElement(
-    on,
+    Go,
     {
       className: "k-views-dropdown",
-      onItemClick: m,
+      onItemClick: g,
       popupSettings: { popupClass: "k-gantt-toolbar" },
       textField: "title",
       items: [
-        { title: l, direction: "child" },
-        { title: s, direction: "above" },
-        { title: c, direction: "below" }
+        { title: o, direction: "child" },
+        { title: l, direction: "above" },
+        { title: i, direction: "below" }
       ],
-      text: d
+      text: m
     }
-  ) : /* @__PURE__ */ t.createElement(ze, { onClick: g }, d);
+  ) : /* @__PURE__ */ t.createElement(me, { onClick: d }, m);
 });
-da.displayName = "KendoReactGanttAddButton";
-const Wt = t.forwardRef((e, a) => {
-  ba(Zt);
-  const n = Ra(Zt), {
-    columns: o = Se.columns,
-    taskData: r = Se.taskData,
-    dependencyData: l = Se.dependencyData,
-    style: s,
-    className: c,
-    noRecords: m,
-    timezone: g,
-    rowHeight: d = Se.rowHeight,
-    resizable: u,
+za.displayName = "KendoReactGanttAddButton";
+const Jt = t.forwardRef((e, a) => {
+  Ja(mn);
+  const n = Qa(mn), {
+    columns: r = Le.columns,
+    taskData: s = Le.taskData,
+    dependencyData: o = Le.dependencyData,
+    style: l,
+    className: i,
+    noRecords: g,
+    timezone: d,
+    rowHeight: m = Le.rowHeight,
+    resizable: c,
     reorderable: h,
-    sortable: p,
-    sort: C,
-    filter: f,
-    columnMenuFilter: v,
-    columnMenu: L,
-    navigatable: V,
-    toolbar: N,
-    row: x,
-    selectable: z
-  } = 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 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);
+    sortable: C,
+    sort: f,
+    filter: k,
+    columnMenuFilter: y,
+    columnMenu: M,
+    navigatable: A,
+    toolbar: x,
+    row: G,
+    selectable: b
+  } = e, F = Ae(), { fields: v } = t.useMemo(() => nr(e.taskModelFields), [e.taskModelFields]), { fields: w } = t.useMemo(() => ar(e.dependencyModelFields), [e.dependencyModelFields]), $ = t.useCallback(
+    Cr(v.isExpanded, v.children),
+    [v.isExpanded, v.children]
+  ), O = t.useRef(null), _ = t.useRef(null), X = t.useRef(null), D = t.useRef(null), P = t.useRef(null), Y = t.useCallback(
+    (E) => {
+      const he = T(v.start)(E), ye = T(v.end)(E), Ne = T(v.isSelected)(E);
+      (!_.current || he < _.current) && (_.current = he), (!X.current || ye > X.current) && (X.current = ye), Ne && (D.current = E);
     },
-    [b.start, b.end]
-  ), _ = t.useMemo(
-    () => (G.current = null, B.current = null, E.current = null, oo(r, A, Q)),
-    [r, A]
+    [v.start, v.end]
+  ), U = t.useMemo(
+    () => (_.current = null, X.current = null, D.current = null, yn(s, $, Y)),
+    [s, $]
   );
-  (!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 })]
+  (!_.current || !X.current) && (_.current = new Date(ln), X.current = new Date(ln));
+  const S = t.Children.toArray(
+    e.children || [/* @__PURE__ */ t.createElement(nt, { key: "week", firstSlotRangeRef: P })]
   ), [
-    Z,
-    T
-  ] = Jo(
-    e.defaultView || w[0].props.name,
+    J,
+    I
+  ] = Ar(
+    e.defaultView || S[0].props.name,
     e.view,
     e.onViewChange
-  ), 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
-  }) : S.props.dateRange, Y = t.useRef(null), [W, O] = t.useState(0);
+  ), N = S.find((E) => E.props.name === J) || S[0], j = typeof N.props.dateRange == "function" ? N.props.dateRange.call(void 0, {
+    intl: F,
+    tasksStart: _.current,
+    tasksEnd: X.current,
+    timezone: d
+  }) : N.props.dateRange, Q = t.useRef(null), [B, q] = t.useState(0);
   t.useLayoutEffect(
     () => {
-      Y.current && O(Y.current.element.offsetHeight);
+      Q.current && q(Q.current.element.offsetHeight);
     },
     []
   );
-  const he = t.useCallback(
-    (k) => {
-      j.current && j.current.scrollIntoView(k);
+  const ke = t.useCallback(
+    (E) => {
+      O.current && O.current.scrollIntoView(E);
     },
     []
-  ), 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) => {
+  ), De = t.useRef(null), z = t.useRef(null);
+  t.useImperativeHandle(z, () => ({ props: e, element: De.current, scrollIntoView: ke })), t.useImperativeHandle(a, () => z.current);
+  const ae = t.useCallback(
+    (E) => {
       e.onDataStateChange && e.onDataStateChange.call(
         void 0,
-        { ...k, target: F.current }
+        { ...E, target: z.current }
       );
     },
     [e.onDataStateChange]
-  ), Le = t.useCallback(
-    (k) => {
+  ), Se = t.useCallback(
+    (E) => {
       e.onSortChange && e.onSortChange.call(
         void 0,
-        { ...k, target: F.current }
+        { ...E, target: z.current }
       );
     },
     [e.onSortChange]
-  ), Ye = t.useCallback(
-    (k) => {
+  ), xe = t.useCallback(
+    (E) => {
       e.onKeyDown && e.onKeyDown.call(
         void 0,
-        { ...k, target: F.current }
+        { ...E, target: z.current }
       );
     },
     [e.onKeyDown]
-  ), fe = t.useCallback(
-    (k) => {
+  ), we = t.useCallback(
+    (E) => {
       e.onSelectionChange && e.onSelectionChange.call(
         void 0,
-        { ...k, target: F.current }
+        { ...E, target: z.current }
       );
     },
     [e.onSelectionChange]
-  ), pe = t.useCallback(
-    (k) => {
+  ), p = t.useCallback(
+    (E) => {
       e.onHeaderSelectionChange && e.onHeaderSelectionChange.call(
         void 0,
-        { ...k, target: F.current }
+        { ...E, target: z.current }
       );
     },
     [e.onHeaderSelectionChange]
-  ), Ce = t.useCallback(
-    (k) => {
+  ), H = t.useCallback(
+    (E) => {
       e.onFilterChange && e.onFilterChange.call(
         void 0,
-        { ...k, target: F.current }
+        { ...E, target: z.current }
       );
     },
     [e.onFilterChange]
-  ), ke = t.useCallback(
-    (k) => {
+  ), K = t.useCallback(
+    (E) => {
       e.onColumnMenuFilterChange && e.onColumnMenuFilterChange.call(
         void 0,
-        { ...k, target: F.current }
+        { ...E, target: z.current }
       );
     },
     [e.onColumnMenuFilterChange]
-  ), ue = t.useCallback(
-    (k) => {
+  ), de = t.useCallback(
+    (E) => {
       e.onExpandChange && e.onExpandChange.call(
         void 0,
-        { ...k, target: F.current }
+        { ...E, target: z.current }
       );
     },
     [e.onExpandChange]
-  ), ve = t.useCallback(
-    (k) => {
+  ), Ee = t.useCallback(
+    (E) => {
       e.onAddClick && e.onAddClick.call(
         void 0,
         {
-          ...k,
-          target: F.current,
-          selectedDataItem: E.current,
-          slotStart: H.current && new Date(H.current.start.getTime()),
-          slotEnd: H.current && new Date(H.current.end.getTime())
+          ...E,
+          target: z.current,
+          selectedDataItem: D.current,
+          slotStart: P.current && new Date(P.current.start.getTime()),
+          slotEnd: P.current && new Date(P.current.end.getTime())
         }
       );
     },
     [e.onAddClick]
-  ), me = t.useCallback(
-    (k) => {
+  ), le = t.useCallback(
+    (E) => {
       e.onColumnResize && e.onColumnResize.call(
         void 0,
         {
-          ...k,
-          target: F.current
+          ...E,
+          target: z.current
         }
       );
     },
     [e.onColumnResize]
-  ), Te = t.useCallback(
-    (k) => {
+  ), Me = t.useCallback(
+    (E) => {
       e.onColumnReorder && e.onColumnReorder.call(
         void 0,
-        { ...k, target: F.current }
+        { ...E, target: z.current }
       );
     },
     [e.onColumnReorder]
-  ), qe = t.useCallback(
-    (k) => {
+  ), ot = t.useCallback(
+    (E) => {
       e.onRowClick && e.onRowClick.call(
         void 0,
-        { ...k, target: F.current }
+        { ...E, target: z.current }
       );
     },
     [e.onRowClick]
-  ), Xe = t.useCallback(
-    (k) => {
+  ), rt = t.useCallback(
+    (E) => {
       e.onRowDoubleClick && e.onRowDoubleClick.call(
         void 0,
-        { ...k, target: F.current }
+        { ...E, target: z.current }
       );
     },
     [e.onRowClick]
-  ), Ee = t.useCallback(
-    (k) => {
+  ), be = t.useCallback(
+    (E) => {
       e.onRowContextMenu && e.onRowContextMenu.call(
         void 0,
-        { ...k, target: F.current }
+        { ...E, target: z.current }
       );
     },
     [e.onRowClick]
-  ), je = t.useCallback(
-    (k) => {
+  ), st = t.useCallback(
+    (E) => {
       e.onTaskClick && e.onTaskClick.call(
         void 0,
-        { ...k, target: F.current }
+        { ...E, target: z.current }
       );
     },
     [e.onTaskClick]
-  ), Ze = t.useCallback(
-    (k) => {
+  ), lt = t.useCallback(
+    (E) => {
       e.onTaskDoubleClick && e.onTaskDoubleClick.call(
         void 0,
-        { ...k, target: F.current }
+        { ...E, target: z.current }
       );
     },
     [e.onTaskDoubleClick]
-  ), Je = t.useCallback(
-    (k) => {
+  ), it = t.useCallback(
+    (E) => {
       e.onTaskContextMenu && e.onTaskContextMenu.call(
         void 0,
-        { ...k, target: F.current }
+        { ...E, target: z.current }
       );
     },
     [e.onTaskContextMenu]
-  ), Qe = t.useCallback(
-    (k) => {
+  ), ct = t.useCallback(
+    (E) => {
       e.onTaskRemoveClick && e.onTaskRemoveClick.call(
         void 0,
-        { ...k, target: F.current }
+        { ...E, target: z.current }
       );
     },
     [e.onTaskRemoveClick]
-  ), et = t.useCallback(
-    (k) => {
+  ), dt = t.useCallback(
+    (E) => {
       if (e.onDependencyCreate) {
-        let se, ie;
-        const be = D(b.id);
-        for (let Re = 0; Re < _.length; Re++) {
-          const tt = _[Re], De = be(tt.dataItem);
-          if (String(De) === k.fromId && (se = De), String(De) === k.toId && (ie = De), se && ie)
+        let he, ye;
+        const Ne = T(v.id);
+        for (let Fe = 0; Fe < U.length; Fe++) {
+          const ut = U[Fe], Ie = Ne(ut.dataItem);
+          if (String(Ie) === E.fromId && (he = Ie), String(Ie) === E.toId && (ye = Ie), he && ye)
             break;
         }
         e.onDependencyCreate.call(
           void 0,
           {
-            fromId: se,
-            toId: ie,
-            target: F.current,
-            type: k.type
+            fromId: he,
+            toId: ye,
+            target: z.current,
+            type: E.type
           }
         );
       }
     },
-    [e.onDependencyCreate, b, _]
+    [e.onDependencyCreate, v, U]
   );
   return /* @__PURE__ */ t.createElement(
-    yn,
+    On,
     {
-      dateRange: K,
-      taskData: _,
-      dependencyData: l,
-      taskModelFields: b,
-      dependencyModelFields: X,
-      views: w,
-      activeView: [Z, T],
-      rowHeight: d,
-      toolbarHeight: W,
+      dateRange: j,
+      taskData: U,
+      dependencyData: o,
+      taskModelFields: v,
+      dependencyModelFields: w,
+      views: S,
+      activeView: [J, I],
+      rowHeight: m,
+      toolbarHeight: B,
       props: {
-        columns: o,
-        noRecords: m,
-        timezone: g,
-        resizable: u,
+        columns: r,
+        noRecords: g,
+        timezone: d,
+        resizable: c,
         reorderable: h,
-        sortable: p,
-        sort: C,
-        filter: f,
-        columnMenuFilter: v,
-        columnMenu: L,
-        navigatable: V,
-        row: x,
-        selectable: z
+        sortable: C,
+        sort: f,
+        filter: k,
+        columnMenuFilter: y,
+        columnMenu: M,
+        navigatable: A,
+        row: G,
+        selectable: b
       },
       events: {
-        onDataStateChange: ee,
-        onSortChange: Le,
-        onFilterChange: Ce,
-        onColumnMenuFilterChange: ke,
-        onExpandChange: ue,
-        onRowClick: qe,
-        onRowDoubleClick: Xe,
-        onRowContextMenu: Ee,
-        onColumnResize: me,
-        onColumnReorder: Te,
-        onDependencyCreate: e.onDependencyCreate && et,
-        onKeyDown: Ye,
-        onSelectionChange: fe,
-        onHeaderSelectionChange: pe
+        onDataStateChange: ae,
+        onSortChange: Se,
+        onFilterChange: H,
+        onColumnMenuFilterChange: K,
+        onExpandChange: de,
+        onRowClick: ot,
+        onRowDoubleClick: rt,
+        onRowContextMenu: be,
+        onColumnResize: le,
+        onColumnReorder: Me,
+        onDependencyCreate: e.onDependencyCreate && dt,
+        onKeyDown: xe,
+        onSelectionChange: we,
+        onHeaderSelectionChange: p
       },
       taskEvents: {
-        onTaskClick: je,
-        onTaskDoubleClick: Ze,
-        onTaskContextMenu: Je,
-        onTaskRemoveClick: e.onTaskRemoveClick && Qe
+        onTaskClick: st,
+        onTaskDoubleClick: lt,
+        onTaskContextMenu: it,
+        onTaskRemoveClick: e.onTaskRemoveClick && ct
       }
     },
     /* @__PURE__ */ t.createElement(
       "div",
       {
-        ref: ye,
+        ref: De,
         role: "application",
-        style: s,
-        className: de("k-gantt", c)
+        style: l,
+        className: ie("k-gantt", i)
       },
-      /* @__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,
+      /* @__PURE__ */ t.createElement(Va, { ref: Q }, x && x.addTaskButton ? /* @__PURE__ */ t.createElement(za, { selectedTask: D.current, onClick: Ee }) : null, /* @__PURE__ */ t.createElement(Wo, null), /* @__PURE__ */ t.createElement(Ha, null, /* @__PURE__ */ t.createElement(Aa, null))),
+      N && /* @__PURE__ */ t.createElement(
+        N.type,
         {
-          key: S.props.name,
-          ref: j,
-          ...S.props,
-          firstSlotRangeRef: H
+          key: N.props.name,
+          ref: O,
+          ...N.props,
+          firstSlotRangeRef: P
         }
       ),
-      n && /* @__PURE__ */ t.createElement(Sa, null)
+      n && /* @__PURE__ */ t.createElement(eo, null)
     )
   );
-}), Se = {
+}), Le = {
   taskData: [],
   dependencyData: [],
   columns: [],
   rowHeight: 40
 };
-Wt.propTypes = {
-  taskData: i.array,
-  taskModelFields: i.shape({
-    id: i.string,
-    start: i.string,
-    end: i.string,
-    title: i.string,
-    percentComplete: i.string,
-    isRollup: i.string,
-    isExpanded: i.string,
-    children: i.string,
-    isInEdit: i.string
+Jt.propTypes = {
+  taskData: u.array,
+  taskModelFields: u.shape({
+    id: u.string,
+    start: u.string,
+    end: u.string,
+    title: u.string,
+    percentComplete: u.string,
+    parentId: u.string,
+    isRollup: u.string,
+    isExpanded: u.string,
+    children: u.string,
+    isInEdit: u.string
   }),
-  dependencyData: i.array,
-  dependencyModelFields: i.shape({
-    id: i.string,
-    fromId: i.string,
-    toId: i.string,
-    type: i.string
+  dependencyData: u.array,
+  dependencyModelFields: u.shape({
+    id: u.string,
+    fromId: u.string,
+    toId: u.string,
+    type: u.string
   }),
-  columns: i.arrayOf(
-    i.shape({
-      width: i.number,
-      cell: i.any,
-      editCell: i.any,
-      headerCell: i.any,
-      filter: i.any,
-      children: i.any,
-      field: i.string,
-      title: i.string,
-      sortable: i.any,
-      expandable: i.bool,
-      headerSelectionValue: i.bool,
-      format: i.string,
-      headerClassName: i.string,
-      className: i.string,
-      resizable: i.bool,
-      reorderable: i.bool,
-      minResizableWidth: i.number,
-      orderIndex: i.number,
-      columnMenu: i.any
+  columns: u.arrayOf(
+    u.shape({
+      width: u.number,
+      cell: u.any,
+      editCell: u.any,
+      headerCell: u.any,
+      filter: u.any,
+      children: u.any,
+      field: u.string,
+      title: u.string,
+      sortable: u.any,
+      expandable: u.bool,
+      headerSelectionValue: u.bool,
+      format: u.string,
+      headerClassName: u.string,
+      className: u.string,
+      resizable: u.bool,
+      reorderable: u.bool,
+      minResizableWidth: u.number,
+      orderIndex: u.number,
+      columnMenu: u.any
     })
   ),
-  sort: i.array,
-  filter: i.array,
-  columnMenuFilter: i.array,
-  columnMenu: i.any,
-  style: i.object,
-  className: i.string,
-  children: i.any,
-  timezone: i.string,
-  defaultView: i.string,
-  view: i.string,
-  rowHeight: i.number,
-  navigatable: i.bool,
-  onViewChange: i.func,
-  onDataStateChange: i.func,
-  onSortChange: i.func,
-  onFilterChange: i.func,
-  onExpandChange: i.func,
-  onRowClick: i.func,
-  onColumnResize: i.func,
-  onColumnReorder: i.func
+  sort: u.array,
+  filter: u.array,
+  columnMenuFilter: u.array,
+  columnMenu: u.any,
+  style: u.object,
+  className: u.string,
+  children: u.any,
+  timezone: u.string,
+  defaultView: u.string,
+  view: u.string,
+  rowHeight: u.number,
+  navigatable: u.bool,
+  onViewChange: u.func,
+  onDataStateChange: u.func,
+  onSortChange: u.func,
+  onFilterChange: u.func,
+  onExpandChange: u.func,
+  onRowClick: u.func,
+  onColumnResize: u.func,
+  onColumnReorder: u.func
 };
-Wt.defaultProps = Se;
-Wt.displayName = "KendoReactGantt";
-const Ot = t.forwardRef((e, a) => {
-  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);
+Jt.defaultProps = Le;
+Jt.displayName = "KendoReactGantt";
+const Qt = t.forwardRef((e, a) => {
+  const { slotWidth: n = Te.slotWidth, slotDuration: r = Te.slotDuration, firstSlotRangeRef: s, timelineHeaderCell: o } = e, { timezone: l } = ze(), i = Ae(), g = t.useRef(null), d = t.useRef(null), m = t.useCallback(
+    (M) => {
+      d.current && d.current.scrollIntoView(M);
     },
     []
   );
-  t.useImperativeHandle(m, () => ({ scrollIntoView: d })), t.useImperativeHandle(a, () => m.current);
-  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(
+  t.useImperativeHandle(g, () => ({ scrollIntoView: m })), t.useImperativeHandle(a, () => g.current);
+  const c = Pe(), h = e.workWeekStart || Te.workWeekStart, C = e.workWeekEnd || Te.workWeekEnd, f = e.workDayStart || Te.workDayStart, k = e.workDayEnd || Te.workDayEnd, y = t.useMemo(
     () => {
-      const L = gn({
+      const M = Fn({
         workWeekStart: h,
-        workWeekEnd: p
-      }), V = [], N = fn(u, { workDays: L, timezone: s }, c);
-      return N.forEach((x) => {
-        const z = Ho(
-          x.range,
+        workWeekEnd: C
+      }), A = [], x = An(c, { workDays: M, timezone: l }, i);
+      return x.forEach((G) => {
+        const b = mr(
+          G.range,
           {
-            workDayStart: C,
-            workDayEnd: f,
-            timezone: s,
-            slotDuration: o
+            workDayStart: f,
+            workDayEnd: k,
+            timezone: l,
+            slotDuration: r
           },
-          c
+          i
         );
-        x.span = z.length, V.push.apply(V, z);
-      }), r && V[0] && (r.current = V[0].range), [N, V];
+        G.span = b.length, A.push.apply(A, b);
+      }), s && A[0] && (s.current = A[0].range), [x, A];
     },
-    [s, u.start.getTime(), u.end.getTime(), c, h, p, C, f]
+    [l, c.start.getTime(), c.end.getTime(), i, h, C, f, k]
   );
   return /* @__PURE__ */ t.createElement(
-    Fe,
+    Ge,
     {
-      ref: g,
+      ref: d,
       slotWidth: n,
-      slotLevels: v,
-      timelineHeaderCell: l
+      slotLevels: y,
+      timelineHeaderCell: o
     }
   );
-}), 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);
+}), Hr = ({ tasksStart: e, tasksEnd: a, timezone: n }) => {
+  const r = L.fromLocalDate(e, n), s = L.fromLocalDate(a, n), o = Nn(r), l = Rt(s), i = L.fromUTCDate(Ce(o), n), g = L.fromUTCDate(Ce(l), n);
   return {
     // Sat May 31 2014 07:00:00 GMT+0300 (Eastern European Summer Time)
-    start: new Date(c.getTime()),
-    end: new Date(m.getTime()),
+    start: new Date(i.getTime()),
+    end: new Date(g.getTime()),
     // Sat May 31 2014 00:00:00 GMT-0400 (EDT)
-    zonedStart: c,
-    zonedEnd: m
+    zonedStart: i,
+    zonedEnd: g
   };
-}, ge = {
+}, Te = {
   name: "day",
-  dateRange: Qo,
-  title: (e) => e.toLanguageString(it, ae[it]),
-  slotWidth: Ie,
+  dateRange: Hr,
+  title: (e) => e.toLanguageString(Et, se[Et]),
+  slotWidth: Ve,
   slotDuration: 60,
   workWeekStart: 1,
   workWeekEnd: 5,
   workDayStart: "08:00",
   workDayEnd: "17:00"
 };
-Ot.defaultProps = ge;
-Ot.propTypes = {
-  name: i.string,
-  dateRange: i.oneOfType([i.func, i.object]),
-  title: i.oneOfType([i.string, i.func]),
-  slotWidth: i.number,
-  slotDuration: i.number,
-  workWeekStart: i.number,
-  workWeekEnd: i.number,
-  workDayStart: i.string,
-  workDayEnd: i.string
+Qt.defaultProps = Te;
+Qt.propTypes = {
+  name: u.string,
+  dateRange: u.oneOfType([u.func, u.object]),
+  title: u.oneOfType([u.string, u.func]),
+  slotWidth: u.number,
+  slotDuration: u.number,
+  workWeekStart: u.number,
+  workWeekEnd: u.number,
+  workDayStart: u.string,
+  workDayEnd: u.string
 };
-Ot.displayName = "KendoReactGanttDayView";
-const Pt = t.forwardRef((e, a) => {
-  const { slotWidth: n = ua.slotWidth, firstSlotRangeRef: o, timelineHeaderCell: r } = e, { timezone: l } = Ne(), s = xe(), c = t.useRef(null), m = t.useRef(null), g = t.useCallback(
+Qt.displayName = "KendoReactGanttDayView";
+const en = t.forwardRef((e, a) => {
+  const { slotWidth: n = Pa.slotWidth, firstSlotRangeRef: r, timelineHeaderCell: s } = e, { timezone: o } = ze(), l = Ae(), i = t.useRef(null), g = t.useRef(null), d = t.useCallback(
     (h) => {
-      m.current && m.current.scrollIntoView(h);
+      g.current && g.current.scrollIntoView(h);
     },
     []
   );
-  t.useImperativeHandle(c, () => ({ scrollIntoView: g })), t.useImperativeHandle(a, () => c.current);
-  const d = Me(), u = t.useMemo(
+  t.useImperativeHandle(i, () => ({ scrollIntoView: d })), t.useImperativeHandle(a, () => i.current);
+  const m = Pe(), c = t.useMemo(
     () => {
-      const h = [], p = Cn(d, { timezone: l }, s);
-      return p.forEach((C) => {
-        const f = pn(
-          C.range,
-          { timezone: l },
-          s
+      const h = [], C = Vn(m, { timezone: o }, l);
+      return C.forEach((f) => {
+        const k = Hn(
+          f.range,
+          { timezone: o },
+          l
         );
-        h.push.apply(h, f);
-      }), o && h[0] && (o.current = h[0].range), [p, h];
+        h.push.apply(h, k);
+      }), r && h[0] && (r.current = h[0].range), [C, h];
     },
-    [l, d.start.getTime(), d.end.getTime(), s]
+    [o, m.start.getTime(), m.end.getTime(), l]
   );
   return /* @__PURE__ */ t.createElement(
-    Fe,
+    Ge,
     {
-      ref: m,
+      ref: g,
       slotWidth: n,
-      slotLevels: u,
-      timelineHeaderCell: r
+      slotLevels: c,
+      timelineHeaderCell: s
     }
   );
-}), 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);
+}), Vr = ({ tasksStart: e, tasksEnd: a, timezone: n }) => {
+  const r = L.fromLocalDate(e, n), s = L.fromLocalDate(a, n), o = Cn(pe(r)), l = bt(kn(pe(s)), 1), i = L.fromUTCDate(Ce(o), n), g = L.fromUTCDate(Ce(l), n);
   return {
-    start: new Date(c.getTime()),
-    end: new Date(m.getTime()),
-    zonedStart: c,
-    zonedEnd: m
+    start: new Date(i.getTime()),
+    end: new Date(g.getTime()),
+    zonedStart: i,
+    zonedEnd: g
   };
-}, ua = {
+}, Pa = {
   name: "month",
-  dateRange: es,
-  title: (e) => e.toLanguageString(ct, ae[ct]),
-  slotWidth: Ie,
+  dateRange: Vr,
+  title: (e) => e.toLanguageString(yt, se[yt]),
+  slotWidth: Ve,
   workWeekStart: 1,
   workWeekEnd: 5,
   workDayStart: "08:00",
   workDayEnd: "17:00"
 };
-Pt.defaultProps = ua;
-Pt.propTypes = {
-  name: i.string,
-  dateRange: i.oneOfType([i.func, i.object]),
-  title: i.oneOfType([i.string, i.func]),
-  slotWidth: i.number,
-  workWeekStart: i.number,
-  workWeekEnd: i.number,
-  workDayStart: i.string,
-  workDayEnd: i.string
+en.defaultProps = Pa;
+en.propTypes = {
+  name: u.string,
+  dateRange: u.oneOfType([u.func, u.object]),
+  title: u.oneOfType([u.string, u.func]),
+  slotWidth: u.number,
+  workWeekStart: u.number,
+  workWeekEnd: u.number,
+  workDayStart: u.string,
+  workDayEnd: u.string
 };
-Pt.displayName = "GanttMonthView";
-const _t = t.forwardRef((e, a) => {
-  const { slotWidth: n = ma.slotWidth, firstSlotRangeRef: o, timelineHeaderCell: r } = e, { timezone: l } = Ne(), s = xe(), c = t.useRef(null), m = t.useRef(null), g = t.useCallback(
+en.displayName = "GanttMonthView";
+const tn = t.forwardRef((e, a) => {
+  const { slotWidth: n = Ga.slotWidth, firstSlotRangeRef: r, timelineHeaderCell: s } = e, { timezone: o } = ze(), l = Ae(), i = t.useRef(null), g = t.useRef(null), d = t.useCallback(
     (h) => {
-      m.current && m.current.scrollIntoView(h);
+      g.current && g.current.scrollIntoView(h);
     },
     []
   );
-  t.useImperativeHandle(c, () => ({ scrollIntoView: g })), t.useImperativeHandle(a, () => c.current);
-  const d = Me(), u = t.useMemo(
+  t.useImperativeHandle(i, () => ({ scrollIntoView: d })), t.useImperativeHandle(a, () => i.current);
+  const m = Pe(), c = t.useMemo(
     () => {
-      const h = Ao(d, { timezone: l }, s), p = [];
-      return h.forEach((C) => {
-        const f = Cn(
-          C.range,
-          { timezone: l },
-          s
+      const h = gr(m, { timezone: o }, l), C = [];
+      return h.forEach((f) => {
+        const k = Vn(
+          f.range,
+          { timezone: o },
+          l
         );
-        p.push.apply(p, f);
-      }), o && p[0] && (o.current = p[0].range), [h, p];
+        C.push.apply(C, k);
+      }), r && C[0] && (r.current = C[0].range), [h, C];
     },
-    [l, d.start.getTime(), d.end.getTime(), s]
+    [o, m.start.getTime(), m.end.getTime(), l]
   );
   return /* @__PURE__ */ t.createElement(
-    Fe,
+    Ge,
     {
       slotWidth: n,
-      slotLevels: u,
-      timelineHeaderCell: r
+      slotLevels: c,
+      timelineHeaderCell: s
     }
   );
-}), 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);
+}), zr = ({ tasksStart: e, tasksEnd: a, timezone: n }) => {
+  const r = L.fromLocalDate(e, n), s = L.fromLocalDate(a, n), o = Cn(no(pe(r))), l = bt(kn(ao(pe(s))), 1), i = L.fromUTCDate(Ce(o), n), g = L.fromUTCDate(Ce(l), n);
   return {
-    start: new Date(c.getTime()),
-    end: new Date(m.getTime()),
-    zonedStart: c,
-    zonedEnd: m
+    start: new Date(i.getTime()),
+    end: new Date(g.getTime()),
+    zonedStart: i,
+    zonedEnd: g
   };
-}, ma = {
+}, Ga = {
   name: "year",
-  dateRange: ts,
-  title: (e) => e.toLanguageString(dt, ae[dt]),
-  slotWidth: Ie
+  dateRange: zr,
+  title: (e) => e.toLanguageString(vt, se[vt]),
+  slotWidth: Ve
 };
-_t.defaultProps = ma;
-_t.propTypes = {
-  name: i.string,
-  dateRange: i.oneOfType([i.func, i.object]),
-  title: i.oneOfType([i.string, i.func]),
-  slotWidth: i.number
+tn.defaultProps = Ga;
+tn.propTypes = {
+  name: u.string,
+  dateRange: u.oneOfType([u.func, u.object]),
+  title: u.oneOfType([u.string, u.func]),
+  slotWidth: u.number
 };
-_t.displayName = "GanttYearView";
-const ns = [
-  { text: Nn, operator: "contains" },
-  { text: Mn, operator: "doesnotcontain" },
-  { text: Pe, operator: "eq" },
-  { text: _e, operator: "neq" },
-  { text: In, operator: "startswith" },
-  { text: Fn, operator: "endswith" },
-  { text: Ke, operator: "isnull" },
-  { text: Be, operator: "isnotnull" },
-  { text: Sn, operator: "isempty" },
-  { text: xn, operator: "isnotempty" }
-], as = [
-  { text: Pe, operator: "eq" },
-  { text: _e, operator: "neq" },
-  { text: Ln, operator: "gte" },
-  { text: Hn, operator: "gt" },
-  { text: An, operator: "lte" },
-  { text: Vn, operator: "lt" },
-  { text: Ke, operator: "isnull" },
-  { text: Be, operator: "isnotnull" }
-], os = [
-  { text: Pe, operator: "eq" },
-  { text: _e, operator: "neq" },
-  { text: On, operator: "gte" },
-  { text: Pn, operator: "gt" },
-  { text: _n, operator: "lt" },
-  { text: Kn, operator: "lte" },
-  { text: Ke, operator: "isnull" },
-  { text: Be, operator: "isnotnull" }
-], ss = [
-  { text: Wn, operator: "" },
-  { text: zn, operator: !0 },
-  { text: Gn, operator: !1 }
+tn.displayName = "GanttYearView";
+const Pr = [
+  { text: Xn, operator: "contains" },
+  { text: jn, operator: "doesnotcontain" },
+  { text: Je, operator: "eq" },
+  { text: Qe, operator: "neq" },
+  { text: Yn, operator: "startswith" },
+  { text: Zn, operator: "endswith" },
+  { text: et, operator: "isnull" },
+  { text: tt, operator: "isnotnull" },
+  { text: Un, operator: "isempty" },
+  { text: qn, operator: "isnotempty" }
+], Gr = [
+  { text: Je, operator: "eq" },
+  { text: Qe, operator: "neq" },
+  { text: Jn, operator: "gte" },
+  { text: Qn, operator: "gt" },
+  { text: ea, operator: "lte" },
+  { text: ta, operator: "lt" },
+  { text: et, operator: "isnull" },
+  { text: tt, operator: "isnotnull" }
+], Wr = [
+  { text: Je, operator: "eq" },
+  { text: Qe, operator: "neq" },
+  { text: ra, operator: "gte" },
+  { text: sa, operator: "gt" },
+  { text: la, operator: "lt" },
+  { text: ia, operator: "lte" },
+  { text: et, operator: "isnull" },
+  { text: tt, operator: "isnotnull" }
+], Or = [
+  { text: oa, operator: "" },
+  { text: na, operator: !0 },
+  { text: aa, operator: !1 }
 ];
-function Ue(e, a) {
+function at(e, a) {
   return {
-    clearButtonTitle: e.toLanguageString(ut, ae[ut]),
+    clearButtonTitle: e.toLanguageString(wt, se[wt]),
     operators: a.map((n) => ({
-      text: e.toLanguageString(n.text, ae[n.text]),
+      text: e.toLanguageString(n.text, se[n.text]),
       operator: n.operator
     }))
   };
 }
-const rs = (e) => {
+const _r = (e) => {
   const { operators: a, ...n } = e;
   return /* @__PURE__ */ t.createElement(
-    Xa,
+    wo,
     {
       ariaLabel: "text filter",
-      ...Ue(oe(), a || ns),
+      ...at(ce(), a || Pr),
       ...n
     }
   );
 };
-rs.displayName = "KendoReactGanttTextFilter";
-const ls = (e) => {
+_r.displayName = "KendoReactGanttTextFilter";
+const Br = (e) => {
   const { operators: a, ...n } = e;
   return /* @__PURE__ */ t.createElement(
-    ja,
+    To,
     {
       ariaLabel: "numeric filter",
-      ...Ue(oe(), a || as),
+      ...at(ce(), a || Gr),
       ...n
     }
   );
 };
-ls.displayName = "KendoReactGanttNumericFilter";
-const is = (e) => {
+Br.displayName = "KendoReactGanttNumericFilter";
+const Kr = (e) => {
   const { operators: a, ...n } = e;
   return /* @__PURE__ */ t.createElement(
-    Za,
+    So,
     {
       ariaLabel: "boolean filter",
-      ...Ue(oe(), a || ss),
+      ...at(ce(), a || Or),
       ...n
     }
   );
 };
-is.displayName = "KendoReactGanttBooleanFilter";
-const cs = (e) => {
+Kr.displayName = "KendoReactGanttBooleanFilter";
+const $r = (e) => {
   const { operators: a, ...n } = e;
   return /* @__PURE__ */ t.createElement(
-    Ja,
+    bo,
     {
       ariaLabel: "date filter",
-      ...Ue(oe(), a || os),
+      ...at(ce(), a || Wr),
       ...n
     }
   );
 };
-cs.displayName = "KendoReactGanttDateFilter";
-const Hs = (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;
-}, As = (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);
+$r.displayName = "KendoReactGanttDateFilter";
+const Rs = (e) => {
+  const { dependencyData: a, dependencyModelFields: n, defaultDataItem: r, fromId: s, toId: o, type: l } = e, i = a.map((h) => ({ ...h })), g = ne(n.fromId), d = ne(n.toId), m = ne(n.type), c = r ? { ...r } : {};
+  return g(c, s), d(c, o), m(c, l), i.push(c), i;
+}, xs = (e) => {
+  const { defaultDataItem: a, selectedDataItem: n, direction: r, taskModelFields: s, dataTree: o, slotStart: l, slotEnd: i } = e, g = Ze(o, s.children, (y) => ({ ...y })), d = ne(s.start), m = ne(s.end), c = T(s.start), h = T(s.end), C = ne(s.parentId || ""), f = a ? { ...a } : {}, k = c(f) && h(f);
+  if (!n || r === "none")
+    k || (d(f, l), m(f, i)), s.parentId && C(f, null), g.unshift(f);
   else {
-    const f = [{
-      task: { [r.children]: m },
+    const y = [{
+      task: { [s.children]: g },
       childrenIndex: 0
-    }], 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), b = L(z);
-      if (J && J === N)
+    }], M = T(s.id), A = T(s.children), x = ne(s.children), G = M(n);
+    for (; y.length > 0; ) {
+      const b = y[y.length - 1], F = b.task, v = M(F), w = A(F);
+      if (v && v === G)
         break;
-      b && b.length && b.length > x.childrenIndex ? (f.push({
-        task: b[x.childrenIndex],
+      w && w.length && w.length > b.childrenIndex ? (y.push({
+        task: w[b.childrenIndex],
         childrenIndex: 0
-      }), x.childrenIndex++) : f.pop();
+      }), b.childrenIndex++) : y.pop();
     }
-    if (f.length > 1) {
-      const x = f[f.length - 1].task, z = f[f.length - 2].childrenIndex, b = f[f.length - 2].task, X = L(b);
-      switch (o) {
+    if (y.length > 1) {
+      const b = y[y.length - 1].task, F = y[y.length - 2].childrenIndex, w = y[y.length - 2].task, $ = A(w);
+      switch (r) {
         case "child": {
-          let A = L(x);
-          A || (A = [], V(x, A)), C || (g(p, new Date(u(x).getTime())), d(p, new Date(h(x).getTime()))), A.push(p), Ve(f.splice(1, f.length - 1).map((j) => j.task), r);
+          let O = A(b);
+          O || (O = [], x(b, O)), k || (d(f, new Date(c(b).getTime())), m(f, new Date(h(b).getTime()))), O.push(f), C(f, M(b)), _e(y.splice(1, y.length - 1).map((_) => _.task), s);
           break;
         }
         case "above": {
-          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);
+          c(w) && h(w) && !k ? (d(f, new Date(c(b).getTime())), m(f, new Date(h(b).getTime()))) : (d(f, l), m(f, i)), $.splice(F - 1, 0, f), C(f, M(w)), _e(y.splice(1, y.length - 2).map((O) => O.task), s);
           break;
         }
         case "below": {
-          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);
+          c(w) && h(w) && !k ? (d(f, new Date(c(b).getTime())), m(f, new Date(h(b).getTime()))) : (d(f, l), m(f, i)), $.splice(F, 0, f), C(f, M(w)), _e(y.splice(1, y.length - 2).map((O) => O.task), s);
           break;
         }
       }
     }
   }
-  return m;
-}, Vs = (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 });
-  let g = [{
-    task: { [n.children]: m },
+  return g;
+}, Ms = (e) => {
+  const { updatedDataItem: a, taskModelFields: n, dataTree: r } = e, s = T(n.id), o = T(n.children), l = s(a);
+  let i;
+  const g = Ze(r, n.children, (m) => s(m) === l ? (i = m, { ...a }) : { ...m });
+  let d = [{
+    task: { [n.children]: g },
     childrenIndex: 0
   }];
-  for (; g.length > 0; ) {
-    const d = g[g.length - 1], u = d.task, h = r(u), p = l(u);
-    if (h && h === s)
+  for (; d.length > 0; ) {
+    const m = d[d.length - 1], c = m.task, h = s(c), C = o(c);
+    if (h && h === l)
       break;
-    p && p.length && p.length > d.childrenIndex ? (g.push({
-      task: p[d.childrenIndex],
+    C && C.length && C.length > m.childrenIndex ? (d.push({
+      task: C[m.childrenIndex],
       childrenIndex: 0
-    }), d.childrenIndex++) : g.pop();
+    }), m.childrenIndex++) : d.pop();
   }
-  if (g.length > 1) {
-    g = g.splice(1, g.length - 2);
-    const d = D(n.start), u = D(n.end), h = D(n.percentComplete);
-    if (d(c).getTime() !== d(a).getTime()) {
-      ga(g.map((C) => C.task), n);
-      const p = d(a).getTime() - d(c).getTime();
-      ds(l(a), n, p);
+  if (d.length > 1) {
+    d = d.splice(1, d.length - 2);
+    const m = T(n.start), c = T(n.end), h = T(n.percentComplete), C = T(n.parentId || "");
+    if (m(i).getTime() !== m(a).getTime()) {
+      Wa(d.map((k) => k.task), n);
+      const f = m(a).getTime() - m(i).getTime();
+      Yr(o(a), n, f);
+    }
+    if (c(i).getTime() !== c(a).getTime() && Oa(d.map((f) => f.task), n), h(i) !== h(a) && _a(d.map((f) => f.task), n), n.parentId && C(i) !== C(a)) {
+      let f;
+      return d.length ? Ur(d.map((k) => k.task), n, i) : f = g.filter((k) => s(k) !== s(a)), qr(f || g, n, a);
     }
-    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;
-}, zs = (e) => {
-  const { removedDataItem: a, taskModelFields: n, dataTree: o } = e, r = Et(o, n.children, (g) => ({ ...g }));
-  let l = [{
-    task: { [n.children]: r },
+  return g;
+}, Ns = (e) => {
+  const { removedDataItem: a, taskModelFields: n, dataTree: r } = e, s = Ze(r, n.children, (d) => ({ ...d }));
+  let o = [{
+    task: { [n.children]: s },
     childrenIndex: 0
   }];
-  const s = D(n.id), c = D(n.children), m = s(a);
-  for (; l.length > 0; ) {
-    const g = l[l.length - 1], d = g.task, u = s(d), h = c(d);
-    if (u && u === m)
+  const l = T(n.id), i = T(n.children), g = l(a);
+  for (; o.length > 0; ) {
+    const d = o[o.length - 1], m = d.task, c = l(m), h = i(m);
+    if (c && c === g)
       break;
-    h && h.length && h.length > g.childrenIndex ? (l.push({
-      task: h[g.childrenIndex],
+    h && h.length && h.length > d.childrenIndex ? (o.push({
+      task: h[d.childrenIndex],
       childrenIndex: 0
-    }), g.childrenIndex++) : l.pop();
+    }), d.childrenIndex++) : o.pop();
   }
-  if (l.length > 1) {
-    const g = l[l.length - 2], d = g.task;
-    c(d).splice(g.childrenIndex - 1, 1), l = l.splice(1, l.length - 2), Ve(l.map((h) => h.task), n);
+  if (o.length > 1) {
+    const d = o[o.length - 2], m = d.task;
+    i(m).splice(d.childrenIndex - 1, 1), o = o.splice(1, o.length - 2), _e(o.map((h) => h.task), n);
   }
-  return r;
-}, Ve = (e, a) => {
-  ga(e, a), ha(e, a), fa(e, a);
-}, ga = (e, a) => {
+  return s;
+}, _e = (e, a) => {
+  Wa(e, a), Oa(e, a), _a(e, a);
+}, Ur = (e, a, n) => {
+  const r = T(a.children), s = ne(a.children);
+  for (let o = e.length - 1; o >= 0; o--) {
+    const l = e[o], i = r(l);
+    if (n.parentId === l.id) {
+      const g = i.filter((d) => d.parentId === l.id);
+      s(l, g);
+    }
+  }
+}, qr = (e, a, n) => {
+  const r = T(a.children), s = ne(a.children);
+  return n.parentId === null ? [...e, n] : (e = Ze(e, a.children, (o) => {
+    if (o.id === n.parentId) {
+      const l = r(o) || [];
+      s(o, [...l, n]);
+    }
+    return { ...o };
+  }), e);
+}, Wa = (e, a) => {
   if (!e.length)
     return;
-  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) {
-      const m = c.reduce(
-        (g, d) => Math.min(g, o(d).getTime()),
-        o(c[0]).getTime()
+  const n = T(a.children), r = T(a.start), s = ne(a.start);
+  for (let o = e.length - 1; o >= 0; o--) {
+    const l = e[o], i = n(l);
+    if (i && i.length) {
+      const g = i.reduce(
+        (d, m) => Math.min(d, r(m).getTime()),
+        r(i[0]).getTime()
       );
-      r(s, new Date(m));
+      s(l, new Date(g));
     }
   }
-}, ha = (e, a) => {
+}, Oa = (e, a) => {
   if (!e.length)
     return;
-  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) {
-      const m = c.reduce(
-        (g, d) => Math.max(g, o(d).getTime()),
-        o(c[0]).getTime()
+  const n = T(a.children), r = T(a.end), s = ne(a.end);
+  for (let o = e.length - 1; o >= 0; o--) {
+    const l = e[o], i = n(l);
+    if (i && i.length) {
+      const g = i.reduce(
+        (d, m) => Math.max(d, r(m).getTime()),
+        r(i[0]).getTime()
       );
-      r(s, new Date(m));
+      s(l, new Date(g));
     }
   }
-}, fa = (e, a) => {
+}, _a = (e, a) => {
   if (!e.length)
     return;
-  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
+  const n = T(a.children), r = T(a.percentComplete), s = ne(a.percentComplete), o = ({ avg: l, n: i }, g) => ({
+    avg: ((r(g) || 0) + i * l) / (i + 1),
+    n: i + 1
   });
-  for (let s = e.length - 1; s >= 0; s--) {
-    const c = e[s], m = n(c);
-    if (m && m.length) {
-      const g = m.reduce(l, { avg: 0, n: 0 }).avg;
-      r(c, g);
+  for (let l = e.length - 1; l >= 0; l--) {
+    const i = e[l], g = n(i);
+    if (g && g.length) {
+      const d = g.reduce(o, { avg: 0, n: 0 }).avg;
+      s(i, d);
     }
   }
-}, ds = (e, a, n) => {
+}, Yr = (e, a, n) => {
   if (!e)
     return;
-  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({
-      task: u[g.childrenIndex],
+  const r = T(a.children), s = T(a.start), o = ne(a.start), l = T(a.end), i = ne(a.end), g = e.map((d) => ({ task: d, childrenIndex: 0 }));
+  for (; g.length > 0; ) {
+    const d = g[g.length - 1], m = d.task, c = r(m);
+    c && c.length && c.length > d.childrenIndex ? (g.push({
+      task: c[d.childrenIndex],
       childrenIndex: 0
-    }), g.childrenIndex++) : (m.pop(), l(d, new Date(r(d).getTime() + n)), c(d, new Date(s(d).getTime() + n)));
+    }), d.childrenIndex++) : (g.pop(), o(m, new Date(s(m).getTime() + n)), i(m, new Date(l(m).getTime() + n)));
   }
-}, 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(
-    fo,
+}, gn = (e) => {
+  const { validationMessage: a, touched: n, label: r, id: s, valid: o, disabled: l, hint: i, type: g, optional: d, ...m } = e, c = n && a, h = !c && i, C = h ? `${s}_hint` : "", f = c ? `${s}_error` : "";
+  return /* @__PURE__ */ t.createElement(qe, { className: "k-col-span-full" }, /* @__PURE__ */ t.createElement(Ye, { editorId: s, editorValid: o, editorDisabled: l, optional: d }, r), /* @__PURE__ */ t.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ t.createElement(
+    Uo,
+    {
+      valid: o,
+      type: g,
+      id: s,
+      disabled: l,
+      ariaDescribedBy: `${C} ${f}`,
+      ...m
+    }
+  ), h && /* @__PURE__ */ t.createElement(Xe, { id: C }, i), c && /* @__PURE__ */ t.createElement(je, { id: f }, a)));
+}, We = (e) => {
+  const { validationMessage: a, touched: n, label: r, id: s, valid: o, disabled: l, hint: i, wrapperStyle: g, ...d } = e, m = n && a, c = !m && i, h = c ? `${s}_hint` : "", C = m ? `${s}_error` : "", f = r ? `${s}_label` : "";
+  return /* @__PURE__ */ t.createElement(qe, { style: g, className: "k-col-span-2" }, /* @__PURE__ */ t.createElement(Ye, { id: f, editorId: s, editorValid: o, editorDisabled: l }, r), /* @__PURE__ */ t.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ t.createElement(
+    Xo,
     {
-      valid: l,
-      type: m,
-      id: r,
-      disabled: s,
-      ariaDescribedBy: `${p} ${C}`,
+      ariaLabelledBy: f,
+      ariaDescribedBy: `${h} ${C}`,
+      valid: o,
+      id: s,
+      disabled: l,
       ...d
     }
-  ), h && /* @__PURE__ */ t.createElement(Ct, { id: p }, c), u && /* @__PURE__ */ t.createElement(kt, { id: C }, a)));
-}, 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(
-    Co,
+  ), c && /* @__PURE__ */ t.createElement(Xe, { id: h }, i), m && /* @__PURE__ */ t.createElement(je, { id: C }, a)));
+}, hn = (e) => {
+  const { validationMessage: a, visited: n, label: r, id: s, valid: o, disabled: l, hint: i, ...g } = e, d = n && a, m = !d && i, c = m ? `${s}_hint` : "", h = d ? `${s}_error` : "";
+  return /* @__PURE__ */ t.createElement(qe, null, /* @__PURE__ */ t.createElement(Ye, { editorId: s, editorValid: o, editorDisabled: l }, r), /* @__PURE__ */ t.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ t.createElement(
+    qo,
     {
-      ariaLabelledBy: C,
-      ariaDescribedBy: `${h} ${p}`,
-      valid: l,
-      id: r,
-      disabled: s,
+      ariaDescribedBy: `${c} ${h}`,
+      valid: o,
+      id: s,
+      disabled: l,
+      format: "p0",
+      step: 0.01,
       ...g
     }
-  ), u && /* @__PURE__ */ t.createElement(Ct, { id: h }, c), d && /* @__PURE__ */ t.createElement(kt, { id: p }, a)));
-}, 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(
-    po,
+  ), m && /* @__PURE__ */ t.createElement(Xe, { id: c }, i), d && /* @__PURE__ */ t.createElement(je, { id: h }, a)));
+}, Xr = (e) => {
+  const {
+    validationMessage: a,
+    touched: n,
+    label: r,
+    id: s,
+    valid: o,
+    disabled: l,
+    hint: i,
+    idField: g,
+    dataItem: d,
+    ...m
+  } = e, c = { id: null, title: "-None-", parentId: null }, h = [], C = n && a, f = !C && i, k = f ? `${s}_hint` : "", y = C ? `${s}_error` : "", M = t.useCallback((F) => {
+    if (!F || !F.children)
+      return e.data;
+    for (const w of F.children)
+      h.push(w), w.children && M(w);
+    const v = h.map((w) => w.id);
+    return e.data.filter((w) => !v.includes(w.id));
+  }, [e.data]), A = M(d), x = t.useMemo(
+    () => A.map((F) => {
+      const v = new Date(F.start).toLocaleDateString(), w = new Date(F.end).toLocaleDateString();
+      return { ...F, title: `${F.title} (${v}-${w})` };
+    }),
+    [M]
+  ), G = t.useMemo(
+    () => re(x, g, e.value),
+    [x, g, e.value]
+  ), b = (F) => {
+    F.value.id === null ? e.onChange({ value: null }) : e.onChange({ value: F.value[g] });
+  };
+  return /* @__PURE__ */ t.createElement(qe, { className: "k-col-span-full" }, /* @__PURE__ */ t.createElement(Ye, { editorId: s, editorValid: o, editorDisabled: l }, r), /* @__PURE__ */ t.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ t.createElement(
+    He,
     {
-      ariaDescribedBy: `${u} ${h}`,
-      valid: l,
-      id: r,
-      disabled: s,
-      ...m
+      textField: "title",
+      ariaDescribedBy: `${k} ${y}`,
+      valid: o,
+      id: s,
+      disabled: l,
+      ...m,
+      value: G,
+      data: x,
+      onChange: b,
+      defaultItem: c
     }
-  ), d && /* @__PURE__ */ t.createElement(Ct, { id: u }, c), g && /* @__PURE__ */ t.createElement(kt, { id: h }, a)));
-}, 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(
-    (f, v) => f && v(e.end) && f.getTime() > v(e.end).getTime() ? m : void 0,
-    [e, m]
-  ), h = t.useCallback(
-    (f, v) => f && v(e.start) && f.getTime() < v(e.start).getTime() ? g : void 0,
-    [e, g]
-  ), p = t.useMemo(
-    () => [d, u],
-    [d, u]
-  ), C = t.useMemo(
-    () => [d, h],
-    [d, h]
-  );
-  return /* @__PURE__ */ t.createElement(go, { style: { width: 400 }, horizontal: !0 }, /* @__PURE__ */ t.createElement(
+  ), f && /* @__PURE__ */ t.createElement(Xe, { id: k }, i), C && /* @__PURE__ */ t.createElement(je, { id: y }, a)));
+}, jr = (e, a, n, r) => {
+  const [s, o] = t.useState(e), l = t.useRef(null), i = (c) => {
+    r(a, "fromId", c.target.value.id);
+  }, g = () => {
+    if (n && !a.uid)
+      return n.id === a.id;
+    if (n && a.id === null)
+      return n.uid === a.uid;
+  }, d = t.useMemo(
+    () => re(e, "id", a.fromId),
+    [e, a.fromId]
+  ), m = (c) => {
+    const h = In(e, c.filter);
+    o(h);
+  };
+  return /* @__PURE__ */ t.createElement("td", { ref: l, className: ie(g() && "k-selected") }, /* @__PURE__ */ t.createElement(
     He,
     {
-      id: `${e.title}_gantteditor`,
-      name: e.title,
-      label: o,
-      component: us,
-      validator: d
+      textField: "title",
+      data: s,
+      value: d,
+      onChange: i,
+      filterable: !0,
+      onFilterChange: m,
+      required: !0
     }
-  ), /* @__PURE__ */ t.createElement(
+  ));
+}, Zr = (e, a, n, r) => {
+  const s = (i) => {
+    r(a, "type", i.target.value.type);
+  }, o = () => {
+    if (n && !a.uid)
+      return n.id === a.id;
+    if (n && a.id === null)
+      return n.uid === a.uid;
+  }, l = t.useMemo(
+    () => re(e, "type", a.type),
+    [e, a.type]
+  );
+  return /* @__PURE__ */ t.createElement("td", { className: ie(o() && "k-selected") }, /* @__PURE__ */ t.createElement(
     He,
     {
-      id: `${e.start}_gantteditor`,
-      name: e.start,
-      label: r,
-      component: Jt,
-      validator: p
+      textField: "name",
+      data: e,
+      value: l,
+      onChange: s
     }
-  ), /* @__PURE__ */ t.createElement(
+  ));
+}, Jr = (e) => {
+  var m;
+  const [a, n] = t.useState([]), r = ce(), s = (c) => r.toLanguageString(c, se[c]), o = s(qt), l = s(Yt), i = s(jt), g = s(Zt), d = t.useMemo(() => {
+    const c = e.predecessors.map((h) => {
+      const C = re(e.flatTasks, "id", h.fromId), f = re(e.dependencyTypes, "type", h.type);
+      return {
+        ...h,
+        taskTitle: C ? C.title : "",
+        typeName: f ? f.type : ""
+      };
+    });
+    return bn(c, a);
+  }, [e.predecessors, e.dependencyTypes, e.flatTasks, a]);
+  return /* @__PURE__ */ t.createElement(
+    Tn,
+    {
+      data: d,
+      sort: a,
+      sortable: !0,
+      onRowClick: e.onSelectRow,
+      onSortChange: (c) => {
+        n(c.sort);
+      },
+      style: { height: "23em" }
+    },
+    /* @__PURE__ */ t.createElement(Sn, null, /* @__PURE__ */ t.createElement(me, { icon: "plus", svgIcon: It, onClick: e.addPredecessorsDependency }, o), /* @__PURE__ */ t.createElement(
+      me,
+      {
+        icon: "minus",
+        svgIcon: vn,
+        onClick: e.deleteDependency,
+        disabled: ((m = e.selectedItem) == null ? void 0 : m.id) === void 0
+      },
+      l
+    )),
+    /* @__PURE__ */ t.createElement(
+      Be,
+      {
+        field: "taskTitle",
+        title: i,
+        cell: (c) => jr(e.flatTasks, c.dataItem, e.selectedItem, e.updateDependency)
+      }
+    ),
+    /* @__PURE__ */ t.createElement(
+      Be,
+      {
+        field: "typeName",
+        title: g,
+        cell: (c) => Zr(e.dependencyTypes, c.dataItem, e.selectedItem, e.updateDependency)
+      }
+    )
+  );
+}, Qr = (e, a, n, r) => {
+  const [s, o] = t.useState(e), l = (m) => {
+    r(a, "toId", m.target.value.id);
+  }, i = () => {
+    if (n && !a.uid)
+      return n.id === a.id;
+    if (n && a.id === null)
+      return n.uid === a.uid;
+  }, g = t.useMemo(
+    () => re(e, "id", a.toId),
+    [e, a.toId]
+  ), d = (m) => {
+    const c = In(e, m.filter);
+    o(c);
+  };
+  return /* @__PURE__ */ t.createElement("td", { className: ie(i() && "k-selected") }, /* @__PURE__ */ t.createElement(
     He,
     {
-      id: `${e.end}_gantteditor`,
-      name: e.end,
-      label: l,
-      component: Jt,
-      validator: C
+      textField: "title",
+      data: s,
+      value: g,
+      onChange: l,
+      filterable: !0,
+      onFilterChange: d,
+      required: !0
     }
-  ), /* @__PURE__ */ t.createElement(
+  ));
+}, es = (e, a, n, r) => {
+  const s = (i) => {
+    r(a, "type", i.target.value.type);
+  }, o = () => {
+    if (n && !a.uid)
+      return n.id === a.id;
+    if (n && a.id === null)
+      return n.uid === a.uid;
+  }, l = t.useMemo(
+    () => re(e, "type", a.type),
+    [e, a.type]
+  );
+  return /* @__PURE__ */ t.createElement("td", { className: ie(o() && "k-selected") }, /* @__PURE__ */ t.createElement(
     He,
     {
-      id: `${e.percentComplete}_gantteditor`,
-      name: e.percentComplete,
-      format: "p",
-      label: s,
-      component: ms,
-      step: 0.01,
-      validator: d
+      textField: "name",
+      data: e,
+      value: l,
+      onChange: s
     }
   ));
-}, Gs = (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) => {
+}, ts = (e) => {
+  var m;
+  const [a, n] = t.useState([]), r = ce(), s = (c) => r.toLanguageString(c, se[c]), o = s(qt), l = s(Yt), i = s(jt), g = s(Zt), d = t.useMemo(() => {
+    const c = e.successors.map((h) => {
+      const C = re(e.flatTasks, "id", h.toId), f = re(e.dependencyTypes, "type", h.type);
+      return {
+        ...h,
+        taskTitle: C ? C.title : "",
+        typeName: f ? f.type : ""
+      };
+    });
+    return bn(c, a);
+  }, [e.successors, e.dependencyTypes, e.flatTasks, a]);
+  return /* @__PURE__ */ t.createElement(
+    Tn,
+    {
+      data: d,
+      sort: a,
+      sortable: !0,
+      onRowClick: e.onSelectRow,
+      onSortChange: (c) => {
+        n(c.sort);
+      },
+      style: { height: "23em" }
+    },
+    /* @__PURE__ */ t.createElement(Sn, null, /* @__PURE__ */ t.createElement(me, { icon: "plus", svgIcon: It, onClick: e.addSuccessorsDependency }, o), /* @__PURE__ */ t.createElement(
+      me,
+      {
+        icon: "minus",
+        svgIcon: vn,
+        onClick: e.deleteDependency,
+        disabled: ((m = e.selectedItem) == null ? void 0 : m.id) === void 0
+      },
+      l
+    )),
+    /* @__PURE__ */ t.createElement(
+      Be,
+      {
+        field: "taskTitle",
+        title: i,
+        cell: (c) => Qr(e.flatTasks, c.dataItem, e.selectedItem, e.updateDependency)
+      }
+    ),
+    /* @__PURE__ */ t.createElement(
+      Be,
+      {
+        field: "type",
+        title: g,
+        cell: (c) => es(e.dependencyTypes, c.dataItem, e.selectedItem, e.updateDependency)
+      }
+    )
+  );
+};
+var ue = /* @__PURE__ */ ((e) => (e[e.FF = 0] = "FF", e[e.FS = 1] = "FS", e[e.SF = 2] = "SF", e[e.SS = 3] = "SS", e))(ue || {});
+const ns = [
+  { type: ue.FF },
+  { type: ue.FS },
+  { type: ue.SF },
+  { type: ue.SS }
+], as = (e) => {
+  const [a, n] = t.useState(0), [r, s] = t.useState(), [o, l] = t.useState([...e.dependencyData || []]), [i, g] = t.useState([]), d = Ft(), m = ce(), c = (p) => m.toLanguageString(p, se[p]), h = c(ha), C = c(fa), f = c(pa), k = c(Ca), y = c(ka), M = c(da), A = c(ua), x = c(ma), G = c(Da), b = c(Ea), F = c(ya), v = c(va), w = t.useMemo(
+    () => yn(
+      e.taskData || [],
+      (p) => p.children || [],
+      (p) => {
+        const H = {
+          title: p[d.title],
+          id: p[d.id],
+          start: p[d.start],
+          end: p[d.end],
+          parentId: null
+        };
+        return d.parentId && (H.parentId = p[d.parentId]), H;
+      }
+    ),
+    [e.taskData, d]
+  ), $ = t.useMemo(
+    () => w.filter((p) => p.id !== e.dataItem.id),
+    [w, e.dataItem]
+  ), O = t.useMemo(
+    () => o.filter((p) => p.toId === e.dataItem.id),
+    [o, e.dataItem]
+  ), _ = t.useMemo(
+    () => o.filter((p) => p.fromId === e.dataItem.id),
+    [o, e.dataItem]
+  ), X = t.useMemo(
+    () => o.filter((p) => p.id === null).map((p) => ({ id: p.id, fromId: p.fromId, toId: p.toId, type: p.type })),
+    [o]
+  ), D = t.useMemo(
+    () => o.filter((p) => p.id !== null && p.uid).map((p) => ({ id: p.id, fromId: p.fromId, toId: p.toId, type: p.type })),
+    [o]
+  ), P = () => {
+    if (r) {
+      if (r.id) {
+        const p = o.filter((K) => K.id !== r.id);
+        l(p);
+        const H = o.filter((K) => K.id === r.id);
+        g((K) => [...K, ...H]);
+      } else {
+        const p = o.filter((K) => K.uid !== r.uid);
+        l(p);
+        const H = o.filter((K) => K.uid === r.uid);
+        g((K) => [...K, ...H]);
+      }
+      s(void 0);
+    }
+  }, Y = t.useCallback(
+    (p) => p || p === 0 ? void 0 : G,
+    [G]
+  ), U = t.useCallback(
+    (p) => p || p === 0 ? p >= 0 && p <= 1 ? void 0 : v : G,
+    [G, v]
+  ), S = t.useCallback(
+    (p, H) => p && H(d.end) && p.getTime() > H(d.end).getTime() ? b : void 0,
+    [d, b]
+  ), J = t.useCallback(
+    (p, H) => p && H(d.start) && p.getTime() < H(d.start).getTime() ? F : void 0,
+    [d, F]
+  ), I = t.useMemo(
+    () => [Y, S],
+    [Y, S]
+  ), N = t.useMemo(
+    () => [Y, J],
+    [Y, J]
+  ), j = t.useMemo(
+    () => re(o, "fromId", null) || re(o, "toId", null),
+    [o]
+  ), Q = (p) => {
+    j || (n(p.selected), s(void 0));
+  }, B = (p) => {
+    s(p.dataItem);
+  }, q = () => {
+    const p = { uid: mt(), id: null, fromId: null, toId: e.dataItem.id, type: ue.FS };
+    l([...o, p]);
+  }, ke = () => {
+    const p = { uid: mt(), id: null, fromId: e.dataItem.id, toId: null, type: ue.FS };
+    l([...o, p]);
+  }, De = (p, H, K) => {
+    const de = {
+      ...p,
+      uid: p.uid || mt(),
+      [H]: K
+    }, Ee = o.findIndex(
+      (le) => le.id && le.id === de.id || le.uid && le.uid === de.uid
+    );
+    Ee > -1 && (o.splice(Ee, 1, de), l([...o]));
+  }, z = t.useMemo(() => ns.map((p) => {
+    let H;
+    switch (p.type) {
+      case ue.FF:
+        H = c(Tt);
+        break;
+      case ue.FS:
+        H = c(Ta);
+        break;
+      case ue.SF:
+        H = c(wa);
+        break;
+      case ue.SS:
+        H = c(Sa);
+        break;
+      default:
+        H = c(Tt);
+        break;
+    }
+    return {
+      ...p,
+      name: H
+    };
+  }), [c]);
+  t.useEffect(() => {
+    e.onDependencyCreate && e.onDependencyCreate.call(void 0, {
+      createdDependencies: X,
+      updatedDependencies: D,
+      deletedDependencies: i
+    });
+  }, [X, D, i, e.onDependencyCreate]);
+  const ae = e.dependencyData && e.taskData, Se = /* @__PURE__ */ t.createElement(sn, { style: { width: 400 }, horizontal: !0 }, /* @__PURE__ */ t.createElement(
+    fe,
+    {
+      id: `${d.title}_gantteditor`,
+      name: d.title,
+      label: h,
+      component: gn,
+      validator: Y
+    }
+  ), /* @__PURE__ */ t.createElement(
+    fe,
+    {
+      id: `${d.start}_gantteditor`,
+      name: d.start,
+      label: C,
+      component: We,
+      validator: I
+    }
+  ), /* @__PURE__ */ t.createElement(
+    fe,
+    {
+      id: `${d.end}_gantteditor`,
+      name: d.end,
+      label: f,
+      component: We,
+      validator: N
+    }
+  ), /* @__PURE__ */ t.createElement(
+    fe,
+    {
+      id: `${d.percentComplete}_gantteditor`,
+      name: d.percentComplete,
+      label: k,
+      component: hn,
+      validator: U
+    }
+  )), xe = /* @__PURE__ */ t.createElement(sn, { style: { paddingInline: "4px" } }, /* @__PURE__ */ t.createElement("div", { className: "k-form-fieldset" }, /* @__PURE__ */ t.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-4 k-gap-x-2" }, /* @__PURE__ */ t.createElement(
+    fe,
+    {
+      id: `${d.title}_gantteditor`,
+      name: d.title,
+      label: h,
+      component: gn,
+      validator: Y
+    }
+  ), /* @__PURE__ */ t.createElement(
+    fe,
+    {
+      id: `${d.start}_gantteditor`,
+      name: d.start,
+      label: C,
+      component: We,
+      validator: I
+    }
+  ), /* @__PURE__ */ t.createElement(
+    fe,
+    {
+      id: `${d.end}_gantteditor`,
+      name: d.end,
+      label: f,
+      component: We,
+      validator: N
+    }
+  ), /* @__PURE__ */ t.createElement(
+    fe,
+    {
+      id: `${d.percentComplete}_gantteditor`,
+      name: d.percentComplete,
+      label: k,
+      component: hn,
+      validator: U
+    }
+  ), d.parentId && /* @__PURE__ */ t.createElement(
+    fe,
+    {
+      id: `${d.parentId}_gantteditor`,
+      name: d.parentId || "",
+      idField: d.id,
+      label: y,
+      component: Xr,
+      data: $,
+      dataItem: e.dataItem
+    }
+  ))));
+  return ae ? /* @__PURE__ */ t.createElement(Yo, { selected: a, onSelect: Q }, /* @__PURE__ */ t.createElement(gt, { title: M }, xe), /* @__PURE__ */ t.createElement(gt, { title: A }, /* @__PURE__ */ t.createElement(
+    Jr,
+    {
+      flatTasks: w,
+      predecessors: O,
+      dependencyTypes: z,
+      selectedItem: r,
+      onSelectRow: B,
+      addPredecessorsDependency: q,
+      deleteDependency: P,
+      updateDependency: De
+    }
+  )), /* @__PURE__ */ t.createElement(gt, { title: x }, /* @__PURE__ */ t.createElement(
+    ts,
+    {
+      flatTasks: w,
+      successors: _,
+      dependencyTypes: z,
+      selectedItem: r,
+      onSelectRow: B,
+      addSuccessorsDependency: ke,
+      deleteDependency: P,
+      updateDependency: De
+    }
+  ))) : Se;
+}, Fs = (e) => {
+  const { onCancel: a, onDelete: n, onClose: r, onSubmit: s, ...o } = e, l = t.useRef(e.dataItem), [i, g] = t.useState({}), d = ce(), m = (v) => d.toLanguageString(v, se[v]), c = m(ca), h = m(Ut), C = m(Xt), f = m(ga), k = t.useCallback(
+    (v) => {
       if (a) {
-        const f = { syntheticEvent: C, nativeEvent: C.nativeEvent, dataItem: e.dataItem };
-        a.call(void 0, f);
+        const w = { syntheticEvent: v, nativeEvent: v.nativeEvent, dataItem: e.dataItem };
+        a.call(void 0, w);
       }
     },
     [a, e.dataItem]
-  ), u = t.useCallback(
-    ({ syntheticEvent: C }) => {
+  ), y = t.useCallback(
+    (v) => {
       if (n) {
-        const f = { syntheticEvent: C, nativeEvent: C.nativeEvent, dataItem: e.dataItem };
-        n.call(void 0, f);
+        const w = { syntheticEvent: v, nativeEvent: v.nativeEvent, dataItem: e.dataItem };
+        n.call(void 0, w);
       }
     },
     [n, e.dataItem]
-  ), h = t.useCallback(
-    (C, f) => {
-      if (o) {
-        const v = { dataItem: C, syntheticEvent: f, nativeEvent: f && f.nativeEvent };
-        o.call(void 0, v);
+  ), M = t.useCallback(
+    ({ syntheticEvent: v }) => {
+      if (r) {
+        const w = { syntheticEvent: v, nativeEvent: v.nativeEvent, dataItem: e.dataItem };
+        r.call(void 0, w);
       }
     },
-    [o]
-  ), p = /* @__PURE__ */ t.createElement(
-    ho,
+    [r, e.dataItem]
+  ), A = t.useCallback(
+    (v, w) => {
+      if (s) {
+        const $ = {
+          dataItem: v,
+          initialDataItem: l.current,
+          syntheticEvent: w,
+          nativeEvent: w && w.nativeEvent,
+          dependencies: i
+        };
+        s.call(void 0, $);
+      }
+    },
+    [s, i]
+  ), x = t.useMemo(
+    () => re(i.createdDependencies, "fromId", null) || re(i.createdDependencies, "toId", null),
+    [i]
+  ), G = t.useMemo(
+    () => i.createdDependencies && i.createdDependencies.length && x === void 0 || i.updatedDependencies && i.updatedDependencies.length || i.deletedDependencies && i.deletedDependencies.length,
+    [i, x]
+  ), b = t.useCallback(
+    (v) => {
+      g(v);
+    },
+    []
+  ), F = /* @__PURE__ */ t.createElement(
+    Oo,
     {
       initialValues: e.dataItem,
-      onSubmit: h,
-      render: (C) => /* @__PURE__ */ t.createElement(
-        rn,
+      onSubmit: A,
+      render: (v) => /* @__PURE__ */ t.createElement(
+        _o,
         {
-          title: g,
-          minWidth: 600,
-          onClose: u,
-          style: { zIndex: 90 }
+          title: f,
+          minWidth: 90,
+          width: 554,
+          modal: !0,
+          height: 0,
+          onClose: M
         },
-        /* @__PURE__ */ t.createElement(gs, null),
-        /* @__PURE__ */ t.createElement(ln, null, /* @__PURE__ */ t.createElement(
-          ze,
+        /* @__PURE__ */ t.createElement(
+          as,
           {
-            disabled: !C.allowSubmit,
-            onClick: C.onSubmit
+            taskData: e.taskData,
+            dependencyData: e.dependencyData,
+            dataItem: e.dataItem,
+            onDependencyCreate: b
+          }
+        ),
+        /* @__PURE__ */ t.createElement(Bo, { layout: "start" }, /* @__PURE__ */ t.createElement(
+          me,
+          {
+            disabled: !v.allowSubmit && !G,
+            onClick: v.allowSubmit ? v.onSubmit : (w) => A(e.dataItem, w),
+            icon: "save",
+            svgIcon: Lo,
+            themeColor: "primary"
           },
           c
-        ), /* @__PURE__ */ t.createElement(ze, { onClick: d }, m))
+        ), /* @__PURE__ */ t.createElement(me, { onClick: k, type: "button", icon: "cancel", svgIcon: Ao }, h), /* @__PURE__ */ t.createElement("div", { className: "k-spacer" }), n && /* @__PURE__ */ t.createElement(me, { onClick: y, icon: "trash", svgIcon: Ho, fillMode: "flat", themeColor: "primary" }, C))
       ),
-      ...r
+      ...o
     }
   );
-  return gt ? sn.createPortal(p, document && document.body) : null;
-}, Ws = (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 }) => {
+  return St ? wn.createPortal(F, document && document.body) : null;
+}, Ls = (e) => {
+  const { onClose: a, onCancel: n, onConfirm: r, dataItem: s } = e, o = ce(), l = (k) => o.toLanguageString(k, se[k]), i = l(Xt), g = l(Ut), d = l(Na), m = l(Fa), c = t.useCallback(
+    ({ syntheticEvent: k }) => {
       a && a.call(void 0, {
-        syntheticEvent: f,
-        nativeEvent: f && f.nativeEvent,
+        syntheticEvent: k,
+        nativeEvent: k && k.nativeEvent,
         dataItem: null
       });
     },
     [a]
   ), h = t.useCallback(
-    (f) => {
+    (k) => {
       n && n.call(void 0, {
-        syntheticEvent: f,
-        nativeEvent: f && f.nativeEvent,
+        syntheticEvent: k,
+        nativeEvent: k && k.nativeEvent,
         dataItem: null
       });
     },
     [n]
-  ), p = t.useCallback(
-    (f) => {
-      o && o.call(void 0, {
-        syntheticEvent: f,
-        nativeEvent: f && f.nativeEvent,
-        dataItem: r
+  ), C = t.useCallback(
+    (k) => {
+      r && r.call(void 0, {
+        syntheticEvent: k,
+        nativeEvent: k && k.nativeEvent,
+        dataItem: s
       });
     },
-    [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;
-}, Os = an;
+    [r, s]
+  ), f = /* @__PURE__ */ t.createElement(Ko, { title: m, onClose: c }, d, /* @__PURE__ */ t.createElement($o, { layout: "end" }, /* @__PURE__ */ t.createElement(me, { themeColor: "primary", onClick: C }, i), /* @__PURE__ */ t.createElement(me, { onClick: h }, g)));
+  return St ? wn.createPortal(f, document && document.body) : null;
+}, As = En;
 export {
-  xs as GANTT_COL_INDEX_ATTRIBUTE,
-  Is as GANTT_PREVENT_SELECTION_ELEMENT,
-  Ss as GANTT_ROW_INDEX_ATTRIBUTE,
-  Wt as Gantt,
-  is as GanttBooleanFilter,
-  cs as GanttDateFilter,
-  Ot as GanttDayView,
-  Gs as GanttForm,
-  Pt as GanttMonthView,
-  ls as GanttNumericFilter,
-  Ws as GanttRemoveDialog,
-  Os as GanttRow,
-  rs as GanttTextFilter,
-  $e as GanttWeekView,
-  _t as GanttYearView,
-  Hs as addDependency,
-  As as addTask,
-  Ls as createDataTree,
-  Fs as extendDataItem,
-  Ms as filterBy,
-  Ks as getSelectedState,
-  Bs as getSelectedStateFromKeyDown,
-  Et as mapTree,
-  Ns as orderBy,
-  zs as removeTask,
-  $s as setSelectedState,
-  Vs as updateTask
+  vs as GANTT_COL_INDEX_ATTRIBUTE,
+  ws as GANTT_PREVENT_SELECTION_ELEMENT,
+  ys as GANTT_ROW_INDEX_ATTRIBUTE,
+  Jt as Gantt,
+  Kr as GanttBooleanFilter,
+  $r as GanttDateFilter,
+  Qt as GanttDayView,
+  Fs as GanttForm,
+  en as GanttMonthView,
+  Br as GanttNumericFilter,
+  Ls as GanttRemoveDialog,
+  As as GanttRow,
+  _r as GanttTextFilter,
+  nt as GanttWeekView,
+  tn as GanttYearView,
+  Rs as addDependency,
+  xs as addTask,
+  Is as createDataTree,
+  bs as extendDataItem,
+  Ss as filterBy,
+  zs as getSelectedState,
+  Ps as getSelectedStateFromKeyDown,
+  Ze as mapTree,
+  Ts as orderBy,
+  Ns as removeTask,
+  Gs as setSelectedState,
+  Ms as updateTask
 };