@editora/ui-core 0.1.19 → 0.1.21

package/dist/gantt.esm.js

@@ -1,11 +1,11 @@
-import { E as At } from "./ElementBase-909688f3.mjs";
-const I = 24 * 60 * 60 * 1e3, $ = 42, _ = 62, J = 376, N = 28, Lt = 15, wt = Lt * Math.SQRT2 / 2, ht = {
+import { E as It } from "./ElementBase-YlTLMsGk.mjs";
+const I = 1440 * 60 * 1e3, y = 42, _ = 62, J = 376, N = 28, At = 15, vt = At * Math.SQRT2 / 2, gt = {
   day: 36,
   week: 13,
   month: 4.4,
   quarter: 2.2,
   year: 1.15
-}, mt = `
+}, ht = `
   :host {
     --ui-gantt-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
     --ui-gantt-panel: var(--ui-color-surface, #ffffff);
@@ -207,7 +207,7 @@ const I = 24 * 60 * 60 * 1e3, $ = 42, _ = 62, J = 376, N = 28, Lt = 15, wt = Lt
 
   .grid-row,
   .timeline-row {
-    block-size: ${$}px;
+    block-size: ${y}px;
     border-bottom: 1px solid color-mix(in srgb, var(--ui-gantt-border) 56%, transparent);
   }
 
@@ -663,173 +663,163 @@ const I = 24 * 60 * 60 * 1e3, $ = 42, _ = 62, J = 376, N = 28, Lt = 15, wt = Lt
       box-shadow: none;
     }
   }
-`, ft = {
+`, mt = {
   default: "var(--ui-color-primary, #2563eb)",
   info: "var(--ui-color-info, #0891b2)",
   success: "var(--ui-color-success, #16a34a)",
   warning: "var(--ui-color-warning, #d97706)",
   danger: "var(--ui-color-danger, #dc2626)"
 };
-function b(n) {
-  return String(n ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+function f(a) {
+  return String(a ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function x(n) {
-  if (n instanceof Date) {
-    const a = n.getTime();
-    return Number.isFinite(a) ? D(a) : null;
-  }
-  const r = String(n || "").trim(), d = /^(\d{4})-(\d{2})-(\d{2})$/.exec(r);
-  if (d) {
-    const a = Number(d[1]), e = Number(d[2]), i = Number(d[3]), g = new Date(a, e - 1, i).getTime();
-    return Number.isFinite(g) ? D(g) : null;
-  }
-  const l = Date.parse(r);
-  return Number.isFinite(l) ? D(l) : null;
+function b(a) {
+  if (a instanceof Date) {
+    const n = a.getTime();
+    return Number.isFinite(n) ? D(n) : null;
+  }
+  const t = String(a || "").trim(), i = /^(\d{4})-(\d{2})-(\d{2})$/.exec(t);
+  if (i) {
+    const n = Number(i[1]), s = Number(i[2]), l = Number(i[3]), p = new Date(n, s - 1, l).getTime();
+    return Number.isFinite(p) ? D(p) : null;
+  }
+  const e = Date.parse(t);
+  return Number.isFinite(e) ? D(e) : null;
 }
-function D(n) {
-  const r = new Date(n);
-  return r.setHours(0, 0, 0, 0), r.getTime();
+function D(a) {
+  const t = new Date(a);
+  return t.setHours(0, 0, 0, 0), t.getTime();
 }
-function w(n, r) {
-  return D(n + r * I);
+function x(a, t) {
+  return D(a + t * I);
 }
-function S(n) {
-  const r = new Date(n), d = r.getFullYear(), l = String(r.getMonth() + 1).padStart(2, "0"), a = String(r.getDate()).padStart(2, "0");
-  return `${d}-${l}-${a}`;
+function S(a) {
+  const t = new Date(a), i = t.getFullYear(), e = String(t.getMonth() + 1).padStart(2, "0"), n = String(t.getDate()).padStart(2, "0");
+  return `${i}-${e}-${n}`;
 }
-function O(n) {
-  return new Intl.DateTimeFormat(void 0, { month: "short", day: "numeric" }).format(new Date(n));
+function O(a) {
+  return new Intl.DateTimeFormat(void 0, { month: "short", day: "numeric" }).format(new Date(a));
 }
-function bt(n) {
-  return n === "day" || n === "month" || n === "quarter" || n === "year" ? n : "week";
+function ft(a) {
+  return a === "day" || a === "month" || a === "quarter" || a === "year" ? a : "week";
 }
-function j(n) {
-  return n === "start" || n === "end" || n === "label" || n === "progress" ? n : "none";
+function j(a) {
+  return a === "start" || a === "end" || a === "label" || a === "progress" ? a : "none";
 }
-function Ft(n) {
-  return n === "soft" || n === "striped" || n === "outline" || n === "glass" ? n : "solid";
+function Lt(a) {
+  return a === "soft" || a === "striped" || a === "outline" || a === "glass" ? a : "solid";
 }
-function Dt(n, r) {
-  if (!n)
-    return [];
+function Ft(a, t) {
+  if (!a) return [];
   try {
-    const d = JSON.parse(n);
-    return Array.isArray(d) ? d.map((l, a) => {
-      if (!l || typeof l != "object")
-        return null;
-      const e = l, i = String(e.label || e.text || "").trim(), s = x(e.start), g = Number(e.duration);
-      let c = x(e.end);
-      if (c == null && s != null && Number.isFinite(g) && (c = w(s, Math.max(0, g))), !i || s == null)
-        return null;
-      const o = e.type === "summary" || e.type === "milestone" ? e.type : "task", u = o === "milestone" ? s : Math.max(c ?? w(s, 1), w(s, 1)), p = String(e.id || `task-${a + 1}`), m = r.get(p) || {};
+    const i = JSON.parse(a);
+    return Array.isArray(i) ? i.map((e, n) => {
+      if (!e || typeof e != "object") return null;
+      const s = e, l = String(s.label || s.text || "").trim(), o = b(s.start), p = Number(s.duration);
+      let u = b(s.end);
+      if (u == null && o != null && Number.isFinite(p) && (u = x(o, Math.max(0, p))), !l || o == null) return null;
+      const d = s.type === "summary" || s.type === "milestone" ? s.type : "task", g = d === "milestone" ? o : Math.max(u ?? x(o, 1), x(o, 1)), c = String(s.id || `task-${n + 1}`), m = t.get(c) || {};
       return {
-        id: p,
-        label: i,
-        start: m.start || S(s),
-        end: m.end || S(u),
-        progress: Number.isFinite(Number(e.progress)) ? Math.max(0, Math.min(100, Number(e.progress))) : void 0,
-        tone: typeof e.tone == "string" ? e.tone : void 0,
-        type: o,
-        parent: e.parent != null ? String(e.parent) : void 0,
-        open: e.open !== !1,
-        assignee: e.assignee != null ? String(e.assignee) : e.owner != null ? String(e.owner) : void 0,
-        readonly: e.readonly === !0,
-        baselineStart: e.baselineStart != null ? String(e.baselineStart) : void 0,
-        baselineEnd: e.baselineEnd != null ? String(e.baselineEnd) : void 0,
-        critical: e.critical === !0,
-        segments: Array.isArray(e.segments) ? e.segments : void 0
+        id: c,
+        label: l,
+        start: m.start || S(o),
+        end: m.end || S(g),
+        progress: Number.isFinite(Number(s.progress)) ? Math.max(0, Math.min(100, Number(s.progress))) : void 0,
+        tone: typeof s.tone == "string" ? s.tone : void 0,
+        type: d,
+        parent: s.parent != null ? String(s.parent) : void 0,
+        open: s.open !== !1,
+        assignee: s.assignee != null ? String(s.assignee) : s.owner != null ? String(s.owner) : void 0,
+        readonly: s.readonly === !0,
+        baselineStart: s.baselineStart != null ? String(s.baselineStart) : void 0,
+        baselineEnd: s.baselineEnd != null ? String(s.baselineEnd) : void 0,
+        critical: s.critical === !0,
+        segments: Array.isArray(s.segments) ? s.segments : void 0
       };
     }).filter(Boolean) : [];
   } catch {
     return [];
   }
 }
-function Rt(n) {
-  if (!n)
-    return [];
+function Dt(a) {
+  if (!a) return [];
   try {
-    const r = JSON.parse(n);
-    return Array.isArray(r) ? r.map((d, l) => {
-      if (!d || typeof d != "object")
-        return null;
-      const a = d, e = String(a.source || "").trim(), i = String(a.target || "").trim();
-      if (!e || !i)
-        return null;
-      const s = a.type === "s2s" || a.type === "e2e" || a.type === "s2e" ? a.type : "e2s";
-      return { id: String(a.id || `link-${l + 1}`), source: e, target: i, type: s };
+    const t = JSON.parse(a);
+    return Array.isArray(t) ? t.map((i, e) => {
+      if (!i || typeof i != "object") return null;
+      const n = i, s = String(n.source || "").trim(), l = String(n.target || "").trim();
+      if (!s || !l) return null;
+      const o = n.type === "s2s" || n.type === "e2e" || n.type === "s2e" ? n.type : "e2s";
+      return { id: String(n.id || `link-${e + 1}`), source: s, target: l, type: o };
     }).filter(Boolean) : [];
   } catch {
     return [];
   }
 }
-function qt(n, r) {
-  return r === "none" ? n : [...n].sort((d, l) => {
-    if (r === "label")
-      return d.label.localeCompare(l.label);
-    if (r === "progress")
-      return Number(l.progress ?? 0) - Number(d.progress ?? 0);
-    const a = x(r === "start" ? d.start : d.end) ?? 0, e = x(r === "start" ? l.start : l.end) ?? 0;
-    return a - e;
+function Rt(a, t) {
+  return t === "none" ? a : [...a].sort((i, e) => {
+    if (t === "label") return i.label.localeCompare(e.label);
+    if (t === "progress") return Number(e.progress ?? 0) - Number(i.progress ?? 0);
+    const n = b(t === "start" ? i.start : i.end) ?? 0, s = b(t === "start" ? e.start : e.end) ?? 0;
+    return n - s;
   });
 }
-function Nt(n, r, d, l) {
-  const a = /* @__PURE__ */ new Map(), e = new Map(n.map((o) => [o.id, o]));
-  n.forEach((o) => {
-    const u = o.parent && e.has(o.parent) ? o.parent : "__root__", p = a.get(u) || [];
-    p.push(o), a.set(u, p);
+function qt(a, t, i, e) {
+  const n = /* @__PURE__ */ new Map(), s = new Map(a.map((d) => [d.id, d]));
+  a.forEach((d) => {
+    const g = d.parent && s.has(d.parent) ? d.parent : "__root__", c = n.get(g) || [];
+    c.push(d), n.set(g, c);
   });
-  const i = d.trim().toLowerCase(), s = (o) => !i || o.label.toLowerCase().includes(i) || (o.assignee || "").toLowerCase().includes(i) ? !0 : (a.get(o.id) || []).some(s), g = [], c = (o, u) => {
-    qt(a.get(o) || [], l).forEach((p) => {
-      if (!s(p))
-        return;
-      const m = x(p.start), h = x(p.end);
-      if (m == null || h == null)
-        return;
-      const f = (a.get(p.id) || []).length > 0;
-      g.push({ ...p, depth: u, hasChildren: f, startMs: m, endMs: h }), f && !r.has(p.id) && c(p.id, u + 1);
+  const l = i.trim().toLowerCase(), o = (d) => !l || d.label.toLowerCase().includes(l) || (d.assignee || "").toLowerCase().includes(l) ? !0 : (n.get(d.id) || []).some(o), p = [], u = (d, g) => {
+    Rt(n.get(d) || [], e).forEach((c) => {
+      if (!o(c)) return;
+      const m = b(c.start), h = b(c.end);
+      if (m == null || h == null) return;
+      const w = (n.get(c.id) || []).length > 0;
+      p.push({ ...c, depth: g, hasChildren: w, startMs: m, endMs: h }), w && !t.has(c.id) && u(c.id, g + 1);
     });
   };
-  return c("__root__", 0), g;
+  return u("__root__", 0), p;
 }
-function Ht(n, r, d, l, a = 0, e = Number.POSITIVE_INFINITY) {
-  const i = Math.max(1, Math.ceil((r - n) / I)), s = l === "day" ? 1 : l === "week" ? 7 : l === "month" ? 30 : l === "quarter" ? 91 : 365, g = Math.max(0, Math.floor(Math.max(0, a - 480) / d / s) * s), c = Math.min(i, Math.ceil((a + e + 960) / d / s) * s), o = [];
-  for (let u = g; u <= c; u += s) {
-    const p = u * d, m = w(n, u), h = l === "day" ? O(m) : new Intl.DateTimeFormat(void 0, { month: "short", year: l === "week" || l === "month" ? void 0 : "numeric" }).format(new Date(m));
-    o.push(`<span class="tick" style="left:${p.toFixed(2)}px">${b(h)}</span>`);
+function Nt(a, t, i, e, n = 0, s = Number.POSITIVE_INFINITY) {
+  const l = Math.max(1, Math.ceil((t - a) / I)), o = e === "day" ? 1 : e === "week" ? 7 : e === "month" ? 30 : e === "quarter" ? 91 : 365, p = Math.max(0, Math.floor(Math.max(0, n - 480) / i / o) * o), u = Math.min(l, Math.ceil((n + s + 960) / i / o) * o), d = [];
+  for (let g = p; g <= u; g += o) {
+    const c = g * i, m = x(a, g), h = e === "day" ? O(m) : new Intl.DateTimeFormat(void 0, { month: "short", year: e === "week" || e === "month" ? void 0 : "numeric" }).format(new Date(m));
+    d.push(`<span class="tick" style="left:${c.toFixed(2)}px">${f(h)}</span>`);
   }
-  return o.join("");
+  return d.join("");
 }
-function H(n) {
-  return n.type === "summary" || n.hasChildren ? "summary" : n.type === "milestone" || n.startMs === n.endMs ? "milestone" : "task";
+function H(a) {
+  return a.type === "summary" || a.hasChildren ? "summary" : a.type === "milestone" || a.startMs === a.endMs ? "milestone" : "task";
 }
-function xt(n) {
-  const r = H(n);
-  return r === "summary" ? 17 + 9 / 2 : r === "milestone" ? 7 + N / 2 : 12 + 18 / 2;
+function bt(a) {
+  const t = H(a);
+  return t === "summary" ? 17 + 9 / 2 : t === "milestone" ? 7 + N / 2 : 12 + 18 / 2;
 }
-function Vt(n, r) {
-  return H(n) === "milestone" ? r(n.startMs) - wt : r(n.startMs);
+function Ht(a, t) {
+  return H(a) === "milestone" ? t(a.startMs) - vt : t(a.startMs);
 }
-function Wt(n, r) {
-  return H(n) === "milestone" ? r(n.startMs) + wt : r(n.endMs);
+function Vt(a, t) {
+  return H(a) === "milestone" ? t(a.startMs) + vt : t(a.endMs);
 }
-function vt(n, r, d) {
-  return r === "start" ? Vt(n, d) : Wt(n, d);
+function xt(a, t, i) {
+  return t === "start" ? Ht(a, i) : Vt(a, i);
 }
-function _t(n = "e2s") {
-  return n === "s2s" ? { source: "start", target: "start" } : n === "e2e" ? { source: "end", target: "end" } : n === "s2e" ? { source: "start", target: "end" } : { source: "end", target: "start" };
+function Wt(a = "e2s") {
+  return a === "s2s" ? { source: "start", target: "start" } : a === "e2e" ? { source: "end", target: "end" } : a === "s2e" ? { source: "start", target: "end" } : { source: "end", target: "start" };
 }
-function jt(n, r, d, l, a, e) {
-  const i = _t(a), s = i.source === "start" ? -1 : 1, g = i.target === "start" ? 1 : -1, c = vt(n, i.source, e), o = vt(d, i.target, e), u = r * $ + xt(n), p = l * $ + xt(d), m = 22, h = c + s * m, f = o - g * m, v = 26;
-  let y = (h + f) / 2;
-  if (s === g) {
-    const T = s === 1 ? Math.max(h, f, c, o) + v : Math.min(h, f, c, o) - v;
-    y = (s === 1 ? f > h + v : f < h - v) ? y : T;
+function _t(a, t, i, e, n, s) {
+  const l = Wt(n), o = l.source === "start" ? -1 : 1, p = l.target === "start" ? 1 : -1, u = xt(a, l.source, s), d = xt(i, l.target, s), g = t * y + bt(a), c = e * y + bt(i), m = 22, h = u + o * m, w = d - p * m, M = 26;
+  let k = (h + w) / 2;
+  if (o === p) {
+    const T = o === 1 ? Math.max(h, w, u, d) + M : Math.min(h, w, u, d) - M;
+    k = (o === 1 ? w > h + M : w < h - M) ? k : T;
   } else
-    (s === 1 ? f < h : f > h) && (y = s === 1 ? Math.max(h, c, o) + v : Math.min(h, c, o) - v);
-  const A = Math.abs(p - u) < 1 ? i.target === "start" ? p - 16 : p + 16 : p > u ? p - $ / 2 + 3 : p + $ / 2 - 3;
-  return [[c, u], [h, u], [y, u], [y, A], [f, A], [f, p], [o, p]].map(([T, R], P) => `${P === 0 ? "M" : "L"} ${T.toFixed(1)} ${R.toFixed(1)}`).join(" ");
+    (o === 1 ? w < h : w > h) && (k = o === 1 ? Math.max(h, u, d) + M : Math.min(h, u, d) - M);
+  const A = Math.abs(c - g) < 1 ? l.target === "start" ? c - 16 : c + 16 : c > g ? c - y / 2 + 3 : c + y / 2 - 3;
+  return [[u, g], [h, g], [k, g], [k, A], [w, A], [w, c], [d, c]].map(([T, R], P) => `${P === 0 ? "M" : "L"} ${T.toFixed(1)} ${R.toFixed(1)}`).join(" ");
 }
-class Ot extends At {
+class jt extends It {
   constructor() {
     super(...arguments), this.collapsed = /* @__PURE__ */ new Set(), this.overrides = /* @__PURE__ */ new Map(), this.drag = null, this.selectedId = null, this.internalFilter = "", this.viewportTop = 0, this.viewportLeft = 0, this.viewportWidth = 1800, this.viewportHeight = 620, this.renderedFirstRow = 0, this.renderedLastRow = 0, this.scrollFrame = null, this.overridesVersion = 0, this.taskCacheRaw = null, this.taskCacheVersion = -1, this.taskCache = [], this.linkCacheRaw = null, this.linkCache = [], this.visibleCacheKey = "", this.visibleCache = [];
   }
@@ -837,83 +827,79 @@ class Ot extends At {
     return ["tasks", "links", "zoom", "filter", "sort", "bar-variant", "variant", "readonly", "show-toolbar", "show-today", "headless"];
   }
   render() {
-    const r = this.getTasks(), d = this.getLinks(), l = bt(this.getAttribute("zoom")), a = j(this.getAttribute("sort")), e = Ft(this.getAttribute("bar-variant")), i = this.getAttribute("filter") ?? this.internalFilter, s = this.getVisibleTasks(r, i, a), g = this.hasAttribute("readonly"), c = this.getAttribute("show-toolbar") !== "false", o = this.getAttribute("show-today") !== "false";
-    if (!r.length) {
+    const t = this.getTasks(), i = this.getLinks(), e = ft(this.getAttribute("zoom")), n = j(this.getAttribute("sort")), s = Lt(this.getAttribute("bar-variant")), l = this.getAttribute("filter") ?? this.internalFilter, o = this.getVisibleTasks(t, l, n), p = this.hasAttribute("readonly"), u = this.getAttribute("show-toolbar") !== "false", d = this.getAttribute("show-today") !== "false";
+    if (!t.length) {
       this.setContent(`
-        <style>${mt}</style>
+        <style>${ht}</style>
         <section class="frame" part="frame">
           <div class="empty" part="empty">No tasks in this range</div>
         </section>
       `);
       return;
     }
-    const u = r.map((t) => x(t.start)).filter((t) => t != null), p = r.map((t) => x(t.end)).filter((t) => t != null), m = w(Math.min(...u), -2), h = w(Math.max(...p), 3), f = Math.max(7, Math.ceil((h - m) / I)), v = ht[l], y = Math.max(680, f * v), A = Math.max(s.length * $, $), z = this.getAttribute("virtualized") !== "false" && s.length > 240, T = Math.max(20, Math.ceil(Math.max(420, this.viewportHeight - _) / $)), R = 160, P = Math.max(0, this.viewportTop - _), yt = Math.max(0, Math.floor(P / $)), X = Math.max(180, T * 4), L = z ? Math.max(0, Math.floor(yt / X) * X - R) : 0, B = z ? Math.min(s.length, L + T + R * 2 + X) : s.length, K = s.slice(L, B), V = L * $, W = Math.max(0, (s.length - B) * $);
+    const g = t.map((r) => b(r.start)).filter((r) => r != null), c = t.map((r) => b(r.end)).filter((r) => r != null), m = x(Math.min(...g), -2), h = x(Math.max(...c), 3), w = Math.max(7, Math.ceil((h - m) / I)), M = gt[e], k = Math.max(680, w * M), A = Math.max(o.length * y, y), z = this.getAttribute("virtualized") !== "false" && o.length > 240, T = Math.max(20, Math.ceil(Math.max(420, this.viewportHeight - _) / y)), R = 160, P = Math.max(0, this.viewportTop - _), wt = Math.max(0, Math.floor(P / y)), X = Math.max(180, T * 4), L = z ? Math.max(0, Math.floor(wt / X) * X - R) : 0, B = z ? Math.min(o.length, L + T + R * 2 + X) : o.length, K = o.slice(L, B), V = L * y, W = Math.max(0, (o.length - B) * y);
     this.renderedFirstRow = L, this.renderedLastRow = B;
-    const Q = new Map(s.map((t, M) => [t.id, { task: t, index: M }])), tt = new Set(K.map((t) => t.id)), C = (t) => (t - m) / I * v, kt = K.map((t, M) => {
-      const E = L + M, k = this.selectedId === t.id ? " selected" : "", F = H(t), G = t.progress == null ? "-" : `${Math.round(t.progress)}%`, U = F === "milestone" ? O(t.startMs) : `${O(t.startMs)} - ${O(t.endMs)}`;
+    const Q = new Map(o.map((r, $) => [r.id, { task: r, index: $ }])), tt = new Set(K.map((r) => r.id)), C = (r) => (r - m) / I * M, yt = K.map((r, $) => {
+      const E = L + $, v = this.selectedId === r.id ? " selected" : "", F = H(r), G = r.progress == null ? "-" : `${Math.round(r.progress)}%`, U = F === "milestone" ? O(r.startMs) : `${O(r.startMs)} - ${O(r.endMs)}`;
       return `
-        <article class="grid-row${k}" part="grid-row" data-task-id="${b(t.id)}" role="row" aria-rowindex="${E + 2}" aria-level="${t.depth + 1}" ${t.hasChildren ? `aria-expanded="${!this.collapsed.has(t.id)}"` : ""}>
-          <div class="grid-cell task-name" role="gridcell" style="padding-left:${10 + t.depth * 18}px">
-            ${t.hasChildren ? `<button class="expander" data-action="toggle" data-task-id="${b(t.id)}" aria-label="${this.collapsed.has(t.id) ? "Expand" : "Collapse"} ${b(t.label)}">${this.collapsed.has(t.id) ? "›" : "⌄"}</button>` : '<span style="inline-size:22px"></span>'}
-            <span class="name-text" title="${b(t.label)}">${b(t.label)}</span>
+        <article class="grid-row${v}" part="grid-row" data-task-id="${f(r.id)}" role="row" aria-rowindex="${E + 2}" aria-level="${r.depth + 1}" ${r.hasChildren ? `aria-expanded="${!this.collapsed.has(r.id)}"` : ""}>
+          <div class="grid-cell task-name" role="gridcell" style="padding-left:${10 + r.depth * 18}px">
+            ${r.hasChildren ? `<button class="expander" data-action="toggle" data-task-id="${f(r.id)}" aria-label="${this.collapsed.has(r.id) ? "Expand" : "Collapse"} ${f(r.label)}">${this.collapsed.has(r.id) ? "›" : "⌄"}</button>` : '<span style="inline-size:22px"></span>'}
+            <span class="name-text" title="${f(r.label)}">${f(r.label)}</span>
           </div>
-          <div class="grid-cell badge" role="gridcell">${b(t.assignee || F)}</div>
-          <div class="grid-cell badge" role="gridcell">${b(U)}</div>
-          <div class="grid-cell badge" role="gridcell">${b(G)}</div>
+          <div class="grid-cell badge" role="gridcell">${f(r.assignee || F)}</div>
+          <div class="grid-cell badge" role="gridcell">${f(U)}</div>
+          <div class="grid-cell badge" role="gridcell">${f(G)}</div>
         </article>
       `;
-    }).join(""), $t = K.map((t, M) => {
-      var st;
-      const E = L + M, k = H(t), F = this.selectedId === t.id ? " selected" : "", G = this.selectedId === t.id || !this.selectedId && E === 0, U = ft[t.tone || (k === "summary" ? "info" : "default")] || ft.default, rt = k === "milestone" ? C(t.startMs) - N / 2 : C(t.startMs), zt = C(k === "milestone" ? t.startMs : t.endMs), Ct = k === "milestone" ? N : Math.max(12, zt - rt), Tt = Math.max(0, Math.min(100, Number(t.progress ?? 0))), at = !g && !t.readonly && k !== "summary", nt = at && k === "task", it = k === "task" && ((st = t.segments) != null && st.length) ? t.segments.map((ot) => {
-        const lt = x(ot.start), dt = x(ot.end);
-        if (lt == null || dt == null)
-          return "";
-        const ct = Math.max(I, t.endMs - t.startMs), Z = Math.max(t.startMs, lt), pt = Math.min(t.endMs, dt);
-        if (pt <= Z)
-          return "";
-        const ut = Math.max(0, Math.min(100, (Z - t.startMs) / ct * 100)), It = (pt - Z) / ct * 100, gt = Math.min(100 - ut, Math.max(1, It));
-        return gt <= 0 ? "" : `<span class="split-segment" style="left:${ut.toFixed(2)}%;width:${gt.toFixed(2)}%"></span>`;
+    }).join(""), kt = K.map((r, $) => {
+      const E = L + $, v = H(r), F = this.selectedId === r.id ? " selected" : "", G = this.selectedId === r.id || !this.selectedId && E === 0, U = mt[r.tone || (v === "summary" ? "info" : "default")] || mt.default, rt = v === "milestone" ? C(r.startMs) - N / 2 : C(r.startMs), St = C(v === "milestone" ? r.startMs : r.endMs), zt = v === "milestone" ? N : Math.max(12, St - rt), Ct = Math.max(0, Math.min(100, Number(r.progress ?? 0))), at = !p && !r.readonly && v !== "summary", nt = at && v === "task", it = v === "task" && r.segments?.length ? r.segments.map((st) => {
+        const ot = b(st.start), lt = b(st.end);
+        if (ot == null || lt == null) return "";
+        const dt = Math.max(I, r.endMs - r.startMs), Z = Math.max(r.startMs, ot), ct = Math.min(r.endMs, lt);
+        if (ct <= Z) return "";
+        const pt = Math.max(0, Math.min(100, (Z - r.startMs) / dt * 100)), Tt = (ct - Z) / dt * 100, ut = Math.min(100 - pt, Math.max(1, Tt));
+        return ut <= 0 ? "" : `<span class="split-segment" style="left:${pt.toFixed(2)}%;width:${ut.toFixed(2)}%"></span>`;
       }).join("") : "";
       return `
-        <article class="timeline-row${F}" part="timeline-row" data-task-id="${b(t.id)}" role="row" aria-rowindex="${E + 2}">
-          ${t.baselineStart && t.baselineEnd ? `<span class="baseline" style="left:${C(x(t.baselineStart) || t.startMs).toFixed(2)}px;width:${Math.max(4, C(x(t.baselineEnd) || t.endMs) - C(x(t.baselineStart) || t.startMs)).toFixed(2)}px"></span>` : ""}
+        <article class="timeline-row${F}" part="timeline-row" data-task-id="${f(r.id)}" role="row" aria-rowindex="${E + 2}">
+          ${r.baselineStart && r.baselineEnd ? `<span class="baseline" style="left:${C(b(r.baselineStart) || r.startMs).toFixed(2)}px;width:${Math.max(4, C(b(r.baselineEnd) || r.endMs) - C(b(r.baselineStart) || r.startMs)).toFixed(2)}px"></span>` : ""}
           <button
-            class="bar ${k}${t.critical ? " critical" : ""}${it ? " split" : ""}"
-            part="bar ${k}"
-            data-task-id="${b(t.id)}"
-            data-kind="${k}"
+            class="bar ${v}${r.critical ? " critical" : ""}${it ? " split" : ""}"
+            part="bar ${v}"
+            data-task-id="${f(r.id)}"
+            data-kind="${v}"
             role="gridcell"
             tabindex="${G ? "0" : "-1"}"
-            aria-selected="${this.selectedId === t.id}"
+            aria-selected="${this.selectedId === r.id}"
             aria-colindex="5"
-            style="left:${rt.toFixed(2)}px;width:${Ct.toFixed(2)}px;--tone:${U};--progress:${Tt.toFixed(2)}%"
-            aria-label="${b(t.label)}"
+            style="left:${rt.toFixed(2)}px;width:${zt.toFixed(2)}px;--tone:${U};--progress:${Ct.toFixed(2)}%"
+            aria-label="${f(r.label)}"
             ${at ? 'data-draggable="true"' : ""}
           >
             ${nt ? '<span class="handle start" data-mode="resize-start"></span>' : ""}
             <span class="progress"></span>
             ${it}
-            ${k === "milestone" ? '<span class="milestone-shape"></span>' : ""}
+            ${v === "milestone" ? '<span class="milestone-shape"></span>' : ""}
             <span class="drag-tip"></span>
             ${nt ? '<span class="handle end" data-mode="resize-end"></span>' : ""}
           </button>
         </article>
       `;
-    }).join(""), et = d.map((t) => {
-      const M = Q.get(t.source), E = Q.get(t.target);
-      if (!M || !E || z && !tt.has(t.source) && !tt.has(t.target))
-        return "";
-      const k = jt(M.task, M.index, E.task, E.index, t.type, C), F = `${M.task.label} dependency to ${E.task.label}`;
-      return `<path class="link-hit" d="${k}" data-link-id="${b(t.id)}" data-source-id="${b(t.source)}" data-target-id="${b(t.target)}" data-link-type="${b(t.type || "e2s")}" aria-label="${b(F)}" /><path d="${k}" />`;
-    }).join(""), Mt = et ? '<defs><marker id="ui-gantt-arrow" markerWidth="9" markerHeight="9" refX="8.5" refY="4.5" orient="auto" markerUnits="userSpaceOnUse"><path d="M 0.5 0.75 L 8.5 4.5 L 0.5 8.25 z" /></marker></defs>' : "", Y = D(Date.now()), Et = C(Y), St = o && Y >= m && Y <= h ? `<div class="today" part="today" style="left:${Et.toFixed(2)}px"></div>` : "";
+    }).join(""), et = i.map((r) => {
+      const $ = Q.get(r.source), E = Q.get(r.target);
+      if (!$ || !E || z && !tt.has(r.source) && !tt.has(r.target)) return "";
+      const v = _t($.task, $.index, E.task, E.index, r.type, C), F = `${$.task.label} dependency to ${E.task.label}`;
+      return `<path class="link-hit" d="${v}" data-link-id="${f(r.id)}" data-source-id="${f(r.source)}" data-target-id="${f(r.target)}" data-link-type="${f(r.type || "e2s")}" aria-label="${f(F)}" /><path d="${v}" />`;
+    }).join(""), $t = et ? '<defs><marker id="ui-gantt-arrow" markerWidth="9" markerHeight="9" refX="8.5" refY="4.5" orient="auto" markerUnits="userSpaceOnUse"><path d="M 0.5 0.75 L 8.5 4.5 L 0.5 8.25 z" /></marker></defs>' : "", Y = D(Date.now()), Mt = C(Y), Et = d && Y >= m && Y <= h ? `<div class="today" part="today" style="left:${Mt.toFixed(2)}px"></div>` : "";
     this.setContent(`
-      <style>${mt}</style>
-      <section class="frame" part="frame" data-bar-variant="${e}">
-        ${c ? `
+      <style>${ht}</style>
+      <section class="frame" part="frame" data-bar-variant="${s}">
+        ${u ? `
           <header class="toolbar" part="toolbar">
-            <div class="title">Project schedule <span class="meta">${s.length}/${r.length} tasks</span></div>
+            <div class="title">Project schedule <span class="meta">${o.length}/${t.length} tasks</span></div>
             <div class="controls">
-              <input class="control" value="${b(i)}" placeholder="Filter tasks" aria-label="Filter tasks" />
+              <input class="control" value="${f(l)}" placeholder="Filter tasks" aria-label="Filter tasks" />
               <select class="select" aria-label="Sort tasks">
                 ${[
       ["none", "Manual"],
@@ -921,33 +907,33 @@ class Ot extends At {
       ["end", "End date"],
       ["label", "Name"],
       ["progress", "Progress"]
-    ].map(([t, M]) => `<option value="${t}" ${a === t ? "selected" : ""}>${M}</option>`).join("")}
+    ].map(([r, $]) => `<option value="${r}" ${n === r ? "selected" : ""}>${$}</option>`).join("")}
               </select>
-              ${["day", "week", "month", "quarter", "year"].map((t) => `<button class="zoom-button" data-zoom="${t}" aria-pressed="${l === t}">${t}</button>`).join("")}
+              ${["day", "week", "month", "quarter", "year"].map((r) => `<button class="zoom-button" data-zoom="${r}" aria-pressed="${e === r}">${r}</button>`).join("")}
             </div>
           </header>
         ` : ""}
         <div class="viewport" part="viewport">
-          <div class="surface" part="surface" style="--day-width:${v}px;grid-template-columns:${J}px ${y.toFixed(2)}px;inline-size:max(100%, ${(J + y).toFixed(2)}px)">
+          <div class="surface" part="surface" style="--day-width:${M}px;grid-template-columns:${J}px ${k.toFixed(2)}px;inline-size:max(100%, ${(J + k).toFixed(2)}px)">
             <header class="grid-head" part="grid-head" role="row">
-              <button class="head-button" data-sort="label" role="columnheader" aria-sort="${a === "label" ? "ascending" : "none"}">Task</button>
+              <button class="head-button" data-sort="label" role="columnheader" aria-sort="${n === "label" ? "ascending" : "none"}">Task</button>
               <span role="columnheader">Owner</span>
-              <button class="head-button" data-sort="start" role="columnheader" aria-sort="${a === "start" ? "ascending" : "none"}">Dates</button>
-              <button class="head-button" data-sort="progress" role="columnheader" aria-sort="${a === "progress" ? "descending" : "none"}">%</button>
+              <button class="head-button" data-sort="start" role="columnheader" aria-sort="${n === "start" ? "ascending" : "none"}">Dates</button>
+              <button class="head-button" data-sort="progress" role="columnheader" aria-sort="${n === "progress" ? "descending" : "none"}">%</button>
             </header>
             <header class="timeline-head" part="timeline-head">
-              <div class="scale" style="width:${y.toFixed(2)}px">${Ht(m, h, v, l, this.viewportLeft, this.viewportWidth)}</div>
+              <div class="scale" style="width:${k.toFixed(2)}px">${Nt(m, h, M, e, this.viewportLeft, this.viewportWidth)}</div>
             </header>
-            <div class="grid-body" part="grid-body" role="treegrid" aria-rowcount="${s.length + 1}" aria-colcount="4">
+            <div class="grid-body" part="grid-body" role="treegrid" aria-rowcount="${o.length + 1}" aria-colcount="4">
               ${z && V ? `<div style="height:${V}px"></div>` : ""}
-              ${kt || '<div class="empty">No matching tasks</div>'}
+              ${yt || '<div class="empty">No matching tasks</div>'}
               ${z && W ? `<div style="height:${W}px"></div>` : ""}
             </div>
-            <div class="timeline-body" part="timeline-body" style="width:${y.toFixed(2)}px;min-height:${A}px">
-              <svg class="links" width="${y.toFixed(0)}" height="${A}" viewBox="0 0 ${y.toFixed(0)} ${A}" aria-hidden="true">${Mt}${et}</svg>
-              ${St}
+            <div class="timeline-body" part="timeline-body" style="width:${k.toFixed(2)}px;min-height:${A}px">
+              <svg class="links" width="${k.toFixed(0)}" height="${A}" viewBox="0 0 ${k.toFixed(0)} ${A}" aria-hidden="true">${$t}${et}</svg>
+              ${Et}
               ${z && V ? `<div style="height:${V}px"></div>` : ""}
-              ${$t}
+              ${kt}
               ${z && W ? `<div style="height:${W}px"></div>` : ""}
             </div>
           </div>
@@ -958,207 +944,194 @@ class Ot extends At {
     q && (q.scrollTop = this.viewportTop, q.scrollLeft = this.viewportLeft, this.viewportWidth = q.clientWidth || this.viewportWidth, this.viewportHeight = q.clientHeight || this.viewportHeight), this.bindEvents();
   }
   bindEvents() {
-    var r, d, l;
-    this.root.querySelectorAll("[data-task-id]").forEach((a) => {
-      a.addEventListener("click", (e) => {
-        var o;
-        const i = e.target, s = e.currentTarget;
-        if (!s.classList.contains("bar") && i.closest(".bar"))
-          return;
-        if ((o = this.drag) != null && o.moved) {
-          e.stopPropagation();
+    this.root.querySelectorAll("[data-task-id]").forEach((t) => {
+      t.addEventListener("click", (i) => {
+        const e = i.target, n = i.currentTarget;
+        if (!n.classList.contains("bar") && e.closest(".bar")) return;
+        if (this.drag?.moved) {
+          i.stopPropagation();
           return;
         }
-        const c = e.currentTarget.dataset.taskId;
-        c && (i.closest('[data-action="toggle"]') || (s.classList.contains("bar") && e.stopPropagation(), this.selectTask(c)));
+        const l = i.currentTarget.dataset.taskId;
+        l && (e.closest('[data-action="toggle"]') || (n.classList.contains("bar") && i.stopPropagation(), this.selectTask(l)));
       });
-    }), this.root.querySelectorAll('[data-action="toggle"]').forEach((a) => {
-      a.addEventListener("click", (e) => {
-        e.stopPropagation();
-        const i = a.dataset.taskId;
-        i && (this.collapsed.has(i) ? this.collapsed.delete(i) : this.collapsed.add(i), this.requestRender());
+    }), this.root.querySelectorAll('[data-action="toggle"]').forEach((t) => {
+      t.addEventListener("click", (i) => {
+        i.stopPropagation();
+        const e = t.dataset.taskId;
+        e && (this.collapsed.has(e) ? this.collapsed.delete(e) : this.collapsed.add(e), this.requestRender());
       });
-    }), this.root.querySelectorAll("[data-zoom]").forEach((a) => {
-      a.addEventListener("click", () => {
-        const e = a.dataset.zoom || "week";
-        this.setAttribute("zoom", e), this.dispatchEvent(new CustomEvent("zoomchange", { detail: { zoom: e }, bubbles: !0, composed: !0 }));
+    }), this.root.querySelectorAll("[data-zoom]").forEach((t) => {
+      t.addEventListener("click", () => {
+        const i = t.dataset.zoom || "week";
+        this.setAttribute("zoom", i), this.dispatchEvent(new CustomEvent("zoomchange", { detail: { zoom: i }, bubbles: !0, composed: !0 }));
       });
-    }), this.root.querySelectorAll(".head-button[data-sort]").forEach((a) => {
-      a.addEventListener("click", () => {
-        const e = j(a.dataset.sort || null);
-        e === "none" ? this.removeAttribute("sort") : this.setAttribute("sort", e), this.dispatchEvent(new CustomEvent("sortchange", { detail: { sort: e }, bubbles: !0, composed: !0 }));
+    }), this.root.querySelectorAll(".head-button[data-sort]").forEach((t) => {
+      t.addEventListener("click", () => {
+        const i = j(t.dataset.sort || null);
+        i === "none" ? this.removeAttribute("sort") : this.setAttribute("sort", i), this.dispatchEvent(new CustomEvent("sortchange", { detail: { sort: i }, bubbles: !0, composed: !0 }));
       });
-    }), (r = this.root.querySelector(".viewport")) == null || r.addEventListener("scroll", (a) => {
-      const e = a.currentTarget, i = e.scrollTop, s = e.scrollLeft, g = Math.max(20, Math.ceil(Math.max(420, this.viewportHeight - _) / $)), c = Math.max(0, Math.floor(Math.max(0, i - _) / $)), o = c < this.renderedFirstRow + 64 || c + g > this.renderedLastRow - 64, u = Math.abs(s - this.viewportLeft) >= Math.max(480, this.viewportWidth * 0.6);
-      this.viewportTop = i, this.viewportLeft = s, !(!o && !u) && this.scrollFrame == null && (this.scrollFrame = window.setTimeout(() => {
+    }), this.root.querySelector(".viewport")?.addEventListener("scroll", (t) => {
+      const i = t.currentTarget, e = i.scrollTop, n = i.scrollLeft, s = Math.max(20, Math.ceil(Math.max(420, this.viewportHeight - _) / y)), l = Math.max(0, Math.floor(Math.max(0, e - _) / y)), o = l < this.renderedFirstRow + 64 || l + s > this.renderedLastRow - 64, p = Math.abs(n - this.viewportLeft) >= Math.max(480, this.viewportWidth * 0.6);
+      this.viewportTop = e, this.viewportLeft = n, !(!o && !p) && this.scrollFrame == null && (this.scrollFrame = window.setTimeout(() => {
         this.scrollFrame = null, this.requestRender();
       }, 24));
-    }, { passive: !0 }), (d = this.root.querySelector(".control")) == null || d.addEventListener("input", (a) => {
-      this.internalFilter = a.currentTarget.value, this.dispatchEvent(new CustomEvent("filterchange", { detail: { filter: this.internalFilter }, bubbles: !0, composed: !0 })), this.requestRender();
-    }), (l = this.root.querySelector(".select")) == null || l.addEventListener("change", (a) => {
-      const e = j(a.currentTarget.value);
-      e === "none" ? this.removeAttribute("sort") : this.setAttribute("sort", e), this.dispatchEvent(new CustomEvent("sortchange", { detail: { sort: e }, bubbles: !0, composed: !0 }));
-    }), this.root.querySelectorAll(".link-hit").forEach((a) => {
-      a.addEventListener("click", (e) => {
-        e.stopPropagation(), this.dispatchEvent(new CustomEvent("linkselect", {
+    }, { passive: !0 }), this.root.querySelector(".control")?.addEventListener("input", (t) => {
+      this.internalFilter = t.currentTarget.value, this.dispatchEvent(new CustomEvent("filterchange", { detail: { filter: this.internalFilter }, bubbles: !0, composed: !0 })), this.requestRender();
+    }), this.root.querySelector(".select")?.addEventListener("change", (t) => {
+      const i = j(t.currentTarget.value);
+      i === "none" ? this.removeAttribute("sort") : this.setAttribute("sort", i), this.dispatchEvent(new CustomEvent("sortchange", { detail: { sort: i }, bubbles: !0, composed: !0 }));
+    }), this.root.querySelectorAll(".link-hit").forEach((t) => {
+      t.addEventListener("click", (i) => {
+        i.stopPropagation(), this.dispatchEvent(new CustomEvent("linkselect", {
           detail: {
-            id: a.dataset.linkId || "",
-            source: a.dataset.sourceId || "",
-            target: a.dataset.targetId || "",
-            type: a.dataset.linkType || "e2s"
+            id: t.dataset.linkId || "",
+            source: t.dataset.sourceId || "",
+            target: t.dataset.targetId || "",
+            type: t.dataset.linkType || "e2s"
           },
           bubbles: !0,
           composed: !0
         }));
       });
-    }), !this.hasAttribute("readonly") && this.root.querySelectorAll('.bar[data-draggable="true"]').forEach((a) => {
-      a.addEventListener("pointerdown", (i) => {
-        if (i.button !== 0)
-          return;
-        const s = a.dataset.taskId;
-        if (!s)
-          return;
-        const c = this.getTasks().find((y) => y.id === s), o = x(c == null ? void 0 : c.start), u = x(c == null ? void 0 : c.end);
-        if (!c || o == null || u == null)
-          return;
-        i.preventDefault();
-        const p = a.dataset.kind || "task", m = i.target.dataset.mode || "move", h = p === "milestone" ? "move" : m, f = bt(this.getAttribute("zoom")), v = this.selectedId !== s;
-        this.selectedId = s, this.dispatchEvent(new CustomEvent("taskselect", { detail: { id: s }, bubbles: !0, composed: !0 })), this.drag = {
-          taskId: s,
-          mode: h,
-          startX: i.clientX,
+    }), !this.hasAttribute("readonly") && this.root.querySelectorAll('.bar[data-draggable="true"]').forEach((t) => {
+      t.addEventListener("pointerdown", (e) => {
+        if (e.button !== 0) return;
+        const n = t.dataset.taskId;
+        if (!n) return;
+        const l = this.getTasks().find((h) => h.id === n), o = b(l?.start), p = b(l?.end);
+        if (!l || o == null || p == null) return;
+        e.preventDefault();
+        const u = t.dataset.kind || "task", d = e.target.dataset.mode || "move", g = u === "milestone" ? "move" : d, c = ft(this.getAttribute("zoom")), m = this.selectedId !== n;
+        this.selectedId = n, this.dispatchEvent(new CustomEvent("taskselect", { detail: { id: n }, bubbles: !0, composed: !0 })), this.drag = {
+          taskId: n,
+          mode: g,
+          startX: e.clientX,
           originalStart: o,
-          originalEnd: u,
-          kind: p,
+          originalEnd: p,
+          kind: u,
           rangeMin: this.rangeMin(),
-          dayWidth: ht[f],
+          dayWidth: gt[c],
           latestStart: o,
-          latestEnd: u,
+          latestEnd: p,
           frame: null,
-          bar: a,
+          bar: t,
           moved: !1,
-          selectedChanged: v
-        }, a.classList.add("dragging"), a.setPointerCapture(i.pointerId);
-      }), a.addEventListener("pointermove", (i) => {
-        if (!this.drag || this.drag.taskId !== a.dataset.taskId)
-          return;
-        i.preventDefault();
-        const s = i.clientX - this.drag.startX;
-        Math.abs(s) > 2 && (this.drag.moved = !0);
-        let g = this.drag.originalStart, c = this.drag.originalEnd;
+          selectedChanged: m
+        }, t.classList.add("dragging"), t.setPointerCapture(e.pointerId);
+      }), t.addEventListener("pointermove", (e) => {
+        if (!this.drag || this.drag.taskId !== t.dataset.taskId) return;
+        e.preventDefault();
+        const n = e.clientX - this.drag.startX;
+        Math.abs(n) > 2 && (this.drag.moved = !0);
+        let s = this.drag.originalStart, l = this.drag.originalEnd;
         if (this.drag.mode === "move") {
-          const o = Math.round(s / this.drag.dayWidth);
-          g = w(this.drag.originalStart, o), c = this.drag.kind === "milestone" ? g : w(this.drag.originalEnd, o);
+          const o = Math.round(n / this.drag.dayWidth);
+          s = x(this.drag.originalStart, o), l = this.drag.kind === "milestone" ? s : x(this.drag.originalEnd, o);
         } else if (this.drag.mode === "resize-start") {
-          const o = Math.round(s / this.drag.dayWidth);
-          g = Math.min(w(this.drag.originalStart, o), w(c, -1));
+          const o = Math.round(n / this.drag.dayWidth);
+          s = Math.min(x(this.drag.originalStart, o), x(l, -1));
         } else {
-          const o = Math.round(s / this.drag.dayWidth);
-          c = Math.max(w(this.drag.originalEnd, o), w(g, 1));
+          const o = Math.round(n / this.drag.dayWidth);
+          l = Math.max(x(this.drag.originalEnd, o), x(s, 1));
         }
-        this.drag.latestStart = g, this.drag.latestEnd = c, this.drag.frame == null && (this.drag.frame = requestAnimationFrame(() => {
-          if (!this.drag)
-            return;
+        this.drag.latestStart = s, this.drag.latestEnd = l, this.drag.frame == null && (this.drag.frame = requestAnimationFrame(() => {
+          if (!this.drag) return;
           this.drag.frame = null;
-          const o = (this.drag.latestStart - this.drag.rangeMin) / I * this.drag.dayWidth - (this.drag.kind === "milestone" ? N / 2 : 0), u = this.drag.kind === "milestone" ? N : Math.max(12, (this.drag.latestEnd - this.drag.latestStart) / I * this.drag.dayWidth);
-          this.drag.bar.style.left = `${o.toFixed(2)}px`, this.drag.bar.style.width = `${u.toFixed(2)}px`;
-          const p = this.drag.bar.querySelector(".drag-tip");
-          p && (p.textContent = this.drag.kind === "milestone" ? S(this.drag.latestStart) : `${S(this.drag.latestStart)} - ${S(this.drag.latestEnd)}`);
+          const o = (this.drag.latestStart - this.drag.rangeMin) / I * this.drag.dayWidth - (this.drag.kind === "milestone" ? N / 2 : 0), p = this.drag.kind === "milestone" ? N : Math.max(12, (this.drag.latestEnd - this.drag.latestStart) / I * this.drag.dayWidth);
+          this.drag.bar.style.left = `${o.toFixed(2)}px`, this.drag.bar.style.width = `${p.toFixed(2)}px`;
+          const u = this.drag.bar.querySelector(".drag-tip");
+          u && (u.textContent = this.drag.kind === "milestone" ? S(this.drag.latestStart) : `${S(this.drag.latestStart)} - ${S(this.drag.latestEnd)}`);
         }));
       });
-      const e = () => {
-        if (!this.drag)
-          return;
+      const i = () => {
+        if (!this.drag) return;
         this.drag.frame != null && cancelAnimationFrame(this.drag.frame);
-        const i = this.drag;
-        if (i.bar.classList.remove("dragging"), this.drag = null, !i.moved) {
-          i.selectedChanged && this.requestRender();
+        const e = this.drag;
+        if (e.bar.classList.remove("dragging"), this.drag = null, !e.moved) {
+          e.selectedChanged && this.requestRender();
           return;
         }
-        const s = {
-          id: i.taskId,
-          start: S(i.latestStart),
-          end: S(i.latestEnd)
+        const n = {
+          id: e.taskId,
+          start: S(e.latestStart),
+          end: S(e.latestEnd)
         };
-        this.overrides.set(i.taskId, { start: s.start, end: s.end }), this.bumpOverrides(), this.dispatchEvent(new CustomEvent("taskchange", {
-          detail: s,
+        this.overrides.set(e.taskId, { start: n.start, end: n.end }), this.bumpOverrides(), this.dispatchEvent(new CustomEvent("taskchange", {
+          detail: n,
           bubbles: !0,
           composed: !0
         })), this.requestRender();
       };
-      a.addEventListener("pointerup", e), a.addEventListener("pointercancel", e), a.addEventListener("keydown", (i) => {
-        const s = a.dataset.taskId;
-        if (!s)
-          return;
-        if (i.key === "Delete" || i.key === "Backspace") {
-          i.preventDefault(), this.dispatchEvent(new CustomEvent("taskdelete", { detail: { id: s }, bubbles: !0, composed: !0 }));
+      t.addEventListener("pointerup", i), t.addEventListener("pointercancel", i), t.addEventListener("keydown", (e) => {
+        const n = t.dataset.taskId;
+        if (!n) return;
+        if (e.key === "Delete" || e.key === "Backspace") {
+          e.preventDefault(), this.dispatchEvent(new CustomEvent("taskdelete", { detail: { id: n }, bubbles: !0, composed: !0 }));
           return;
         }
-        if (i.key === "Enter" || i.key === " ") {
-          i.preventDefault(), this.selectTask(s);
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault(), this.selectTask(n);
           return;
         }
-        if (i.key === "ArrowUp" || i.key === "ArrowDown") {
-          i.preventDefault(), this.selectAdjacentTask(s, i.key === "ArrowDown" ? 1 : -1);
+        if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+          e.preventDefault(), this.selectAdjacentTask(n, e.key === "ArrowDown" ? 1 : -1);
           return;
         }
-        if (i.key !== "ArrowLeft" && i.key !== "ArrowRight")
-          return;
-        const c = this.getTasks().find((y) => y.id === s), o = x(c == null ? void 0 : c.start), u = x(c == null ? void 0 : c.end);
-        if (!c || o == null || u == null)
-          return;
-        i.preventDefault();
-        const p = i.key === "ArrowLeft" ? -1 : 1, m = a.dataset.kind === "milestone", h = i.shiftKey && !m ? o : w(o, p), f = m ? h : i.shiftKey ? Math.max(w(u, p), w(o, 1)) : w(u, p), v = { id: s, start: S(h), end: S(f) };
-        this.overrides.set(s, { start: v.start, end: v.end }), this.bumpOverrides(), this.dispatchEvent(new CustomEvent("taskchange", { detail: v, bubbles: !0, composed: !0 })), this.requestRender();
+        if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
+        const l = this.getTasks().find((h) => h.id === n), o = b(l?.start), p = b(l?.end);
+        if (!l || o == null || p == null) return;
+        e.preventDefault();
+        const u = e.key === "ArrowLeft" ? -1 : 1, d = t.dataset.kind === "milestone", g = e.shiftKey && !d ? o : x(o, u), c = d ? g : e.shiftKey ? Math.max(x(p, u), x(o, 1)) : x(p, u), m = { id: n, start: S(g), end: S(c) };
+        this.overrides.set(n, { start: m.start, end: m.end }), this.bumpOverrides(), this.dispatchEvent(new CustomEvent("taskchange", { detail: m, bubbles: !0, composed: !0 })), this.requestRender();
       });
     });
   }
   rangeMin() {
-    const d = this.getTasks().map((l) => x(l.start)).filter((l) => l != null);
-    return d.length ? w(Math.min(...d), -2) : D(Date.now());
+    const i = this.getTasks().map((e) => b(e.start)).filter((e) => e != null);
+    return i.length ? x(Math.min(...i), -2) : D(Date.now());
   }
-  selectTask(r) {
-    if (this.captureViewport(), this.selectedId === r) {
-      this.dispatchEvent(new CustomEvent("taskselect", { detail: { id: r }, bubbles: !0, composed: !0 }));
+  selectTask(t) {
+    if (this.captureViewport(), this.selectedId === t) {
+      this.dispatchEvent(new CustomEvent("taskselect", { detail: { id: t }, bubbles: !0, composed: !0 }));
       return;
     }
-    this.selectedId = r, this.dispatchEvent(new CustomEvent("taskselect", { detail: { id: r }, bubbles: !0, composed: !0 })), this.requestRender();
+    this.selectedId = t, this.dispatchEvent(new CustomEvent("taskselect", { detail: { id: t }, bubbles: !0, composed: !0 })), this.requestRender();
   }
-  selectAdjacentTask(r, d) {
-    const l = this.getVisibleTasks(
+  selectAdjacentTask(t, i) {
+    const e = this.getVisibleTasks(
       this.getTasks(),
       this.getAttribute("filter") ?? this.internalFilter,
       j(this.getAttribute("sort"))
-    ), a = l.findIndex((i) => i.id === r), e = l[Math.max(0, Math.min(l.length - 1, a + d))];
-    !e || e.id === r || (this.selectedId = e.id, this.dispatchEvent(new CustomEvent("taskselect", { detail: { id: e.id }, bubbles: !0, composed: !0 })), this.requestRender(), window.requestAnimationFrame(() => {
-      var i;
-      (i = this.root.querySelector(`.bar[data-task-id="${CSS.escape(e.id)}"]`)) == null || i.focus();
+    ), n = e.findIndex((l) => l.id === t), s = e[Math.max(0, Math.min(e.length - 1, n + i))];
+    !s || s.id === t || (this.selectedId = s.id, this.dispatchEvent(new CustomEvent("taskselect", { detail: { id: s.id }, bubbles: !0, composed: !0 })), this.requestRender(), window.requestAnimationFrame(() => {
+      this.root.querySelector(`.bar[data-task-id="${CSS.escape(s.id)}"]`)?.focus();
     }));
   }
   captureViewport() {
-    const r = this.root.querySelector(".viewport");
-    r && (this.viewportTop = r.scrollTop, this.viewportLeft = r.scrollLeft, this.viewportWidth = r.clientWidth || this.viewportWidth, this.viewportHeight = r.clientHeight || this.viewportHeight);
+    const t = this.root.querySelector(".viewport");
+    t && (this.viewportTop = t.scrollTop, this.viewportLeft = t.scrollLeft, this.viewportWidth = t.clientWidth || this.viewportWidth, this.viewportHeight = t.clientHeight || this.viewportHeight);
   }
   getTasks() {
-    const r = this.getAttribute("tasks");
-    return r === this.taskCacheRaw && this.taskCacheVersion === this.overridesVersion ? this.taskCache : (this.taskCacheRaw = r, this.taskCacheVersion = this.overridesVersion, this.taskCache = Dt(r, this.overrides), this.visibleCacheKey = "", this.taskCache);
+    const t = this.getAttribute("tasks");
+    return t === this.taskCacheRaw && this.taskCacheVersion === this.overridesVersion ? this.taskCache : (this.taskCacheRaw = t, this.taskCacheVersion = this.overridesVersion, this.taskCache = Ft(t, this.overrides), this.visibleCacheKey = "", this.taskCache);
   }
   getLinks() {
-    const r = this.getAttribute("links");
-    return r === this.linkCacheRaw ? this.linkCache : (this.linkCacheRaw = r, this.linkCache = Rt(r), this.linkCache);
+    const t = this.getAttribute("links");
+    return t === this.linkCacheRaw ? this.linkCache : (this.linkCacheRaw = t, this.linkCache = Dt(t), this.linkCache);
   }
-  getVisibleTasks(r, d, l) {
-    const a = Array.from(this.collapsed).sort().join(","), e = `${this.taskCacheRaw || ""}|${this.overridesVersion}|${d}|${l}|${a}`;
-    return e === this.visibleCacheKey ? this.visibleCache : (this.visibleCacheKey = e, this.visibleCache = Nt(r, this.collapsed, d, l), this.visibleCache);
+  getVisibleTasks(t, i, e) {
+    const n = Array.from(this.collapsed).sort().join(","), s = `${this.taskCacheRaw || ""}|${this.overridesVersion}|${i}|${e}|${n}`;
+    return s === this.visibleCacheKey ? this.visibleCache : (this.visibleCacheKey = s, this.visibleCache = qt(t, this.collapsed, i, e), this.visibleCache);
   }
   bumpOverrides() {
     this.overridesVersion += 1, this.taskCacheVersion = -1, this.visibleCacheKey = "";
   }
-  shouldRenderOnAttributeChange(r, d, l) {
-    return r === "tasks" && (this.overrides.clear(), this.bumpOverrides(), this.viewportTop = 0, this.viewportLeft = 0), r === "links" && (this.linkCacheRaw = null), !0;
+  shouldRenderOnAttributeChange(t, i, e) {
+    return t === "tasks" && (this.overrides.clear(), this.bumpOverrides(), this.viewportTop = 0, this.viewportLeft = 0), t === "links" && (this.linkCacheRaw = null), !0;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-gantt") && customElements.define("ui-gantt", Ot);
+typeof customElements < "u" && !customElements.get("ui-gantt") && customElements.define("ui-gantt", jt);
 export {
-  Ot as UIGantt
+  jt as UIGantt
 };