@workiom/frappe-gantt 1.0.5 → 1.0.7

package/dist/frappe-gantt.es.js

@@ -1,4 +1,4 @@
-const M = "year", D = "month", T = "day", L = "hour", Y = "minute", A = "second", H = "millisecond", d = {
+const M = "year", D = "month", L = "day", T = "hour", Y = "minute", A = "second", H = "millisecond", c = {
   parse_duration(r) {
     const e = /([0-9]+)(y|m|d|h|min|s|ms)/gm.exec(r);
     if (e !== null) {
@@ -24,15 +24,15 @@ const M = "year", D = "month", T = "day", L = "hour", Y = "minute", A = "second"
     if (typeof r == "string") {
       let i, s;
       const n = r.split(" ");
-      i = n[0].split(t).map((o) => parseInt(o, 10)), s = n[1] && n[1].split(e), i[1] = i[1] ? i[1] - 1 : 0;
-      let a = i;
-      return s && s.length && (s.length === 4 && (s[3] = "0." + s[3], s[3] = parseFloat(s[3]) * 1e3), a = a.concat(s)), new Date(...a);
+      i = n[0].split(t).map((a) => parseInt(a, 10)), s = n[1] && n[1].split(e), i[1] = i[1] ? i[1] - 1 : 0;
+      let o = i;
+      return s && s.length && (s.length === 4 && (s[3] = "0." + s[3], s[3] = parseFloat(s[3]) * 1e3), o = o.concat(s)), new Date(...o);
     }
   },
   to_string(r, t = !1) {
     if (!(r instanceof Date))
       throw new TypeError("Invalid argument type");
-    const e = this.get_date_values(r).map((n, a) => (a === 1 && (n = n + 1), a === 6 ? v(n + "", 3, "0") : v(n + "", 2, "0"))), i = `${e[0]}-${e[1]}-${e[2]}`, s = `${e[3]}:${e[4]}:${e[5]}.${e[6]}`;
+    const e = this.get_date_values(r).map((n, o) => (o === 1 && (n = n + 1), o === 6 ? v(n + "", 3, "0") : v(n + "", 2, "0"))), i = `${e[0]}-${e[1]}-${e[2]}`, s = `${e[3]}:${e[4]}:${e[5]}.${e[6]}`;
     return i + (t ? " " + s : "");
   },
   format(r, t = "YYYY-MM-DD HH:mm:ss.SSS", e = "en") {
@@ -40,39 +40,39 @@ const M = "year", D = "month", T = "day", L = "hour", Y = "minute", A = "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) => v(l, 2, 0)), h = {
-      YYYY: o[0],
-      MM: v(+o[1] + 1, 2, 0),
-      DD: o[2],
-      HH: o[3],
-      mm: o[4],
-      ss: o[5],
-      SSS: o[6],
-      D: o[2],
-      MMMM: a,
+    }), n = i.format(r), o = n.charAt(0).toUpperCase() + n.slice(1), a = this.get_date_values(r).map((l) => v(l, 2, 0)), h = {
+      YYYY: a[0],
+      MM: v(+a[1] + 1, 2, 0),
+      DD: a[2],
+      HH: a[3],
+      mm: a[4],
+      ss: a[5],
+      SSS: a[6],
+      D: a[2],
+      MMMM: o,
       MMM: s.format(r)
     };
-    let _ = t;
-    const g = [];
-    return Object.keys(h).sort((l, c) => c.length - l.length).forEach((l) => {
-      _.includes(l) && (_ = _.replaceAll(l, `$${g.length}`), g.push(h[l]));
-    }), g.forEach((l, c) => {
-      _ = _.replaceAll(`$${c}`, l);
-    }), _;
+    let d = t;
+    const _ = [];
+    return Object.keys(h).sort((l, p) => p.length - l.length).forEach((l) => {
+      d.includes(l) && (d = d.replaceAll(l, `$${_.length}`), _.push(h[l]));
+    }), _.forEach((l, p) => {
+      d = d.replaceAll(`$${p}`, l);
+    }), d;
   },
   diff(r, t, e = "day") {
-    let i, s, n, a, o, h, _;
-    i = r - t + (t.getTimezoneOffset() - r.getTimezoneOffset()) * 6e4, s = i / 1e3, a = s / 60, n = a / 60, o = n / 24;
-    let g = r.getFullYear() - t.getFullYear(), l = r.getMonth() - t.getMonth();
-    return l += o % 30 / 30, h = g * 12 + l, r.getDate() < t.getDate() && h--, _ = h / 12, e.endsWith("s") || (e += "s"), Math.round(
+    let i, s, n, o, a, h, d;
+    i = r - t + (t.getTimezoneOffset() - r.getTimezoneOffset()) * 6e4, s = i / 1e3, o = s / 60, n = o / 60, a = n / 24;
+    let _ = r.getFullYear() - t.getFullYear(), l = r.getMonth() - t.getMonth();
+    return l += a % 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,
+        minutes: o,
         hours: n,
-        days: o,
+        days: a,
         months: h,
-        years: _
+        years: d
       }[e] * 100
     ) / 100;
   },
