@workiom/frappe-gantt 1.0.25 → 1.0.27

package/dist/frappe-gantt.es.js

@@ -1,4 +1,4 @@
-const S = "year", E = "month", A = "day", H = "hour", Y = "minute", X = "second", F = "millisecond", g = {
+const E = "year", S = "month", A = "day", H = "hour", Y = "minute", X = "second", F = "millisecond", g = {
   parse_duration(r) {
     const e = /([0-9]+)(y|m|d|h|min|s|ms)/gm.exec(r);
     if (e !== null) {
@@ -40,7 +40,7 @@ const S = "year", E = "month", A = "day", H = "hour", Y = "minute", X = "second"
       month: "long"
     }), s = new Intl.DateTimeFormat(e, {
       month: "short"
-    }), n = i.format(r), a = n.charAt(0).toUpperCase() + n.slice(1), o = this.get_date_values(r).map((l) => L(l, 2, 0)), d = {
+    }), n = i.format(r), a = n.charAt(0).toUpperCase() + n.slice(1), o = this.get_date_values(r).map((l) => L(l, 2, 0)), h = {
       YYYY: o[0],
       MM: L(+o[1] + 1, 2, 0),
       DD: o[2],
@@ -52,27 +52,27 @@ const S = "year", E = "month", A = "day", H = "hour", Y = "minute", X = "second"
       MMMM: a,
       MMM: s.format(r)
     };
-    let h = t;
+    let d = t;
     const _ = [];
-    return Object.keys(d).sort((l, p) => p.length - l.length).forEach((l) => {
-      h.includes(l) && (h = h.replaceAll(l, `$${_.length}`), _.push(d[l]));
-    }), _.forEach((l, p) => {
-      h = h.replaceAll(`$${p}`, l);
-    }), h;
+    return Object.keys(h).sort((l, c) => c.length - l.length).forEach((l) => {
+      d.includes(l) && (d = d.replaceAll(l, `$${_.length}`), _.push(h[l]));
+    }), _.forEach((l, c) => {
+      d = d.replaceAll(`$${c}`, l);
+    }), d;
   },
   diff(r, t, e = "day") {
-    let i, s, n, a, o, d, h;
+    let i, s, n, a, o, h, d;
     i = r - t + (t.getTimezoneOffset() - r.getTimezoneOffset()) * 6e4, s = i / 1e3, a = s / 60, n = a / 60, o = n / 24;
     let _ = r.getFullYear() - t.getFullYear(), l = r.getMonth() - t.getMonth();
-    return l += o % 30 / 30, d = _ * 12 + l, r.getDate() < t.getDate() && d--, h = d / 12, e.endsWith("s") || (e += "s"), Math.round(
+    return l += o % 30 / 30, h = _ * 12 + l, r.getDate() < t.getDate() && h--, d = h / 12, e.endsWith("s") || (e += "s"), Math.round(
       {
         milliseconds: i,
         seconds: s,
         minutes: a,
         hours: n,
         days: o,
-        months: d,
-        years: h
+        months: h,
+        years: d
       }[e] * 100
     ) / 100;
   },
@@ -86,8 +86,8 @@ const S = "year", E = "month", A = "day", H = "hour", Y = "minute", X = "second"
   add(r, t, e) {
     t = parseInt(t, 10);
     const i = [
-      r.getFullYear() + (e === S ? t : 0),
-      r.getMonth() + (e === E ? t : 0),
+      r.getFullYear() + (e === E ? t : 0),
+      r.getMonth() + (e === S ? t : 0),
       r.getDate() + (e === A ? t : 0),
       r.getHours() + (e === H ? t : 0),
       r.getMinutes() + (e === Y ? t : 0),
@@ -98,8 +98,8 @@ const S = "year", E = "month", A = "day", H = "hour", Y = "minute", X = "second"
   },
   start_of(r, t) {
     const e = {
-      [S]: 6,
-      [E]: 5,
+      [E]: 6,
+      [S]: 5,
       [A]: 4,
       [H]: 3,
       [Y]: 2,
@@ -112,8 +112,8 @@ const S = "year", E = "month", A = "day", H = "hour", Y = "minute", X = "second"
     }
     const s = [
       r.getFullYear(),
-      i(S) ? 0 : r.getMonth(),
-      i(E) ? 1 : r.getDate(),
+      i(E) ? 0 : r.getMonth(),
+      i(S) ? 1 : r.getDate(),
       i(A) ? 0 : r.getHours(),
       i(H) ? 0 : r.getMinutes(),
       i(Y) ? 0 : r.getSeconds(),
@@ -161,7 +161,7 @@ const S = "year", E = "month", A = "day", H = "hour", Y = "minute", X = "second"
 function L(r, t, e) {
   return r = r + "", t = t >> 0, e = String(typeof e < "u" ? e : " "), r.length > t ? String(r) : (t = t - r.length, t > e.length && (e += e.repeat(t / e.length)), e.slice(0, t) + String(r));
 }
-function u(r, t) {
+function m(r, t) {
   return typeof r == "string" ? (t || document).querySelector(r) : r || null;
 }
 function w(r, t) {
@@ -171,16 +171,16 @@ function w(r, t) {
   return e;
 }
 function C(r, t, e, i) {
-  const s = R(r, t, e, i);
+  const s = j(r, t, e, i);
   if (s === r) {
     const n = document.createEvent("HTMLEvents");
     n.initEvent("click", !0, !0), n.eventName = "click", s.dispatchEvent(n);
   }
 }
-function R(r, t, e, i, s = "0.4s", n = "0.1s") {
+function j(r, t, e, i, s = "0.4s", n = "0.1s") {
   const a = r.querySelector("animate");
   if (a)
-    return u.attr(a, {
+    return m.attr(a, {
       attributeName: t,
       from: e,
       to: i,
@@ -210,30 +210,30 @@ function G(r) {
     "ease-in-out": ".42 0 .58 1"
   }[r];
 }
-u.on = (r, t, e, i) => {
-  i ? u.delegate(r, t, e, i) : (i = e, u.bind(r, t, i));
+m.on = (r, t, e, i) => {
+  i ? m.delegate(r, t, e, i) : (i = e, m.bind(r, t, i));
 };
-u.off = (r, t, e) => {
+m.off = (r, t, e) => {
   r.removeEventListener(t, e);
 };
-u.bind = (r, t, e) => {
+m.bind = (r, t, e) => {
   t.split(/\s+/).forEach(function(i) {
     r.addEventListener(i, e);
   });
 };
-u.delegate = (r, t, e, i) => {
+m.delegate = (r, t, e, i) => {
   r.addEventListener(t, function(s) {
     const n = s.target.closest(e);
     n && (s.delegatedTarget = n, i.call(this, s, n));
   });
 };
-u.closest = (r, t) => t ? t.matches(r) ? t : u.closest(r, t.parentNode) : null;
-u.attr = (r, t, e) => {
+m.closest = (r, t) => t ? t.matches(r) ? t : m.closest(r, t.parentNode) : null;
+m.attr = (r, t, e) => {
   if (!e && typeof t == "string")
     return r.getAttribute(t);
   if (typeof t == "object") {
     for (let i in t)
-      u.attr(r, i, t[i]);
+      m.attr(r, i, t[i]);
     return;
   }
   r.setAttribute(t, e);
@@ -242,84 +242,84 @@ function I(r, t, e, i, s = "downstream") {
   if (i === "none" || e === 0) return /* @__PURE__ */ new Map();
   ["upstream", "downstream", "both"].includes(s) || (console.warn(`[frappe-gantt] compute_dependency_shifts: unknown direction "${s}", falling back to "downstream"`), s = "downstream");
   const n = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
-  for (const d of r)
-    d._has_no_dates || (n.set(d.id, d), a.set(d.id, []), o.set(d.id, []));
-  for (const d of r)
-    if (!d._has_no_dates)
-      for (const h of d.dependencies || []) {
-        if (!n.has(h.id)) continue;
-        const _ = h.type || "finish-to-start";
-        a.get(d.id).push({ id: h.id, type: _ }), o.get(h.id).push({ id: d.id, type: _ });
+  for (const h of r)
+    h._has_no_dates || (n.set(h.id, h), a.set(h.id, []), o.set(h.id, []));
+  for (const h of r)
+    if (!h._has_no_dates)
+      for (const d of h.dependencies || []) {
+        if (!n.has(d.id)) continue;
+        const _ = d.type || "finish-to-start";
+        a.get(h.id).push({ id: d.id, type: _ }), o.get(d.id).push({ id: h.id, type: _ });
       }
   return i === "maintain_buffer_all" || i === "maintain_buffer_downstream" ? q(t, e, a, o, s === "both", s === "upstream") : i === "consume_buffer" ? U(t, e, n, a, o, s) : /* @__PURE__ */ new Map();
 }
 function q(r, t, e, i, s, n) {
-  const a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set([r]), d = [], h = (_) => {
+  const a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set([r]), h = [], d = (_) => {
     for (const { id: l } of _)
-      o.has(l) || (o.add(l), d.push(l));
+      o.has(l) || (o.add(l), h.push(l));
   };
-  for (n && !s ? h(e.get(r) || []) : (h(i.get(r) || []), s && h(e.get(r) || [])); d.length > 0; ) {
-    const _ = d.shift();
-    a.set(_, t), n && !s ? h(e.get(_) || []) : (h(i.get(_) || []), s && h(e.get(_) || []));
+  for (n && !s ? d(e.get(r) || []) : (d(i.get(r) || []), s && d(e.get(r) || [])); h.length > 0; ) {
+    const _ = h.shift();
+    a.set(_, t), n && !s ? d(e.get(_) || []) : (d(i.get(_) || []), s && d(e.get(_) || []));
   }
   return a;
 }
 function U(r, t, e, i, s, n) {
   const a = /* @__PURE__ */ new Map();
-  for (const [c] of e)
-    a.set(c, (i.get(c) || []).length);
-  const o = [], d = [];
-  for (const [c, m] of a)
-    m === 0 && d.push(c);
-  for (; d.length > 0; ) {
-    const c = d.shift();
-    o.push(c);
-    for (const { id: m } of s.get(c) || []) {
-      const f = a.get(m) - 1;
-      a.set(m, f), f === 0 && d.push(m);
+  for (const [p] of e)
+    a.set(p, (i.get(p) || []).length);
+  const o = [], h = [];
+  for (const [p, f] of a)
+    f === 0 && h.push(p);
+  for (; h.length > 0; ) {
+    const p = h.shift();
+    o.push(p);
+    for (const { id: f } of s.get(p) || []) {
+      const u = a.get(f) - 1;
+      a.set(f, u), u === 0 && h.push(f);
     }
   }
-  const h = /* @__PURE__ */ new Map([[r, 0]]), _ = (c) => e.get(c)._start.getTime() + (h.get(c) || 0), l = (c) => e.get(c)._end.getTime() + (h.get(c) || 0);
+  const d = /* @__PURE__ */ new Map([[r, 0]]), _ = (p) => e.get(p)._start.getTime() + (d.get(p) || 0), l = (p) => e.get(p)._end.getTime() + (d.get(p) || 0);
   if (n === "downstream" || n === "both")
-    for (const c of o) {
-      if (c === r) continue;
-      let m = 0;
-      for (const { id: f, type: b } of i.get(c) || []) {
-        const y = W(f, c, b, _, l);
-        y > m && (m = y);
+    for (const p of o) {
+      if (p === r) continue;
+      let f = 0;
+      for (const { id: u, type: b } of i.get(p) || []) {
+        const $ = W(u, p, b, _, l);
+        $ > f && (f = $);
       }
-      m > 0 && h.set(c, (h.get(c) || 0) + m);
+      f > 0 && d.set(p, (d.get(p) || 0) + f);
     }
   if (n === "upstream" || n === "both")
-    for (let c = o.length - 1; c >= 0; c--) {
-      const m = o[c];
-      if (m === r) continue;
-      let f = 0;
-      for (const { id: b, type: y } of s.get(m) || []) {
-        const k = W(m, b, y, _, l);
+    for (let p = o.length - 1; p >= 0; p--) {
+      const f = o[p];
+      if (f === r) continue;
+      let u = 0;
+      for (const { id: b, type: $ } of s.get(f) || []) {
+        const k = W(f, b, $, _, l);
         if (k > 0) {
-          const $ = -k;
-          $ < f && (f = $);
+          const y = -k;
+          y < u && (u = y);
         }
       }
-      f < 0 && h.set(m, (h.get(m) || 0) + f);
+      u < 0 && d.set(f, (d.get(f) || 0) + u);
     }
-  const p = /* @__PURE__ */ new Map();
-  for (const [c, m] of h)
-    c !== r && m !== 0 && p.set(c, m);
-  return p;
+  const c = /* @__PURE__ */ new Map();
+  for (const [p, f] of d)
+    p !== r && f !== 0 && c.set(p, f);
+  return c;
 }
 function W(r, t, e, i, s) {
-  const n = i(r), a = s(r), o = i(t), d = s(t);
+  const n = i(r), a = s(r), o = i(t), h = s(t);
   switch (e) {
     case "finish-to-start":
       return a > o ? a - o : 0;
     case "start-to-start":
       return n > o ? n - o : 0;
     case "finish-to-finish":
-      return a > d ? a - d : 0;
+      return a > h ? a - h : 0;
     case "start-to-finish":
-      return n > d ? n - d : 0;
+      return n > h ? n - h : 0;
     default:
       return a > o ? a - o : 0;
   }
@@ -346,30 +346,30 @@ class Q {
     return !1;
   }
   calculate_path() {
-    const t = this.gantt.options, e = this.gantt.config, i = t.arrow_curve, s = t.padding, n = this.from_task.$bar.getX() + this.from_task.$bar.getWidth(), a = this.from_task.$bar.getX(), o = this.to_task.$bar.getX() + this.to_task.$bar.getWidth(), d = this.to_task.$bar.getX(), h = (c) => e.header_height + t.bar_height / 2 + (t.padding + t.bar_height) * c.task._index + t.padding / 2, _ = h(this.from_task), l = h(this.to_task), p = (_ + l) / 2;
+    const t = this.gantt.options, e = this.gantt.config, i = t.arrow_curve, s = t.padding, n = this.from_task.$bar.getX() + this.from_task.$bar.getWidth(), a = this.from_task.$bar.getX(), o = this.to_task.$bar.getX() + this.to_task.$bar.getWidth(), h = this.to_task.$bar.getX(), d = (p) => e.header_height + t.bar_height / 2 + (t.padding + t.bar_height) * p.task._index + t.padding / 2, _ = d(this.from_task), l = d(this.to_task), c = (_ + l) / 2;
     switch (this.dependency_type) {
       case "finish-to-start":
         this.path = this._path_finish_to_start(
           n,
           a,
           o,
-          d,
+          h,
           _,
           l,
-          p,
+          c,
           s,
           i
-        ), this.label_pos = { x: d, y: l, side: "left" };
+        ), this.label_pos = { x: h, y: l, side: "left" };
         break;
       case "start-to-start":
         this.path = this._path_start_to_start(
           a,
-          d,
+          h,
           _,
           l,
           s,
           i
-        ), this.label_pos = { x: d, y: l, side: "left" };
+        ), this.label_pos = { x: h, y: l, side: "left" };
         break;
       case "finish-to-finish":
         this.path = this._path_finish_to_finish(
@@ -387,7 +387,7 @@ class Q {
           o,
           _,
           l,
-          p,
+          c,
           s,
           i
         ), this.label_pos = { x: o, y: l, side: "right" };
@@ -397,55 +397,55 @@ class Q {
           n,
           a,
           o,
-          d,
+          h,
           _,
           l,
-          p,
+          c,
           s,
           i
-        ), this.label_pos = { x: d, y: l, side: "left" };
+        ), this.label_pos = { x: h, y: l, side: "left" };
     }
   }
-  _path_finish_to_start(t, e, i, s, n, a, o, d, h) {
-    const _ = t + d, l = a < n;
+  _path_finish_to_start(t, e, i, s, n, a, o, h, d) {
+    const _ = t + h, l = a < n;
     if (_ < s)
       return l ? `
             M ${t} ${n}
-            H ${_ - h}
-            a ${h} ${h} 0 0 0 ${h} ${-h}
-            V ${a + h}
-            a ${h} ${h} 0 0 1 ${h} ${-h}
+            H ${_ - d}
+            a ${d} ${d} 0 0 0 ${d} ${-d}
+            V ${a + d}
+            a ${d} ${d} 0 0 1 ${d} ${-d}
             H ${s}
             m -5 -5 l 5 5 l -5 5` : `
             M ${t} ${n}
-            H ${_ - h}
-            a ${h} ${h} 0 0 1 ${h} ${h}
-            V ${a - h}
-            a ${h} ${h} 0 0 0 ${h} ${h}
+            H ${_ - d}
+            a ${d} ${d} 0 0 1 ${d} ${d}
+            V ${a - d}
+            a ${d} ${d} 0 0 0 ${d} ${d}
             H ${s}
             m -5 -5 l 5 5 l -5 5`;
-    const p = s - d;
+    const c = s - h;
     return l ? `
             M ${t} ${n}
-            H ${_ - h}
-            a ${h} ${h} 0 0 0 ${h} ${-h}
-            V ${o + h}
-            a ${h} ${h} 0 0 0 ${-h} ${-h}
-            H ${p + h}
-            a ${h} ${h} 0 0 1 ${-h} ${-h}
-            V ${a + h}
-            a ${h} ${h} 0 0 1 ${h} ${-h}
+            H ${_ - d}
+            a ${d} ${d} 0 0 0 ${d} ${-d}
+            V ${o + d}
+            a ${d} ${d} 0 0 0 ${-d} ${-d}
+            H ${c + d}
+            a ${d} ${d} 0 0 1 ${-d} ${-d}
+            V ${a + d}
+            a ${d} ${d} 0 0 1 ${d} ${-d}
             H ${s}
             m -5 -5 l 5 5 l -5 5` : `
             M ${t} ${n}
-            H ${_ - h}
-            a ${h} ${h} 0 0 1 ${h} ${h}
-            V ${o - h}
-            a ${h} ${h} 0 0 1 ${-h} ${h}
-            H ${p + h}
-            a ${h} ${h} 0 0 0 ${-h} ${h}
-            V ${a - h}
-            a ${h} ${h} 0 0 0 ${h} ${h}
+            H ${_ - d}
+            a ${d} ${d} 0 0 1 ${d} ${d}
+            V ${o - d}
+            a ${d} ${d} 0 0 1 ${-d} ${d}
+            H ${c + d}
+            a ${d} ${d} 0 0 0 ${-d} ${d}
+            V ${a - d}
+            a ${d} ${d} 0 0 0 ${d} ${d}
             H ${s}
             m -5 -5 l 5 5 l -5 5`;
   }
@@ -486,39 +486,39 @@ class Q {
             m 5 -5 l -5 5 l 5 5`;
   }
   _path_start_to_finish(t, e, i, s, n, a, o) {
-    const d = t - a, h = e + a, _ = s < i;
-    return h < d + 2 * o ? _ ? `
+    const h = t - a, d = e + a, _ = s < i;
+    return d < h + 2 * o ? _ ? `
             M ${t} ${i}
-            H ${d + o}
+            H ${h + o}
             a ${o} ${o} 0 0 1 ${-o} ${-o}
             V ${s + o}
             a ${o} ${o} 0 0 0 ${-o} ${-o}
             H ${e}
             m 5 -5 l -5 5 l 5 5` : `
             M ${t} ${i}
-            H ${d + o}
+            H ${h + o}
             a ${o} ${o} 0 0 0 ${-o} ${o}
             V ${s - o}
             a ${o} ${o} 0 0 1 ${-o} ${o}
             H ${e}
             m 5 -5 l -5 5 l 5 5` : _ ? `
             M ${t} ${i}
-            H ${d + o}
+            H ${h + o}
             a ${o} ${o} 0 0 1 ${-o} ${-o}
             V ${n + o}
             a ${o} ${o} 0 0 1 ${o} ${-o}
-            H ${h - o}
+            H ${d - o}
             a ${o} ${o} 0 0 0 ${o} ${-o}
             V ${s + o}
             a ${o} ${o} 0 0 0 ${-o} ${-o}
             H ${e}
             m 5 -5 l -5 5 l 5 5` : `
             M ${t} ${i}
-            H ${d + o}
+            H ${h + o}
             a ${o} ${o} 0 0 0 ${-o} ${o}
             V ${n - o}
             a ${o} ${o} 0 0 0 ${o} ${o}
-            H ${h - o}
+            H ${d - o}
             a ${o} ${o} 0 0 1 ${o} ${o}
             V ${s - o}
             a ${o} ${o} 0 0 1 ${-o} ${o}
@@ -572,21 +572,21 @@ class Q {
   }
   _show_label() {
     if (this.label_element) return;
-    const t = this._get_type_abbr(), e = 21, i = 20, { x: s, y: n, side: a } = this.label_pos, o = a === "left" ? s - 10 - e / 2 : s + 10 + e / 2, d = n;
+    const t = this._get_type_abbr(), e = 21, i = 20, { x: s, y: n, side: a } = this.label_pos, o = a === "left" ? s - 10 - e / 2 : s + 10 + e / 2, h = n;
     this.label_element = w("g", { class: "arrow-type-label" });
-    const h = w("rect", {
+    const d = w("rect", {
       x: o - e / 2,
-      y: d - i / 2,
+      y: h - i / 2,
       width: e,
       height: i,
       rx: 3
     }), _ = w("text", {
       x: o,
-      y: d,
+      y: h,
       "dominant-baseline": "middle",
       "text-anchor": "middle"
     });
-    _.textContent = t, this.label_element.appendChild(h), this.label_element.appendChild(_), this.label_element.addEventListener("mouseenter", () => {
+    _.textContent = t, this.label_element.appendChild(d), this.label_element.appendChild(_), this.label_element.addEventListener("mouseenter", () => {
       this.hit_element.dispatchEvent(new MouseEvent("mouseenter", { bubbles: !1 }));
     }), this.label_element.addEventListener("mouseleave", () => {
       this.hit_element.dispatchEvent(new MouseEvent("mouseleave", { bubbles: !1 }));
@@ -605,22 +605,22 @@ class Q {
       { abbr: "FF", label: "Finish to Finish", value: "finish-to-finish" },
       { abbr: "SF", label: "Start to Finish", value: "start-to-finish" }
     ];
-    this.type_dropdown = document.createElement("div"), this.type_dropdown.className = "arrow-type-dropdown", this.type_dropdown.addEventListener("click", (a) => a.stopPropagation()), t.forEach(({ abbr: a, label: o, value: d }) => {
-      const h = document.createElement("div");
-      h.className = "arrow-type-option" + (d === this.dependency_type ? " active" : "");
+    this.type_dropdown = document.createElement("div"), this.type_dropdown.className = "arrow-type-dropdown", this.type_dropdown.addEventListener("click", (a) => a.stopPropagation()), t.forEach(({ abbr: a, label: o, value: h }) => {
+      const d = document.createElement("div");
+      d.className = "arrow-type-option" + (h === this.dependency_type ? " active" : "");
       const _ = document.createElement("strong");
       _.textContent = a;
       const l = document.createElement("span");
-      l.textContent = o, h.appendChild(_), h.appendChild(l), h.addEventListener("click", (p) => {
-        p.stopPropagation(), this.gantt.change_dependency_type(this, d);
-      }), this.type_dropdown.appendChild(h);
+      l.textContent = o, d.appendChild(_), d.appendChild(l), d.addEventListener("click", (c) => {
+        c.stopPropagation(), this.gantt.change_dependency_type(this, h);
+      }), this.type_dropdown.appendChild(d);
     }), this.gantt.$container.appendChild(this.type_dropdown);
     const e = this.label_element.getBoundingClientRect(), i = this.gantt.$container.getBoundingClientRect();
     this.type_dropdown.style.top = e.bottom - i.top + this.gantt.$container.scrollTop + "px", this.type_dropdown.style.left = e.left - i.left + this.gantt.$container.scrollLeft + "px";
     const s = this.label_element.querySelector("text"), n = this.label_element.querySelector("rect");
     if (s && (s.textContent = this._get_type_abbr() + " ▾"), n) {
-      const o = parseFloat(n.getAttribute("width")), d = parseFloat(n.getAttribute("x")) + o / 2;
-      n.setAttribute("x", String(d - 34 / 2)), n.setAttribute("width", String(34));
+      const o = parseFloat(n.getAttribute("width")), h = parseFloat(n.getAttribute("x")) + o / 2;
+      n.setAttribute("x", String(h - 34 / 2)), n.setAttribute("width", String(34));
     }
   }
   _hide_type_dropdown() {
@@ -756,9 +756,9 @@ class B {
     this.$date_highlight = i, this.gantt.$lower_header.prepend(this.$date_highlight), C(this.$bar_progress, "width", 0, this.progress_width);
   }
   calculate_progress_width() {
-    const t = this.$bar.getWidth(), e = this.x + t, i = this.gantt.config.ignored_positions.reduce((d, h) => d + (h >= this.x && h < e), 0) * this.gantt.config.column_width;
+    const t = this.$bar.getWidth(), e = this.x + t, i = this.gantt.config.ignored_positions.reduce((h, d) => h + (d >= this.x && d < e), 0) * this.gantt.config.column_width;
     let s = (t - i) * this.task.progress / 100;
-    const n = this.x + s, a = this.gantt.config.ignored_positions.reduce((d, h) => d + (h >= this.x && h < n), 0) * this.gantt.config.column_width;
+    const n = this.x + s, a = this.gantt.config.ignored_positions.reduce((h, d) => h + (d >= this.x && d < n), 0) * this.gantt.config.column_width;
     s += a;
     let o = this.gantt.get_ignored_region(
       this.x + s
@@ -772,7 +772,7 @@ class B {
   draw_label() {
     let t = this.x + this.$bar.getWidth() / 2;
     this.task.thumbnail && (t = this.x + this.image_size + 5);
-    const e = this.gantt.options.show_bar_label ? this.task.bar_label || this.task.name : "";
+    const e = this.gantt.options.show_bar_label ? this.task.bar_label ?? this.task.name : "";
     this.$bar_label = w("text", {
       x: t,
       y: this.y + this.height / 2,
@@ -844,15 +844,15 @@ class B {
       y2: s + 20 / 2,
       class: "add-task-icon-plus",
       append_to: this.$add_icon_group
-    }), u.on(this.$add_icon_group, "mousedown", (n) => {
+    }), m.on(this.$add_icon_group, "mousedown", (n) => {
       n.stopPropagation();
-    }), u.on(this.$add_icon_group, "mouseup", (n) => {
+    }), m.on(this.$add_icon_group, "mouseup", (n) => {
       n.stopPropagation();
-    }), u.on(this.$add_icon_group, "click", (n) => {
+    }), m.on(this.$add_icon_group, "click", (n) => {
       n.stopPropagation(), this.gantt.trigger_event("task_add", [this.task]);
-    }), u.on(this.$add_icon_group, "mouseenter", (n) => {
+    }), m.on(this.$add_icon_group, "mouseenter", (n) => {
       this.is_hovering_icon = !0, this.add_icon_hide_timeout && (clearTimeout(this.add_icon_hide_timeout), this.add_icon_hide_timeout = null), this.$add_icon_group.classList.add("active"), this.$add_icon_group.classList.remove("hide"), n.stopPropagation();
-    }), u.on(this.$add_icon_group, "mouseleave", () => {
+    }), m.on(this.$add_icon_group, "mouseleave", () => {
       this.is_hovering_icon = !1, this.$add_icon_group.classList.remove("active"), this.is_hovering_bar || this.$add_icon_group.classList.add("hide");
     });
   }
@@ -892,7 +892,7 @@ class B {
       }), this.handles.push(this.$handle_progress);
     }
     for (let i of this.handles)
-      u.on(i, "mouseenter", () => i.classList.add("active")), u.on(i, "mouseleave", () => i.classList.remove("active"));
+      m.on(i, "mouseenter", () => i.classList.add("active")), m.on(i, "mouseleave", () => i.classList.remove("active"));
   }
   draw_connector_circles() {
     if (this.$connector_start = null, this.$connector_end = null, !this.gantt.options.allow_dependency_creation || this.gantt.options.readonly) return;
@@ -923,86 +923,86 @@ class B {
   }
   unbind() {
     this.invalid || this.group && this.event_listeners && (this.event_listeners.forEach(({ event: t, handler: e }) => {
-      u.off(this.group, t, e);
+      m.off(this.group, t, e);
     }), this.event_listeners = []);
   }
   setup_click_event() {
     this.event_listeners = [];
     let t = this.task.id;
-    const e = (p) => {
+    const e = (c) => {
       this.gantt.trigger_event("hover", [
         this.task,
-        p.screenX,
-        p.screenY,
-        p
+        c.screenX,
+        c.screenY,
+        c
       ]);
     };
-    if (u.on(this.group, "mouseover", e), this.event_listeners.push({ event: "mouseover", handler: e }), this.gantt.options.popup_on === "click") {
-      const p = (c) => {
-        const m = c.offsetX || c.layerX;
+    if (m.on(this.group, "mouseover", e), this.event_listeners.push({ event: "mouseover", handler: e }), this.gantt.options.popup_on === "click") {
+      const c = (p) => {
+        const f = p.offsetX || p.layerX;
         if (this.$handle_progress) {
-          const f = +this.$handle_progress.getAttribute("cx");
-          if (f > m - 1 && f < m + 1 || this.gantt.bar_being_dragged) return;
+          const u = +this.$handle_progress.getAttribute("cx");
+          if (u > f - 1 && u < f + 1 || this.gantt.bar_being_dragged) return;
         }
         this.gantt.show_popup({
-          x: c.offsetX || c.layerX,
-          y: c.offsetY || c.layerY,
+          x: p.offsetX || p.layerX,
+          y: p.offsetY || p.layerY,
           task: this.task,
           target: this.$bar
         });
       };
-      u.on(this.group, "click", p), this.event_listeners.push({ event: "click", handler: p });
+      m.on(this.group, "click", c), this.event_listeners.push({ event: "click", handler: c });
     }
     let i;
-    const s = (p) => {
+    const s = (c) => {
       i = setTimeout(() => {
         this.gantt.options.popup_on === "hover" && this.gantt.show_popup({
-          x: p.offsetX || p.layerX,
-          y: p.offsetY || p.layerY,
+          x: c.offsetX || c.layerX,
+          y: c.offsetY || c.layerY,
           task: this.task,
           target: this.$bar
         });
-        const c = this.gantt.$container.querySelector(`.highlight-${CSS.escape(t)}`);
-        c && c.classList.remove("hide");
+        const p = this.gantt.$container.querySelector(`.highlight-${CSS.escape(t)}`);
+        p && p.classList.remove("hide");
       }, 200), this.$add_icon_group && (this.is_hovering_bar = !0, this.add_icon_hide_timeout && (clearTimeout(this.add_icon_hide_timeout), this.add_icon_hide_timeout = null), this.is_dragging || this.$add_icon_group.classList.remove("hide"));
     };
-    u.on(this.group, "mouseenter", s), this.event_listeners.push({ event: "mouseenter", handler: s });
+    m.on(this.group, "mouseenter", s), this.event_listeners.push({ event: "mouseenter", handler: s });
     const n = () => {
-      var c, m;
-      clearTimeout(i), this.gantt.options.popup_on === "hover" && ((m = (c = this.gantt.popup) == null ? void 0 : c.hide) == null || m.call(c));
-      const p = this.gantt.$container.querySelector(`.highlight-${CSS.escape(t)}`);
-      p && p.classList.add("hide"), this.$add_icon_group && (this.is_hovering_bar = !1, this.add_icon_hide_timeout && clearTimeout(this.add_icon_hide_timeout), this.add_icon_hide_timeout = setTimeout(() => {
+      var p, f;
+      clearTimeout(i), this.gantt.options.popup_on === "hover" && ((f = (p = this.gantt.popup) == null ? void 0 : p.hide) == null || f.call(p));
+      const c = this.gantt.$container.querySelector(`.highlight-${CSS.escape(t)}`);
+      c && c.classList.add("hide"), this.$add_icon_group && (this.is_hovering_bar = !1, this.add_icon_hide_timeout && clearTimeout(this.add_icon_hide_timeout), this.add_icon_hide_timeout = setTimeout(() => {
         this.is_hovering_icon || this.$add_icon_group.classList.add("hide");
       }, 200));
     };
-    u.on(this.group, "mouseleave", n), this.event_listeners.push({ event: "mouseleave", handler: n });
+    m.on(this.group, "mouseleave", n), this.event_listeners.push({ event: "mouseleave", handler: n });
     const a = () => {
       this.is_dragging = !0, this.hide_add_icon();
     };
-    u.on(this.group, "mousedown", a), this.event_listeners.push({ event: "mousedown", handler: a });
+    m.on(this.group, "mousedown", a), this.event_listeners.push({ event: "mousedown", handler: a });
     const o = () => {
       setTimeout(() => {
         this.gantt.bar_being_dragged !== !0 && (this.is_dragging = !1, this.$add_icon_group && this.is_hovering_bar && this.$add_icon_group.classList.remove("hide"));
       }, 0);
     };
-    u.on(this.group, "mouseup", o), this.event_listeners.push({ event: "mouseup", handler: o });
-    const d = () => {
+    m.on(this.group, "mouseup", o), this.event_listeners.push({ event: "mouseup", handler: o });
+    const h = () => {
       this.action_completed || this.gantt.bar_being_dragged || this.gantt.trigger_event("click", [this.task]);
     };
-    u.on(this.group, "click", d), this.event_listeners.push({ event: "click", handler: d });
-    const h = () => {
+    m.on(this.group, "click", h), this.event_listeners.push({ event: "click", handler: h });
+    const d = () => {
       this.action_completed || (this.group.classList.remove("active"), this.gantt.popup && this.gantt.popup.parent.classList.remove("hide"), this.gantt.trigger_event("double_click", [this.task]));
     };
-    u.on(this.group, "dblclick", h), this.event_listeners.push({ event: "dblclick", handler: h });
+    m.on(this.group, "dblclick", d), this.event_listeners.push({ event: "dblclick", handler: d });
     let _ = !1;
-    const l = (p) => {
+    const l = (c) => {
       if (!_)
         return _ = !0, setTimeout(function() {
           _ = !1;
         }, 300), !1;
-      p.preventDefault(), !this.action_completed && (this.group.classList.remove("active"), this.gantt.popup && this.gantt.popup.parent.classList.remove("hide"), this.gantt.trigger_event("double_click", [this.task]));
+      c.preventDefault(), !this.action_completed && (this.group.classList.remove("active"), this.gantt.popup && this.gantt.popup.parent.classList.remove("hide"), this.gantt.trigger_event("double_click", [this.task]));
     };
-    u.on(this.group, "touchstart", l), this.event_listeners.push({ event: "touchstart", handler: l });
+    m.on(this.group, "touchstart", l), this.event_listeners.push({ event: "touchstart", handler: l });
   }
   update_bar_position({ x: t = null, width: e = null }) {
     const i = this.$bar;
@@ -1010,8 +1010,8 @@ class B {
   }
   update_label_position_on_horizontal_scroll({ x: t, sx: e }) {
     const i = this.gantt.$container, s = this.group.querySelector(".bar-label"), n = this.group.querySelector(".bar-img") || "", a = this.bar_group.querySelector(".img_mask") || "";
-    let o = this.$bar.getX() + this.$bar.getWidth(), d = s.getX() + t, h = n && n.getX() + t || 0, _ = n && n.getBBox().width + 7 || 7, l = d + s.getBBox().width + 7, p = e + i.clientWidth / 2;
-    s.classList.contains("big") || (l < o && t > 0 && l < p || d - _ > this.$bar.getX() && t < 0 && l > p) && (s.setAttribute("x", d), n && (n.setAttribute("x", h), a.setAttribute("x", h)));
+    let o = this.$bar.getX() + this.$bar.getWidth(), h = s.getX() + t, d = n && n.getX() + t || 0, _ = n && n.getBBox().width + 7 || 7, l = h + s.getBBox().width + 7, c = e + i.clientWidth / 2;
+    s.classList.contains("big") || (l < o && t > 0 && l < c || h - _ > this.$bar.getX() && t < 0 && l > c) && (s.setAttribute("x", h), n && (n.setAttribute("x", d), a.setAttribute("x", d)));
   }
   date_changed() {
     let t = !1;
@@ -1095,13 +1095,13 @@ class B {
   update_label_position() {
     const t = this.bar_group.querySelector(".img_mask") || "", e = this.$bar, i = this.group.querySelector(".bar-label"), s = this.group.querySelector(".bar-img");
     let n = 5, a = this.image_size + 10;
-    const o = i.getBBox().width, d = e.getWidth();
-    o > d ? (i.classList.add("big"), s ? (s.setAttribute("x", e.getEndX() + n), t.setAttribute("x", e.getEndX() + n), i.setAttribute("x", e.getEndX() + a)) : i.setAttribute("x", e.getEndX() + n)) : (i.classList.remove("big"), s ? (s.setAttribute("x", e.getX() + n), t.setAttribute("x", e.getX() + n), i.setAttribute(
+    const o = i.getBBox().width, h = e.getWidth();
+    o > h ? (i.classList.add("big"), s ? (s.setAttribute("x", e.getEndX() + n), t.setAttribute("x", e.getEndX() + n), i.setAttribute("x", e.getEndX() + a)) : i.setAttribute("x", e.getEndX() + n)) : (i.classList.remove("big"), s ? (s.setAttribute("x", e.getX() + n), t.setAttribute("x", e.getX() + n), i.setAttribute(
       "x",
-      e.getX() + d / 2 + a
+      e.getX() + h / 2 + a
     )) : i.setAttribute(
       "x",
-      e.getX() + d / 2 - o / 2
+      e.getX() + h / 2 - o / 2
     ));
   }
   update_handle_position() {
@@ -1157,12 +1157,12 @@ class K {
       get_details: () => this.details,
       set_details: (a) => this.details.innerHTML = a,
       add_action: (a, o) => {
-        let d = this.gantt.create_el({
+        let h = this.gantt.create_el({
           classes: "action-btn",
           type: "button",
           append_to: this.actions
         });
-        typeof a == "function" && (a = a(i)), d.innerHTML = a, d.onclick = (h) => o(i, this.gantt, h);
+        typeof a == "function" && (a = a(i)), h.innerHTML = a, h.onclick = (d) => o(i, this.gantt, d);
       }
     });
     n !== !1 && (n && (this.parent.innerHTML = n), this.actions.innerHTML === "" ? this.actions.remove() : this.parent.appendChild(this.actions), this.parent.style.left = t + 10 + "px", this.parent.style.top = e - 10 + "px", this.parent.classList.remove("hide"));
@@ -1418,9 +1418,9 @@ class tt {
             return console.error(`task "${e.id}" doesn't have an end date`), !1;
         }
       if (!e._has_no_dates) {
-        if (e._start = g.parse(e.start), e.end === void 0 && e.duration !== void 0 && (e.end = e._start, e.duration.split(" ").forEach((d) => {
-          let { duration: h, scale: _ } = g.parse_duration(d);
-          e.end = g.add(e.end, h, _);
+        if (e._start = g.parse(e.start), e.end === void 0 && e.duration !== void 0 && (e.end = e._start, e.duration.split(" ").forEach((h) => {
+          let { duration: d, scale: _ } = g.parse_duration(h);
+          e.end = g.add(e.end, d, _);
         })), e._end = g.parse(e.end), g.diff(e._end, e._start, "year") < 0)
           return console.error(
             `start of task can't be after end of task: in task "${e.id}"`
@@ -1552,7 +1552,7 @@ class tt {
       height: e,
       class: "grid-background",
       append_to: this.$svg
-    }), u.attr(this.$svg, {
+    }), m.attr(this.$svg, {
       height: e,
       width: "100%"
     }), this.grid_height = e, this.options.container_height === "auto" && (this.$container.style.height = e + "px");
@@ -1606,12 +1606,12 @@ class tt {
     }
   }
   make_task_column() {
-    var i, s, n, a, o, d, h, _, l, p;
+    var i, s, n, a, o, h, d, _, l, c;
     if ((i = this.$task_column) == null || i.remove(), !((s = this.options.task_column) != null && s.enabled)) {
       (a = (n = this.$wrapper) == null ? void 0 : n.classList) == null || a.remove("has-task-column");
       return;
     }
-    (d = (o = this.$wrapper) == null ? void 0 : o.classList) == null || d.add("has-task-column"), this.$task_column = this.create_el({
+    (h = (o = this.$wrapper) == null ? void 0 : o.classList) == null || h.add("has-task-column"), this.$task_column = this.create_el({
       classes: "task-column",
       append_to: this.$wrapper
     }), this.$wrapper.insertBefore(this.$task_column, this.$container), this.$task_column_header = this.create_el({
@@ -1631,21 +1631,21 @@ class tt {
     ), this.$container.style.setProperty(
       "--gv-task-column-content-height",
       e + "px"
-    ), this.tasks.forEach((c) => {
-      const m = this.options.bar_height + this.options.padding, f = this.create_el({
+    ), this.tasks.forEach((p) => {
+      const f = this.options.bar_height + this.options.padding, u = this.create_el({
         classes: "task-row",
         append_to: this.$task_column_content
       });
-      if (f.style.top = c._index * m - 1 + "px", f.style.height = m + "px", this.options.task_column.content && typeof this.options.task_column.content == "function") {
-        const b = this.options.task_column.content(c);
-        typeof b == "string" ? f.innerHTML = b : b instanceof HTMLElement && f.appendChild(b);
+      if (u.style.top = p._index * f - 1 + "px", u.style.height = f + "px", this.options.task_column.content && typeof this.options.task_column.content == "function") {
+        const b = this.options.task_column.content(p);
+        typeof b == "string" ? u.innerHTML = b : b instanceof HTMLElement && u.appendChild(b);
       } else
-        f.textContent = c.name, f.title = c.name;
-      f.setAttribute("data-task-id", c.id);
+        u.textContent = p.name, u.title = p.name;
+      u.setAttribute("data-task-id", p.id);
     }), this.$task_column.style.width = this.options.task_column.width + "px", this.$task_column_resize_handle = this.create_el({
       classes: "task-column-resize-handle",
       append_to: this.$task_column
-    }), this.options.isRTL ? (_ = (h = this.$wrapper) == null ? void 0 : h.classList) == null || _.add("rtl") : (p = (l = this.$wrapper) == null ? void 0 : l.classList) == null || p.remove("rtl");
+    }), this.options.isRTL ? (_ = (d = this.$wrapper) == null ? void 0 : d.classList) == null || _.add("rtl") : (c = (l = this.$wrapper) == null ? void 0 : l.classList) == null || c.remove("rtl");
   }
   make_grid_ticks() {
     if (this.options.lines === "none") return;
@@ -1655,7 +1655,7 @@ class tt {
     }), n = this.config.header_height;
     const a = this.dates.length * this.config.column_width, o = this.options.bar_height + this.options.padding;
     if (this.options.lines !== "vertical")
-      for (let d = this.config.header_height; d < this.grid_height; d += o)
+      for (let h = this.config.header_height; h < this.grid_height; h += o)
         w("line", {
           x1: 0,
           y1: n + o,
@@ -1665,13 +1665,13 @@ class tt {
           append_to: s
         }), n += o;
     if (this.options.lines !== "horizontal")
-      for (let d of this.dates) {
-        let h = "tick";
-        this.config.view_mode.thick_line && this.config.view_mode.thick_line(d) && (h += " thick"), w("path", {
+      for (let h of this.dates) {
+        let d = "tick";
+        this.config.view_mode.thick_line && this.config.view_mode.thick_line(h) && (d += " thick"), w("path", {
           d: `M ${t} ${e} v ${i}`,
-          class: h,
+          class: d,
           append_to: this.layers.grid
-        }), this.view_is("month") ? t += g.get_days_in_month(d) * this.config.column_width / 30 : this.view_is("year") ? t += g.get_days_in_year(d) * this.config.column_width / 365 : t += this.config.column_width;
+        }), this.view_is("month") ? t += g.get_days_in_month(h) * this.config.column_width / 30 : this.view_is("year") ? t += g.get_days_in_year(h) * this.config.column_width / 365 : t += this.config.column_width;
       }
   }
   highlight_holidays() {
@@ -1689,8 +1689,8 @@ class tt {
           } else
             i = (a) => this.options.holidays[e].filter((o) => typeof o != "function").map((o) => {
               if (o.name) {
-                let d = /* @__PURE__ */ new Date(o.date + " ");
-                return t[d] = o.name, d.getTime();
+                let h = /* @__PURE__ */ new Date(o.date + " ");
+                return t[h] = o.name, h.getTime();
               }
               return (/* @__PURE__ */ new Date(o + " ")).getTime();
             }).includes(a.getTime());
@@ -1703,13 +1703,13 @@ class tt {
               n,
               this.gantt_start,
               this.config.unit
-            ) / this.config.step * this.config.column_width, o = this.grid_height - this.config.header_height, d = g.format(n, "YYYY-MM-DD", this.options.language).replace(" ", "_");
+            ) / this.config.step * this.config.column_width, o = this.grid_height - this.config.header_height, h = g.format(n, "YYYY-MM-DD", this.options.language).replace(" ", "_");
             if (t[n]) {
-              let h = this.create_el({
-                classes: "holiday-label label_" + d,
+              let d = this.create_el({
+                classes: "holiday-label label_" + h,
                 append_to: this.$extras
               });
-              h.textContent = t[n];
+              d.textContent = t[n];
             }
             w("rect", {
               x: Math.round(a),
@@ -1719,7 +1719,7 @@ class tt {
                 "day"
               ),
               height: o,
-              class: "holiday-highlight " + d,
+              class: "holiday-highlight " + h,
               style: `fill: ${e};`,
               append_to: this.layers.grid
             });
@@ -1788,10 +1788,10 @@ class tt {
       this.config.view_mode
     );
   }
-  create_el({ left: t, top: e, width: i, height: s, id: n, classes: a, append_to: o, type: d }) {
-    let h = document.createElement(d || "div");
-    for (let _ of a.split(" ")) h.classList.add(_);
-    return h.style.top = e + "px", h.style.left = t + "px", n && (h.id = n), i && (h.style.width = i + "px"), s && (h.style.height = s + "px"), o && o.appendChild(h), h;
+  create_el({ left: t, top: e, width: i, height: s, id: n, classes: a, append_to: o, type: h }) {
+    let d = document.createElement(h || "div");
+    for (let _ of a.split(" ")) d.classList.add(_);
+    return d.style.top = e + "px", d.style.left = t + "px", n && (d.id = n), i && (d.style.width = i + "px"), s && (d.style.height = s + "px"), o && o.appendChild(d), d;
   }
   make_dates() {
     this.get_dates_to_draw().forEach((t, e) => {
@@ -1871,53 +1871,77 @@ class tt {
         if (!s) return;
         const n = this.bars[s._index], a = this.bars[t._index];
         if (!n || !a) return;
-        const o = i.type || this.options.dependencies_type || "finish-to-start", d = new Q(
+        const o = i.type || this.options.dependencies_type || "finish-to-start", h = new Q(
           this,
           n,
           a,
           o
         );
-        return this.layers.arrow.appendChild(d.element), this.layers.arrow.appendChild(d.hit_element), d;
+        return this.layers.arrow.appendChild(h.element), this.layers.arrow.appendChild(h.hit_element), h;
       }).filter(Boolean), this.arrows = this.arrows.concat(e);
     }
   }
   calculate_critical_path() {
-    this.tasks.forEach((n) => n._is_critical = !1);
-    const t = {};
-    this.tasks.forEach((n) => {
-      t[n.id] = { es: 0, ef: 0, ls: 0, lf: 0 };
+    if (this.tasks.forEach((_) => _._is_critical = !1), this.tasks.length === 0) return;
+    const t = (_) => g.diff(_._end, _._start, "hour") / 24;
+    let e = this.tasks[0]._start;
+    this.tasks.forEach((_) => {
+      _._start < e && (e = _._start);
     });
-    const e = (n) => {
-      if (t[n.id].ef > 0) return t[n.id];
-      let a = 0;
-      n.dependencies && n.dependencies.length > 0 && n.dependencies.forEach((d) => {
-        const h = this.get_task(d.id);
-        if (h) {
-          const _ = e(h);
-          a = Math.max(a, _.ef);
-        }
-      }), t[n.id].es = a;
-      const o = g.diff(n._end, n._start, "hour") / 24;
-      return t[n.id].ef = a + o, t[n.id];
-    };
-    this.tasks.forEach((n) => e(n));
-    const i = Math.max(...Object.values(t).map((n) => n.ef)), s = (n) => {
-      if (t[n.id].ls > 0 || t[n.id].lf > 0)
-        return t[n.id];
-      const a = this.tasks.filter(
-        (h) => h.dependencies && h.dependencies.some((_) => _.id === n.id)
-      );
-      let o = i;
-      a.length > 0 && a.forEach((h) => {
-        const _ = s(h);
-        o = Math.min(o, _.ls);
+    const i = (_) => g.diff(_._start, e, "hour") / 24, s = (_) => _.type || this.options.dependencies_type || "finish-to-start", n = {};
+    this.tasks.forEach((_) => {
+      n[_.id] = {
+        d: t(_),
+        s: i(_),
+        es: 0,
+        ef: 0,
+        ls: 0,
+        lf: 0,
+        f_done: !1,
+        b_done: !1
+      };
+    });
+    const a = {};
+    this.tasks.forEach((_) => a[_.id] = []), this.tasks.forEach((_) => {
+      (_.dependencies || []).forEach((l) => {
+        n[l.id] && a[l.id].push({ id: _.id, type: s(l) });
       });
-      const d = g.diff(n._end, n._start, "hour") / 24;
-      return t[n.id].lf = o, t[n.id].ls = o - d, t[n.id];
+    });
+    const o = (_, l) => {
+      const c = n[_.id];
+      if (c.f_done || l.has(_.id)) return c;
+      l.add(_.id);
+      let p = c.s, f = !1;
+      return (_.dependencies || []).forEach((u) => {
+        const b = this.get_task(u.id);
+        if (!b || !n[u.id]) return;
+        const $ = o(b, l), k = s(u);
+        let y;
+        k === "start-to-start" ? y = $.es : k === "finish-to-finish" ? y = $.ef - c.d : k === "start-to-finish" ? y = $.es - c.d : y = $.ef, p = f ? Math.max(p, y) : y, f = !0;
+      }), c.es = p, c.ef = p + c.d, c.f_done = !0, l.delete(_.id), c;
+    };
+    this.tasks.forEach((_) => o(_, /* @__PURE__ */ new Set()));
+    const h = Math.max(...this.tasks.map((_) => n[_.id].ef)), d = (_, l) => {
+      const c = n[_.id];
+      if (c.b_done || l.has(_.id)) return c;
+      l.add(_.id);
+      const p = a[_.id];
+      let f;
+      if (p.length === 0)
+        f = h;
+      else {
+        let u = !1;
+        p.forEach((b) => {
+          const $ = d(this.get_task(b.id), l);
+          let k;
+          b.type === "start-to-start" ? k = $.ls + c.d : b.type === "finish-to-finish" ? k = $.lf : b.type === "start-to-finish" ? k = $.lf + c.d : k = $.ls, f = u ? Math.min(f, k) : k, u = !0;
+        });
+      }
+      return c.lf = f, c.ls = f - c.d, c.b_done = !0, l.delete(_.id), c;
     };
-    this.tasks.forEach((n) => s(n)), this.tasks.forEach((n) => {
-      const a = t[n.id], o = a.ls - a.es;
-      n._is_critical = Math.abs(o) < 0.01;
+    this.tasks.forEach((_) => d(_, /* @__PURE__ */ new Set())), this.tasks.forEach((_) => {
+      const l = n[_.id];
+      _._is_critical = Math.abs(l.ls - l.es) < 0.01;
     });
   }
   update_arrow_critical_path() {
@@ -2016,7 +2040,7 @@ class tt {
     ];
   }
   bind_grid_click() {
-    u.on(
+    m.on(
       this.$container,
       "click",
       ".grid-row, .grid-header, .ignored-bar, .holiday-highlight",
@@ -2024,9 +2048,9 @@ class tt {
         if (e && (e.classList.contains("grid-row") || e.classList.contains("ignored-bar") || e.classList.contains("holiday-highlight"))) {
           const i = this.$svg, s = i.createSVGPoint();
           s.x = t.clientX, s.y = t.clientY;
-          const n = s.matrixTransform(i.getScreenCTM().inverse()), a = this.options.bar_height + this.options.padding, o = Math.floor((n.y - this.config.header_height) / a), d = this.tasks[o];
-          if (d && d._has_no_dates) {
-            const h = n.x / this.config.column_width, _ = Math.floor(h * this.config.step), l = g.add(
+          const n = s.matrixTransform(i.getScreenCTM().inverse()), a = this.options.bar_height + this.options.padding, o = Math.floor((n.y - this.config.header_height) / a), h = this.tasks[o];
+          if (h && h._has_no_dates) {
+            const d = n.x / this.config.column_width, _ = Math.floor(d * this.config.step), l = g.add(
               this.gantt_start,
               _,
               this.config.unit
@@ -2034,14 +2058,14 @@ class tt {
             if (this.config.ignored_function)
               for (; this.config.ignored_function(l); )
                 l = g.add(l, 1, "day");
-            d._start = l, d._end = g.add(l, 1, "day"), d.start = l, d.end = d._end, delete d._has_no_dates, this.refresh(this.tasks, !0), this.trigger_event("date_change", [
-              d,
-              d._start,
-              d._end
+            h._start = l, h._end = g.add(l, 1, "day"), h.start = l, h.end = h._end, delete h._has_no_dates, this.refresh(this.tasks, !0), this.trigger_event("date_change", [
+              h,
+              h._start,
+              h._end
             ]), this.trigger_event("after_date_change", [
-              d,
-              d._start,
-              d._end
+              h,
+              h._start,
+              h._end
             ]);
             return;
           }
@@ -2071,85 +2095,85 @@ class tt {
     if (!this.bars.length) return [0, 0, 0];
     let { x: t, width: e } = this.bars[0].group.getBBox(), i = t, s = t, n = t + e;
     return Array.prototype.forEach.call(this.bars, function({ group: a }, o) {
-      let { x: d, width: h } = a.getBBox();
-      d < i && (i = d), d > s && (s = d), d + h > n && (n = d + h);
+      let { x: h, width: d } = a.getBBox();
+      h < i && (i = h), h > s && (s = h), h + d > n && (n = h + d);
     }), [i, s, n];
   }
   bind_bar_events() {
     let t = !1, e = 0, i = 0, s = !1, n = !1, a = null, o = [];
     this.bar_being_dragged = null, this.active_arrow = null;
-    const d = () => t || s || n;
+    const h = () => t || s || n;
     this.$svg.onclick = (_) => {
       _.target.classList.contains("grid-row") && this.unselect_all();
     }, this._document_click_handler || (this._document_click_handler = () => this.set_active_arrow(null), document.addEventListener("click", this._document_click_handler));
-    let h = 0;
-    if (u.on(this.$svg, "mousemove", ".bar-wrapper, .handle", (_) => {
-      this.bar_being_dragged === !1 && Math.abs((_.offsetX || _.layerX) - h) > 10 && (this.bar_being_dragged = !0);
-    }), u.on(this.$svg, "mousedown", ".bar-wrapper, .handle", (_, l) => {
+    let d = 0;
+    if (m.on(this.$svg, "mousemove", ".bar-wrapper, .handle", (_) => {
+      this.bar_being_dragged === !1 && Math.abs((_.offsetX || _.layerX) - d) > 10 && (this.bar_being_dragged = !0);
+    }), m.on(this.$svg, "mousedown", ".bar-wrapper, .handle", (_, l) => {
       if (_.target.classList.contains("connector-circle")) return;
-      const p = u.closest(".bar-wrapper", l);
-      l.classList.contains("left") ? (s = !0, l.classList.add("visible")) : l.classList.contains("right") ? (n = !0, l.classList.add("visible")) : l.classList.contains("bar-wrapper") && (t = !0), this.popup && this.popup.hide(), e = _.offsetX || _.layerX, a = p.getAttribute("data-id"), o = [this.get_bar(a)], this.bar_being_dragged = !1, h = e, o.forEach((c) => {
-        const m = c.$bar;
-        m.ox = m.getX(), m.oy = m.getY(), m.owidth = m.getWidth(), m.finaldx = 0;
+      const c = m.closest(".bar-wrapper", l);
+      l.classList.contains("left") ? (s = !0, l.classList.add("visible")) : l.classList.contains("right") ? (n = !0, l.classList.add("visible")) : l.classList.contains("bar-wrapper") && (t = !0), this.popup && this.popup.hide(), e = _.offsetX || _.layerX, a = c.getAttribute("data-id"), o = [this.get_bar(a)], this.bar_being_dragged = !1, d = e, o.forEach((p) => {
+        const f = p.$bar;
+        f.ox = f.getX(), f.oy = f.getY(), f.owidth = f.getWidth(), f.finaldx = 0;
       });
     }), this.options.infinite_padding) {
       let _ = !1;
-      u.on(this.$container, "mousewheel", (l) => {
-        let p = this.$container.scrollWidth / 2;
-        if (!_ && l.currentTarget.scrollLeft <= p) {
-          let c = l.currentTarget.scrollLeft;
+      m.on(this.$container, "mousewheel", (l) => {
+        let c = this.$container.scrollWidth / 2;
+        if (!_ && l.currentTarget.scrollLeft <= c) {
+          let p = l.currentTarget.scrollLeft;
           _ = !0, this.gantt_start = g.add(
             this.gantt_start,
             -this.config.extend_by_units,
             this.config.unit
-          ), this.setup_date_values(), this.render(), l.currentTarget.scrollLeft = c + this.config.column_width * this.config.extend_by_units, setTimeout(() => _ = !1, 300);
+          ), this.setup_date_values(), this.render(), l.currentTarget.scrollLeft = p + this.config.column_width * this.config.extend_by_units, setTimeout(() => _ = !1, 300);
         }
-        if (!_ && l.currentTarget.scrollWidth - (l.currentTarget.scrollLeft + l.currentTarget.clientWidth) <= p) {
-          let c = l.currentTarget.scrollLeft;
+        if (!_ && l.currentTarget.scrollWidth - (l.currentTarget.scrollLeft + l.currentTarget.clientWidth) <= c) {
+          let p = l.currentTarget.scrollLeft;
           _ = !0, this.gantt_end = g.add(
             this.gantt_end,
             this.config.extend_by_units,
             this.config.unit
-          ), this.setup_date_values(), this.render(), l.currentTarget.scrollLeft = c, setTimeout(() => _ = !1, 300);
+          ), this.setup_date_values(), this.render(), l.currentTarget.scrollLeft = p, setTimeout(() => _ = !1, 300);
         }
       });
     }
-    u.on(this.$container, "scroll", (_) => {
+    m.on(this.$container, "scroll", (_) => {
       this.$task_column && !this._syncing_scroll && (this._syncing_scroll = !0, this.$task_column.scrollTop = _.currentTarget.scrollTop, requestAnimationFrame(() => {
         this._syncing_scroll = !1;
       }));
       let l = [];
-      const p = this.bars.map(
-        ({ group: $ }) => $.getAttribute("data-id")
+      const c = this.bars.map(
+        ({ group: y }) => y.getAttribute("data-id")
       );
-      let c;
-      i && (c = _.currentTarget.scrollLeft - i), this.current_date = g.add(
+      let p;
+      i && (p = _.currentTarget.scrollLeft - i), this.current_date = g.add(
         this.gantt_start,
         _.currentTarget.scrollLeft / this.config.column_width * this.config.step,
         this.config.unit
       );
-      let m = this.config.view_mode.upper_text(
+      let f = this.config.view_mode.upper_text(
         this.current_date,
         null,
         this.options.language
-      ), f = this.upperTexts.find(
-        ($) => $.textContent === m
+      ), u = this.upperTexts.find(
+        (y) => y.textContent === f
       );
       this.current_date = g.add(
         this.gantt_start,
-        (_.currentTarget.scrollLeft + f.clientWidth) / this.config.column_width * this.config.step,
+        (_.currentTarget.scrollLeft + u.clientWidth) / this.config.column_width * this.config.step,
         this.config.unit
-      ), m = this.config.view_mode.upper_text(
+      ), f = this.config.view_mode.upper_text(
         this.current_date,
         null,
         this.options.language
-      ), f = this.upperTexts.find(
-        ($) => $.textContent === m
-      ), f !== this.$current && (this.$current && this.$current.classList.remove("current-upper"), f.classList.add("current-upper"), this.$current = f), i = _.currentTarget.scrollLeft;
-      let [b, y, k] = this.get_start_end_positions();
+      ), u = this.upperTexts.find(
+        (y) => y.textContent === f
+      ), u !== this.$current && (this.$current && this.$current.classList.remove("current-upper"), u.classList.add("current-upper"), this.$current = u), i = _.currentTarget.scrollLeft;
+      let [b, $, k] = this.get_start_end_positions();
       i > k + 100 ? (this.$adjust.innerHTML = "&larr;", this.$adjust.classList.remove("hide"), this.$adjust.onclick = () => {
         this.$container.scrollTo({
-          left: y,
+          left: $,
           behavior: "smooth"
         });
       }) : i + _.currentTarget.offsetWidth < b - 100 ? (this.$adjust.innerHTML = "&rarr;", this.$adjust.classList.remove("hide"), this.$adjust.onclick = () => {
@@ -2157,60 +2181,60 @@ class tt {
           left: b,
           behavior: "smooth"
         });
-      }) : this.$adjust.classList.add("hide"), c && (l = p.map(($) => this.get_bar($)), this.options.auto_move_label && l.forEach(($) => {
-        $.update_label_position_on_horizontal_scroll({
-          x: c,
+      }) : this.$adjust.classList.add("hide"), p && (l = c.map((y) => this.get_bar(y)), this.options.auto_move_label && l.forEach((y) => {
+        y.update_label_position_on_horizontal_scroll({
+          x: p,
           sx: _.currentTarget.scrollLeft
         });
       }));
-    }), u.on(this.$svg, "mousemove", (_) => {
-      if (!d()) return;
+    }), m.on(this.$svg, "mousemove", (_) => {
+      if (!h()) return;
       const l = (_.offsetX || _.layerX) - e;
-      o.forEach((p) => {
-        const c = p.$bar;
-        c.finaldx = this.get_snap_position(l, c.ox), this.hide_popup(), s ? a === p.task.id ? p.update_bar_position({
-          x: c.ox + c.finaldx,
-          width: c.owidth - c.finaldx
-        }) : p.update_bar_position({
-          x: c.ox + c.finaldx
-        }) : n ? a === p.task.id && p.update_bar_position({
-          width: c.owidth + c.finaldx
-        }) : t && !this.options.readonly && !this.options.readonly_dates && p.update_bar_position({ x: c.ox + c.finaldx });
+      o.forEach((c) => {
+        const p = c.$bar;
+        p.finaldx = this.get_snap_position(l, p.ox), this.hide_popup(), s ? a === c.task.id ? c.update_bar_position({
+          x: p.ox + p.finaldx,
+          width: p.owidth - p.finaldx
+        }) : c.update_bar_position({
+          x: p.ox + p.finaldx
+        }) : n ? a === c.task.id && c.update_bar_position({
+          width: p.owidth + p.finaldx
+        }) : t && !this.options.readonly && !this.options.readonly_dates && c.update_bar_position({ x: p.ox + p.finaldx });
       });
     }), document.addEventListener("mouseup", () => {
-      var p, c, m;
+      var c, p, f;
       const _ = this.bar_being_dragged === !0;
       this.bar_being_dragged = null;
       const l = [];
-      if (o.forEach((f) => {
-        if (!f.$bar.finaldx) {
-          _ && f.set_action_completed();
+      if (o.forEach((u) => {
+        if (!u.$bar.finaldx) {
+          _ && u.set_action_completed();
           return;
         }
-        f.date_changed(), f.compute_progress(), f.set_action_completed(), l.push({
-          task: f.task,
-          start: f.task._start,
-          end: g.add(f.task._end, -1, "second")
+        u.date_changed(), u.compute_progress(), u.set_action_completed(), l.push({
+          task: u.task,
+          start: u.task._start,
+          end: g.add(u.task._end, -1, "second")
         });
-      }), this.options.critical_path && o.some((f) => f.$bar.finaldx) && (this.calculate_critical_path(), this.update_arrow_critical_path()), l.length > 0 && this.options.dependency_shifting !== "none") {
-        const f = this.options.dependency_shifting;
+      }), this.options.critical_path && o.some((u) => u.$bar.finaldx) && (this.calculate_critical_path(), this.update_arrow_critical_path()), l.length > 0 && this.options.dependency_shifting !== "none") {
+        const u = this.options.dependency_shifting;
         let b;
-        s ? b = f === "maintain_buffer_downstream" ? "none" : "upstream" : n ? b = "downstream" : b = f === "maintain_buffer_downstream" ? "downstream" : "both", l.forEach(({ task: y }) => {
+        s ? b = u === "maintain_buffer_downstream" ? "none" : "upstream" : n ? b = "downstream" : b = u === "maintain_buffer_downstream" ? "downstream" : "both", l.forEach(({ task: $ }) => {
           if (b === "none") return;
-          const k = o.find((T) => T.task.id === y.id);
+          const k = o.find((T) => T.task.id === $.id);
           if (!k || !k.$bar.finaldx) return;
-          const $ = k.$bar.finaldx / this.config.column_width, P = this.config.unit === "hour" ? 36e5 : this.config.unit === "day" ? 864e5 : this.config.unit === "month" ? 30 * 864e5 : this.config.unit === "year" ? 365 * 864e5 : 864e5, V = $ * this.config.step * P;
+          const y = k.$bar.finaldx / this.config.column_width, P = this.config.unit === "hour" ? 36e5 : this.config.unit === "day" ? 864e5 : this.config.unit === "month" ? 30 * 864e5 : this.config.unit === "year" ? 365 * 864e5 : 864e5, V = y * this.config.step * P;
           I(
             this.tasks,
-            y.id,
+            $.id,
             V,
             this.options.dependency_shifting,
             b
           ).forEach((T, N) => {
             const v = this.get_bar(N);
             if (!v) return;
-            const M = v.task, O = new Date(M._start.getTime() + T), j = g.diff(O, this.gantt_start, this.config.unit) / this.config.step * this.config.column_width;
-            v.update_bar_position({ x: j }), v.update_arrow_position(), this.trigger_event("after_date_change", [
+            const M = v.task, O = new Date(M._start.getTime() + T), R = g.diff(O, this.gantt_start, this.config.unit) / this.config.step * this.config.column_width;
+            v.update_bar_position({ x: R }), v.update_arrow_position(), this.trigger_event("after_date_change", [
               M,
               M._start,
               g.add(M._end, -1, "second")
@@ -2218,37 +2242,37 @@ class tt {
           });
         });
       }
-      l.length > 0 && l.forEach(({ task: f, start: b, end: y }) => {
-        this.trigger_event("after_date_change", [f, b, y]);
-      }), o.forEach((f) => {
-        f.$bar.finaldx = 0;
-      }), t = !1, s = !1, n = !1, (m = (c = (p = this.$container.querySelector(".visible")) == null ? void 0 : p.classList) == null ? void 0 : c.remove) == null || m.call(c, "visible");
+      l.length > 0 && l.forEach(({ task: u, start: b, end: $ }) => {
+        this.trigger_event("after_date_change", [u, b, $]);
+      }), o.forEach((u) => {
+        u.$bar.finaldx = 0;
+      }), t = !1, s = !1, n = !1, (f = (p = (c = this.$container.querySelector(".visible")) == null ? void 0 : c.classList) == null ? void 0 : p.remove) == null || f.call(p, "visible");
     }), this.bind_bar_progress();
   }
   bind_task_column_resize() {
     if (!this.$task_column_resize_handle) return;
     let t = !1, e = 0, i = 0;
     const s = 100, n = 600;
-    u.on(this.$task_column_resize_handle, "mousedown", (a) => {
+    m.on(this.$task_column_resize_handle, "mousedown", (a) => {
       t = !0, e = a.clientX, i = this.options.task_column.width, this.$task_column.classList.add("resizing"), a.preventDefault();
-    }), u.on(document, "mousemove", (a) => {
+    }), m.on(document, "mousemove", (a) => {
       if (!t) return;
       let o = a.clientX - e;
       this.options.isRTL && (o = -o);
-      let d = i + o;
-      d = Math.max(s, Math.min(n, d)), this.options.task_column.width = d, this.$task_column.style.width = d + "px", this.$wrapper.style.setProperty(
+      let h = i + o;
+      h = Math.max(s, Math.min(n, h)), this.options.task_column.width = h, this.$task_column.style.width = h + "px", this.$wrapper.style.setProperty(
         "--gv-task-column-width",
-        d + "px"
+        h + "px"
       ), this.$container.style.setProperty(
         "--gv-task-column-width",
-        d + "px"
-      ), this.trigger_event("task_column_resize", [d]);
-    }), u.on(document, "mouseup", () => {
+        h + "px"
+      ), this.trigger_event("task_column_resize", [h]);
+    }), m.on(document, "mouseup", () => {
       t && (t = !1, this.$task_column.classList.remove("resizing"), this.trigger_event("task_after_column_resize", [this.options.task_column.width]));
     });
   }
   bind_task_column_scroll() {
-    this.$task_column && u.on(this.$task_column, "scroll", (t) => {
+    this.$task_column && m.on(this.$task_column, "scroll", (t) => {
       this._syncing_scroll || (this._syncing_scroll = !0, this.$container.scrollTop = t.currentTarget.scrollTop, requestAnimationFrame(() => {
         this._syncing_scroll = !1;
       }));
@@ -2256,44 +2280,44 @@ class tt {
   }
   bind_bar_progress() {
     let t = 0, e = null, i = null, s = null, n = null;
-    u.on(this.$svg, "mousedown", ".handle.progress", (o, d) => {
+    m.on(this.$svg, "mousedown", ".handle.progress", (o, h) => {
       e = !0, t = o.offsetX || o.layerX;
-      const _ = u.closest(".bar-wrapper", d).getAttribute("data-id");
+      const _ = m.closest(".bar-wrapper", h).getAttribute("data-id");
       i = this.get_bar(_), s = i.$bar_progress, n = i.$bar, s.finaldx = 0, s.owidth = s.getWidth(), s.min_dx = -s.owidth, s.max_dx = n.getWidth() - s.getWidth();
     });
     const a = this.config.ignored_positions.map((o) => [
       o,
       o + this.config.column_width
     ]);
-    u.on(this.$svg, "mousemove", (o) => {
+    m.on(this.$svg, "mousemove", (o) => {
       if (!e) return;
-      let d = o.offsetX || o.layerX;
-      if (d > t) {
+      let h = o.offsetX || o.layerX;
+      if (h > t) {
         let l = a.find(
-          ([p, c]) => d >= p && d < c
+          ([c, p]) => h >= c && h < p
         );
         for (; l; )
-          d = l[1], l = a.find(
-            ([p, c]) => d >= p && d < c
+          h = l[1], l = a.find(
+            ([c, p]) => h >= c && h < p
           );
       } else {
         let l = a.find(
-          ([p, c]) => d > p && d <= c
+          ([c, p]) => h > c && h <= p
         );
         for (; l; )
-          d = l[0], l = a.find(
-            ([p, c]) => d > p && d <= c
+          h = l[0], l = a.find(
+            ([c, p]) => h > c && h <= p
           );
       }
-      let _ = d - t;
-      _ > s.max_dx && (_ = s.max_dx), _ < s.min_dx && (_ = s.min_dx), s.setAttribute("width", s.owidth + _), u.attr(i.$handle_progress, "cx", s.getEndX()), s.finaldx = _;
-    }), u.on(this.$svg, "mouseup", () => {
+      let _ = h - t;
+      _ > s.max_dx && (_ = s.max_dx), _ < s.min_dx && (_ = s.min_dx), s.setAttribute("width", s.owidth + _), m.attr(i.$handle_progress, "cx", s.getEndX()), s.finaldx = _;
+    }), m.on(this.$svg, "mouseup", () => {
       e = !1, s && s.finaldx && (s.finaldx = 0, i.progress_changed(), i.set_action_completed(), i = null, s = null, n = null);
     });
   }
   bind_dependency_linking() {
-    this.is_linking = !1, this.linking_source_bar = null, this.linking_source_endpoint = null, this.linking_temp_line = null, this.linking_snap_badge = null, u.on(this.$svg, "mousedown", ".connector-circle", (t, e) => {
-      const i = u.closest(".bar-wrapper", e);
+    this.is_linking = !1, this.linking_source_bar = null, this.linking_source_endpoint = null, this.linking_temp_line = null, this.linking_snap_badge = null, m.on(this.$svg, "mousedown", ".connector-circle", (t, e) => {
+      const i = m.closest(".bar-wrapper", e);
       if (!i) return;
       const s = i.getAttribute("data-id"), n = this.get_bar(s);
       if (!n) return;
@@ -2307,32 +2331,32 @@ class tt {
         class: "linking-temp-line",
         append_to: this.layers.linking
       });
-    }), u.on(this.$svg, "mousemove", (t) => {
+    }), m.on(this.$svg, "mousemove", (t) => {
       if (!this.is_linking || !this.linking_temp_line) return;
       const e = this.$svg.createSVGPoint();
       e.x = t.clientX, e.y = t.clientY;
       const i = e.matrixTransform(this.$svg.getScreenCTM().inverse());
       this.linking_temp_line.setAttribute("x2", i.x), this.linking_temp_line.setAttribute("y2", i.y);
-    }), u.on(this.$svg, "mouseover", ".connector-circle", (t, e) => {
+    }), m.on(this.$svg, "mouseover", ".connector-circle", (t, e) => {
       if (!this.is_linking) return;
-      const i = u.closest(".bar-wrapper", e);
+      const i = m.closest(".bar-wrapper", e);
       if (!(!i || i.getAttribute("data-id") === this.linking_source_bar.task.id) && (e.setAttribute("r", "9"), this.linking_temp_line && this.linking_temp_line.classList.add("snap"), !this.linking_snap_badge)) {
         const n = e.getAttribute("data-endpoint"), a = this._resolve_dependency_type(
           this.linking_source_endpoint,
           n
-        ), o = { "finish-to-start": "FS", "start-to-start": "SS", "finish-to-finish": "FF", "start-to-finish": "SF" }[a] || "FS", d = parseFloat(e.getAttribute("cx")), h = parseFloat(e.getAttribute("cy"));
+        ), o = { "finish-to-start": "FS", "start-to-start": "SS", "finish-to-finish": "FF", "start-to-finish": "SF" }[a] || "FS", h = parseFloat(e.getAttribute("cx")), d = parseFloat(e.getAttribute("cy"));
         this.linking_snap_badge = w("text", {
-          x: d + 12,
-          y: h - 10,
+          x: h + 12,
+          y: d - 10,
           class: "linking-snap-badge",
           append_to: this.layers.linking
         }), this.linking_snap_badge.textContent = o;
       }
-    }), u.on(this.$svg, "mouseout", ".connector-circle", (t, e) => {
+    }), m.on(this.$svg, "mouseout", ".connector-circle", (t, e) => {
       this.is_linking && (e.setAttribute("r", "4"), this.linking_temp_line && this.linking_temp_line.classList.remove("snap"), this.linking_snap_badge && (this.linking_snap_badge.remove(), this.linking_snap_badge = null));
-    }), u.on(this.$svg, "mouseup", ".connector-circle", (t, e) => {
+    }), m.on(this.$svg, "mouseup", ".connector-circle", (t, e) => {
       if (!this.is_linking) return;
-      const i = u.closest(".bar-wrapper", e);
+      const i = m.closest(".bar-wrapper", e);
       if (!i) return;
       const s = i.getAttribute("data-id");
       if (s !== this.linking_source_bar.task.id) {
@@ -2357,21 +2381,21 @@ class tt {
     const i = this.linking_source_bar.task, s = t.task, n = this._resolve_dependency_type(
       this.linking_source_endpoint,
       e
-    ), a = s.dependencies.find((p) => p.id === i.id), o = a ? a.type || this.options.dependencies_type || "finish-to-start" : null, d = s.dependencies.filter(
-      (p) => p.id !== i.id
+    ), a = s.dependencies.find((c) => c.id === i.id), o = a ? a.type || this.options.dependencies_type || "finish-to-start" : null, h = s.dependencies.filter(
+      (c) => c.id !== i.id
     );
     if (o === n) {
-      this.update_task(s.id, { dependencies: d }), this.options.on_dependency_delete && this.options.on_dependency_delete(i, s, n);
+      this.update_task(s.id, { dependencies: h }), this.options.on_dependency_delete && this.options.on_dependency_delete(i, s, n);
       return;
     }
-    const h = (l = i.dependencies) == null ? void 0 : l.find((p) => p.id === s.id);
-    if (h) {
-      const p = h.type || this.options.dependencies_type || "finish-to-start";
+    const d = (l = i.dependencies) == null ? void 0 : l.find((c) => c.id === s.id);
+    if (d) {
+      const c = d.type || this.options.dependencies_type || "finish-to-start";
       this.update_task(i.id, {
-        dependencies: i.dependencies.filter((c) => c.id !== s.id)
-      }), this.options.on_dependency_delete && this.options.on_dependency_delete(s, i, p);
+        dependencies: i.dependencies.filter((p) => p.id !== s.id)
+      }), this.options.on_dependency_delete && this.options.on_dependency_delete(s, i, c);
     }
-    const _ = [...d, { id: i.id, type: n }];
+    const _ = [...h, { id: i.id, type: n }];
     this.update_task(s.id, { dependencies: _ }), a ? this.options.on_dependency_changed && this.options.on_dependency_changed(
       i,
       s,
@@ -2391,9 +2415,9 @@ class tt {
   }
   change_dependency_type(t, e) {
     const i = t.from_task.task, s = t.to_task.task, n = t.dependency_type;
-    if (t._hide_type_dropdown(), e === n || !s.dependencies.find((d) => d.id === i.id)) return;
+    if (t._hide_type_dropdown(), e === n || !s.dependencies.find((h) => h.id === i.id)) return;
     const o = s.dependencies.map(
-      (d) => d.id === i.id ? { ...d, type: e } : d
+      (h) => h.id === i.id ? { ...h, type: e } : h
     );
     this.set_active_arrow(null), this.update_task(s.id, { dependencies: o }), this.options.on_dependency_changed && this.options.on_dependency_changed(i, s, n, e);
   }
@@ -2414,10 +2438,10 @@ class tt {
     }
     const n = t % (this.config.column_width / i);
     let a = t - n + (n < this.config.column_width / i * 2 ? 0 : this.config.column_width / i), o = e + a;
-    const d = a > 0 ? 1 : -1;
-    let h = this.get_ignored_region(o, d);
-    for (; h.length; )
-      o += this.config.column_width * d, h = this.get_ignored_region(o, d), h.length || (o -= this.config.column_width * d);
+    const h = a > 0 ? 1 : -1;
+    let d = this.get_ignored_region(o, h);
+    for (; d.length; )
+      o += this.config.column_width * h, d = this.get_ignored_region(o, h), d.length || (o -= this.config.column_width * h);
     return o - e;
   }
   get_ignored_region(t, e = 1) {
@@ -2470,8 +2494,8 @@ class tt {
    * @memberof Gantt
    */
   clear() {
-    var t, e, i, s, n, a, o, d, h, _, l, p, c, m, f, b;
-    this.$svg.innerHTML = "", (e = (t = this.$header) == null ? void 0 : t.remove) == null || e.call(t), (s = (i = this.$side_header) == null ? void 0 : i.remove) == null || s.call(i), (a = (n = this.$task_column) == null ? void 0 : n.remove) == null || a.call(n), (d = (o = this.$current_highlight) == null ? void 0 : o.remove) == null || d.call(o), (_ = (h = this.$extras) == null ? void 0 : h.remove) == null || _.call(h), (p = (l = this.popup) == null ? void 0 : l.hide) == null || p.call(l), (m = (c = this.$wrapper) == null ? void 0 : c.classList) == null || m.remove("has-task-column"), (b = (f = this.$wrapper) == null ? void 0 : f.classList) == null || b.remove("rtl");
+    var t, e, i, s, n, a, o, h, d, _, l, c, p, f, u, b;
+    this.$svg.innerHTML = "", (e = (t = this.$header) == null ? void 0 : t.remove) == null || e.call(t), (s = (i = this.$side_header) == null ? void 0 : i.remove) == null || s.call(i), (a = (n = this.$task_column) == null ? void 0 : n.remove) == null || a.call(n), (h = (o = this.$current_highlight) == null ? void 0 : o.remove) == null || h.call(o), (_ = (d = this.$extras) == null ? void 0 : d.remove) == null || _.call(d), (c = (l = this.popup) == null ? void 0 : l.hide) == null || c.call(l), (f = (p = this.$wrapper) == null ? void 0 : p.classList) == null || f.remove("has-task-column"), (b = (u = this.$wrapper) == null ? void 0 : u.classList) == null || b.remove("rtl");
   }
 }
 tt.VIEW_MODE = {