@workiom/frappe-gantt 1.0.21 → 1.0.22

package/dist/frappe-gantt.es.js

@@ -1,6 +1,6 @@
-const A = "year", E = "month", Y = "day", S = "hour", H = "minute", X = "second", W = "millisecond", g = {
-  parse_duration(r) {
-    const e = /([0-9]+)(y|m|d|h|min|s|ms)/gm.exec(r);
+const E = "year", A = "month", S = "day", Y = "hour", H = "minute", X = "second", q = "millisecond", p = {
+  parse_duration(a) {
+    const e = /([0-9]+)(y|m|d|h|min|s|ms)/gm.exec(a);
     if (e !== null) {
       if (e[2] === "y")
         return { duration: parseInt(e[1]), scale: "year" };
@@ -18,124 +18,124 @@ const A = "year", E = "month", Y = "day", S = "hour", H = "minute", X = "second"
         return { duration: parseInt(e[1]), scale: "millisecond" };
     }
   },
-  parse(r, t = "-", e = /[.:]/) {
-    if (r instanceof Date)
-      return r;
-    if (typeof r == "string") {
+  parse(a, t = "-", e = /[.:]/) {
+    if (a instanceof Date)
+      return a;
+    if (typeof a == "string") {
       let i, s;
-      const n = r.split(" ");
-      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);
+      const n = a.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 r = i;
+      return s && s.length && (s.length === 4 && (s[3] = "0." + s[3], s[3] = parseFloat(s[3]) * 1e3), r = r.concat(s)), new Date(...r);
     }
   },
-  to_string(r, t = !1) {
-    if (!(r instanceof Date))
+  to_string(a, t = !1) {
+    if (!(a instanceof Date))
       throw new TypeError("Invalid argument type");
-    const e = this.get_date_values(r).map((n, o) => (o === 1 && (n = n + 1), o === 6 ? L(n + "", 3, "0") : L(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(a).map((n, r) => (r === 1 && (n = n + 1), r === 6 ? L(n + "", 3, "0") : L(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") {
+  format(a, t = "YYYY-MM-DD HH:mm:ss.SSS", e = "en") {
     const i = new Intl.DateTimeFormat(e, {
       month: "long"
     }), s = new Intl.DateTimeFormat(e, {
       month: "short"
-    }), n = i.format(r), o = n.charAt(0).toUpperCase() + n.slice(1), a = this.get_date_values(r).map((c) => L(c, 2, 0)), h = {
-      YYYY: a[0],
-      MM: L(+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)
+    }), n = i.format(a), r = n.charAt(0).toUpperCase() + n.slice(1), o = this.get_date_values(a).map((l) => L(l, 2, 0)), h = {
+      YYYY: o[0],
+      MM: L(+o[1] + 1, 2, 0),
+      DD: o[2],
+      HH: o[3],
+      mm: o[4],
+      ss: o[5],
+      SSS: o[6],
+      D: o[2],
+      MMMM: r,
+      MMM: s.format(a)
     };
-    let d = t;
-    const _ = [];
-    return Object.keys(h).sort((c, p) => p.length - c.length).forEach((c) => {
-      d.includes(c) && (d = d.replaceAll(c, `$${_.length}`), _.push(h[c]));
-    }), _.forEach((c, p) => {
-      d = d.replaceAll(`$${p}`, c);
-    }), d;
+    let _ = t;
+    const d = [];
+    return Object.keys(h).sort((l, g) => g.length - l.length).forEach((l) => {
+      _.includes(l) && (_ = _.replaceAll(l, `$${d.length}`), d.push(h[l]));
+    }), d.forEach((l, g) => {
+      _ = _.replaceAll(`$${g}`, l);
+    }), _;
   },
-  diff(r, t, e = "day") {
-    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(), c = r.getMonth() - t.getMonth();
-    return c += a % 30 / 30, h = _ * 12 + c, r.getDate() < t.getDate() && h--, d = h / 12, e.endsWith("s") || (e += "s"), Math.round(
+  diff(a, t, e = "day") {
+    let i, s, n, r, o, h, _;
+    i = a - t + (t.getTimezoneOffset() - a.getTimezoneOffset()) * 6e4, s = i / 1e3, r = s / 60, n = r / 60, o = n / 24;
+    let d = a.getFullYear() - t.getFullYear(), l = a.getMonth() - t.getMonth();
+    return l += o % 30 / 30, h = d * 12 + l, a.getDate() < t.getDate() && h--, _ = h / 12, e.endsWith("s") || (e += "s"), Math.round(
       {
         milliseconds: i,
         seconds: s,
-        minutes: o,
+        minutes: r,
         hours: n,
-        days: a,
+        days: o,
         months: h,
-        years: d
+        years: _
       }[e] * 100
     ) / 100;
   },
   today() {
-    const r = this.get_date_values(/* @__PURE__ */ new Date()).slice(0, 3);
-    return new Date(...r);
+    const a = this.get_date_values(/* @__PURE__ */ new Date()).slice(0, 3);
+    return new Date(...a);
   },
   now() {
     return /* @__PURE__ */ new Date();
   },
-  add(r, t, e) {
+  add(a, t, e) {
     t = parseInt(t, 10);
     const i = [
-      r.getFullYear() + (e === A ? t : 0),
-      r.getMonth() + (e === E ? t : 0),
-      r.getDate() + (e === Y ? t : 0),
-      r.getHours() + (e === S ? t : 0),
-      r.getMinutes() + (e === H ? t : 0),
-      r.getSeconds() + (e === X ? t : 0),
-      r.getMilliseconds() + (e === W ? t : 0)
+      a.getFullYear() + (e === E ? t : 0),
+      a.getMonth() + (e === A ? t : 0),
+      a.getDate() + (e === S ? t : 0),
+      a.getHours() + (e === Y ? t : 0),
+      a.getMinutes() + (e === H ? t : 0),
+      a.getSeconds() + (e === X ? t : 0),
+      a.getMilliseconds() + (e === q ? t : 0)
     ];
     return new Date(...i);
   },
-  start_of(r, t) {
+  start_of(a, t) {
     const e = {
-      [A]: 6,
-      [E]: 5,
-      [Y]: 4,
-      [S]: 3,
+      [E]: 6,
+      [A]: 5,
+      [S]: 4,
+      [Y]: 3,
       [H]: 2,
       [X]: 1,
-      [W]: 0
+      [q]: 0
     };
     function i(n) {
-      const o = e[t];
-      return e[n] <= o;
+      const r = e[t];
+      return e[n] <= r;
     }
     const s = [
-      r.getFullYear(),
-      i(A) ? 0 : r.getMonth(),
-      i(E) ? 1 : r.getDate(),
-      i(Y) ? 0 : r.getHours(),
-      i(S) ? 0 : r.getMinutes(),
-      i(H) ? 0 : r.getSeconds(),
-      i(X) ? 0 : r.getMilliseconds()
+      a.getFullYear(),
+      i(E) ? 0 : a.getMonth(),
+      i(A) ? 1 : a.getDate(),
+      i(S) ? 0 : a.getHours(),
+      i(Y) ? 0 : a.getMinutes(),
+      i(H) ? 0 : a.getSeconds(),
+      i(X) ? 0 : a.getMilliseconds()
     ];
     return new Date(...s);
   },
-  clone(r) {
-    return new Date(...this.get_date_values(r));
+  clone(a) {
+    return new Date(...this.get_date_values(a));
   },
-  get_date_values(r) {
+  get_date_values(a) {
     return [
-      r.getFullYear(),
-      r.getMonth(),
-      r.getDate(),
-      r.getHours(),
-      r.getMinutes(),
-      r.getSeconds(),
-      r.getMilliseconds()
+      a.getFullYear(),
+      a.getMonth(),
+      a.getDate(),
+      a.getHours(),
+      a.getMinutes(),
+      a.getSeconds(),
+      a.getMilliseconds()
     ];
   },
-  convert_scales(r, t) {
+  convert_scales(a, t) {
     const e = {
       millisecond: 11574074074074074e-24,
       second: 11574074074074073e-21,
@@ -144,51 +144,51 @@ const A = "year", E = "month", Y = "day", S = "hour", H = "minute", X = "second"
       day: 1,
       month: 30,
       year: 365
-    }, { duration: i, scale: s } = this.parse_duration(r);
+    }, { duration: i, scale: s } = this.parse_duration(a);
     return i * e[s] / e[t];
   },
-  get_days_in_month(r) {
-    const t = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], e = r.getMonth();
+  get_days_in_month(a) {
+    const t = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], e = a.getMonth();
     if (e !== 1)
       return t[e];
-    const i = r.getFullYear();
+    const i = a.getFullYear();
     return i % 4 === 0 && i % 100 != 0 || i % 400 === 0 ? 29 : 28;
   },
-  get_days_in_year(r) {
-    return r.getFullYear() % 4 ? 365 : 366;
+  get_days_in_year(a) {
+    return a.getFullYear() % 4 ? 365 : 366;
   }
 };
-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 L(a, t, e) {
+  return a = a + "", t = t >> 0, e = String(typeof e < "u" ? e : " "), a.length > t ? String(a) : (t = t - a.length, t > e.length && (e += e.repeat(t / e.length)), e.slice(0, t) + String(a));
 }
-function m(r, t) {
-  return typeof r == "string" ? (t || document).querySelector(r) : r || null;
+function m(a, t) {
+  return typeof a == "string" ? (t || document).querySelector(a) : a || null;
 }
-function w(r, t) {
-  const e = document.createElementNS("http://www.w3.org/2000/svg", r);
+function w(a, t) {
+  const e = document.createElementNS("http://www.w3.org/2000/svg", a);
   for (let i in t)
     i === "append_to" ? t.append_to.appendChild(e) : i === "innerHTML" ? e.innerHTML = t.innerHTML : i === "clipPath" ? e.setAttribute("clip-path", "url(#" + t[i] + ")") : e.setAttribute(i, t[i]);
   return e;
 }
-function z(r, t, e, i) {
-  const s = B(r, t, e, i);
-  if (s === r) {
+function z(a, t, e, i) {
+  const s = B(a, t, e, i);
+  if (s === a) {
     const n = document.createEvent("HTMLEvents");
     n.initEvent("click", !0, !0), n.eventName = "click", s.dispatchEvent(n);
   }
 }
-function B(r, t, e, i, s = "0.4s", n = "0.1s") {
-  const o = r.querySelector("animate");
-  if (o)
-    return m.attr(o, {
+function B(a, t, e, i, s = "0.4s", n = "0.1s") {
+  const r = a.querySelector("animate");
+  if (r)
+    return m.attr(r, {
       attributeName: t,
       from: e,
       to: i,
       dur: s,
       begin: "click + " + n
       // artificial click
-    }), r;
-  const a = w("animate", {
+    }), a;
+  const o = w("animate", {
     attributeName: t,
     from: e,
     to: i,
@@ -199,134 +199,134 @@ function B(r, t, e, i, s = "0.4s", n = "0.1s") {
     keyTimes: "0; 1",
     keySplines: G("ease-out")
   });
-  return r.appendChild(a), r;
+  return a.appendChild(o), a;
 }
-function G(r) {
+function G(a) {
   return {
     ease: ".25 .1 .25 1",
     linear: "0 0 1 1",
     "ease-in": ".42 0 1 1",
     "ease-out": "0 0 .58 1",
     "ease-in-out": ".42 0 .58 1"
-  }[r];
+  }[a];
 }
-m.on = (r, t, e, i) => {
-  i ? m.delegate(r, t, e, i) : (i = e, m.bind(r, t, i));
+m.on = (a, t, e, i) => {
+  i ? m.delegate(a, t, e, i) : (i = e, m.bind(a, t, i));
 };
-m.off = (r, t, e) => {
-  r.removeEventListener(t, e);
+m.off = (a, t, e) => {
+  a.removeEventListener(t, e);
 };
-m.bind = (r, t, e) => {
+m.bind = (a, t, e) => {
   t.split(/\s+/).forEach(function(i) {
-    r.addEventListener(i, e);
+    a.addEventListener(i, e);
   });
 };
-m.delegate = (r, t, e, i) => {
-  r.addEventListener(t, function(s) {
+m.delegate = (a, t, e, i) => {
+  a.addEventListener(t, function(s) {
     const n = s.target.closest(e);
     n && (s.delegatedTarget = n, i.call(this, s, n));
   });
 };
-m.closest = (r, t) => t ? t.matches(r) ? t : m.closest(r, t.parentNode) : null;
-m.attr = (r, t, e) => {
+m.closest = (a, t) => t ? t.matches(a) ? t : m.closest(a, t.parentNode) : null;
+m.attr = (a, t, e) => {
   if (!e && typeof t == "string")
-    return r.getAttribute(t);
+    return a.getAttribute(t);
   if (typeof t == "object") {
     for (let i in t)
-      m.attr(r, i, t[i]);
+      m.attr(a, i, t[i]);
     return;
   }
-  r.setAttribute(t, e);
+  a.setAttribute(t, e);
 };
-function I(r, t, e, i, s = "downstream") {
+function I(a, 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(), o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
-  for (const h of r)
-    h._has_no_dates || (n.set(h.id, h), o.set(h.id, []), a.set(h.id, []));
-  for (const h of r)
+  const n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+  for (const h of a)
+    h._has_no_dates || (n.set(h.id, h), r.set(h.id, []), o.set(h.id, []));
+  for (const h of a)
     if (!h._has_no_dates)
-      for (const d of h.dependencies || []) {
-        if (!n.has(d.id)) continue;
-        const _ = d.type || "finish-to-start";
-        o.get(h.id).push({ id: d.id, type: _ }), a.get(d.id).push({ id: h.id, type: _ });
+      for (const _ of h.dependencies || []) {
+        if (!n.has(_.id)) continue;
+        const d = _.type || "finish-to-start";
+        r.get(h.id).push({ id: _.id, type: d }), o.get(_.id).push({ id: h.id, type: d });
       }
-  return i === "maintain_buffer_all" || i === "maintain_buffer_downstream" ? q(t, e, o, a, s === "both", s === "upstream") : i === "consume_buffer" ? R(t, e, n, o, a, s) : /* @__PURE__ */ new Map();
+  return i === "maintain_buffer_all" || i === "maintain_buffer_downstream" ? W(t, e, r, o, s === "both", s === "upstream") : i === "consume_buffer" ? R(t, e, n, r, o, s) : /* @__PURE__ */ new Map();
 }
-function q(r, t, e, i, s, n) {
-  const o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set([r]), h = [], d = (_) => {
-    for (const { id: c } of _)
-      a.has(c) || (a.add(c), h.push(c));
+function W(a, t, e, i, s, n) {
+  const r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set([a]), h = [], _ = (d) => {
+    for (const { id: l } of d)
+      o.has(l) || (o.add(l), h.push(l));
   };
-  for (n && !s ? d(e.get(r) || []) : (d(i.get(r) || []), s && d(e.get(r) || [])); h.length > 0; ) {
-    const _ = h.shift();
-    o.set(_, t), n && !s ? d(e.get(_) || []) : (d(i.get(_) || []), s && d(e.get(_) || []));
+  for (n && !s ? _(e.get(a) || []) : (_(i.get(a) || []), s && _(e.get(a) || [])); h.length > 0; ) {
+    const d = h.shift();
+    r.set(d, t), n && !s ? _(e.get(d) || []) : (_(i.get(d) || []), s && _(e.get(d) || []));
   }
-  return o;
+  return r;
 }
-function R(r, t, e, i, s, n) {
-  const o = /* @__PURE__ */ new Map();
-  for (const [l] of e)
-    o.set(l, (i.get(l) || []).length);
-  const a = [], h = [];
-  for (const [l, f] of o)
-    f === 0 && h.push(l);
+function R(a, t, e, i, s, n) {
+  const r = /* @__PURE__ */ new Map();
+  for (const [c] of e)
+    r.set(c, (i.get(c) || []).length);
+  const o = [], h = [];
+  for (const [c, f] of r)
+    f === 0 && h.push(c);
   for (; h.length > 0; ) {
-    const l = h.shift();
-    a.push(l);
-    for (const { id: f } of s.get(l) || []) {
-      const u = o.get(f) - 1;
-      o.set(f, u), u === 0 && h.push(f);
+    const c = h.shift();
+    o.push(c);
+    for (const { id: f } of s.get(c) || []) {
+      const u = r.get(f) - 1;
+      r.set(f, u), u === 0 && h.push(f);
     }
   }
-  const d = /* @__PURE__ */ new Map([[r, 0]]), _ = (l) => e.get(l)._start.getTime() + (d.get(l) || 0), c = (l) => e.get(l)._end.getTime() + (d.get(l) || 0);
+  const _ = /* @__PURE__ */ new Map([[a, 0]]), d = (c) => e.get(c)._start.getTime() + (_.get(c) || 0), l = (c) => e.get(c)._end.getTime() + (_.get(c) || 0);
   if (n === "downstream" || n === "both")
-    for (const l of a) {
-      if (l === r) continue;
+    for (const c of o) {
+      if (c === a) continue;
       let f = 0;
-      for (const { id: u, type: b } of i.get(l) || []) {
-        const y = F(u, l, b, _, c);
+      for (const { id: u, type: b } of i.get(c) || []) {
+        const y = F(u, c, b, d, l);
         y > f && (f = y);
       }
-      f > 0 && d.set(l, (d.get(l) || 0) + f);
+      f > 0 && _.set(c, (_.get(c) || 0) + f);
     }
   if (n === "upstream" || n === "both")
-    for (let l = a.length - 1; l >= 0; l--) {
-      const f = a[l];
-      if (f === r) continue;
+    for (let c = o.length - 1; c >= 0; c--) {
+      const f = o[c];
+      if (f === a) continue;
       let u = 0;
       for (const { id: b, type: y } of s.get(f) || []) {
-        const k = F(f, b, y, _, c);
-        if (k > 0) {
-          const $ = -k;
+        const v = F(f, b, y, d, l);
+        if (v > 0) {
+          const $ = -v;
           $ < u && (u = $);
         }
       }
-      u < 0 && d.set(f, (d.get(f) || 0) + u);
+      u < 0 && _.set(f, (_.get(f) || 0) + u);
     }
-  const p = /* @__PURE__ */ new Map();
-  for (const [l, f] of d)
-    l !== r && f !== 0 && p.set(l, f);
-  return p;
+  const g = /* @__PURE__ */ new Map();
+  for (const [c, f] of _)
+    c !== a && f !== 0 && g.set(c, f);
+  return g;
 }
-function F(r, t, e, i, s) {
-  const n = i(r), o = s(r), a = i(t), h = s(t);
+function F(a, t, e, i, s) {
+  const n = i(a), r = s(a), o = i(t), h = s(t);
   switch (e) {
     case "finish-to-start":
-      return o > a ? o - a : 0;
+      return r > o ? r - o : 0;
     case "start-to-start":
-      return n > a ? n - a : 0;
+      return n > o ? n - o : 0;
     case "finish-to-finish":
-      return o > h ? o - h : 0;
+      return r > h ? r - h : 0;
     case "start-to-finish":
       return n > h ? n - h : 0;
     default:
-      return o > a ? o - a : 0;
+      return r > o ? r - o : 0;
   }
 }
 class U {
   constructor(t, e, i, s) {
-    this.gantt = t, this.from_task = e, this.to_task = i, this.dependency_type = s, this.is_critical = this.check_critical_path(), this.is_invalid = this.check_invalid_dependency(), this.is_hovered = !1, this.calculate_path(), this.draw();
+    this.gantt = t, this.from_task = e, this.to_task = i, this.dependency_type = s, this.is_critical = this.check_critical_path(), this.is_invalid = this.check_invalid_dependency(), this.is_hovered = !1, this.is_active = !1, 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;
@@ -346,125 +346,125 @@ class U {
     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(), o = this.from_task.$bar.getX(), a = this.to_task.$bar.getX() + this.to_task.$bar.getWidth(), h = this.to_task.$bar.getX(), d = (l) => e.header_height + t.bar_height / 2 + (t.padding + t.bar_height) * l.task._index + t.padding / 2, _ = d(this.from_task), c = d(this.to_task), p = (_ + c) / 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(), r = this.from_task.$bar.getX(), o = this.to_task.$bar.getX() + this.to_task.$bar.getWidth(), h = this.to_task.$bar.getX(), _ = (c) => e.header_height + t.bar_height / 2 + (t.padding + t.bar_height) * c.task._index + t.padding / 2, d = _(this.from_task), l = _(this.to_task), g = (d + l) / 2;
     switch (this.dependency_type) {
       case "finish-to-start":
         this.path = this._path_finish_to_start(
           n,
+          r,
           o,
-          a,
           h,
-          _,
-          c,
-          p,
+          d,
+          l,
+          g,
           s,
           i
-        );
+        ), this.label_pos = { x: h, y: l, side: "left" };
         break;
       case "start-to-start":
         this.path = this._path_start_to_start(
-          o,
+          r,
           h,
-          _,
-          c,
+          d,
+          l,
           s,
           i
-        );
+        ), this.label_pos = { x: h, y: l, side: "left" };
         break;
       case "finish-to-finish":
         this.path = this._path_finish_to_finish(
           n,
-          a,
-          _,
-          c,
+          o,
+          d,
+          l,
           s,
           i
-        );
+        ), this.label_pos = { x: o, y: l, side: "right" };
         break;
       case "start-to-finish":
         this.path = this._path_start_to_finish(
+          r,
           o,
-          a,
-          _,
-          c,
-          p,
+          d,
+          l,
+          g,
           s,
           i
-        );
+        ), this.label_pos = { x: o, y: l, side: "right" };
         break;
       default:
         this.path = this._path_finish_to_start(
           n,
+          r,
           o,
-          a,
           h,
-          _,
-          c,
-          p,
+          d,
+          l,
+          g,
           s,
           i
-        );
+        ), this.label_pos = { x: h, y: l, side: "left" };
     }
   }
-  _path_finish_to_start(t, e, i, s, n, o, a, h, d) {
-    const _ = t + h;
-    if (_ < s)
+  _path_finish_to_start(t, e, i, s, n, r, o, h, _) {
+    const d = t + h;
+    if (d < s)
       return `
                 M ${t} ${n}
-                H ${_ - d}
-                a ${d} ${d} 0 0 1 ${d} ${d}
-                V ${o - d}
-                a ${d} ${d} 0 0 0 ${d} ${d}
+                H ${d - _}
+                a ${_} ${_} 0 0 1 ${_} ${_}
+                V ${r - _}
+                a ${_} ${_} 0 0 0 ${_} ${_}
                 H ${s}
                 m -5 -5 l 5 5 l -5 5`;
-    const c = s - h;
+    const l = s - h;
     return `
             M ${t} ${n}
-            H ${_ - d}
-            a ${d} ${d} 0 0 1 ${d} ${d}
-            V ${a - d}
-            a ${d} ${d} 0 0 1 ${-d} ${d}
-            H ${c + d}
-            a ${d} ${d} 0 0 0 ${-d} ${d}
-            V ${o - d}
-            a ${d} ${d} 0 0 0 ${d} ${d}
+            H ${d - _}
+            a ${_} ${_} 0 0 1 ${_} ${_}
+            V ${o - _}
+            a ${_} ${_} 0 0 1 ${-_} ${_}
+            H ${l + _}
+            a ${_} ${_} 0 0 0 ${-_} ${_}
+            V ${r - _}
+            a ${_} ${_} 0 0 0 ${_} ${_}
             H ${s}
             m -5 -5 l 5 5 l -5 5`;
   }
-  _path_start_to_start(t, e, i, s, n, o) {
-    const a = Math.min(t, e) - n;
+  _path_start_to_start(t, e, i, s, n, r) {
+    const o = Math.min(t, e) - n;
     return `
             M ${t} ${i}
-            H ${a + o}
-            a ${o} ${o} 0 0 0 ${-o} ${o}
-            V ${s - o}
-            a ${o} ${o} 0 0 0 ${o} ${o}
+            H ${o + r}
+            a ${r} ${r} 0 0 0 ${-r} ${r}
+            V ${s - r}
+            a ${r} ${r} 0 0 0 ${r} ${r}
             H ${e}
             m -5 -5 l 5 5 l -5 5`;
   }
-  _path_finish_to_finish(t, e, i, s, n, o) {
-    const a = Math.max(t, e) + n;
+  _path_finish_to_finish(t, e, i, s, n, r) {
+    const o = Math.max(t, e) + n;
     return `
             M ${t} ${i}
-            H ${a - o}
-            a ${o} ${o} 0 0 1 ${o} ${o}
-            V ${s - o}
-            a ${o} ${o} 0 0 1 ${-o} ${o}
+            H ${o - r}
+            a ${r} ${r} 0 0 1 ${r} ${r}
+            V ${s - r}
+            a ${r} ${r} 0 0 1 ${-r} ${r}
             H ${e}
             m 5 -5 l -5 5 l 5 5`;
   }
-  _path_start_to_finish(t, e, i, s, n, o, a) {
-    const h = t - o, d = e + o;
+  _path_start_to_finish(t, e, i, s, n, r, o) {
+    const h = t - r, _ = e + r;
     return `
             M ${t} ${i}
-            H ${h + a}
-            a ${a} ${a} 0 0 0 ${-a} ${a}
-            V ${n - a}
-            a ${a} ${a} 0 0 0 ${a} ${a}
-            H ${d - a}
-            a ${a} ${a} 0 0 1 ${a} ${a}
-            V ${s - a}
-            a ${a} ${a} 0 0 1 ${-a} ${a}
+            H ${h + o}
+            a ${o} ${o} 0 0 0 ${-o} ${o}
+            V ${n - o}
+            a ${o} ${o} 0 0 0 ${o} ${o}
+            H ${_ - o}
+            a ${o} ${o} 0 0 1 ${o} ${o}
+            V ${s - o}
+            a ${o} ${o} 0 0 1 ${-o} ${o}
             H ${e}
             m 5 -5 l -5 5 l 5 5`;
   }
@@ -495,18 +495,69 @@ class U {
       this._get_connected_bars().forEach((i) => {
         const s = i.querySelector(".bar");
         s && s.classList.add(e);
-      });
+      }), this._show_label();
     }), this.hit_element.addEventListener("mouseleave", () => {
       this.is_hovered = !1, this.element.classList.remove("arrow-hover"), this._get_connected_bars().forEach((e) => {
         const i = e.querySelector(".bar");
-        i && i.classList.remove("bar-arrow-hover", "bar-arrow-critical", "bar-arrow-invalid");
-      });
+        i && (i.classList.remove("bar-arrow-hover"), this.is_active || i.classList.remove("bar-arrow-critical", "bar-arrow-invalid"));
+      }), !this.is_active && !this.is_hovered && this._hide_label();
+    }), this.hit_element.addEventListener("click", (e) => {
+      e.stopPropagation(), this.is_active ? this.gantt.set_active_arrow(null) : this.gantt.set_active_arrow(this);
+    });
+  }
+  _get_type_abbr() {
+    return {
+      "finish-to-start": "FS",
+      "start-to-start": "SS",
+      "finish-to-finish": "FF",
+      "start-to-finish": "SF"
+    }[this.dependency_type] || "FS";
+  }
+  _show_label() {
+    if (this.label_element) return;
+    const t = this._get_type_abbr(), e = 21, i = 20, { x: s, y: n, side: r } = this.label_pos, o = r === "left" ? s - 10 - e / 2 : s + 10 + e / 2, h = n;
+    this.label_element = w("g", { class: "arrow-type-label" });
+    const _ = w("rect", {
+      x: o - e / 2,
+      y: h - i / 2,
+      width: e,
+      height: i,
+      rx: 3
+    }), d = w("text", {
+      x: o,
+      y: h,
+      "dominant-baseline": "middle",
+      "text-anchor": "middle"
+    });
+    d.textContent = t, this.label_element.appendChild(_), this.label_element.appendChild(d), 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 }));
+    }), this.label_element.addEventListener("click", (l) => {
+      l.stopPropagation(), this.hit_element.dispatchEvent(new MouseEvent("click", { bubbles: !1 }));
+    }), this.gantt.layers.arrow.appendChild(this.label_element);
+  }
+  _hide_label() {
+    this.label_element && (this.label_element.remove(), this.label_element = null);
+  }
+  activate() {
+    this.is_active = !0, this.element.classList.add("arrow-active"), this._show_label();
+    const t = this.is_invalid ? "bar-arrow-invalid" : this.is_critical ? "bar-arrow-critical" : "bar-arrow-active";
+    this._get_connected_bars().forEach((e) => {
+      const i = e.querySelector(".bar");
+      i && i.classList.add(t);
+    });
+  }
+  deactivate() {
+    this.is_active = !1, this.element.classList.remove("arrow-active"), this._hide_label(), this._get_connected_bars().forEach((t) => {
+      const e = t.querySelector(".bar");
+      e && e.classList.remove("bar-arrow-active", "bar-arrow-critical", "bar-arrow-invalid");
     });
   }
   update() {
     this.calculate_path(), this.element.setAttribute("d", this.path), this.hit_element.setAttribute("d", this.path), this.is_invalid = this.check_invalid_dependency();
     let t = "";
-    this.is_invalid ? t = "arrow-invalid" : this.is_critical && (t = "arrow-critical"), this.is_hovered && (t += " arrow-hover"), this.element.setAttribute("class", t.trim());
+    this.is_invalid ? t = "arrow-invalid" : this.is_critical && (t = "arrow-critical"), this.is_hovered && (t += " arrow-hover"), this.is_active && (t += " arrow-active"), this.element.setAttribute("class", t.trim());
   }
 }
 class Q {
@@ -596,7 +647,7 @@ class Q {
       class: "bar-progress",
       append_to: this.bar_group
     }), this.task.color_progress && (this.$bar_progress.style.fill = this.task.color_progress);
-    const e = g.diff(
+    const e = p.diff(
       this.task._start,
       this.gantt.gantt_start,
       this.gantt.config.unit
@@ -610,15 +661,15 @@ class Q {
     this.$date_highlight = i, this.gantt.$lower_header.prepend(this.$date_highlight), z(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, d) => h + (d >= this.x && d < e), 0) * this.gantt.config.column_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;
     let s = (t - i) * this.task.progress / 100;
-    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(
+    const n = this.x + s, r = this.gantt.config.ignored_positions.reduce((h, _) => h + (_ >= this.x && _ < n), 0) * this.gantt.config.column_width;
+    s += r;
+    let o = this.gantt.get_ignored_region(
       this.x + s
     );
-    for (; a.length; )
-      s += this.gantt.config.column_width, a = this.gantt.get_ignored_region(
+    for (; o.length; )
+      s += this.gantt.config.column_width, o = this.gantt.get_ignored_region(
         this.x + s
       );
     return this.progress_width = s, s;
@@ -759,89 +810,89 @@ class Q {
   setup_click_event() {
     this.event_listeners = [];
     let t = this.task.id;
-    const e = (p) => {
+    const e = (g) => {
       this.gantt.trigger_event("hover", [
         this.task,
-        p.screenX,
-        p.screenY,
-        p
+        g.screenX,
+        g.screenY,
+        g
       ]);
     };
     if (m.on(this.group, "mouseover", e), this.event_listeners.push({ event: "mouseover", handler: e }), this.gantt.options.popup_on === "click") {
-      const p = (l) => {
-        const f = l.offsetX || l.layerX;
+      const g = (c) => {
+        const f = c.offsetX || c.layerX;
         if (this.$handle_progress) {
           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: l.offsetX || l.layerX,
-          y: l.offsetY || l.layerY,
+          x: c.offsetX || c.layerX,
+          y: c.offsetY || c.layerY,
           task: this.task,
           target: this.$bar
         });
       };
-      m.on(this.group, "click", p), this.event_listeners.push({ event: "click", handler: p });
+      m.on(this.group, "click", g), this.event_listeners.push({ event: "click", handler: g });
     }
     let i;
-    const s = (p) => {
+    const s = (g) => {
       i = setTimeout(() => {
         this.gantt.options.popup_on === "hover" && this.gantt.show_popup({
-          x: p.offsetX || p.layerX,
-          y: p.offsetY || p.layerY,
+          x: g.offsetX || g.layerX,
+          y: g.offsetY || g.layerY,
           task: this.task,
           target: this.$bar
         });
-        const l = this.gantt.$container.querySelector(`.highlight-${CSS.escape(t)}`);
-        l && l.classList.remove("hide");
+        const c = this.gantt.$container.querySelector(`.highlight-${CSS.escape(t)}`);
+        c && c.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"));
     };
     m.on(this.group, "mouseenter", s), this.event_listeners.push({ event: "mouseenter", handler: s });
     const n = () => {
-      var l, f;
-      clearTimeout(i), this.gantt.options.popup_on === "hover" && ((f = (l = this.gantt.popup) == null ? void 0 : l.hide) == null || f.call(l));
-      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 c, f;
+      clearTimeout(i), this.gantt.options.popup_on === "hover" && ((f = (c = this.gantt.popup) == null ? void 0 : c.hide) == null || f.call(c));
+      const g = this.gantt.$container.querySelector(`.highlight-${CSS.escape(t)}`);
+      g && g.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));
     };
     m.on(this.group, "mouseleave", n), this.event_listeners.push({ event: "mouseleave", handler: n });
-    const o = () => {
+    const r = () => {
       this.is_dragging = !0, this.hide_add_icon();
     };
-    m.on(this.group, "mousedown", o), this.event_listeners.push({ event: "mousedown", handler: o });
-    const a = () => {
+    m.on(this.group, "mousedown", r), this.event_listeners.push({ event: "mousedown", handler: r });
+    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);
     };
-    m.on(this.group, "mouseup", a), this.event_listeners.push({ event: "mouseup", handler: a });
+    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]);
     };
     m.on(this.group, "click", h), this.event_listeners.push({ event: "click", handler: h });
-    const d = () => {
+    const _ = () => {
       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]));
     };
-    m.on(this.group, "dblclick", d), this.event_listeners.push({ event: "dblclick", handler: d });
-    let _ = !1;
-    const c = (p) => {
-      if (!_)
-        return _ = !0, setTimeout(function() {
-          _ = !1;
+    m.on(this.group, "dblclick", _), this.event_listeners.push({ event: "dblclick", handler: _ });
+    let d = !1;
+    const l = (g) => {
+      if (!d)
+        return d = !0, setTimeout(function() {
+          d = !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]));
+      g.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]));
     };
-    m.on(this.group, "touchstart", c), this.event_listeners.push({ event: "touchstart", handler: c });
+    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;
     t && (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.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();
   }
   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") || "", 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, c = h + s.getBBox().width + 7, p = e + i.clientWidth / 2;
-    s.classList.contains("big") || (c < a && t > 0 && c < p || h - _ > this.$bar.getX() && t < 0 && c > p) && (s.setAttribute("x", h), n && (n.setAttribute("x", d), o.setAttribute("x", d)));
+    const i = this.gantt.$container, s = this.group.querySelector(".bar-label"), n = this.group.querySelector(".bar-img") || "", r = this.bar_group.querySelector(".img_mask") || "";
+    let o = this.$bar.getX() + this.$bar.getWidth(), h = s.getX() + t, _ = n && n.getX() + t || 0, d = n && n.getBBox().width + 7 || 7, l = h + s.getBBox().width + 7, g = e + i.clientWidth / 2;
+    s.classList.contains("big") || (l < o && t > 0 && l < g || h - d > this.$bar.getX() && t < 0 && l > g) && (s.setAttribute("x", h), n && (n.setAttribute("x", _), r.setAttribute("x", _)));
   }
   date_changed() {
     let t = !1;
@@ -849,7 +900,7 @@ class Q {
     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,
-      g.add(i, -1, "second")
+      p.add(i, -1, "second")
     ]);
   }
   progress_changed() {
@@ -863,12 +914,12 @@ class Q {
   }
   compute_start_end_date() {
     const t = this.$bar, e = t.getX() / this.gantt.config.column_width;
-    let i = g.add(
+    let i = p.add(
       this.gantt.gantt_start,
       e * this.gantt.config.step,
       this.gantt.config.unit
     );
-    const s = t.getWidth() / this.gantt.config.column_width, n = g.add(
+    const s = t.getWidth() / this.gantt.config.column_width, n = p.add(
       i,
       s * this.gantt.config.step,
       this.gantt.config.unit
@@ -883,11 +934,11 @@ class Q {
     return parseInt(e / i * 100, 10);
   }
   compute_expected_progress() {
-    this.expected_progress = g.diff(g.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 = p.diff(p.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 = g.diff(e, i, this.gantt.config.unit) / this.gantt.config.step * t;
+    let n = p.diff(e, i, this.gantt.config.unit) / this.gantt.config.step * t;
     this.x = n;
   }
   compute_y() {
@@ -899,10 +950,10 @@ class Q {
       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 = g.convert_scales(
+    this.task.actual_duration = t, this.task.ignored_duration = e - t, this.duration = p.convert_scales(
       e + "d",
       this.gantt.config.unit
-    ) / this.gantt.config.step, this.actual_duration_raw = g.convert_scales(
+    ) / this.gantt.config.step, this.actual_duration_raw = p.convert_scales(
       t + "d",
       this.gantt.config.unit
     ) / this.gantt.config.step, this.ignored_duration_raw = this.duration - this.actual_duration_raw;
@@ -924,14 +975,14 @@ class Q {
   }
   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, 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(
+    let n = 5, r = 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() + r)) : 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 + o
+      e.getX() + h / 2 + r
     )) : i.setAttribute(
       "x",
-      e.getX() + h / 2 - a / 2
+      e.getX() + h / 2 - o / 2
     ));
   }
   update_handle_position() {
@@ -981,18 +1032,18 @@ class K {
       task: i,
       chart: this.gantt,
       get_title: () => this.title,
-      set_title: (o) => this.title.innerHTML = o,
+      set_title: (r) => this.title.innerHTML = r,
       get_subtitle: () => this.subtitle,
-      set_subtitle: (o) => this.subtitle.innerHTML = o,
+      set_subtitle: (r) => this.subtitle.innerHTML = r,
       get_details: () => this.details,
-      set_details: (o) => this.details.innerHTML = o,
-      add_action: (o, a) => {
+      set_details: (r) => this.details.innerHTML = r,
+      add_action: (r, o) => {
         let h = this.gantt.create_el({
           classes: "action-btn",
           type: "button",
           append_to: this.actions
         });
-        typeof o == "function" && (o = o(i)), h.innerHTML = o, h.onclick = (d) => a(i, this.gantt, d);
+        typeof r == "function" && (r = r(i)), h.innerHTML = r, h.onclick = (_) => o(i, this.gantt, _);
       }
     });
     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"));
@@ -1001,13 +1052,13 @@ class K {
     this.parent.classList.add("hide");
   }
 }
-function C(r) {
-  const t = r.getFullYear();
+function C(a) {
+  const t = a.getFullYear();
   return t - t % 10 + "";
 }
-function J(r, t, e) {
-  let i = g.add(r, 6, "day"), s = i.getMonth() !== r.getMonth() ? "D MMM" : "D", n = !t || r.getMonth() !== t.getMonth() ? "D MMM" : "D";
-  return `${g.format(r, n, e)} - ${g.format(i, s, e)}`;
+function J(a, t, e) {
+  let i = p.add(a, 6, "day"), s = i.getMonth() !== a.getMonth() ? "D MMM" : "D", n = !t || a.getMonth() !== t.getMonth() ? "D MMM" : "D";
+  return `${p.format(a, n, e)} - ${p.format(i, s, e)}`;
 }
 const x = [
   {
@@ -1016,7 +1067,7 @@ const x = [
     step: "1h",
     date_format: "YYYY-MM-DD HH:",
     lower_text: "HH",
-    upper_text: (r, t, e) => !t || r.getDate() !== t.getDate() ? g.format(r, "D MMMM", e) : "",
+    upper_text: (a, t, e) => !t || a.getDate() !== t.getDate() ? p.format(a, "D MMMM", e) : "",
     upper_text_frequency: 24
   },
   {
@@ -1025,7 +1076,7 @@ const x = [
     step: "6h",
     date_format: "YYYY-MM-DD HH:",
     lower_text: "HH",
-    upper_text: (r, t, e) => !t || r.getDate() !== t.getDate() ? g.format(r, "D MMM", e) : "",
+    upper_text: (a, t, e) => !t || a.getDate() !== t.getDate() ? p.format(a, "D MMM", e) : "",
     upper_text_frequency: 4
   },
   {
@@ -1034,7 +1085,7 @@ const x = [
     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() ? g.format(r, "D MMM", e) : g.format(r, "D", e) : "",
+    upper_text: (a, t, e) => !t || a.getDate() !== t.getDate() ? a.getMonth() !== a.getMonth() ? p.format(a, "D MMM", e) : p.format(a, "D", e) : "",
     upper_text_frequency: 2
   },
   {
@@ -1042,9 +1093,9 @@ const x = [
     padding: "7d",
     date_format: "YYYY-MM-DD",
     step: "1d",
-    lower_text: (r, t, e) => !t || r.getDate() !== t.getDate() ? g.format(r, "D", e) : "",
-    upper_text: (r, t, e) => !t || r.getMonth() !== t.getMonth() ? g.format(r, "MMMM", e) : "",
-    thick_line: (r) => r.getDay() === 1
+    lower_text: (a, t, e) => !t || a.getDate() !== t.getDate() ? p.format(a, "D", e) : "",
+    upper_text: (a, t, e) => !t || a.getMonth() !== t.getMonth() ? p.format(a, "MMMM", e) : "",
+    thick_line: (a) => a.getDay() === 1
   },
   {
     name: "Week",
@@ -1053,8 +1104,8 @@ const x = [
     date_format: "YYYY-MM-DD",
     column_width: 140,
     lower_text: J,
-    upper_text: (r, t, e) => !t || r.getMonth() !== t.getMonth() ? g.format(r, "MMMM", e) : "",
-    thick_line: (r) => r.getDate() >= 1 && r.getDate() <= 7,
+    upper_text: (a, t, e) => !t || a.getMonth() !== t.getMonth() ? p.format(a, "MMMM", e) : "",
+    thick_line: (a) => a.getDate() >= 1 && a.getDate() <= 7,
     upper_text_frequency: 4
   },
   {
@@ -1064,8 +1115,8 @@ const x = [
     column_width: 120,
     date_format: "YYYY-MM",
     lower_text: "MMMM",
-    upper_text: (r, t, e) => !t || r.getFullYear() !== t.getFullYear() ? g.format(r, "YYYY", e) : "",
-    thick_line: (r) => r.getMonth() % 3 === 0,
+    upper_text: (a, t, e) => !t || a.getFullYear() !== t.getFullYear() ? p.format(a, "YYYY", e) : "",
+    thick_line: (a) => a.getMonth() % 3 === 0,
     snap_at: "7d"
   },
   {
@@ -1074,7 +1125,7 @@ const x = [
     step: "1y",
     column_width: 120,
     date_format: "YYYY",
-    upper_text: (r, t, e) => !t || C(r) !== C(t) ? C(r) : "",
+    upper_text: (a, t, e) => !t || C(a) !== C(t) ? C(a) : "",
     lower_text: "YYYY",
     snap_at: "30d"
   }
@@ -1100,19 +1151,19 @@ const x = [
   language: "en",
   lines: "both",
   padding: 18,
-  popup: (r) => {
-    r.set_title(r.task.name), r.task.description ? r.set_subtitle(r.task.description) : r.set_subtitle("");
-    const t = g.format(
-      r.task._start,
+  popup: (a) => {
+    a.set_title(a.task.name), a.task.description ? a.set_subtitle(a.task.description) : a.set_subtitle("");
+    const t = p.format(
+      a.task._start,
       "MMM D",
-      r.chart.options.language
-    ), e = g.format(
-      g.add(r.task._end, -1, "second"),
+      a.chart.options.language
+    ), e = p.format(
+      p.add(a.task._end, -1, "second"),
       "MMM D",
-      r.chart.options.language
+      a.chart.options.language
     );
-    r.set_details(
-      `${t} - ${e} (${r.task.actual_duration} days${r.task.ignored_duration ? " + " + r.task.ignored_duration + " excluded" : ""})<br/>Progress: ${Math.floor(r.task.progress * 100) / 100}%`
+    a.set_details(
+      `${t} - ${e} (${a.task.actual_duration} days${a.task.ignored_duration ? " + " + a.task.ignored_duration + " excluded" : ""})<br/>Progress: ${Math.floor(a.task.progress * 100) / 100}%`
     );
   },
   popup_on: "click",
@@ -1126,7 +1177,7 @@ const x = [
   view_mode: "Day",
   view_mode_select: !1,
   view_modes: x,
-  is_weekend: (r) => r.getDay() === 0 || r.getDay() === 6,
+  is_weekend: (a) => a.getDay() === 0 || a.getDay() === 6,
   task_column: {
     enabled: !1,
     width: 200,
@@ -1178,7 +1229,7 @@ class tt {
     this.original_options = t, t != null && t.view_modes && (t.view_modes = t.view_modes.map((s) => {
       if (typeof s == "string") {
         const n = x.find(
-          (o) => o.name === s
+          (r) => r.name === s
         );
         return n || console.error(
           `The view mode "${s}" is not predefined in Frappe Gantt. Please define the view mode object instead.`
@@ -1246,18 +1297,18 @@ 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((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)
+        if (e._start = p.parse(e.start), e.end === void 0 && e.duration !== void 0 && (e.end = e._start, e.duration.split(" ").forEach((h) => {
+          let { duration: _, scale: d } = p.parse_duration(h);
+          e.end = p.add(e.end, _, d);
+        })), e._end = p.parse(e.end), p.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 (g.diff(e._end, e._start, "year") > 10)
+        if (p.diff(e._end, e._start, "year") > 10)
           return console.error(
             `the duration of task "${e.id}" is too long (above ten years)`
           ), !1;
-        e._index = i, g.get_date_values(e._end).slice(3).every((a) => a === 0) && (e._end = g.add(e._end, 24, "hour"));
+        e._index = i, p.get_date_values(e._end).slice(3).every((o) => o === 0) && (e._end = p.add(e._end, 24, "hour"));
       }
       return (typeof e.dependencies == "string" || Array.isArray(e.dependencies) && e.dependencies.some((n) => typeof n == "string")) && console.warn(`[frappe-gantt] Task "${e.id}": dependencies must be an array of {id, type?} objects. String format is no longer supported.`), Array.isArray(e.dependencies) || (e.dependencies = []), e.dependencies = e.dependencies.filter((n) => n && typeof n.id == "string").map((n) => ({ ...n, id: n.id.replaceAll(" ", "_") })), e.id ? typeof e.id == "string" ? e.id = e.id.replaceAll(" ", "_") : e.id = `${e.id}` : e.id = et(e), e;
     }).filter((e) => e).map((e, i) => (e._index = i, e)), this.setup_dependencies();
@@ -1272,9 +1323,9 @@ class tt {
     this.setup_tasks(t), this.change_view_mode(this.options.view_mode, e);
   }
   update_task(t, e) {
-    let i = this.tasks.find((o) => o.id === t), s = this.bars[i._index];
+    let i = this.tasks.find((r) => r.id === t), s = this.bars[i._index];
     const n = e.dependencies !== void 0;
-    Object.assign(i, e), n && (Array.isArray(i.dependencies) || (i.dependencies = []), i.dependencies = i.dependencies.filter((o) => o && typeof o.id == "string").map((o) => ({ ...o, id: o.id.replaceAll(" ", "_") })), this.setup_dependencies(), this.layers.arrow.innerHTML = "", this.make_arrows(), this.map_arrows_on_bars()), s.refresh();
+    Object.assign(i, e), n && (Array.isArray(i.dependencies) || (i.dependencies = []), i.dependencies = i.dependencies.filter((r) => r && typeof r.id == "string").map((r) => ({ ...r, id: r.id.replaceAll(" ", "_") })), this.setup_dependencies(), this.layers.arrow.innerHTML = "", this.make_arrows(), this.map_arrows_on_bars()), s.refresh();
   }
   change_view_mode(t = this.options.view_mode, e = !1) {
     typeof t == "string" && (t = this.options.view_modes.find((n) => n.name === t));
@@ -1282,7 +1333,7 @@ class tt {
     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 } = g.parse_duration(t.step);
+    let { duration: e, scale: i } = p.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"
@@ -1296,13 +1347,13 @@ class tt {
     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 = g.start_of(e, this.config.unit), i = g.start_of(i, this.config.unit), !t)
+    if (e = p.start_of(e, this.config.unit), i = p.start_of(i, this.config.unit), !t)
       if (this.options.infinite_padding)
-        this.gantt_start = g.add(
+        this.gantt_start = p.add(
           e,
           -this.config.extend_by_units * 3,
           this.config.unit
-        ), this.gantt_end = g.add(
+        ), this.gantt_end = p.add(
           i,
           this.config.extend_by_units * 3,
           this.config.unit
@@ -1313,13 +1364,13 @@ class tt {
           this.config.view_mode.padding
         ]);
         let [s, n] = this.config.view_mode.padding.map(
-          g.parse_duration
+          p.parse_duration
         );
-        this.gantt_start = g.add(
+        this.gantt_start = p.add(
           e,
           -s.duration,
           s.scale
-        ), this.gantt_end = g.add(
+        ), this.gantt_end = p.add(
           i,
           n.duration,
           n.scale
@@ -1330,7 +1381,7 @@ class tt {
   setup_date_values() {
     let t = this.gantt_start;
     for (this.dates = [t]; t < this.gantt_end; )
-      t = g.add(
+      t = p.add(
         t,
         this.config.step,
         this.config.unit
@@ -1431,12 +1482,12 @@ class tt {
     }
   }
   make_task_column() {
-    var i, s, n, o, a, h, d, _, c, p;
+    var i, s, n, r, o, h, _, d, l, g;
     if ((i = this.$task_column) == null || i.remove(), !((s = this.options.task_column) != null && s.enabled)) {
-      (o = (n = this.$wrapper) == null ? void 0 : n.classList) == null || o.remove("has-task-column");
+      (r = (n = this.$wrapper) == null ? void 0 : n.classList) == null || r.remove("has-task-column");
       return;
     }
-    (h = (a = this.$wrapper) == null ? void 0 : a.classList) == null || h.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({
@@ -1456,21 +1507,21 @@ class tt {
     ), this.$container.style.setProperty(
       "--gv-task-column-content-height",
       e + "px"
-    ), this.tasks.forEach((l) => {
+    ), this.tasks.forEach((c) => {
       const f = this.options.bar_height + this.options.padding, u = this.create_el({
         classes: "task-row",
         append_to: this.$task_column_content
       });
-      if (u.style.top = l._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(l);
+      if (u.style.top = c._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(c);
         typeof b == "string" ? u.innerHTML = b : b instanceof HTMLElement && u.appendChild(b);
       } else
-        u.textContent = l.name, u.title = l.name;
-      u.setAttribute("data-task-id", l.id);
+        u.textContent = c.name, u.title = c.name;
+      u.setAttribute("data-task-id", c.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 ? (_ = (d = this.$wrapper) == null ? void 0 : d.classList) == null || _.add("rtl") : (p = (c = this.$wrapper) == null ? void 0 : c.classList) == null || p.remove("rtl");
+    }), this.options.isRTL ? (d = (_ = this.$wrapper) == null ? void 0 : _.classList) == null || d.add("rtl") : (g = (l = this.$wrapper) == null ? void 0 : l.classList) == null || g.remove("rtl");
   }
   make_grid_ticks() {
     if (this.options.lines === "none") return;
@@ -1478,25 +1529,25 @@ class tt {
       class: "lines_layer",
       append_to: this.layers.grid
     }), n = this.config.header_height;
-    const o = this.dates.length * this.config.column_width, a = this.options.bar_height + this.options.padding;
+    const r = this.dates.length * this.config.column_width, o = this.options.bar_height + this.options.padding;
     if (this.options.lines !== "vertical")
-      for (let h = this.config.header_height; h < this.grid_height; h += a)
+      for (let h = this.config.header_height; h < this.grid_height; h += o)
         w("line", {
           x1: 0,
-          y1: n + a,
-          x2: o,
-          y2: n + a,
+          y1: n + o,
+          x2: r,
+          y2: n + o,
           class: "row-line",
           append_to: s
-        }), n += a;
+        }), n += o;
     if (this.options.lines !== "horizontal")
       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", {
+        let _ = "tick";
+        this.config.view_mode.thick_line && this.config.view_mode.thick_line(h) && (_ += " thick"), w("path", {
           d: `M ${t} ${e} v ${i}`,
-          class: d,
+          class: _,
           append_to: this.layers.grid
-        }), 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;
+        }), this.view_is("month") ? t += p.get_days_in_month(h) * this.config.column_width / 30 : this.view_is("year") ? t += p.get_days_in_year(h) * this.config.column_width / 365 : t += this.config.column_width;
       }
   }
   highlight_holidays() {
@@ -1507,43 +1558,43 @@ class tt {
         i === "weekend" && (i = this.options.is_weekend);
         let s;
         if (typeof i == "object") {
-          let n = i.find((o) => typeof o == "function");
+          let n = i.find((r) => typeof r == "function");
           if (n && (s = n), this.options.holidays.name) {
-            let o = /* @__PURE__ */ new Date(i.date + " ");
-            i = (a) => o.getTime() === a.getTime(), t[o] = i.name;
+            let r = /* @__PURE__ */ new Date(i.date + " ");
+            i = (o) => r.getTime() === o.getTime(), t[r] = i.name;
           } else
-            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();
+            i = (r) => 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();
               }
-              return (/* @__PURE__ */ new Date(a + " ")).getTime();
-            }).includes(o.getTime());
+              return (/* @__PURE__ */ new Date(o + " ")).getTime();
+            }).includes(r.getTime());
         }
         for (let n = new Date(this.gantt_start); n <= this.gantt_end; n.setDate(n.getDate() + 1))
           if (!(this.config.ignored_dates.find(
-            (o) => o.getTime() == n.getTime()
+            (r) => r.getTime() == n.getTime()
           ) || this.config.ignored_function && this.config.ignored_function(n)) && (i(n) || s && s(n))) {
-            const o = g.diff(
+            const r = p.diff(
               n,
               this.gantt_start,
               this.config.unit
-            ) / this.config.step * this.config.column_width, a = this.grid_height - this.config.header_height, h = 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 = p.format(n, "YYYY-MM-DD", this.options.language).replace(" ", "_");
             if (t[n]) {
-              let d = this.create_el({
+              let _ = this.create_el({
                 classes: "holiday-label label_" + h,
                 append_to: this.$extras
               });
-              d.textContent = t[n];
+              _.textContent = t[n];
             }
             w("rect", {
-              x: Math.round(o),
+              x: Math.round(r),
               y: this.config.header_height,
-              width: this.config.column_width / g.convert_scales(
+              width: this.config.column_width / p.convert_scales(
                 this.config.view_mode.step,
                 "day"
               ),
-              height: a,
+              height: o,
               class: "holiday-highlight " + h,
               style: `fill: ${e};`,
               append_to: this.layers.grid
@@ -1561,7 +1612,7 @@ class tt {
     if (!t) return;
     const [e, i] = t;
     i.classList.add("current-date-highlight");
-    const n = g.diff(
+    const n = p.diff(
       /* @__PURE__ */ new Date(),
       this.gantt_start,
       this.config.unit
@@ -1595,8 +1646,8 @@ class tt {
         (n) => n.getTime() == i.getTime()
       ) && (!this.config.ignored_function || !this.config.ignored_function(i)))
         continue;
-      let s = g.convert_scales(
-        g.diff(i, this.gantt_start) + "d",
+      let s = p.convert_scales(
+        p.diff(i, this.gantt_start) + "d",
         this.config.unit
       ) / this.config.step;
       this.config.ignored_positions.push(s * this.config.column_width), w("rect", {
@@ -1613,10 +1664,10 @@ class tt {
       this.config.view_mode
     );
   }
-  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;
+  create_el({ left: t, top: e, width: i, height: s, id: n, classes: r, append_to: o, type: h }) {
+    let _ = document.createElement(h || "div");
+    for (let d of r.split(" ")) _.classList.add(d);
+    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(_), _;
   }
   make_dates() {
     this.get_dates_to_draw().forEach((t, e) => {
@@ -1653,11 +1704,11 @@ class tt {
     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, o = this.config.view_mode.lower_text;
-    return n ? typeof n == "string" && (this.config.view_mode.upper_text = (a) => g.format(a, n, this.options.language)) : this.config.view_mode.upper_text = () => "", o ? typeof o == "string" && (this.config.view_mode.lower_text = (a) => g.format(a, o, this.options.language)) : this.config.view_mode.lower_text = () => "", {
+    let n = this.config.view_mode.upper_text, r = this.config.view_mode.lower_text;
+    return n ? typeof n == "string" && (this.config.view_mode.upper_text = (o) => p.format(o, n, this.options.language)) : this.config.view_mode.upper_text = () => "", r ? typeof r == "string" && (this.config.view_mode.lower_text = (o) => p.format(o, r, this.options.language)) : this.config.view_mode.lower_text = () => "", {
       date: t,
       formatted_date: D(
-        g.format(
+        p.format(
           t,
           this.config.date_format,
           this.options.language
@@ -1688,19 +1739,19 @@ class tt {
     }).filter((t) => t !== null);
   }
   make_arrows() {
-    this.arrows = [], this.options.critical_path && this.calculate_critical_path();
+    this.arrows = [], this.active_arrow = null, 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.id);
         if (!s) return;
-        const n = this.bars[s._index], o = this.bars[t._index];
-        if (!n || !o) return;
-        const a = i.type || this.options.dependencies_type || "finish-to-start", h = new U(
+        const n = this.bars[s._index], r = this.bars[t._index];
+        if (!n || !r) return;
+        const o = i.type || this.options.dependencies_type || "finish-to-start", h = new U(
           this,
           n,
-          o,
-          a
+          r,
+          o
         );
         return this.layers.arrow.appendChild(h.element), this.layers.arrow.appendChild(h.hit_element), h;
       }).filter(Boolean), this.arrows = this.arrows.concat(e);
@@ -1714,35 +1765,35 @@ class tt {
     });
     const e = (n) => {
       if (t[n.id].ef > 0) return t[n.id];
-      let o = 0;
+      let r = 0;
       n.dependencies && n.dependencies.length > 0 && n.dependencies.forEach((h) => {
-        const d = this.get_task(h.id);
-        if (d) {
-          const _ = e(d);
-          o = Math.max(o, _.ef);
+        const _ = this.get_task(h.id);
+        if (_) {
+          const d = e(_);
+          r = Math.max(r, d.ef);
         }
-      }), t[n.id].es = o;
-      const a = g.diff(n._end, n._start, "hour") / 24;
-      return t[n.id].ef = o + a, t[n.id];
+      }), t[n.id].es = r;
+      const o = p.diff(n._end, n._start, "hour") / 24;
+      return t[n.id].ef = r + 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 o = this.tasks.filter(
-        (d) => d.dependencies && d.dependencies.some((_) => _.id === n.id)
+      const r = this.tasks.filter(
+        (_) => _.dependencies && _.dependencies.some((d) => d.id === n.id)
       );
-      let a = i;
-      o.length > 0 && o.forEach((d) => {
-        const _ = s(d);
-        a = Math.min(a, _.ls);
+      let o = i;
+      r.length > 0 && r.forEach((_) => {
+        const d = s(_);
+        o = Math.min(o, d.ls);
       });
-      const h = g.diff(n._end, n._start, "hour") / 24;
-      return t[n.id].lf = a, t[n.id].ls = a - h, t[n.id];
+      const h = p.diff(n._end, n._start, "hour") / 24;
+      return t[n.id].lf = o, t[n.id].ls = o - 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;
+      const r = t[n.id], o = r.ls - r.es;
+      n._is_critical = Math.abs(o) < 0.01;
     });
   }
   update_arrow_critical_path() {
@@ -1760,8 +1811,8 @@ class tt {
   }
   set_scroll_position(t) {
     if (this.options.infinite_padding && (!t || t === "start")) {
-      let [o, ...a] = this.get_start_end_positions();
-      this.$container.scrollLeft = o;
+      let [r, ...o] = this.get_start_end_positions();
+      this.$container.scrollLeft = r;
       return;
     }
     if (!t || t === "start")
@@ -1771,9 +1822,9 @@ class tt {
     else {
       if (t === "today")
         return this.scroll_current();
-      typeof t == "string" && (t = g.parse(t));
+      typeof t == "string" && (t = p.parse(t));
     }
-    const i = g.diff(
+    const i = p.diff(
       t,
       this.gantt_start,
       this.config.unit
@@ -1781,7 +1832,7 @@ class tt {
     this.$container.scrollTo({
       left: i - this.config.column_width / 6,
       behavior: "smooth"
-    }), this.$current && this.$current.classList.remove("current-upper"), this.current_date = g.add(
+    }), this.$current && this.$current.classList.remove("current-upper"), this.current_date = p.add(
       this.gantt_start,
       this.$container.scrollLeft / this.config.column_width,
       this.config.unit
@@ -1791,9 +1842,9 @@ class tt {
       null,
       this.options.language
     ), n = this.upperTexts.find(
-      (o) => o.textContent === s
+      (r) => r.textContent === s
     );
-    this.current_date = g.add(
+    this.current_date = p.add(
       this.gantt_start,
       (this.$container.scrollLeft + n.clientWidth) / this.config.column_width,
       this.config.unit
@@ -1801,7 +1852,7 @@ class tt {
       this.current_date,
       null,
       this.options.language
-    ), n = this.upperTexts.find((o) => o.textContent === s), n.classList.add("current-upper"), this.$current = n;
+    ), n = this.upperTexts.find((r) => r.textContent === s), n.classList.add("current-upper"), this.$current = n;
   }
   scroll_current() {
     let t = this.get_closest_date();
@@ -1812,7 +1863,7 @@ class tt {
     if (t < this.gantt_start || t > this.gantt_end) return null;
     let e = /* @__PURE__ */ new Date(), i = this.$container.querySelector(
       ".date_" + D(
-        g.format(
+        p.format(
           e,
           this.config.date_format,
           this.options.language
@@ -1820,9 +1871,9 @@ class tt {
       )
     ), s = 0;
     for (; !i && s < this.config.step; )
-      e = g.add(e, -1, this.config.unit), i = this.$container.querySelector(
+      e = p.add(e, -1, this.config.unit), i = this.$container.querySelector(
         ".date_" + D(
-          g.format(
+          p.format(
             e,
             this.config.date_format,
             this.options.language
@@ -1831,7 +1882,7 @@ class tt {
       ), s++;
     return [
       /* @__PURE__ */ new Date(
-        g.format(
+        p.format(
           e,
           this.config.date_format,
           this.options.language
@@ -1849,14 +1900,14 @@ class tt {
         if (e && e.classList.contains("grid-row")) {
           const i = this.$svg, s = i.createSVGPoint();
           s.x = t.clientX, s.y = t.clientY;
-          const n = s.matrixTransform(i.getScreenCTM().inverse()), o = this.options.bar_height + this.options.padding, a = Math.floor((n.y - this.config.header_height) / o), h = this.tasks[a];
+          const n = s.matrixTransform(i.getScreenCTM().inverse()), r = this.options.bar_height + this.options.padding, o = Math.floor((n.y - this.config.header_height) / r), h = this.tasks[o];
           if (h && h._has_no_dates) {
-            const d = n.x / this.config.column_width, _ = Math.floor(d * this.config.step), c = g.add(
+            const _ = n.x / this.config.column_width, d = Math.floor(_ * this.config.step), l = p.add(
               this.gantt_start,
-              _,
+              d,
               this.config.unit
             );
-            h._start = c, h._end = g.add(c, 1, "day"), h.start = c, h.end = h._end, delete h._has_no_dates, this.refresh(this.tasks, !0), this.trigger_event("date_change", [
+            h._start = l, h._end = p.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
@@ -1892,61 +1943,61 @@ class tt {
   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: o }, a) {
-      let { x: h, width: d } = o.getBBox();
-      h < i && (i = h), h > s && (s = h), h + d > n && (n = h + d);
+    return Array.prototype.forEach.call(this.bars, function({ group: r }, o) {
+      let { x: h, width: _ } = r.getBBox();
+      h < i && (i = h), h > s && (s = h), h + _ > n && (n = h + _);
     }), [i, s, n];
   }
   bind_bar_events() {
-    let t = !1, e = 0, i = 0, s = !1, n = !1, o = null, a = [];
-    this.bar_being_dragged = null;
+    let t = !1, e = 0, i = 0, s = !1, n = !1, r = null, o = [];
+    this.bar_being_dragged = null, this.active_arrow = null;
     const h = () => t || s || n;
-    this.$svg.onclick = (_) => {
-      _.target.classList.contains("grid-row") && this.unselect_all();
-    };
-    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", (_, c) => {
-      const p = m.closest(".bar-wrapper", c);
-      c.classList.contains("left") ? (s = !0, c.classList.add("visible")) : c.classList.contains("right") ? (n = !0, c.classList.add("visible")) : c.classList.contains("bar-wrapper") && (t = !0), this.popup && this.popup.hide(), e = _.offsetX || _.layerX, o = p.getAttribute("data-id"), a = [this.get_bar(o)], this.bar_being_dragged = !1, d = e, a.forEach((l) => {
-        const f = l.$bar;
+    this.$svg.onclick = (d) => {
+      d.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 _ = 0;
+    if (m.on(this.$svg, "mousemove", ".bar-wrapper, .handle", (d) => {
+      this.bar_being_dragged === !1 && Math.abs((d.offsetX || d.layerX) - _) > 10 && (this.bar_being_dragged = !0);
+    }), m.on(this.$svg, "mousedown", ".bar-wrapper, .handle", (d, l) => {
+      const g = 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 = d.offsetX || d.layerX, r = g.getAttribute("data-id"), o = [this.get_bar(r)], this.bar_being_dragged = !1, _ = e, o.forEach((c) => {
+        const f = c.$bar;
         f.ox = f.getX(), f.oy = f.getY(), f.owidth = f.getWidth(), f.finaldx = 0;
       });
     }), this.options.infinite_padding) {
-      let _ = !1;
-      m.on(this.$container, "mousewheel", (c) => {
-        let p = this.$container.scrollWidth / 2;
-        if (!_ && c.currentTarget.scrollLeft <= p) {
-          let l = c.currentTarget.scrollLeft;
-          _ = !0, this.gantt_start = g.add(
+      let d = !1;
+      m.on(this.$container, "mousewheel", (l) => {
+        let g = this.$container.scrollWidth / 2;
+        if (!d && l.currentTarget.scrollLeft <= g) {
+          let c = l.currentTarget.scrollLeft;
+          d = !0, this.gantt_start = p.add(
             this.gantt_start,
             -this.config.extend_by_units,
             this.config.unit
-          ), this.setup_date_values(), this.render(), c.currentTarget.scrollLeft = l + this.config.column_width * this.config.extend_by_units, setTimeout(() => _ = !1, 300);
+          ), this.setup_date_values(), this.render(), l.currentTarget.scrollLeft = c + this.config.column_width * this.config.extend_by_units, setTimeout(() => d = !1, 300);
         }
-        if (!_ && c.currentTarget.scrollWidth - (c.currentTarget.scrollLeft + c.currentTarget.clientWidth) <= p) {
-          let l = c.currentTarget.scrollLeft;
-          _ = !0, this.gantt_end = g.add(
+        if (!d && l.currentTarget.scrollWidth - (l.currentTarget.scrollLeft + l.currentTarget.clientWidth) <= g) {
+          let c = l.currentTarget.scrollLeft;
+          d = !0, this.gantt_end = p.add(
             this.gantt_end,
             this.config.extend_by_units,
             this.config.unit
-          ), this.setup_date_values(), this.render(), c.currentTarget.scrollLeft = l, setTimeout(() => _ = !1, 300);
+          ), this.setup_date_values(), this.render(), l.currentTarget.scrollLeft = c, setTimeout(() => d = !1, 300);
         }
       });
     }
-    m.on(this.$container, "scroll", (_) => {
-      this.$task_column && !this._syncing_scroll && (this._syncing_scroll = !0, this.$task_column.scrollTop = _.currentTarget.scrollTop, requestAnimationFrame(() => {
+    m.on(this.$container, "scroll", (d) => {
+      this.$task_column && !this._syncing_scroll && (this._syncing_scroll = !0, this.$task_column.scrollTop = d.currentTarget.scrollTop, requestAnimationFrame(() => {
         this._syncing_scroll = !1;
       }));
-      let c = [];
-      const p = this.bars.map(
+      let l = [];
+      const g = this.bars.map(
         ({ group: $ }) => $.getAttribute("data-id")
       );
-      let l;
-      i && (l = _.currentTarget.scrollLeft - i), this.current_date = g.add(
+      let c;
+      i && (c = d.currentTarget.scrollLeft - i), this.current_date = p.add(
         this.gantt_start,
-        _.currentTarget.scrollLeft / this.config.column_width * this.config.step,
+        d.currentTarget.scrollLeft / this.config.column_width * this.config.step,
         this.config.unit
       );
       let f = this.config.view_mode.upper_text(
@@ -1956,9 +2007,9 @@ class tt {
       ), u = this.upperTexts.find(
         ($) => $.textContent === f
       );
-      this.current_date = g.add(
+      this.current_date = p.add(
         this.gantt_start,
-        (_.currentTarget.scrollLeft + u.clientWidth) / this.config.column_width * this.config.step,
+        (d.currentTarget.scrollLeft + u.clientWidth) / this.config.column_width * this.config.step,
         this.config.unit
       ), f = this.config.view_mode.upper_text(
         this.current_date,
@@ -1966,61 +2017,61 @@ class tt {
         this.options.language
       ), u = this.upperTexts.find(
         ($) => $.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, y, k] = this.get_start_end_positions();
-      i > k + 100 ? (this.$adjust.innerHTML = "&larr;", this.$adjust.classList.remove("hide"), this.$adjust.onclick = () => {
+      ), u !== this.$current && (this.$current && this.$current.classList.remove("current-upper"), u.classList.add("current-upper"), this.$current = u), i = d.currentTarget.scrollLeft;
+      let [b, y, v] = this.get_start_end_positions();
+      i > v + 100 ? (this.$adjust.innerHTML = "&larr;", this.$adjust.classList.remove("hide"), this.$adjust.onclick = () => {
         this.$container.scrollTo({
           left: y,
           behavior: "smooth"
         });
-      }) : i + _.currentTarget.offsetWidth < b - 100 ? (this.$adjust.innerHTML = "&rarr;", this.$adjust.classList.remove("hide"), this.$adjust.onclick = () => {
+      }) : i + d.currentTarget.offsetWidth < b - 100 ? (this.$adjust.innerHTML = "&rarr;", this.$adjust.classList.remove("hide"), this.$adjust.onclick = () => {
         this.$container.scrollTo({
           left: b,
           behavior: "smooth"
         });
-      }) : this.$adjust.classList.add("hide"), l && (c = p.map(($) => this.get_bar($)), this.options.auto_move_label && c.forEach(($) => {
+      }) : this.$adjust.classList.add("hide"), c && (l = g.map(($) => this.get_bar($)), this.options.auto_move_label && l.forEach(($) => {
         $.update_label_position_on_horizontal_scroll({
-          x: l,
-          sx: _.currentTarget.scrollLeft
+          x: c,
+          sx: d.currentTarget.scrollLeft
         });
       }));
-    }), m.on(this.$svg, "mousemove", (_) => {
+    }), m.on(this.$svg, "mousemove", (d) => {
       if (!h()) return;
-      const c = (_.offsetX || _.layerX) - e;
-      a.forEach((p) => {
-        const l = p.$bar;
-        l.finaldx = this.get_snap_position(c, l.ox), this.hide_popup(), s ? o === p.task.id ? p.update_bar_position({
-          x: l.ox + l.finaldx,
-          width: l.owidth - l.finaldx
-        }) : p.update_bar_position({
-          x: l.ox + l.finaldx
-        }) : n ? o === p.task.id && p.update_bar_position({
-          width: l.owidth + l.finaldx
-        }) : t && !this.options.readonly && !this.options.readonly_dates && p.update_bar_position({ x: l.ox + l.finaldx });
+      const l = (d.offsetX || d.layerX) - e;
+      o.forEach((g) => {
+        const c = g.$bar;
+        c.finaldx = this.get_snap_position(l, c.ox), this.hide_popup(), s ? r === g.task.id ? g.update_bar_position({
+          x: c.ox + c.finaldx,
+          width: c.owidth - c.finaldx
+        }) : g.update_bar_position({
+          x: c.ox + c.finaldx
+        }) : n ? r === g.task.id && g.update_bar_position({
+          width: c.owidth + c.finaldx
+        }) : t && !this.options.readonly && !this.options.readonly_dates && g.update_bar_position({ x: c.ox + c.finaldx });
       });
     }), document.addEventListener("mouseup", () => {
-      var p, l, f;
-      const _ = this.bar_being_dragged === !0;
+      var g, c, f;
+      const d = this.bar_being_dragged === !0;
       this.bar_being_dragged = null;
-      const c = [];
-      if (a.forEach((u) => {
+      const l = [];
+      if (o.forEach((u) => {
         if (!u.$bar.finaldx) {
-          _ && u.set_action_completed();
+          d && u.set_action_completed();
           return;
         }
-        u.date_changed(), u.compute_progress(), u.set_action_completed(), c.push({
+        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")
+          end: p.add(u.task._end, -1, "second")
         });
-      }), this.options.critical_path && a.some((u) => u.$bar.finaldx) && (this.calculate_critical_path(), this.update_arrow_critical_path()), c.length > 0 && this.options.dependency_shifting !== "none") {
+      }), 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 = u === "maintain_buffer_downstream" ? "none" : "upstream" : n ? b = "downstream" : b = u === "maintain_buffer_downstream" ? "downstream" : "both", c.forEach(({ task: y }) => {
+        s ? b = u === "maintain_buffer_downstream" ? "none" : "upstream" : n ? b = "downstream" : b = u === "maintain_buffer_downstream" ? "downstream" : "both", l.forEach(({ task: y }) => {
           if (b === "none") return;
-          const k = a.find((T) => T.task.id === y.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, O = $ * this.config.step * P;
+          const v = o.find((T) => T.task.id === y.id);
+          if (!v || !v.$bar.finaldx) return;
+          const $ = v.$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, O = $ * this.config.step * P;
           I(
             this.tasks,
             y.id,
@@ -2028,35 +2079,35 @@ class tt {
             this.options.dependency_shifting,
             b
           ).forEach((T, N) => {
-            const v = this.get_bar(N);
-            if (!v) return;
-            const M = v.task, j = new Date(M._start.getTime() + T), V = g.diff(j, this.gantt_start, this.config.unit) / this.config.step * this.config.column_width;
-            v.update_bar_position({ x: V }), v.update_arrow_position(), this.trigger_event("after_date_change", [
+            const k = this.get_bar(N);
+            if (!k) return;
+            const M = k.task, j = new Date(M._start.getTime() + T), V = p.diff(j, this.gantt_start, this.config.unit) / this.config.step * this.config.column_width;
+            k.update_bar_position({ x: V }), k.update_arrow_position(), this.trigger_event("after_date_change", [
               M,
               M._start,
-              g.add(M._end, -1, "second")
+              p.add(M._end, -1, "second")
             ]);
           });
         });
       }
-      c.length > 0 && c.forEach(({ task: u, start: b, end: y }) => {
+      l.length > 0 && l.forEach(({ task: u, start: b, end: y }) => {
         this.trigger_event("after_date_change", [u, b, y]);
-      }), a.forEach((u) => {
+      }), o.forEach((u) => {
         u.$bar.finaldx = 0;
-      }), t = !1, s = !1, n = !1, (f = (l = (p = this.$container.querySelector(".visible")) == null ? void 0 : p.classList) == null ? void 0 : l.remove) == null || f.call(l, "visible");
+      }), t = !1, s = !1, n = !1, (f = (c = (g = this.$container.querySelector(".visible")) == null ? void 0 : g.classList) == null ? void 0 : c.remove) == null || f.call(c, "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;
-    m.on(this.$task_column_resize_handle, "mousedown", (o) => {
-      t = !0, e = o.clientX, i = this.options.task_column.width, this.$task_column.classList.add("resizing"), o.preventDefault();
-    }), m.on(document, "mousemove", (o) => {
+    m.on(this.$task_column_resize_handle, "mousedown", (r) => {
+      t = !0, e = r.clientX, i = this.options.task_column.width, this.$task_column.classList.add("resizing"), r.preventDefault();
+    }), m.on(document, "mousemove", (r) => {
       if (!t) return;
-      let a = o.clientX - e;
-      this.options.isRTL && (a = -a);
-      let h = i + a;
+      let o = r.clientX - e;
+      this.options.isRTL && (o = -o);
+      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",
         h + "px"
@@ -2077,37 +2128,37 @@ class tt {
   }
   bind_bar_progress() {
     let t = 0, e = null, i = null, s = null, n = null;
-    m.on(this.$svg, "mousedown", ".handle.progress", (a, h) => {
-      e = !0, t = a.offsetX || a.layerX;
-      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();
+    m.on(this.$svg, "mousedown", ".handle.progress", (o, h) => {
+      e = !0, t = o.offsetX || o.layerX;
+      const d = m.closest(".bar-wrapper", h).getAttribute("data-id");
+      i = this.get_bar(d), 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 o = this.config.ignored_positions.map((a) => [
-      a,
-      a + this.config.column_width
+    const r = this.config.ignored_positions.map((o) => [
+      o,
+      o + this.config.column_width
     ]);
-    m.on(this.$svg, "mousemove", (a) => {
+    m.on(this.$svg, "mousemove", (o) => {
       if (!e) return;
-      let h = a.offsetX || a.layerX;
+      let h = o.offsetX || o.layerX;
       if (h > t) {
-        let c = o.find(
-          ([p, l]) => h >= p && h < l
+        let l = r.find(
+          ([g, c]) => h >= g && h < c
         );
-        for (; c; )
-          h = c[1], c = o.find(
-            ([p, l]) => h >= p && h < l
+        for (; l; )
+          h = l[1], l = r.find(
+            ([g, c]) => h >= g && h < c
           );
       } else {
-        let c = o.find(
-          ([p, l]) => h > p && h <= l
+        let l = r.find(
+          ([g, c]) => h > g && h <= c
         );
-        for (; c; )
-          h = c[0], c = o.find(
-            ([p, l]) => h > p && h <= l
+        for (; l; )
+          h = l[0], l = r.find(
+            ([g, c]) => h > g && h <= c
           );
       }
-      let _ = h - t;
-      console.log(s), _ > 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 = _;
+      let d = h - t;
+      console.log(s), d > s.max_dx && (d = s.max_dx), d < s.min_dx && (d = s.min_dx), s.setAttribute("width", s.owidth + d), m.attr(i.$handle_progress, "cx", s.getEndX()), s.finaldx = d;
     }), 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);
     });
@@ -2115,7 +2166,7 @@ class tt {
   get_all_dependent_tasks(t) {
     let e = [], i = [t];
     for (; i.length; ) {
-      const s = i.reduce((n, o) => (n = n.concat(this.dependency_map[o]), n), []);
+      const s = i.reduce((n, r) => (n = n.concat(this.dependency_map[r]), n), []);
       e = e.concat(s), i = s.filter((n) => !i.includes(n));
     }
     return e.filter(Boolean);
@@ -2124,22 +2175,25 @@ class tt {
     let i = 1;
     const s = this.options.snap_at || this.config.view_mode.snap_at || "1d";
     if (s !== "unit") {
-      const { duration: _, scale: c } = g.parse_duration(s);
-      i = g.convert_scales(this.config.view_mode.step, c) / _;
+      const { duration: d, scale: l } = p.parse_duration(s);
+      i = p.convert_scales(this.config.view_mode.step, l) / d;
     }
     const n = t % (this.config.column_width / i);
-    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;
+    let r = t - n + (n < this.config.column_width / i * 2 ? 0 : this.config.column_width / i), o = e + r;
+    const h = r > 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;
   }
   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(
       (i) => t >= i && t < i + this.config.column_width
     );
   }
+  set_active_arrow(t) {
+    this.active_arrow !== t && (this.active_arrow && this.active_arrow.deactivate(), this.active_arrow = t, t && (t.activate(), this.options.on_arrow_click && this.options.on_arrow_click(t.from_task.task, t.to_task.task)));
+  }
   unselect_all() {
     this.popup && this.popup.parent.classList.add("hide"), this.$container.querySelectorAll(".date-range-highlight").forEach((t) => t.classList.add("hide"));
   }
@@ -2182,8 +2236,8 @@ class tt {
    * @memberof Gantt
    */
   clear() {
-    var t, e, i, s, n, o, a, h, d, _, c, p, l, 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), (o = (n = this.$task_column) == null ? void 0 : n.remove) == null || o.call(n), (h = (a = this.$current_highlight) == null ? void 0 : a.remove) == null || h.call(a), (_ = (d = this.$extras) == null ? void 0 : d.remove) == null || _.call(d), (p = (c = this.popup) == null ? void 0 : c.hide) == null || p.call(c), (f = (l = this.$wrapper) == null ? void 0 : l.classList) == null || f.remove("has-task-column"), (b = (u = this.$wrapper) == null ? void 0 : u.classList) == null || b.remove("rtl");
+    var t, e, i, s, n, r, o, h, _, d, l, g, c, 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), (r = (n = this.$task_column) == null ? void 0 : n.remove) == null || r.call(n), (h = (o = this.$current_highlight) == null ? void 0 : o.remove) == null || h.call(o), (d = (_ = this.$extras) == null ? void 0 : _.remove) == null || d.call(_), (g = (l = this.popup) == null ? void 0 : l.hide) == null || g.call(l), (f = (c = this.$wrapper) == null ? void 0 : c.classList) == null || f.remove("has-task-column"), (b = (u = this.$wrapper) == null ? void 0 : u.classList) == null || b.remove("rtl");
   }
 }
 tt.VIEW_MODE = {
@@ -2195,11 +2249,11 @@ tt.VIEW_MODE = {
   MONTH: x[5],
   YEAR: x[6]
 };
-function et(r) {
-  return r.name + "_" + Math.random().toString(36).slice(2, 12);
+function et(a) {
+  return a.name + "_" + Math.random().toString(36).slice(2, 12);
 }
-function D(r) {
-  return r.replaceAll(" ", "_").replaceAll(":", "_").replaceAll(".", "_");
+function D(a) {
+  return a.replaceAll(" ", "_").replaceAll(":", "_").replaceAll(".", "_");
 }
 export {
   tt as default