@@ -88,8 +88,8 @@ const M = "year", D = "month", T = "day", L = "hour", Y = "minute", A = "second"
     const i = [
       r.getFullYear() + (e === M ? t : 0),
       r.getMonth() + (e === D ? t : 0),
-      r.getDate() + (e === T ? t : 0),
-      r.getHours() + (e === L ? t : 0),
+      r.getDate() + (e === L ? t : 0),
+      r.getHours() + (e === T ? t : 0),
       r.getMinutes() + (e === Y ? t : 0),
       r.getSeconds() + (e === A ? t : 0),
       r.getMilliseconds() + (e === H ? t : 0)
@@ -100,22 +100,22 @@ const M = "year", D = "month", T = "day", L = "hour", Y = "minute", A = "second"
     const e = {
       [M]: 6,
       [D]: 5,
-      [T]: 4,
-      [L]: 3,
+      [L]: 4,
+      [T]: 3,
       [Y]: 2,
       [A]: 1,
       [H]: 0
     };
     function i(n) {
-      const a = e[t];
-      return e[n] <= a;
+      const o = e[t];
+      return e[n] <= o;
     }
     const s = [
       r.getFullYear(),
       i(M) ? 0 : r.getMonth(),
       i(D) ? 1 : r.getDate(),
-      i(T) ? 0 : r.getHours(),
-      i(L) ? 0 : r.getMinutes(),
+      i(L) ? 0 : r.getHours(),
+      i(T) ? 0 : r.getMinutes(),
       i(Y) ? 0 : r.getSeconds(),
       i(A) ? 0 : r.getMilliseconds()
     ];
@@ -161,7 +161,7 @@ const M = "year", D = "month", T = "day", L = "hour", Y = "minute", A = "second"
 function v(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 p(r, t) {
+function u(r, t) {
   return typeof r == "string" ? (t || document).querySelector(r) : r || null;
 }
 function f(r, t) {
@@ -171,16 +171,16 @@ function f(r, t) {
   return e;
 }
 function E(r, t, e, i) {
-  const s = W(r, t, e, i);
+  const s = z(r, t, e, i);
   if (s === r) {
     const n = document.createEvent("HTMLEvents");
     n.initEvent("click", !0, !0), n.eventName = "click", s.dispatchEvent(n);
   }
 }
-function W(r, t, e, i, s = "0.4s", n = "0.1s") {
-  const a = r.querySelector("animate");
-  if (a)
-    return p.attr(a, {
+function z(r, t, e, i, s = "0.4s", n = "0.1s") {
+  const o = r.querySelector("animate");
+  if (o)
+    return u.attr(o, {
       attributeName: t,
       from: e,
       to: i,
@@ -188,7 +188,7 @@ function W(r, t, e, i, s = "0.4s", n = "0.1s") {
       begin: "click + " + n
       // artificial click
     }), r;
-  const o = f("animate", {
+  const a = f("animate", {
     attributeName: t,
     from: e,
     to: i,
@@ -197,11 +197,11 @@ function W(r, t, e, i, s = "0.4s", n = "0.1s") {
     calcMode: "spline",
     values: e + ";" + i,
     keyTimes: "0; 1",
-    keySplines: C("ease-out")
+    keySplines: W("ease-out")
   });
-  return r.appendChild(o), r;
+  return r.appendChild(a), r;
 }
-function C(r) {
+function W(r) {
   return {
     ease: ".25 .1 .25 1",
     linear: "0 0 1 1",
@@ -210,37 +210,40 @@ function C(r) {
     "ease-in-out": ".42 0 .58 1"
   }[r];
 }
-p.on = (r, t, e, i) => {
-  i ? p.delegate(r, t, e, i) : (i = e, p.bind(r, t, i));
+u.on = (r, t, e, i) => {
+  i ? u.delegate(r, t, e, i) : (i = e, u.bind(r, t, i));
 };
-p.off = (r, t, e) => {
+u.off = (r, t, e) => {
   r.removeEventListener(t, e);
 };
-p.bind = (r, t, e) => {
+u.bind = (r, t, e) => {
   t.split(/\s+/).forEach(function(i) {
     r.addEventListener(i, e);
   });
 };
-p.delegate = (r, t, e, i) => {
+u.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));
   });
 };
-p.closest = (r, t) => t ? t.matches(r) ? t : p.closest(r, t.parentNode) : null;
-p.attr = (r, t, e) => {
+u.closest = (r, t) => t ? t.matches(r) ? t : u.closest(r, t.parentNode) : null;
+u.attr = (r, t, e) => {
   if (!e && typeof t == "string")
     return r.getAttribute(t);
   if (typeof t == "object") {
     for (let i in t)
-      p.attr(r, i, t[i]);
+      u.attr(r, i, t[i]);
     return;
   }
   r.setAttribute(t, e);
 };
-class q {
+class C {
   constructor(t, e, i) {
-    this.gantt = t, this.from_task = e, this.to_task = i, this.calculate_path(), this.draw();
+    this.gantt = t, this.from_task = e, this.to_task = i, this.is_critical = this.check_critical_path(), this.calculate_path(), this.draw();
+  }
+  check_critical_path() {
+    return this.gantt.options.critical_path ? this.from_task.task._is_critical === !0 && this.to_task.task._is_critical === !0 : !1;
   }
   calculate_path() {
     let t = this.from_task.$bar.getX() + this.from_task.$bar.getWidth() / 2;
@@ -249,33 +252,33 @@ class q {
       t -= 10;
     t -= 10;
     let i = this.gantt.config.header_height + this.gantt.options.bar_height + (this.gantt.options.padding + this.gantt.options.bar_height) * this.from_task.task._index + this.gantt.options.padding / 2, s = this.to_task.$bar.getX() - 13, n = this.gantt.config.header_height + this.gantt.options.bar_height / 2 + (this.gantt.options.padding + this.gantt.options.bar_height) * this.to_task.task._index + this.gantt.options.padding / 2;
-    const a = this.from_task.task._index > this.to_task.task._index;
-    let o = this.gantt.options.arrow_curve;
-    const h = a ? 1 : 0;
-    let _ = a ? -o : o;
+    const o = this.from_task.task._index > this.to_task.task._index;
+    let a = this.gantt.options.arrow_curve;
+    const h = o ? 1 : 0;
+    let d = o ? -a : a;
     if (this.to_task.$bar.getX() <= this.from_task.$bar.getX() + this.gantt.options.padding) {
-      let g = this.gantt.options.padding / 2 - o;
-      g < 0 && (g = 0, o = this.gantt.options.padding / 2, _ = a ? -o : o);
-      const l = this.to_task.$bar.getY() + this.to_task.$bar.getHeight() / 2 - _, c = this.to_task.$bar.getX() - this.gantt.options.padding;
+      let _ = this.gantt.options.padding / 2 - a;
+      _ < 0 && (_ = 0, a = this.gantt.options.padding / 2, d = o ? -a : a);
+      const l = this.to_task.$bar.getY() + this.to_task.$bar.getHeight() / 2 - d, p = this.to_task.$bar.getX() - this.gantt.options.padding;
       this.path = `
                 M ${t} ${i}
-                v ${g}
-                a ${o} ${o} 0 0 1 ${-o} ${o}
-                H ${c}
-                a ${o} ${o} 0 0 ${h} ${-o} ${_}
+                v ${_}
+                a ${a} ${a} 0 0 1 ${-a} ${a}
+                H ${p}
+                a ${a} ${a} 0 0 ${h} ${-a} ${d}
                 V ${l}
-                a ${o} ${o} 0 0 ${h} ${o} ${_}
+                a ${a} ${a} 0 0 ${h} ${a} ${d}
                 L ${s} ${n}
                 m -5 -5
                 l 5 5
                 l -5 5`;
     } else {
-      s < t + o && (o = s - t);
-      let g = a ? n + o : n - o;
+      s < t + a && (a = s - t);
+      let _ = o ? n + a : n - a;
       this.path = `
               M ${t} ${i}
-              V ${g}
-              a ${o} ${o} 0 0 ${h} ${o} ${o}
+              V ${_}
+              a ${a} ${a} 0 0 ${h} ${a} ${a}
               L ${s} ${n}
               m -5 -5
               l 5 5
@@ -286,14 +289,15 @@ class q {
     this.element = f("path", {
       d: this.path,
       "data-from": this.from_task.task.id,
-      "data-to": this.to_task.task.id
+      "data-to": this.to_task.task.id,
+      class: this.is_critical ? "arrow-critical" : ""
     });
   }
   update() {
     this.calculate_path(), this.element.setAttribute("d", this.path);
   }
 }
-class F {
+class q {
   constructor(t, e) {
     this.set_defaults(t, e), this.prepare_wrappers(), this.prepare_helpers(), this.refresh();
   }
@@ -301,7 +305,7 @@ class F {
     this.bar_group.innerHTML = "", this.handle_group.innerHTML = "", this.task.custom_class ? this.group.classList.add(this.task.custom_class) : this.group.classList = ["bar-wrapper"], this.prepare_values(), this.draw(), this.bind();
   }
   set_defaults(t, e) {
-    this.action_completed = !1, this.gantt = t, this.task = e, this.name = this.name || "";
+    this.action_completed = !1, this.gantt = t, this.task = e, this.name = this.name || "", this.is_dragging = !1, this.is_hovering_bar = !1, this.is_hovering_icon = !1, this.add_icon_hide_timeout = null;
   }
   prepare_wrappers() {
     this.group = f("g", {
@@ -316,7 +320,7 @@ class F {
     });
   }
   prepare_values() {
-    this.invalid = this.task.invalid, this.height = this.gantt.options.bar_height, this.image_size = this.height - 5, this.task._start = new Date(this.task.start), this.task._end = new Date(this.task.end), this.compute_x(), this.compute_y(), this.compute_duration(), this.corner_radius = this.gantt.options.bar_corner_radius, this.width = this.gantt.config.column_width * this.duration, (!this.task.progress || this.task.progress < 0) && (this.task.progress = 0), this.task.progress > 100 && (this.task.progress = 100);
+    this.invalid = this.task.invalid, this.height = this.gantt.options.bar_height, this.image_size = this.height - 5, (!this.task._start || !(this.task._start instanceof Date)) && (this.task._start = new Date(this.task.start)), (!this.task._end || !(this.task._end instanceof Date)) && (this.task._end = new Date(this.task.end)), this.compute_x(), this.compute_y(), this.compute_duration(), this.corner_radius = this.gantt.options.bar_corner_radius, this.width = this.gantt.config.column_width * this.duration, (!this.task.progress || this.task.progress < 0) && (this.task.progress = 0), this.task.progress > 100 && (this.task.progress = 100);
   }
   prepare_helpers() {
     SVGElement.prototype.getX = function() {
@@ -335,7 +339,7 @@ class F {
     this.compute_expected_progress(), this.expected_progress_width = this.gantt.options.column_width * this.duration * (this.expected_progress / 100) || 0;
   }
   draw() {
-    this.draw_bar(), this.draw_progress_bar(), this.gantt.options.show_expected_progress && (this.prepare_expected_progress_values(), this.draw_expected_progress_bar()), this.draw_label(), this.draw_resize_handles(), this.task.thumbnail && this.draw_thumbnail();
+    this.draw_bar(), this.draw_progress_bar(), this.gantt.options.show_expected_progress && (this.prepare_expected_progress_values(), this.draw_expected_progress_bar()), this.draw_label(), this.draw_resize_handles(), this.task.thumbnail && this.draw_thumbnail(), this.gantt.options.task_add_icon_position && this.draw_add_task_icon();
   }
   draw_bar() {
     this.$bar = f("rect", {
@@ -380,7 +384,7 @@ class F {
       class: "bar-progress",
       append_to: this.bar_group
     }), this.task.color_progress && (this.$bar_progress.style.fill = this.task.color_progress);
-    const e = d.diff(
+    const e = c.diff(
       this.task._start,
       this.gantt.gantt_start,
       this.gantt.config.unit
@@ -393,15 +397,15 @@ class F {
     this.$date_highlight = i, this.gantt.$lower_header.prepend(this.$date_highlight), E(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((h, _) => h + (_ >= this.x && _ < 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((h, _) => h + (_ >= this.x && _ < n), 0) * this.gantt.config.column_width;
-    s += a;
-    let o = this.gantt.get_ignored_region(
+    const n = this.x + s, o = this.gantt.config.ignored_positions.reduce((h, d) => h + (d >= this.x && d < n), 0) * this.gantt.config.column_width;
+    s += o;
+    let a = this.gantt.get_ignored_region(
       this.x + s
     );
-    for (; o.length; )
-      s += this.gantt.config.column_width, o = this.gantt.get_ignored_region(
+    for (; a.length; )
+      s += this.gantt.config.column_width, a = this.gantt.get_ignored_region(
         this.x + s
       );
     return this.progress_width = s, s;
@@ -446,6 +450,51 @@ class F {
       append_to: this.bar_group
     });
   }
+  draw_add_task_icon() {
+    this.icon_size = 20, this.icon_padding = 5;
+    let i;
+    if (this.gantt.options.task_add_icon_position === "before")
+      i = this.x - 20 - 5;
+    else if (this.gantt.options.task_add_icon_position === "after")
+      i = this.x + this.$bar.getWidth() + 5;
+    else
+      return;
+    const s = this.y + (this.height - 20) / 2;
+    this.$add_icon_group = f("g", {
+      class: "add-task-icon hide",
+      append_to: this.handle_group
+    }), this.$add_icon_circle = f("circle", {
+      cx: i + 20 / 2,
+      cy: s + 20 / 2,
+      r: 20 / 2,
+      class: "add-task-icon-bg",
+      append_to: this.$add_icon_group
+    }), this.$add_icon_vertical = f("line", {
+      x1: i + 20 / 2,
+      y1: s + 5,
+      x2: i + 20 / 2,
+      y2: s + 20 - 5,
+      class: "add-task-icon-plus",
+      append_to: this.$add_icon_group
+    }), this.$add_icon_horizontal = f("line", {
+      x1: i + 5,
+      y1: s + 20 / 2,
+      x2: i + 20 - 5,
+      y2: s + 20 / 2,
+      class: "add-task-icon-plus",
+      append_to: this.$add_icon_group
+    }), u.on(this.$add_icon_group, "mousedown", (n) => {
+      n.stopPropagation();
+    }), u.on(this.$add_icon_group, "mouseup", (n) => {
+      n.stopPropagation();
+    }), u.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) => {
+      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", () => {
+      this.is_hovering_icon = !1, this.$add_icon_group.classList.remove("active"), this.is_hovering_bar || this.$add_icon_group.classList.add("hide");
+    });
+  }
   draw_resize_handles() {
     if (this.invalid || this.gantt.options.readonly) return;
     const t = this.$bar, e = 3;
@@ -482,25 +531,25 @@ class F {
       }), this.handles.push(this.$handle_progress);
     }
     for (let i of this.handles)
-      p.on(i, "mouseenter", () => i.classList.add("active")), p.on(i, "mouseleave", () => i.classList.remove("active"));
+      u.on(i, "mouseenter", () => i.classList.add("active")), u.on(i, "mouseleave", () => i.classList.remove("active"));
   }
   bind() {
     this.invalid || this.setup_click_event();
   }
   setup_click_event() {
     let t = this.task.id;
-    p.on(this.group, "mouseover", (s) => {
+    u.on(this.group, "mouseover", (s) => {
       this.gantt.trigger_event("hover", [
         this.task,
         s.screenX,
         s.screenY,
         s
       ]);
-    }), this.gantt.options.popup_on === "click" && p.on(this.group, "mouseup", (s) => {
+    }), this.gantt.options.popup_on === "click" && u.on(this.group, "mouseup", (s) => {
       const n = s.offsetX || s.layerX;
       if (this.$handle_progress) {
-        const a = +this.$handle_progress.getAttribute("cx");
-        if (a > n - 1 && a < n + 1 || this.gantt.bar_being_dragged) return;
+        const o = +this.$handle_progress.getAttribute("cx");
+        if (o > n - 1 && o < n + 1 || this.gantt.bar_being_dragged) return;
       }
       this.gantt.show_popup({
         x: s.offsetX || s.layerX,
@@ -510,7 +559,7 @@ class F {
       });
     });
     let e;
-    p.on(this.group, "mouseenter", (s) => {
+    u.on(this.group, "mouseenter", (s) => {
       e = setTimeout(() => {
         this.gantt.options.popup_on === "hover" && this.gantt.show_popup({
           x: s.offsetX || s.layerX,
@@ -518,17 +567,21 @@ class F {
           task: this.task,
           target: this.$bar
         }), this.gantt.$container.querySelector(`.highlight-${t}`).classList.remove("hide");
-      }, 200);
-    }), p.on(this.group, "mouseleave", () => {
+      }, 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, "mouseleave", () => {
       var s, n;
-      clearTimeout(e), this.gantt.options.popup_on === "hover" && ((n = (s = this.gantt.popup) == null ? void 0 : s.hide) == null || n.call(s)), this.gantt.$container.querySelector(`.highlight-${t}`).classList.add("hide");
-    }), p.on(this.group, "click", () => {
+      clearTimeout(e), this.gantt.options.popup_on === "hover" && ((n = (s = this.gantt.popup) == null ? void 0 : s.hide) == null || n.call(s)), this.gantt.$container.querySelector(`.highlight-${t}`).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, "mousedown", () => {
+      this.is_dragging = !0, this.hide_add_icon();
+    }), u.on(this.group, "click", () => {
       this.gantt.trigger_event("click", [this.task]);
-    }), p.on(this.group, "dblclick", (s) => {
+    }), u.on(this.group, "dblclick", (s) => {
       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]));
     });
     let i = !1;
-    p.on(this.group, "touchstart", (s) => {
+    u.on(this.group, "touchstart", (s) => {
       if (!i)
         return i = !0, setTimeout(function() {
           i = !1;
@@ -543,25 +596,25 @@ class F {
         return;
       this.update_attr(i, "x", t), this.x = t, this.$date_highlight.style.left = t + "px";
     }
-    e > 0 && (this.update_attr(i, "width", e), this.$date_highlight.style.width = e + "px"), this.update_label_position(), this.update_handle_position(), this.date_changed(), this.compute_duration(), this.gantt.options.show_expected_progress && this.update_expected_progressbar_position(), this.update_progressbar_position(), this.update_arrow_position();
+    e > 0 && (this.update_attr(i, "width", e), this.$date_highlight.style.width = e + "px"), this.update_label_position(), this.update_handle_position(), this.update_add_icon_position(), this.date_changed(), this.compute_duration(), this.gantt.options.show_expected_progress && this.update_expected_progressbar_position(), this.update_progressbar_position(), this.update_arrow_position();
   }
   validate_dependency_constraints(t, e = null) {
     const i = this.task.dependencies_type || this.gantt.options.dependencies_type;
     if (i === "fixed")
-      return this.task.dependencies.map((g) => this.gantt.get_bar(g).$bar.getX()).reduce((g, l) => g && t >= l, !0);
-    const s = t / this.gantt.config.column_width, n = d.add(
+      return this.task.dependencies.map((_) => this.gantt.get_bar(_).$bar.getX()).reduce((_, l) => _ && t >= l, !0);
+    const s = t / this.gantt.config.column_width, n = c.add(
       this.gantt.gantt_start,
       s * this.gantt.config.step,
       this.gantt.config.unit
-    ), o = (e || this.$bar.getWidth()) / this.gantt.config.column_width, h = d.add(
+    ), a = (e || this.$bar.getWidth()) / this.gantt.config.column_width, h = c.add(
       n,
-      o * this.gantt.config.step,
+      a * this.gantt.config.step,
       this.gantt.config.unit
     );
-    for (const _ of this.task.dependencies) {
-      const g = this.gantt.get_bar(_);
-      if (!g) continue;
-      const l = g.task;
+    for (const d of this.task.dependencies) {
+      const _ = this.gantt.get_bar(d);
+      if (!_) continue;
+      const l = _.task;
       switch (i) {
         case "finish-to-start":
           if (n < l._end)
@@ -584,9 +637,9 @@ class F {
     return !0;
   }
   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(), h = s.getX() + t, _ = n && n.getX() + t || 0, g = 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 - g > this.$bar.getX() && t < 0 && l > c) && (s.setAttribute("x", h), n && (n.setAttribute("x", _), a.setAttribute("x", _)));
+    const i = this.gantt.$container, s = this.group.querySelector(".bar-label"), n = this.group.querySelector(".bar-img") || "", o = this.bar_group.querySelector(".img_mask") || "";
+    let a = 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, p = e + i.clientWidth / 2;
+    s.classList.contains("big") || (l < a && t > 0 && l < p || h - _ > this.$bar.getX() && t < 0 && l > p) && (s.setAttribute("x", h), n && (n.setAttribute("x", d), o.setAttribute("x", d)));
   }
   date_changed() {
     let t = !1;
@@ -594,7 +647,7 @@ class F {
     Number(this.task._start) !== Number(e) && (t = !0, this.task._start = e), Number(this.task._end) !== Number(i) && (t = !0, this.task._end = i), t && this.gantt.trigger_event("date_change", [
       this.task,
       e,
-      d.add(i, -1, "second")
+      c.add(i, -1, "second")
     ]);
   }
   progress_changed() {
@@ -604,16 +657,16 @@ class F {
     ]);
   }
   set_action_completed() {
-    this.action_completed = !0, setTimeout(() => this.action_completed = !1, 1e3);
+    this.action_completed = !0, setTimeout(() => this.action_completed = !1, 1e3), this.is_dragging = !1, this.$add_icon_group && this.is_hovering_bar && this.$add_icon_group.classList.remove("hide");
   }
   compute_start_end_date() {
     const t = this.$bar, e = t.getX() / this.gantt.config.column_width;
-    let i = d.add(
+    let i = c.add(
       this.gantt.gantt_start,
       e * this.gantt.config.step,
       this.gantt.config.unit
     );
-    const s = t.getWidth() / this.gantt.config.column_width, n = d.add(
+    const s = t.getWidth() / this.gantt.config.column_width, n = c.add(
       i,
       s * this.gantt.config.step,
       this.gantt.config.unit
@@ -628,11 +681,11 @@ class F {
     return parseInt(e / i * 100, 10);
   }
   compute_expected_progress() {
-    this.expected_progress = d.diff(d.today(), this.task._start, "hour") / this.gantt.config.step, this.expected_progress = (this.expected_progress < this.duration ? this.expected_progress : this.duration) * 100 / this.duration;
+    this.expected_progress = c.diff(c.today(), this.task._start, "hour") / this.gantt.config.step, this.expected_progress = (this.expected_progress < this.duration ? this.expected_progress : this.duration) * 100 / this.duration;
   }
   compute_x() {
     const { column_width: t } = this.gantt.config, e = this.task._start, i = this.gantt.gantt_start;
-    let n = d.diff(e, i, this.gantt.config.unit) / this.gantt.config.step * t;
+    let n = c.diff(e, i, this.gantt.config.unit) / this.gantt.config.step * t;
     this.x = n;
   }
   compute_y() {
@@ -644,10 +697,10 @@ class F {
       e++, !this.gantt.config.ignored_dates.find(
         (s) => s.getTime() === i.getTime()
       ) && (!this.gantt.config.ignored_function || !this.gantt.config.ignored_function(i)) && t++;
-    this.task.actual_duration = t, this.task.ignored_duration = e - t, this.duration = d.convert_scales(
+    this.task.actual_duration = t, this.task.ignored_duration = e - t, this.duration = c.convert_scales(
       e + "d",
       this.gantt.config.unit
-    ) / this.gantt.config.step, this.actual_duration_raw = d.convert_scales(
+    ) / this.gantt.config.step, this.actual_duration_raw = c.convert_scales(
       t + "d",
       this.gantt.config.unit
     ) / this.gantt.config.step, this.ignored_duration_raw = this.duration - this.actual_duration_raw;
@@ -669,14 +722,14 @@ class F {
   }
   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, 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(
+    let n = 5, o = this.image_size + 10;
+    const a = i.getBBox().width, h = e.getWidth();
+    a > h ? (i.classList.add("big"), s ? (s.setAttribute("x", e.getEndX() + n), t.setAttribute("x", e.getEndX() + n), i.setAttribute("x", e.getEndX() + o)) : 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() + h / 2 + a
+      e.getX() + h / 2 + o
     )) : i.setAttribute(
       "x",
-      e.getX() + h / 2 - o / 2
+      e.getX() + h / 2 - a / 2
     ));
   }
   update_handle_position() {
@@ -686,13 +739,29 @@ class F {
     const e = this.group.querySelector(".handle.progress");
     e && e.setAttribute("cx", this.$bar_progress.getEndX());
   }
+  update_add_icon_position() {
+    if (!this.$add_icon_group) return;
+    const t = this.icon_size, e = this.icon_padding;
+    let i;
+    if (this.gantt.options.task_add_icon_position === "before")
+      i = this.x - t - e;
+    else if (this.gantt.options.task_add_icon_position === "after")
+      i = this.x + this.$bar.getWidth() + e;
+    else
+      return;
+    const s = this.y + (this.height - t) / 2;
+    this.$add_icon_circle.setAttribute("cx", i + t / 2), this.$add_icon_circle.setAttribute("cy", s + t / 2), this.$add_icon_vertical.setAttribute("x1", i + t / 2), this.$add_icon_vertical.setAttribute("y1", s + 5), this.$add_icon_vertical.setAttribute("x2", i + t / 2), this.$add_icon_vertical.setAttribute("y2", s + t - 5), this.$add_icon_horizontal.setAttribute("x1", i + 5), this.$add_icon_horizontal.setAttribute("y1", s + t / 2), this.$add_icon_horizontal.setAttribute("x2", i + t - 5), this.$add_icon_horizontal.setAttribute("y2", s + t / 2);
+  }
+  hide_add_icon() {
+    this.$add_icon_group && this.$add_icon_group.classList.add("hide");
+  }
   update_arrow_position() {
     this.arrows = this.arrows || [];
     for (let t of this.arrows)
       t.update();
   }
 }
-class O {
+class F {
   constructor(t, e, i) {
     this.parent = t, this.popup_func = e, this.gantt = i, this.make();
   }
@@ -710,18 +779,18 @@ class O {
       task: i,
       chart: this.gantt,
       get_title: () => this.title,
-      set_title: (a) => this.title.innerHTML = a,
+      set_title: (o) => this.title.innerHTML = o,
       get_subtitle: () => this.subtitle,
-      set_subtitle: (a) => this.subtitle.innerHTML = a,
+      set_subtitle: (o) => this.subtitle.innerHTML = o,
       get_details: () => this.details,
-      set_details: (a) => this.details.innerHTML = a,
-      add_action: (a, o) => {
+      set_details: (o) => this.details.innerHTML = o,
+      add_action: (o, a) => {
         let h = this.gantt.create_el({
           classes: "action-btn",
           type: "button",
           append_to: this.actions
         });
-        typeof a == "function" && (a = a(i)), h.innerHTML = a, h.onclick = (_) => o(i, this.gantt, _);
+        typeof o == "function" && (o = o(i)), h.innerHTML = o, h.onclick = (d) => a(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"));
@@ -734,9 +803,9 @@ function S(r) {
   const t = r.getFullYear();
   return t - t % 10 + "";
 }
-function I(r, t, e) {
-  let i = d.add(r, 6, "day"), s = i.getMonth() !== r.getMonth() ? "D MMM" : "D", n = !t || r.getMonth() !== t.getMonth() ? "D MMM" : "D";
-  return `${d.format(r, n, e)} - ${d.format(i, s, e)}`;
+function O(r, t, e) {
+  let i = c.add(r, 6, "day"), s = i.getMonth() !== r.getMonth() ? "D MMM" : "D", n = !t || r.getMonth() !== t.getMonth() ? "D MMM" : "D";
+  return `${c.format(r, n, e)} - ${c.format(i, s, e)}`;
 }
 const y = [
   {
@@ -745,7 +814,7 @@ const y = [
     step: "1h",
     date_format: "YYYY-MM-DD HH:",
     lower_text: "HH",
-    upper_text: (r, t, e) => !t || r.getDate() !== t.getDate() ? d.format(r, "D MMMM", e) : "",
+    upper_text: (r, t, e) => !t || r.getDate() !== t.getDate() ? c.format(r, "D MMMM", e) : "",
     upper_text_frequency: 24
   },
   {
@@ -754,7 +823,7 @@ const y = [
     step: "6h",
     date_format: "YYYY-MM-DD HH:",
     lower_text: "HH",
-    upper_text: (r, t, e) => !t || r.getDate() !== t.getDate() ? d.format(r, "D MMM", e) : "",
+    upper_text: (r, t, e) => !t || r.getDate() !== t.getDate() ? c.format(r, "D MMM", e) : "",
     upper_text_frequency: 4
   },
   {
@@ -763,7 +832,7 @@ const y = [
     step: "12h",
     date_format: "YYYY-MM-DD HH:",
     lower_text: "HH",
-    upper_text: (r, t, e) => !t || r.getDate() !== t.getDate() ? r.getMonth() !== r.getMonth() ? d.format(r, "D MMM", e) : d.format(r, "D", e) : "",
+    upper_text: (r, t, e) => !t || r.getDate() !== t.getDate() ? r.getMonth() !== r.getMonth() ? c.format(r, "D MMM", e) : c.format(r, "D", e) : "",
     upper_text_frequency: 2
   },
   {
@@ -771,8 +840,8 @@ const y = [
     padding: "7d",
     date_format: "YYYY-MM-DD",
     step: "1d",
-    lower_text: (r, t, e) => !t || r.getDate() !== t.getDate() ? d.format(r, "D", e) : "",
-    upper_text: (r, t, e) => !t || r.getMonth() !== t.getMonth() ? d.format(r, "MMMM", e) : "",
+    lower_text: (r, t, e) => !t || r.getDate() !== t.getDate() ? c.format(r, "D", e) : "",
+    upper_text: (r, t, e) => !t || r.getMonth() !== t.getMonth() ? c.format(r, "MMMM", e) : "",
     thick_line: (r) => r.getDay() === 1
   },
   {
@@ -781,8 +850,8 @@ const y = [
     step: "7d",
     date_format: "YYYY-MM-DD",
     column_width: 140,
-    lower_text: I,
-    upper_text: (r, t, e) => !t || r.getMonth() !== t.getMonth() ? d.format(r, "MMMM", e) : "",
+    lower_text: O,
+    upper_text: (r, t, e) => !t || r.getMonth() !== t.getMonth() ? c.format(r, "MMMM", e) : "",
     thick_line: (r) => r.getDate() >= 1 && r.getDate() <= 7,
     upper_text_frequency: 4
   },
@@ -793,7 +862,7 @@ const y = [
     column_width: 120,
     date_format: "YYYY-MM",
     lower_text: "MMMM",
-    upper_text: (r, t, e) => !t || r.getFullYear() !== t.getFullYear() ? d.format(r, "YYYY", e) : "",
+    upper_text: (r, t, e) => !t || r.getFullYear() !== t.getFullYear() ? c.format(r, "YYYY", e) : "",
     thick_line: (r) => r.getMonth() % 3 === 0,
     snap_at: "7d"
   },
@@ -807,13 +876,14 @@ const y = [
     lower_text: "YYYY",
     snap_at: "30d"
   }
-], z = {
+], I = {
   arrow_curve: 5,
   auto_move_label: !1,
   bar_corner_radius: 3,
   bar_height: 30,
   container_height: "auto",
   column_width: null,
+  critical_path: !1,
   date_format: "YYYY-MM-DD HH:mm",
   dependencies_type: "fixed",
   upper_header_height: 45,
@@ -828,12 +898,12 @@ const y = [
   padding: 18,
   popup: (r) => {
     r.set_title(r.task.name), r.task.description ? r.set_subtitle(r.task.description) : r.set_subtitle("");
-    const t = d.format(
+    const t = c.format(
       r.task._start,
       "MMM D",
       r.chart.options.language
-    ), e = d.format(
-      d.add(r.task._end, -1, "second"),
+    ), e = c.format(
+      c.add(r.task._end, -1, "second"),
       "MMM D",
       r.chart.options.language
     );
@@ -847,13 +917,14 @@ const y = [
   readonly: !1,
   scroll_to: "today",
   show_expected_progress: !1,
+  task_add_icon_position: null,
   today_button: !0,
   view_mode: "Day",
   view_mode_select: !1,
   view_modes: y,
   is_weekend: (r) => r.getDay() === 0 || r.getDay() === 6
 };
-class B {
+class j {
   constructor(t, e, i) {
     this.setup_wrapper(t), this.setup_options(i), this.setup_tasks(e), this.change_view_mode(), this.bind_events();
   }
@@ -897,7 +968,7 @@ class B {
         ), s;
       }
       return i;
-    }), t.view_mode = t.view_modes[0]), this.options = { ...z, ...t };
+    }), t.view_mode = t.view_modes[0]), this.options = { ...I, ...t };
     const e = {
       "grid-height": "container_height",
       "bar-height": "bar_height",
@@ -936,24 +1007,24 @@ class B {
         return console.error(
           `task "${e.id}" doesn't have a start date`
         ), !1;
-      if (e._start = d.parse(e.start), e.end === void 0 && e.duration !== void 0 && (e.end = e._start, e.duration.split(" ").forEach((o) => {
-        let { duration: h, scale: _ } = d.parse_duration(o);
-        e.end = d.add(e.end, h, _);
+      if (e._start = c.parse(e.start), e.end === void 0 && e.duration !== void 0 && (e.end = e._start, e.duration.split(" ").forEach((a) => {
+        let { duration: h, scale: d } = c.parse_duration(a);
+        e.end = c.add(e.end, h, d);
       })), !e.end)
         return console.error(`task "${e.id}" doesn't have an end date`), !1;
-      if (e._end = d.parse(e.end), d.diff(e._end, e._start, "year") < 0)
+      if (e._end = c.parse(e.end), c.diff(e._end, e._start, "year") < 0)
         return console.error(
           `start of task can't be after end of task: in task "${e.id}"`
         ), !1;
-      if (d.diff(e._end, e._start, "year") > 10)
+      if (c.diff(e._end, e._start, "year") > 10)
         return console.error(
           `the duration of task "${e.id}" is too long (above ten years)`
         ), !1;
-      if (e._index = i, d.get_date_values(e._end).slice(3).every((a) => a === 0) && (e._end = d.add(e._end, 24, "hour")), typeof e.dependencies == "string" || !e.dependencies) {
-        let a = [];
-        e.dependencies && (a = e.dependencies.split(",").map((o) => o.trim().replaceAll(" ", "_")).filter((o) => o)), e.dependencies = a;
+      if (e._index = i, c.get_date_values(e._end).slice(3).every((o) => o === 0) && (e._end = c.add(e._end, 24, "hour")), typeof e.dependencies == "string" || !e.dependencies) {
+        let o = [];
+        e.dependencies && (o = e.dependencies.split(",").map((a) => a.trim().replaceAll(" ", "_")).filter((a) => a)), e.dependencies = o;
       }
-      return e.id ? typeof e.id == "string" ? e.id = e.id.replaceAll(" ", "_") : e.id = `${e.id}` : e.id = j(e), e;
+      return e.id ? typeof e.id == "string" ? e.id = e.id.replaceAll(" ", "_") : e.id = `${e.id}` : e.id = B(e), e;
     }).filter((e) => e), this.setup_dependencies();
   }
   setup_dependencies() {
@@ -975,7 +1046,7 @@ class B {
     e && (i = this.$container.scrollLeft, s = this.options.scroll_to, this.options.scroll_to = null), this.options.view_mode = t.name, this.config.view_mode = t, this.update_view_scale(t), this.setup_dates(e), this.render(), e && (this.$container.scrollLeft = i, this.options.scroll_to = s), this.trigger_event("view_change", [t]);
   }
   update_view_scale(t) {
-    let { duration: e, scale: i } = d.parse_duration(t.step);
+    let { duration: e, scale: i } = c.parse_duration(t.step);
     this.config.step = e, this.config.unit = i, this.config.column_width = this.options.column_width || t.column_width || 45, this.$container.style.setProperty(
       "--gv-column-width",
       this.config.column_width + "px"
@@ -989,13 +1060,13 @@ class B {
     this.tasks.length || (e = /* @__PURE__ */ new Date(), i = /* @__PURE__ */ new Date());
     for (let s of this.tasks)
       (!e || s._start < e) && (e = s._start), (!i || s._end > i) && (i = s._end);
-    if (e = d.start_of(e, this.config.unit), i = d.start_of(i, this.config.unit), !t)
+    if (e = c.start_of(e, this.config.unit), i = c.start_of(i, this.config.unit), !t)
       if (this.options.infinite_padding)
-        this.gantt_start = d.add(
+        this.gantt_start = c.add(
           e,
           -this.config.extend_by_units * 3,
           this.config.unit
-        ), this.gantt_end = d.add(
+        ), this.gantt_end = c.add(
           i,
           this.config.extend_by_units * 3,
           this.config.unit
@@ -1006,13 +1077,13 @@ class B {
           this.config.view_mode.padding
         ]);
         let [s, n] = this.config.view_mode.padding.map(
-          d.parse_duration
+          c.parse_duration
         );
-        this.gantt_start = d.add(
+        this.gantt_start = c.add(
           e,
           -s.duration,
           s.scale
-        ), this.gantt_end = d.add(
+        ), this.gantt_end = c.add(
           i,
           n.duration,
           n.scale
@@ -1023,7 +1094,7 @@ class B {
   setup_date_values() {
     let t = this.gantt_start;
     for (this.dates = [t]; t < this.gantt_end; )
-      t = d.add(
+      t = c.add(
         t,
         this.config.step,
         this.config.unit
@@ -1070,7 +1141,7 @@ class B {
       height: e,
       class: "grid-background",
       append_to: this.$svg
-    }), p.attr(this.$svg, {
+    }), u.attr(this.$svg, {
       height: e,
       width: "100%"
     }), this.grid_height = e, this.options.container_height === "auto" && (this.$container.style.height = e + "px");
@@ -1129,25 +1200,25 @@ class B {
       class: "lines_layer",
       append_to: this.layers.grid
     }), n = this.config.header_height;
-    const a = this.dates.length * this.config.column_width, o = this.options.bar_height + this.options.padding;
+    const o = this.dates.length * this.config.column_width, a = this.options.bar_height + this.options.padding;
     if (this.options.lines !== "vertical")
-      for (let h = this.config.header_height; h < this.grid_height; h += o)
+      for (let h = this.config.header_height; h < this.grid_height; h += a)
         f("line", {
           x1: 0,
-          y1: n + o,
-          x2: a,
-          y2: n + o,
+          y1: n + a,
+          x2: o,
+          y2: n + a,
           class: "row-line",
           append_to: s
-        }), n += o;
+        }), n += a;
     if (this.options.lines !== "horizontal")
       for (let h of this.dates) {
-        let _ = "tick";
-        this.config.view_mode.thick_line && this.config.view_mode.thick_line(h) && (_ += " thick"), f("path", {
+        let d = "tick";
+        this.config.view_mode.thick_line && this.config.view_mode.thick_line(h) && (d += " thick"), f("path", {
           d: `M ${t} ${e} v ${i}`,
-          class: _,
+          class: d,
           append_to: this.layers.grid
-        }), this.view_is("month") ? t += d.get_days_in_month(h) * this.config.column_width / 30 : this.view_is("year") ? t += d.get_days_in_year(h) * this.config.column_width / 365 : t += this.config.column_width;
+        }), this.view_is("month") ? t += c.get_days_in_month(h) * this.config.column_width / 30 : this.view_is("year") ? t += c.get_days_in_year(h) * this.config.column_width / 365 : t += this.config.column_width;
       }
   }
   highlight_holidays() {
@@ -1158,43 +1229,43 @@ class B {
         i === "weekend" && (i = this.options.is_weekend);
         let s;
         if (typeof i == "object") {
-          let n = i.find((a) => typeof a == "function");
+          let n = i.find((o) => typeof o == "function");
           if (n && (s = n), this.options.holidays.name) {
-            let a = /* @__PURE__ */ new Date(i.date + " ");
-            i = (o) => a.getTime() === o.getTime(), t[a] = i.name;
+            let o = /* @__PURE__ */ new Date(i.date + " ");
+            i = (a) => o.getTime() === a.getTime(), t[o] = i.name;
           } else
-            i = (a) => this.options.holidays[e].filter((o) => typeof o != "function").map((o) => {
-              if (o.name) {
-                let h = /* @__PURE__ */ new Date(o.date + " ");
-                return t[h] = o.name, h.getTime();
+            i = (o) => this.options.holidays[e].filter((a) => typeof a != "function").map((a) => {
+              if (a.name) {
+                let h = /* @__PURE__ */ new Date(a.date + " ");
+                return t[h] = a.name, h.getTime();
               }
-              return (/* @__PURE__ */ new Date(o + " ")).getTime();
-            }).includes(a.getTime());
+              return (/* @__PURE__ */ new Date(a + " ")).getTime();
+            }).includes(o.getTime());
         }
         for (let n = new Date(this.gantt_start); n <= this.gantt_end; n.setDate(n.getDate() + 1))
           if (!(this.config.ignored_dates.find(
-            (a) => a.getTime() == n.getTime()
+            (o) => o.getTime() == n.getTime()
           ) || this.config.ignored_function && this.config.ignored_function(n)) && (i(n) || s && s(n))) {
-            const a = d.diff(
+            const o = c.diff(
               n,
               this.gantt_start,
               this.config.unit
-            ) / this.config.step * this.config.column_width, o = this.grid_height - this.config.header_height, h = d.format(n, "YYYY-MM-DD", this.options.language).replace(" ", "_");
+            ) / this.config.step * this.config.column_width, a = this.grid_height - this.config.header_height, h = c.format(n, "YYYY-MM-DD", this.options.language).replace(" ", "_");
             if (t[n]) {
-              let _ = this.create_el({
+              let d = this.create_el({
                 classes: "holiday-label label_" + h,
                 append_to: this.$extras
               });
-              _.textContent = t[n];
+              d.textContent = t[n];
             }
             f("rect", {
-              x: Math.round(a),
+              x: Math.round(o),
               y: this.config.header_height,
-              width: this.config.column_width / d.convert_scales(
+              width: this.config.column_width / c.convert_scales(
                 this.config.view_mode.step,
                 "day"
               ),
-              height: o,
+              height: a,
               class: "holiday-highlight " + h,
               style: `fill: ${e};`,
               append_to: this.layers.grid
@@ -1212,7 +1283,7 @@ class B {
     if (!t) return;
     const [e, i] = t;
     i.classList.add("current-date-highlight");
-    const n = d.diff(
+    const n = c.diff(
       /* @__PURE__ */ new Date(),
       this.gantt_start,
       this.config.unit
@@ -1246,8 +1317,8 @@ class B {
         (n) => n.getTime() == i.getTime()
       ) && (!this.config.ignored_function || !this.config.ignored_function(i)))
         continue;
-      let s = d.convert_scales(
-        d.diff(i, this.gantt_start) + "d",
+      let s = c.convert_scales(
+        c.diff(i, this.gantt_start) + "d",
         this.config.unit
       ) / this.config.step;
       this.config.ignored_positions.push(s * this.config.column_width), f("rect", {
@@ -1264,10 +1335,10 @@ class B {
       this.config.view_mode
     );
   }
-  create_el({ left: t, top: e, width: i, height: s, id: n, classes: a, append_to: o, type: h }) {
-    let _ = document.createElement(h || "div");
-    for (let g of a.split(" ")) _.classList.add(g);
-    return _.style.top = e + "px", _.style.left = t + "px", n && (_.id = n), i && (_.style.width = i + "px"), s && (_.style.height = s + "px"), o && o.appendChild(_), _;
+  create_el({ left: t, top: e, width: i, height: s, id: n, classes: o, append_to: a, type: h }) {
+    let d = document.createElement(h || "div");
+    for (let _ of o.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"), a && a.appendChild(d), d;
   }
   make_dates() {
     this.get_dates_to_draw().forEach((t, e) => {
@@ -1304,11 +1375,11 @@ class B {
     let i = e ? e.date : null;
     this.config.column_width;
     const s = e ? e.x + e.column_width : 0;
-    let n = this.config.view_mode.upper_text, a = this.config.view_mode.lower_text;
-    return n ? typeof n == "string" && (this.config.view_mode.upper_text = (o) => d.format(o, n, this.options.language)) : this.config.view_mode.upper_text = () => "", a ? typeof a == "string" && (this.config.view_mode.lower_text = (o) => d.format(o, a, this.options.language)) : this.config.view_mode.lower_text = () => "", {
+    let n = this.config.view_mode.upper_text, o = this.config.view_mode.lower_text;
+    return n ? typeof n == "string" && (this.config.view_mode.upper_text = (a) => c.format(a, n, this.options.language)) : this.config.view_mode.upper_text = () => "", o ? typeof o == "string" && (this.config.view_mode.lower_text = (a) => c.format(a, o, this.options.language)) : this.config.view_mode.lower_text = () => "", {
       date: t,
       formatted_date: k(
-        d.format(
+        c.format(
           t,
           this.config.date_format,
           this.options.language
@@ -1332,18 +1403,18 @@ class B {
   }
   make_bars() {
     this.bars = this.tasks.map((t) => {
-      const e = new F(this, t);
+      const e = new q(this, t);
       return this.layers.bar.appendChild(e.group), e;
     });
   }
   make_arrows() {
-    this.arrows = [];
+    this.arrows = [], this.options.critical_path && this.calculate_critical_path();
     for (let t of this.tasks) {
       let e = [];
       e = t.dependencies.map((i) => {
         const s = this.get_task(i);
         if (!s) return;
-        const n = new q(
+        const n = new C(
           this,
           this.bars[s._index],
           // from_task
@@ -1354,6 +1425,50 @@ class B {
       }).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 };
+    });
+    const e = (n) => {
+      if (t[n.id].ef > 0) return t[n.id];
+      let o = 0;
+      n.dependencies && n.dependencies.length > 0 && n.dependencies.forEach((h) => {
+        const d = this.get_task(h);
+        if (d) {
+          const _ = e(d);
+          o = Math.max(o, _.ef);
+        }
+      }), t[n.id].es = o;
+      const a = c.diff(n._end, n._start, "hour") / 24;
+      return t[n.id].ef = o + a, 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 o = this.tasks.filter(
+        (d) => d.dependencies && d.dependencies.includes(n.id)
+      );
+      let a = i;
+      o.length > 0 && o.forEach((d) => {
+        const _ = s(d);
+        a = Math.min(a, _.ls);
+      });
+      const h = c.diff(n._end, n._start, "hour") / 24;
+      return t[n.id].lf = a, t[n.id].ls = a - h, t[n.id];
+    };
+    this.tasks.forEach((n) => s(n)), this.tasks.forEach((n) => {
+      const o = t[n.id], a = o.ls - o.es;
+      n._is_critical = Math.abs(a) < 0.01;
+    });
+  }
+  update_arrow_critical_path() {
+    this.arrows.forEach((t) => {
+      t.from_task.task._is_critical === !0 && t.to_task.task._is_critical === !0 ? t.element.classList.add("arrow-critical") : t.element.classList.remove("arrow-critical");
+    });
+  }
   map_arrows_on_bars() {
     for (let t of this.bars)
       t.arrows = this.arrows.filter((e) => e.from_task.task.id === t.task.id || e.to_task.task.id === t.task.id);
@@ -1364,8 +1479,8 @@ class B {
   }
   set_scroll_position(t) {
     if (this.options.infinite_padding && (!t || t === "start")) {
-      let [a, ...o] = this.get_start_end_positions();
-      this.$container.scrollLeft = a;
+      let [o, ...a] = this.get_start_end_positions();
+      this.$container.scrollLeft = o;
       return;
     }
     if (!t || t === "start")
@@ -1375,9 +1490,9 @@ class B {
     else {
       if (t === "today")
         return this.scroll_current();
-      typeof t == "string" && (t = d.parse(t));
+      typeof t == "string" && (t = c.parse(t));
     }
-    const i = d.diff(
+    const i = c.diff(
       t,
       this.gantt_start,
       this.config.unit
@@ -1385,7 +1500,7 @@ class B {
     this.$container.scrollTo({
       left: i - this.config.column_width / 6,
       behavior: "smooth"
-    }), this.$current && this.$current.classList.remove("current-upper"), this.current_date = d.add(
+    }), this.$current && this.$current.classList.remove("current-upper"), this.current_date = c.add(
       this.gantt_start,
       this.$container.scrollLeft / this.config.column_width,
       this.config.unit
@@ -1395,9 +1510,9 @@ class B {
       null,
       this.options.language
     ), n = this.upperTexts.find(
-      (a) => a.textContent === s
+      (o) => o.textContent === s
     );
-    this.current_date = d.add(
+    this.current_date = c.add(
       this.gantt_start,
       (this.$container.scrollLeft + n.clientWidth) / this.config.column_width,
       this.config.unit
@@ -1405,7 +1520,7 @@ class B {
       this.current_date,
       null,
       this.options.language
-    ), n = this.upperTexts.find((a) => a.textContent === s), n.classList.add("current-upper"), this.$current = n;
+    ), n = this.upperTexts.find((o) => o.textContent === s), n.classList.add("current-upper"), this.$current = n;
   }
   scroll_current() {
     let t = this.get_closest_date();
@@ -1416,7 +1531,7 @@ class B {
     if (t < this.gantt_start || t > this.gantt_end) return null;
     let e = /* @__PURE__ */ new Date(), i = this.$container.querySelector(
       ".date_" + k(
-        d.format(
+        c.format(
           e,
           this.config.date_format,
           this.options.language
@@ -1424,9 +1539,9 @@ class B {
       )
     ), s = 0;
     for (; !i && s < this.config.step; )
-      e = d.add(e, -1, this.config.unit), i = this.$container.querySelector(
+      e = c.add(e, -1, this.config.unit), i = this.$container.querySelector(
         ".date_" + k(
-          d.format(
+          c.format(
             e,
             this.config.date_format,
             this.options.language
@@ -1435,7 +1550,7 @@ class B {
       ), s++;
     return [
       /* @__PURE__ */ new Date(
-        d.format(
+        c.format(
           e,
           this.config.date_format,
           this.options.language
@@ -1445,7 +1560,7 @@ class B {
     ];
   }
   bind_grid_click() {
-    p.on(
+    u.on(
       this.$container,
       "click",
       ".grid-row, .grid-header, .ignored-bar, .holiday-highlight",
@@ -1474,64 +1589,64 @@ class B {
   get_start_end_positions() {
     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: h, width: _ } = a.getBBox();
-      h < i && (i = h), h > s && (s = h), h + _ > n && (n = h + _);
+    return Array.prototype.forEach.call(this.bars, function({ group: o }, a) {
+      let { x: h, width: d } = o.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 = [];
+    let t = !1, e = 0, i = 0, s = !1, n = !1, o = null, a = [];
     this.bar_being_dragged = null;
     const h = () => t || s || n;
-    this.$svg.onclick = (g) => {
-      g.target.classList.contains("grid-row") && this.unselect_all();
+    this.$svg.onclick = (_) => {
+      _.target.classList.contains("grid-row") && this.unselect_all();
     };
-    let _ = 0;
-    if (p.on(this.$svg, "mousemove", ".bar-wrapper, .handle", (g) => {
-      this.bar_being_dragged === !1 && Math.abs((g.offsetX || g.layerX) - _) > 10 && (this.bar_being_dragged = !0);
-    }), p.on(this.$svg, "mousedown", ".bar-wrapper, .handle", (g, l) => {
-      const c = p.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 = g.offsetX || g.layerX, a = c.getAttribute("data-id");
-      const $ = this.get_bar(a).task.dependencies_type || this.options.dependencies_type;
+    let d = 0;
+    if (u.on(this.$svg, "mousemove", ".bar-wrapper, .handle", (_) => {
+      this.bar_being_dragged === !1 && Math.abs((_.offsetX || _.layerX) - d) > 10 && (this.bar_being_dragged = !0);
+    }), u.on(this.$svg, "mousedown", ".bar-wrapper, .handle", (_, l) => {
+      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, o = p.getAttribute("data-id");
+      const $ = this.get_bar(o).task.dependencies_type || this.options.dependencies_type;
       let m;
       this.options.move_dependencies && $ === "fixed" ? m = [
-        a,
-        ...this.get_all_dependent_tasks(a)
-      ] : m = [a], o = m.map((x) => this.get_bar(x)), this.bar_being_dragged = !1, _ = e, o.forEach((x) => {
+        o,
+        ...this.get_all_dependent_tasks(o)
+      ] : m = [o], a = m.map((x) => this.get_bar(x)), this.bar_being_dragged = !1, d = e, a.forEach((x) => {
         const w = x.$bar;
         w.ox = w.getX(), w.oy = w.getY(), w.owidth = w.getWidth(), w.finaldx = 0;
       });
     }), this.options.infinite_padding) {
-      let g = !1;
-      p.on(this.$container, "mousewheel", (l) => {
-        let c = this.$container.scrollWidth / 2;
-        if (!g && l.currentTarget.scrollLeft <= c) {
-          let u = l.currentTarget.scrollLeft;
-          g = !0, this.gantt_start = d.add(
+      let _ = !1;
+      u.on(this.$container, "mousewheel", (l) => {
+        let p = this.$container.scrollWidth / 2;
+        if (!_ && l.currentTarget.scrollLeft <= p) {
+          let g = l.currentTarget.scrollLeft;
+          _ = !0, this.gantt_start = c.add(
             this.gantt_start,
             -this.config.extend_by_units,
             this.config.unit
-          ), this.setup_date_values(), this.render(), l.currentTarget.scrollLeft = u + this.config.column_width * this.config.extend_by_units, setTimeout(() => g = !1, 300);
+          ), this.setup_date_values(), this.render(), l.currentTarget.scrollLeft = g + this.config.column_width * this.config.extend_by_units, setTimeout(() => _ = !1, 300);
         }
-        if (!g && l.currentTarget.scrollWidth - (l.currentTarget.scrollLeft + l.currentTarget.clientWidth) <= c) {
-          let u = l.currentTarget.scrollLeft;
-          g = !0, this.gantt_end = d.add(
+        if (!_ && l.currentTarget.scrollWidth - (l.currentTarget.scrollLeft + l.currentTarget.clientWidth) <= p) {
+          let g = l.currentTarget.scrollLeft;
+          _ = !0, this.gantt_end = c.add(
             this.gantt_end,
             this.config.extend_by_units,
             this.config.unit
-          ), this.setup_date_values(), this.render(), l.currentTarget.scrollLeft = u, setTimeout(() => g = !1, 300);
+          ), this.setup_date_values(), this.render(), l.currentTarget.scrollLeft = g, setTimeout(() => _ = !1, 300);
         }
       });
     }
-    p.on(this.$container, "scroll", (g) => {
+    u.on(this.$container, "scroll", (_) => {
       let l = [];
-      const c = this.bars.map(
+      const p = this.bars.map(
         ({ group: b }) => b.getAttribute("data-id")
       );
-      let u;
-      i && (u = g.currentTarget.scrollLeft - i), this.current_date = d.add(
+      let g;
+      i && (g = _.currentTarget.scrollLeft - i), this.current_date = c.add(
         this.gantt_start,
-        g.currentTarget.scrollLeft / this.config.column_width * this.config.step,
+        _.currentTarget.scrollLeft / this.config.column_width * this.config.step,
         this.config.unit
       );
       let $ = this.config.view_mode.upper_text(
@@ -1541,9 +1656,9 @@ class B {
       ), m = this.upperTexts.find(
         (b) => b.textContent === $
       );
-      this.current_date = d.add(
+      this.current_date = c.add(
         this.gantt_start,
-        (g.currentTarget.scrollLeft + m.clientWidth) / this.config.column_width * this.config.step,
+        (_.currentTarget.scrollLeft + m.clientWidth) / this.config.column_width * this.config.step,
         this.config.unit
       ), $ = this.config.view_mode.upper_text(
         this.current_date,
@@ -1551,143 +1666,162 @@ class B {
         this.options.language
       ), m = this.upperTexts.find(
         (b) => b.textContent === $
-      ), m !== this.$current && (this.$current && this.$current.classList.remove("current-upper"), m.classList.add("current-upper"), this.$current = m), i = g.currentTarget.scrollLeft;
+      ), m !== this.$current && (this.$current && this.$current.classList.remove("current-upper"), m.classList.add("current-upper"), this.$current = m), i = _.currentTarget.scrollLeft;
       let [x, w, X] = this.get_start_end_positions();
       i > X + 100 ? (this.$adjust.innerHTML = "&larr;", this.$adjust.classList.remove("hide"), this.$adjust.onclick = () => {
         this.$container.scrollTo({
           left: w,
           behavior: "smooth"
         });
-      }) : i + g.currentTarget.offsetWidth < x - 100 ? (this.$adjust.innerHTML = "&rarr;", this.$adjust.classList.remove("hide"), this.$adjust.onclick = () => {
+      }) : i + _.currentTarget.offsetWidth < x - 100 ? (this.$adjust.innerHTML = "&rarr;", this.$adjust.classList.remove("hide"), this.$adjust.onclick = () => {
         this.$container.scrollTo({
           left: x,
           behavior: "smooth"
         });
-      }) : this.$adjust.classList.add("hide"), u && (l = c.map((b) => this.get_bar(b)), this.options.auto_move_label && l.forEach((b) => {
+      }) : this.$adjust.classList.add("hide"), g && (l = p.map((b) => this.get_bar(b)), this.options.auto_move_label && l.forEach((b) => {
         b.update_label_position_on_horizontal_scroll({
-          x: u,
-          sx: g.currentTarget.scrollLeft
+          x: g,
+          sx: _.currentTarget.scrollLeft
         });
       }));
-    }), p.on(this.$svg, "mousemove", (g) => {
+    }), u.on(this.$svg, "mousemove", (_) => {
       if (!h()) return;
-      const l = (g.offsetX || g.layerX) - e;
-      o.forEach((c) => {
-        const u = c.$bar;
-        u.finaldx = this.get_snap_position(l, u.ox), this.hide_popup(), s ? a === c.task.id ? c.update_bar_position({
-          x: u.ox + u.finaldx,
-          width: u.owidth - u.finaldx
-        }) : c.update_bar_position({
-          x: u.ox + u.finaldx
-        }) : n ? a === c.task.id && c.update_bar_position({
-          width: u.owidth + u.finaldx
-        }) : t && !this.options.readonly && !this.options.readonly_dates && c.update_bar_position({ x: u.ox + u.finaldx });
+      const l = (_.offsetX || _.layerX) - e;
+      a.forEach((p) => {
+        const g = p.$bar;
+        g.finaldx = this.get_snap_position(l, g.ox), this.hide_popup(), s ? o === p.task.id ? p.update_bar_position({
+          x: g.ox + g.finaldx,
+          width: g.owidth - g.finaldx
+        }) : p.update_bar_position({
+          x: g.ox + g.finaldx
+        }) : n ? o === p.task.id && p.update_bar_position({
+          width: g.owidth + g.finaldx
+        }) : t && !this.options.readonly && !this.options.readonly_dates && p.update_bar_position({ x: g.ox + g.finaldx });
       });
     }), document.addEventListener("mouseup", () => {
-      var g, l, c;
-      t = !1, s = !1, n = !1, (c = (l = (g = this.$container.querySelector(".visible")) == null ? void 0 : g.classList) == null ? void 0 : l.remove) == null || c.call(l, "visible");
-    }), p.on(this.$svg, "mouseup", (g) => {
-      this.bar_being_dragged = null, o.forEach((c) => {
-        c.$bar.finaldx && (c.date_changed(), c.compute_progress(), c.set_action_completed());
+      var _, l, p;
+      t = !1, s = !1, n = !1, (p = (l = (_ = this.$container.querySelector(".visible")) == null ? void 0 : _.classList) == null ? void 0 : l.remove) == null || p.call(l, "visible");
+    }), u.on(this.$svg, "mouseup", (_) => {
+      this.bar_being_dragged = null;
+      const l = [];
+      a.forEach((g) => {
+        g.$bar.finaldx && (g.date_changed(), g.compute_progress(), g.set_action_completed(), l.push({
+          task: g.task,
+          start: g.task._start,
+          end: c.add(g.task._end, -1, "second")
+        }));
+      });
+      const p = this.get_bar(o);
+      if (p && p.$bar.finaldx) {
+        const g = this.update_dependent_tasks_by_type(p);
+        l.push(...g);
+      }
+      this.options.critical_path && a.some((g) => g.$bar.finaldx) && (this.calculate_critical_path(), this.update_arrow_critical_path()), l.length > 0 && l.forEach(({ task: g, start: $, end: m }) => {
+        this.trigger_event("after_date_change", [g, $, m]);
       });
-      const l = this.get_bar(a);
-      l && l.$bar.finaldx && this.update_dependent_tasks_by_type(l);
     }), this.bind_bar_progress();
   }
   bind_bar_progress() {
     let t = 0, e = null, i = null, s = null, n = null;
-    p.on(this.$svg, "mousedown", ".handle.progress", (o, h) => {
-      e = !0, t = o.offsetX || o.layerX;
-      const g = p.closest(".bar-wrapper", h).getAttribute("data-id");
-      i = this.get_bar(g), 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();
+    u.on(this.$svg, "mousedown", ".handle.progress", (a, h) => {
+      e = !0, t = a.offsetX || a.layerX;
+      const _ = u.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
+    const o = this.config.ignored_positions.map((a) => [
+      a,
+      a + this.config.column_width
     ]);
-    p.on(this.$svg, "mousemove", (o) => {
+    u.on(this.$svg, "mousemove", (a) => {
       if (!e) return;
-      let h = o.offsetX || o.layerX;
+      let h = a.offsetX || a.layerX;
       if (h > t) {
-        let l = a.find(
-          ([c, u]) => h >= c && h < u
+        let l = o.find(
+          ([p, g]) => h >= p && h < g
         );
         for (; l; )
-          h = l[1], l = a.find(
-            ([c, u]) => h >= c && h < u
+          h = l[1], l = o.find(
+            ([p, g]) => h >= p && h < g
           );
       } else {
-        let l = a.find(
-          ([c, u]) => h > c && h <= u
+        let l = o.find(
+          ([p, g]) => h > p && h <= g
         );
         for (; l; )
-          h = l[0], l = a.find(
-            ([c, u]) => h > c && h <= u
+          h = l[0], l = o.find(
+            ([p, g]) => h > p && h <= g
           );
       }
-      let g = h - t;
-      console.log(s), g > s.max_dx && (g = s.max_dx), g < s.min_dx && (g = s.min_dx), s.setAttribute("width", s.owidth + g), p.attr(i.$handle_progress, "cx", s.getEndX()), s.finaldx = g;
-    }), p.on(this.$svg, "mouseup", () => {
+      let _ = h - t;
+      console.log(s), _ > 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", () => {
       e = !1, s && s.finaldx && (s.finaldx = 0, i.progress_changed(), i.set_action_completed(), i = null, s = null, n = null);
     });
   }
   get_all_dependent_tasks(t) {
     let e = [], i = [t];
     for (; i.length; ) {
-      const s = i.reduce((n, a) => (n = n.concat(this.dependency_map[a]), n), []);
+      const s = i.reduce((n, o) => (n = n.concat(this.dependency_map[o]), n), []);
       e = e.concat(s), i = s.filter((n) => !i.includes(n));
     }
     return e.filter(Boolean);
   }
   update_dependent_tasks_by_type(t) {
-    if ((t.task.dependencies_type || this.options.dependencies_type) === "fixed") return;
-    (this.dependency_map[t.task.id] || []).forEach((s) => {
-      const n = this.get_bar(s);
-      if (!n) return;
-      const a = n.task, o = a.dependencies_type || this.options.dependencies_type;
-      let h, _;
-      const g = d.diff(a._end, a._start, "hour");
-      let l = !1;
-      switch (o) {
+    const e = t.task.dependencies_type || this.options.dependencies_type, i = [];
+    return e === "fixed" || (this.dependency_map[t.task.id] || []).forEach((n) => {
+      const o = this.get_bar(n);
+      if (!o) return;
+      const a = o.task, h = a.dependencies_type || this.options.dependencies_type;
+      let d, _;
+      const l = c.diff(a._end, a._start, "hour");
+      let p = !1;
+      switch (h) {
         case "finish-to-start":
-          t.task._end > a._start && (h = new Date(t.task._end), _ = d.add(h, g, "hour"), l = !0);
+          t.task._end > a._start && (d = new Date(t.task._end), _ = c.add(d, l, "hour"), p = !0);
           break;
         case "start-to-start":
-          t.task._start > a._start && (h = new Date(t.task._start), _ = d.add(h, g, "hour"), l = !0);
+          t.task._start > a._start && (d = new Date(t.task._start), _ = c.add(d, l, "hour"), p = !0);
           break;
         case "finish-to-finish":
-          t.task._end > a._end && (_ = new Date(t.task._end), h = d.add(_, -g, "hour"), l = !0);
+          t.task._end > a._end && (_ = new Date(t.task._end), d = c.add(_, -l, "hour"), p = !0);
           break;
         case "start-to-finish":
-          t.task._start > a._end && (_ = new Date(t.task._start), h = d.add(_, -g, "hour"), l = !0);
+          t.task._start > a._end && (_ = new Date(t.task._start), d = c.add(_, -l, "hour"), p = !0);
           break;
         default:
           return;
       }
-      l && (a._start = h, a._end = _, n.compute_x(), n.compute_duration(), n.update_bar_position({
-        x: n.x,
-        width: n.width
+      if (!p) return;
+      a._start = d, a._end = _, o.compute_x(), o.compute_duration(), o.update_bar_position({
+        x: o.x,
+        width: o.width
       }), this.trigger_event("date_change", [
         a,
-        h,
-        d.add(_, -1, "second")
-      ]), this.update_dependent_tasks_by_type(n));
-    });
+        d,
+        c.add(_, -1, "second")
+      ]), i.push({
+        task: a,
+        start: d,
+        end: c.add(_, -1, "second")
+      });
+      const g = this.update_dependent_tasks_by_type(o);
+      i.push(...g);
+    }), i;
   }
   get_snap_position(t, e) {
     let i = 1;
     const s = this.options.snap_at || this.config.view_mode.snap_at || "1d";
     if (s !== "unit") {
-      const { duration: g, scale: l } = d.parse_duration(s);
-      i = d.convert_scales(this.config.view_mode.step, l) / g;
+      const { duration: _, scale: l } = c.parse_duration(s);
+      i = c.convert_scales(this.config.view_mode.step, l) / _;
     }
     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 h = a > 0 ? 1 : -1;
-    let _ = this.get_ignored_region(o, h);
-    for (; _.length; )
-      o += this.config.column_width * h, _ = this.get_ignored_region(o, h), _.length || (o -= this.config.column_width * h);
-    return o - e;
+    let o = t - n + (n < this.config.column_width / i * 2 ? 0 : this.config.column_width / i), a = e + o;
+    const h = o > 0 ? 1 : -1;
+    let d = this.get_ignored_region(a, h);
+    for (; d.length; )
+      a += this.config.column_width * h, d = this.get_ignored_region(a, h), d.length || (a -= this.config.column_width * h);
+    return a - e;
   }
   get_ignored_region(t, e = 1) {
     return e === 1 ? this.config.ignored_positions.filter((i) => t > i && t <= i + this.config.column_width) : this.config.ignored_positions.filter(
@@ -1707,7 +1841,7 @@ class B {
     return this.bars.find((e) => e.task.id === t);
   }
   show_popup(t) {
-    this.options.popup !== !1 && (this.popup || (this.popup = new O(
+    this.options.popup !== !1 && (this.popup || (this.popup = new F(
       this.$popup_wrapper,
       this.options.popup,
       this
@@ -1736,11 +1870,11 @@ class B {
    * @memberof Gantt
    */
   clear() {
-    var t, e, i, s, n, a, o, h, _, g;
-    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.$current_highlight) == null ? void 0 : n.remove) == null || a.call(n), (h = (o = this.$extras) == null ? void 0 : o.remove) == null || h.call(o), (g = (_ = this.popup) == null ? void 0 : _.hide) == null || g.call(_);
+    var t, e, i, s, n, o, a, h, d, _;
+    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), (o = (n = this.$current_highlight) == null ? void 0 : n.remove) == null || o.call(n), (h = (a = this.$extras) == null ? void 0 : a.remove) == null || h.call(a), (_ = (d = this.popup) == null ? void 0 : d.hide) == null || _.call(d);
   }
 }
-B.VIEW_MODE = {
+j.VIEW_MODE = {
   HOUR: y[0],
   QUARTER_DAY: y[1],
   HALF_DAY: y[2],
@@ -1749,12 +1883,12 @@ B.VIEW_MODE = {
   MONTH: y[5],
   YEAR: y[6]
 };
-function j(r) {
+function B(r) {
   return r.name + "_" + Math.random().toString(36).slice(2, 12);
 }
 function k(r) {
   return r.replaceAll(" ", "_").replaceAll(":", "_").replaceAll(".", "_");
 }
 export {
-  B as default
+  j as default
 };