@svar-ui/vue-gantt 2.6.0

package/dist/index.es.js

@@ -0,0 +1,2385 @@
+import { openBlock as c, createElementBlock as m, normalizeStyle as J, normalizeClass as ke, createElementVNode as Q, createBlock as ve, resolveDynamicComponent as ut, Fragment as le, createTextVNode as Et, toDisplayString as $e, computed as R, createCommentVNode as ee, useModel as qe, inject as he, ref as P, watchEffect as me, onWatcherCleanup as bt, onMounted as Ze, onUnmounted as Qe, watch as Fe, withDirectives as rt, createVNode as ge, unref as w, mergeModels as Tt, mergeDefaults as Nt, renderList as be, withModifiers as Ut, withCtx as Be, useAttrs as Vt, provide as Ge, renderSlot as Je, mergeProps as Dt, normalizeProps as Yt } from "vue";
+import { asDirective as ct, subscribe as $, writable as Xt, subscribeLater as ie } from "@svar-ui/lib-vue";
+import { locate as Ce, getID as Me, locateID as Re, clickOutside as Kt, setID as Ke, dateToString as dt, locale as ft } from "@svar-ui/lib-dom";
+import { en as vt } from "@svar-ui/gantt-locales";
+import { en as $t } from "@svar-ui/core-locales";
+import { EventBusRouter as qt } from "@svar-ui/lib-state";
+import { prepareEditTask as Ot, grid as Zt, isSegmentMoveAllowed as Qt, extendDragOptions as Jt, defaultColumns as el, defaultTaskTypes as tl, DataStore as ll, normalizeLinks as nl, normalizeZoom as al, parseTaskDates as sl, getToolbarButtons as St, isHandledAction as Pt, handleAction as At, getMenuOptions as It, getEditorItems as ol } from "@svar-ui/gantt-store";
+import { defaultColumns as da, defaultEditorItems as fa, defaultMenuOptions as va, defaultTaskTypes as pa, defaultToolbarButtons as ma, getEditorItems as ha, getMenuOptions as ga, getToolbarButtons as xa, registerScaleUnit as ya } from "@svar-ui/gantt-store";
+import { hotkeys as Ft } from "@svar-ui/grid-store";
+import { Grid as il, HeaderMenu as ul } from "@svar-ui/vue-grid";
+import { Button as Ct, Field as rl, Text as cl, Combo as dl, DatePicker as fl, TimePicker as vl, RichSelect as pl, TwoState as ml, Slider as hl, Counter as gl, Checkbox as xl, Locale as yl, Willow as Rt, WillowDark as Mt } from "@svar-ui/vue-core";
+import { Toolbar as kl } from "@svar-ui/vue-toolbar";
+import { ContextMenu as wl } from "@svar-ui/vue-menu";
+import { registerEditorItem as De, Editor as bl } from "@svar-ui/vue-editor";
+import { registerEditorItem as wa } from "@svar-ui/vue-editor";
+const Tl = "2.6.0", $l = {
+  version: Tl
+};
+function _l(l, t, e) {
+  const a = l.getBoundingClientRect(), u = t.querySelector(".wx-body").getBoundingClientRect();
+  return {
+    top: a.top - u.top,
+    left: a.left - u.left,
+    dt: a.bottom - e.clientY,
+    db: e.clientY - a.top
+  };
+}
+function Lt(l) {
+  return l && Me(l, "data-context-id");
+}
+const Ht = 5;
+function Sl(l, t) {
+  let e, a, u, S, b, f, y, T, A;
+  function L(o) {
+    S = o.clientX, b = o.clientY, f = {
+      ..._l(e, l, o),
+      y: t.getTask(u).$y
+    }, document.body.style.userSelect = "none";
+  }
+  function j(o) {
+    e = Ce(o), Lt(e) && (u = Me(e), A = setTimeout(() => {
+      T = !0, t && t.touchStart && t.touchStart(), L(o.touches[0]);
+    }, 500), l.addEventListener("touchmove", M), l.addEventListener("contextmenu", d), window.addEventListener("touchend", I));
+  }
+  function d(o) {
+    if (T || A)
+      return o.preventDefault(), !1;
+  }
+  function H(o) {
+    o.which === 1 && (e = Ce(o), Lt(e) && (u = Me(e), l.addEventListener("mousemove", K), window.addEventListener("mouseup", h), L(o)));
+  }
+  function B(o) {
+    l.removeEventListener("mousemove", K), l.removeEventListener("touchmove", M), document.body.removeEventListener("mouseup", h), document.body.removeEventListener("touchend", I), document.body.style.userSelect = "", o && (l.removeEventListener("mousedown", H), l.removeEventListener("touchstart", j));
+  }
+  function Z(o) {
+    const C = o.clientX - S, U = o.clientY - b;
+    if (!a) {
+      if (Math.abs(C) < Ht && Math.abs(U) < Ht || t && t.start && t.start({ id: u, e: o }) === !1)
+        return;
+      a = e.cloneNode(!0), a.style.pointerEvents = "none", a.classList.add("wx-reorder-task"), a.style.position = "absolute", a.style.left = f.left + "px", a.style.top = f.top + "px", e.style.visibility = "hidden", e.parentNode.insertBefore(a, e);
+    }
+    if (a) {
+      const Y = Math.round(Math.max(0, f.top + U));
+      if (t && t.move && t.move({ id: u, top: Y, detail: y }) === !1)
+        return;
+      const te = t.getTask(u), ue = te.$y;
+      if (!f.start && f.y === ue) return _();
+      f.start = !0, f.y = te.$y - 4, a.style.top = Y + "px";
+      const re = document.elementFromPoint(
+        o.clientX,
+        o.clientY
+      ), ce = Ce(re);
+      if (ce && ce !== e) {
+        const E = Me(ce), G = ce.getBoundingClientRect(), fe = G.top + G.height / 2, xe = o.clientY + f.db > fe && ce.nextElementSibling !== e, z = o.clientY - f.dt < fe && ce.previousElementSibling !== e;
+        y?.after === E || y?.before === E ? y = null : xe ? y = { id: u, after: E } : z && (y = { id: u, before: E });
+      }
+    }
+  }
+  function K(o) {
+    Z(o);
+  }
+  function M(o) {
+    T ? (o.preventDefault(), Z(o.touches[0])) : A && (clearTimeout(A), A = null);
+  }
+  function I() {
+    T = null, A && (clearTimeout(A), A = null), _();
+  }
+  function h() {
+    _();
+  }
+  function _() {
+    e && (e.style.visibility = ""), a && (a.parentNode.removeChild(a), t && t.end && t.end({ id: u, top: f.top })), u = e = a = f = y = null, B();
+  }
+  return l.style.position !== "absolute" && (l.style.position = "relative"), l.addEventListener("mousedown", H), l.addEventListener("touchstart", j), {
+    destroy() {
+      B(!0);
+    }
+  };
+}
+const pe = (l, t) => {
+  const e = l.__vccOpts || l;
+  for (const [a, u] of t)
+    e[a] = u;
+  return e;
+}, Il = {
+  key: 1,
+  class: "wx-toggle-placeholder"
+}, Cl = { class: "wx-text" }, Rl = {
+  __name: "TextCell",
+  props: {
+    row: {},
+    column: {}
+  },
+  setup(l) {
+    function t(e, a) {
+      return `justify-content:${a.align};padding-left: ${(e.$level - 1) * 20}px`;
+    }
+    return (e, a) => (c(), m("div", {
+      class: "wx-content",
+      style: J(t(l.row, l.column))
+    }, [
+      !l.row.$empty && (l.row.data || l.row.lazy) ? (c(), m("i", {
+        key: 0,
+        class: ke(
+          "wx-toggle-icon wxi-menu-" + (l.row.open ? "down" : "right")
+        ),
+        "data-action": "open-task"
+      }, null, 2)) : (c(), m("i", Il)),
+      Q("div", Cl, [
+        l.column._cell ? (c(), ve(ut(l.column._cell), {
+          key: 0,
+          row: l.row,
+          column: l.column
+        }, null, 8, ["row", "column"])) : (c(), m(le, { key: 1 }, [
+          Et($e(l.row.text), 1)
+        ], 64))
+      ])
+    ], 4));
+  }
+}, Ml = /* @__PURE__ */ pe(Rl, [["__scopeId", "data-v-6381f23e"]]), Ll = ["data-action"], Hl = {
+  __name: "ActionCell",
+  props: {
+    column: {},
+    cell: {}
+  },
+  setup(l) {
+    const t = l, e = R(() => t.column.id);
+    return (a, u) => l.cell || l.column.id === "add-task" ? (c(), m("div", {
+      key: 0,
+      style: J({ textAlign: l.column.align })
+    }, [
+      Q("i", {
+        class: "wx-action-icon wxi-plus",
+        "data-action": e.value
+      }, null, 8, Ll)
+    ], 4)) : ee("", !0);
+  }
+}, Bt = /* @__PURE__ */ pe(Hl, [["__scopeId", "data-v-abfc4b0a"]]), Bl = /* @__PURE__ */ Object.assign({ name: "GanttGridGrid" }, {
+  __name: "Grid",
+  props: /* @__PURE__ */ Tt({
+    readonly: {},
+    compactMode: {},
+    width: { default: 0 },
+    columnWidth: {}
+  }, {
+    display: { default: "all" },
+    displayModifiers: {},
+    tableAPI: {},
+    tableAPIModifiers: {}
+  }),
+  emits: ["update:display", "update:tableAPI"],
+  setup(l) {
+    const t = ct(Sl), e = l, a = qe(l, "display"), u = qe(l, "tableAPI"), b = he("wx-i18n").getGroup("gantt"), f = he("gantt-store"), {
+      scrollTop: y,
+      cellHeight: T,
+      focusTask: A,
+      _selected: L,
+      area: j,
+      _tasks: d,
+      _scales: H,
+      _headerLength: B,
+      columns: Z,
+      _sort: K,
+      calendar: M,
+      durationUnit: I,
+      splitTasks: h,
+      filterValues: _
+    } = f.getReactiveState(), o = $(y), C = $(T), U = $(L), Y = $(j), te = $(d, !0), ue = $(H), re = $(B), ce = $(Z), E = $(K), G = $(M), fe = $(I), xe = $(h), z = $(_);
+    let X = P(null);
+    function D(r, p) {
+      if (p === "add-task")
+        f.exec(p, {
+          target: r,
+          task: { text: b("New Task") },
+          mode: "child",
+          show: !0,
+          focus: r ? "grid" : null
+        });
+      else if (p === "open-task") {
+        const g = Le.value.find((n) => n.id === r);
+        (g.data || g.lazy) && f.exec(p, { id: r, mode: !g.open });
+      }
+    }
+    function k(r) {
+      const p = Re(r), g = r.target.dataset.action;
+      g && r.preventDefault(), p ? g === "add-task" || g === "open-task" ? D(p, g) : f.exec("select-task", {
+        id: p,
+        toggle: r.ctrlKey || r.metaKey,
+        range: r.shiftKey,
+        show: "xy",
+        focus: "grid"
+      }) : g === "add-task" && D(null, g);
+    }
+    function F(r) {
+      if (!e.readonly) {
+        const p = Re(r), g = Re(r, "data-col-id");
+        !(g && ye.value.find((i) => i.id === g))?.editor && p && f.exec("show-editor", { id: p });
+      }
+    }
+    let V;
+    function Te(r) {
+      const p = r.id, { before: g, after: n } = r, i = r.onMove;
+      let s = g || n, x = g ? "before" : "after";
+      if (i) {
+        if (x === "after") {
+          const q = Se.value.findIndex((oe) => oe.id === p), ae = Se.value.findIndex((oe) => oe.id === s), se = Se.value[ae];
+          q - ae === 1 ? x = "before" : se.data && se.open && (x = "before", s = se.data[0].id);
+        }
+        V = { id: p, [x]: s };
+      } else V = null;
+      f.exec("move-task", {
+        id: p,
+        mode: x,
+        target: s,
+        inProgress: i
+      });
+    }
+    function v({ id: r }) {
+      if (e.readonly || (f.getTask(r).open && f.exec("open-task", { id: r, mode: !1 }), X.value = Le.value.find((p) => p.id === r), !X.value)) return !1;
+    }
+    function O({ id: r, top: p }) {
+      V ? Te({ ...V, onMove: !1 }) : f.exec("drag-task", {
+        id: r,
+        top: p + Oe.value,
+        inProgress: !1
+      }), X.value = null;
+    }
+    function N({ id: r, top: p, detail: g }) {
+      g && Te({ ...g, onMove: !0 }), f.exec("drag-task", {
+        id: r,
+        top: p + Oe.value,
+        inProgress: !0
+      });
+    }
+    const W = P(0), de = P(0), ne = P(null), _e = P(null), ze = P(!1);
+    function pt(r) {
+      const { key: p, isInput: g } = r;
+      if (!g && (p === "arrowup" || p === "arrowdown"))
+        return r.eventSource = "grid", f.exec("hotkey", r), !1;
+      if (p === "enter") {
+        const n = u.value.getState().focusCell;
+        if (n) {
+          const { row: i, column: s } = n;
+          s === "add-task" ? D(i, "add-task") : s === "text" && D(i, "open-task");
+        }
+      }
+    }
+    function et(r) {
+      u.value = r, r.intercept("hotkey", pt), r.intercept("scroll", () => !1), r.intercept("select-row", () => !1), r.intercept("sort-rows", (p) => {
+        const { key: g, add: n } = p;
+        let i = E.value ? E.value.find((x) => x.key === g) : null, s = "asc";
+        return i && (s = !i || i.order === "asc" ? "desc" : "asc"), f.exec("sort-tasks", {
+          key: g,
+          order: s,
+          add: n
+        }), !1;
+      }), r.intercept("filter-rows", (p) => {
+        const { key: g, value: n } = p;
+        return f.exec("filter-tasks", {
+          key: g,
+          value: n,
+          open: !0
+        }), !1;
+      }), r.on("resize-column", () => {
+        Ue(!0);
+      }), r.on("hide-column", (p) => {
+        p.mode || Ve(), Ue();
+      }), r.intercept("update-cell", (p) => {
+        const { id: g, column: n, value: i } = p, s = Le.value.find((x) => x.id === g);
+        if (s) {
+          const x = { ...s };
+          let q = i;
+          q && !isNaN(q) && !(q instanceof Date) && (q *= 1), x[n] = q, Ot(
+            x,
+            {
+              calendar: G.value,
+              durationUnit: fe.value,
+              splitTasks: xe.value
+            },
+            n
+          ), f.exec("update-task", {
+            id: g,
+            task: x
+          });
+        }
+        return !1;
+      });
+    }
+    const ye = R(() => {
+      let r = ce.value.map((n) => {
+        n = { ...n };
+        const i = [...n.header];
+        return i.forEach((s) => {
+          s.text && (s.text = b(s.text));
+        }), n.header = i, n;
+      });
+      const p = r.findIndex((n) => n.id === "text"), g = r.findIndex((n) => n.id === "add-task");
+      if (p !== -1 && (r[p].cell && (r[p]._cell = r[p].cell), r[p].cell = Ml), g !== -1) {
+        r[g].cell = r[g].cell || Bt;
+        const n = r[g].header[0];
+        if (r[g].header[0].cell = n.cell || Bt, e.readonly)
+          r.splice(g, 1);
+        else if (e.compactMode) {
+          const [i] = r.splice(g, 1);
+          r.unshift(i);
+        }
+      }
+      return r.length > 0 && (r[r.length - 1].resize = !1), r;
+    }), Oe = R(() => Y.value.from), je = R(() => ue.value.height), tt = R(
+      () => !e.compactMode && a.value !== "grid" ? e.columnWidth > e.width : e.columnWidth > W.value
+    ), Ne = R(
+      () => a.value === "all" ? `${e.width}px` : a.value === "grid" ? "calc(100% - 4px)" : ye.value.find((r) => r.id === "add-task") ? "50px" : "0"
+    ), mt = R(
+      () => `min-height:${de.value + C.value * 4}px;`
+    ), lt = R(
+      () => mt.value + (tt.value && a.value === "all" ? `width:${e.columnWidth}px;` : a.value === "grid" ? tt.value ? `width:${e.columnWidth}px;` : "width:100%;" : "")
+    ), ht = R(() => U.value.map((r) => r.id)), Le = R(() => te.value.slice(Y.value.start, Y.value.end)), Se = R(() => (X.value && !Le.value.find((p) => p.id === X.value.id) ? [...Le.value, X.value] : Le.value).map((p) => ({ ...p })));
+    function nt() {
+      return ye.value.some((r) => r.flexgrow && !r.hidden);
+    }
+    const gt = R(() => (ze.value, nt()));
+    function Ue(r) {
+      if (!nt()) {
+        const p = Ye.value.reduce((g, n) => (r && n.$width && (n.$width = n.width), g + (n.hidden ? 0 : n.width)), 0);
+        e.columnWidth;
+      }
+      ze.value = !0, ze.value = !1;
+    }
+    function Ve() {
+      ye.value.filter((p) => p.flexgrow && !p.hidden).length === 1 && ye.value.forEach((p) => {
+        p.$width && !p.flexgrow && !p.hidden && (p.width = p.$width);
+      });
+    }
+    const at = R(() => {
+      if (Se.value && E.value?.length) {
+        const r = {};
+        return E.value.forEach(({ key: p, order: g }, n) => {
+          r[p] = {
+            order: g,
+            ...E.value.length > 1 && { index: n }
+          };
+        }), r;
+      }
+      return {};
+    }), st = R(() => at.value ? { ...z.value } : z.value), Ye = R(() => {
+      let r = a.value === "chart" ? ye.value.filter((g) => g.id === "add-task") : ye.value;
+      const p = a.value === "all" ? e.width : W.value;
+      if (!gt.value) {
+        let g = e.columnWidth, n = !1;
+        if (ye.value.some((i) => i.$width)) {
+          let i = 0;
+          g = ye.value.reduce((s, x) => (x.hidden || (i += x.width, s += x.$width || x.width), s), 0), i > g && g >= p && (n = !0);
+        }
+        if (n || g < p) {
+          let i = 1;
+          return n || (i = (p - 50) / (g - 50 || 1)), r.map((s) => (s.id !== "add-task" && !s.hidden && (s.$width || (s.$width = s.width), s.width = s.$width * i), s));
+        }
+      }
+      return r;
+    });
+    function Xe() {
+      ne.value && Se.value !== null && (ne.value.querySelector(".wx-body").style.top = -(o.value - Oe.value) + "px");
+    }
+    me(() => {
+      ne.value && (o.value, Oe.value, Xe());
+    }), me(() => {
+      if (ne.value) {
+        Ye.value, lt.value, a.value, Ne.value, Se.value;
+        const r = new ResizeObserver(() => {
+          Xe();
+        });
+        r.observe(ne.value.querySelector(".wx-table-box .wx-body")), bt(() => {
+          r.disconnect();
+        });
+      }
+    });
+    let Pe;
+    Ze(() => {
+      _e.value && (Pe = new ResizeObserver((r) => {
+        for (const p of r)
+          W.value = p.contentRect.width, de.value = p.contentRect.height;
+      }), Pe.observe(_e.value));
+    }), Qe(() => {
+      Pe?.disconnect();
+    });
+    let We = !1;
+    const Ie = $(A);
+    Fe(Ie, (r) => {
+      if (!r) return;
+      const { id: p, column: g } = r;
+      g && (We || (We = !0, requestAnimationFrame(() => {
+        const n = u.value.getState().focusCell;
+        u.value.exec("focus-cell", {
+          row: p,
+          column: n?.column || ye.value[0]?.id
+        }), We = !1;
+      })));
+    });
+    const xt = R(() => ({
+      start: v,
+      end: O,
+      move: N,
+      getTask: f.getTask
+    })), yt = R(() => [...ht.value]), kt = R(() => ({
+      rowHeight: C.value,
+      headerHeight: je.value / re.value
+    }));
+    return (r, p) => (c(), m("div", {
+      class: "wx-table-container",
+      style: J({ flex: `0 0 ${Ne.value}` }),
+      ref_key: "tableContainer",
+      ref: _e
+    }, [
+      rt((c(), m("div", {
+        ref_key: "table",
+        ref: ne,
+        style: J(lt.value),
+        class: "wx-table",
+        onClick: k,
+        onDblclick: F
+      }, [
+        ge(w(il), {
+          init: et,
+          sizes: kt.value,
+          rowStyle: (g) => g.$reorder ? "wx-reorder-task" : "",
+          columnStyle: (g) => `wx-text-${g.align} ${g.id === "add-task" ? "wx-action" : ""}`,
+          data: Se.value,
+          columns: Ye.value,
+          selectedRows: yt.value,
+          sortMarks: at.value,
+          filterValues: st.value
+        }, null, 8, ["sizes", "rowStyle", "columnStyle", "data", "columns", "selectedRows", "sortMarks", "filterValues"])
+      ], 36)), [
+        [w(t), xt.value]
+      ])
+    ], 4));
+  }
+}), zl = /* @__PURE__ */ pe(Bl, [["__scopeId", "data-v-814ee4d3"]]), Wl = {
+  __name: "CellGrid",
+  props: /* @__PURE__ */ Nt({
+    borders: { default: "" }
+  }, {
+    borders: ""
+  }),
+  setup(l) {
+    const t = he("gantt-store"), { cellWidth: e, cellHeight: a } = t.getReactiveState(), u = $(e), S = $(a), b = P(null), f = P("#e4e4e4");
+    return me(() => {
+      if (typeof getComputedStyle < "u" && b.value) {
+        const y = getComputedStyle(b.value).getPropertyValue(
+          "--wx-gantt-border"
+        );
+        f.value = y ? y.substring(y.indexOf("#")) : "#1d1e261a";
+      }
+    }), (y, T) => (c(), m("div", {
+      ref_key: "node",
+      ref: b,
+      style: J(`width:100%; height:100%; background:url(${w(Zt)(
+        w(u),
+        w(S),
+        f.value,
+        l.borders
+      )}); position: absolute;`)
+    }, null, 4));
+  }
+}, El = { class: "wx-links" }, Dl = ["points", "onclick", "data-link-id"], Ol = ["points"], Pl = /* @__PURE__ */ Object.assign({ name: "GanttChartLinks" }, {
+  __name: "Links",
+  props: {
+    onSelectLink: { type: Function },
+    selectedLink: {},
+    readonly: {}
+  },
+  setup(l) {
+    const t = ct(Kt), e = l, a = he("gantt-store"), { _links: u, criticalPath: S } = a.getReactiveState(), b = $(u), f = $(S);
+    function y(T) {
+      const A = T?.target?.classList;
+      !A?.contains("wx-line") && !A?.contains("wx-delete-button") && e.onSelectLink(null);
+    }
+    return (T, A) => (c(), m("svg", El, [
+      (c(!0), m(le, null, be(w(b), (L) => (c(), m("polyline", {
+        key: L.id,
+        class: ke([
+          "wx-line",
+          {
+            "wx-critical": w(f) && L.critical,
+            "wx-line-selectable": !l.readonly
+          }
+        ]),
+        points: L.$p,
+        onclick: () => !l.readonly && l.onSelectLink(L.id),
+        "data-link-id": w(Ke)(L.id)
+      }, null, 10, Dl))), 128)),
+      !l.readonly && l.selectedLink ? rt((c(), m("polyline", {
+        key: 0,
+        class: "wx-line wx-line-selected wx-line-selectable wx-delete-link",
+        points: l.selectedLink.$p
+      }, null, 8, Ol)), [
+        [w(t), y]
+      ]) : ee("", !0)
+    ]));
+  }
+}), Al = /* @__PURE__ */ pe(Pl, [["__scopeId", "data-v-4939b3a5"]]), Fl = ["data-tooltip-id"], Gl = /* @__PURE__ */ Object.assign({ name: "GanttChartRollups" }, {
+  __name: "Rollups",
+  props: {
+    rollup: {},
+    parent: {}
+  },
+  setup(l) {
+    return (t, e) => (c(), m("div", {
+      "data-tooltip-id": l.rollup.id,
+      class: ke(`wx-rollup wx-${l.rollup.type}-rollup`),
+      style: J(`left:${l.rollup.$x_rollup}px;top:${l.parent.$y + l.parent.$h + l.rollup.$y_rollup_relative}px;width:${l.rollup.$w_rollup}px;height:${l.rollup.$h_rollup}px;`)
+    }, null, 14, Fl));
+  }
+}), jl = /* @__PURE__ */ pe(Gl, [["__scopeId", "data-v-e1e1122e"]]), Nl = { class: "wx-segments" }, Ul = ["data-segment"], Vl = {
+  key: 0,
+  class: "wx-progress-wrapper"
+}, Yl = { class: "wx-content" }, Xl = {
+  __name: "BarSegments",
+  props: {
+    task: {},
+    type: {}
+  },
+  setup(l) {
+    const t = l;
+    function e(u) {
+      const S = t.task.segments[u];
+      return `left:${S.$x}px;top:0px;width:${S.$w}px;height:100%;`;
+    }
+    function a(u) {
+      if (!t.task.progress) return 0;
+      const S = t.task.duration * t.task.progress / 100, b = t.task.segments;
+      let f = 0, y = 0, T = null;
+      do {
+        const A = b[y];
+        y === u && (f > S ? T = 0 : T = Math.min((S - f) / A.duration, 1) * 100), f += A.duration, y++;
+      } while (T === null && y < b.length);
+      return T || 0;
+    }
+    return (u, S) => (c(), m("div", Nl, [
+      (c(!0), m(le, null, be(l.task.segments, (b, f) => (c(), m("div", {
+        key: f,
+        class: ke(["wx-segment", "wx-bar", `wx-${l.type}`]),
+        "data-segment": f,
+        style: J(e(f))
+      }, [
+        l.task.progress ? (c(), m("div", Vl, [
+          Q("div", {
+            class: "wx-progress-percent",
+            style: J(`width:${a(f)}%`)
+          }, null, 4)
+        ])) : ee("", !0),
+        Q("div", Yl, $e(b.text || ""), 1)
+      ], 14, Ul))), 128))
+    ]));
+  }
+}, Kl = /* @__PURE__ */ pe(Xl, [["__scopeId", "data-v-558dfded"]]), ql = ["data-id", "data-tooltip-id", "tabindex"], Zl = {
+  key: 0,
+  class: "wx-progress-wrapper"
+}, Ql = {
+  key: 4,
+  class: "wx-content"
+}, Jl = {
+  key: 1,
+  class: "wx-text-out"
+}, en = /* @__PURE__ */ Object.assign({ name: "GanttChartBars" }, {
+  __name: "Bars",
+  props: {
+    readonly: {},
+    taskTemplate: {}
+  },
+  setup(l) {
+    const t = l, e = he("gantt-store"), {
+      _tasks: a,
+      _links: u,
+      area: S,
+      _scales: b,
+      taskTypes: f,
+      baselines: y,
+      _selected: T,
+      rollups: A,
+      _rollups: L,
+      focusTask: j,
+      criticalPath: d,
+      tasks: H,
+      schedule: B,
+      splitTasks: Z,
+      summary: K,
+      slack: M
+    } = e.getReactiveState(), I = $(a, !0), h = $(u), _ = $(S), o = $(b), C = $(f), U = $(y), Y = $(T), te = $(A), ue = $(L), re = $(d), ce = $(H), E = $(B), G = $(Z), fe = $(K), xe = $(M), z = R(
+      () => I.value.slice(_.value.start, _.value.end).map((n) => ({ ...n }))
+    ), X = R(() => o.value.lengthUnitWidth);
+    let D = !1;
+    const k = P(void 0), F = P(null);
+    let V = null;
+    const Te = P(null), v = R(
+      () => Te.value && {
+        ...h.value.find((n) => n.id === Te.value)
+      }
+    ), O = P(void 0);
+    let N;
+    function W(n) {
+      if (n.button !== 0) return;
+      const i = Ce(n);
+      i && ne(i, n);
+    }
+    function de(n) {
+      const i = Ce(n);
+      i && (N = setTimeout(() => {
+        O.value = !0, ne(i, n.touches[0]);
+      }, 300));
+    }
+    function ne(n, i) {
+      const { clientX: s } = i, x = Me(n), q = e.getTask(x), ae = i.target.classList;
+      if (!i.target.closest(".wx-delete-button") && !t.readonly) {
+        if (ae.contains("wx-progress-marker")) {
+          const { progress: se } = e.getTask(x);
+          V = {
+            id: x,
+            x: s,
+            progress: se,
+            dx: 0,
+            node: n,
+            marker: i.target
+          }, i.target.classList.add("wx-progress-in-drag");
+        } else {
+          const se = _e(n, i, q) || "move";
+          if (F.value = {
+            id: x,
+            mode: se,
+            x: s,
+            dx: 0,
+            l: q.$x,
+            w: q.$w
+          }, G.value && q.segments?.length) {
+            const oe = Ce(i, "data-segment");
+            oe && (F.value.segmentIndex = oe.dataset.segment * 1, Jt(q, F.value));
+          }
+        }
+        tt();
+      }
+    }
+    function _e(n, i, s) {
+      if (i.target.classList.contains("wx-line") || (s || (s = e.getTask(Me(n))), s.type === "milestone" || s.type === "summary")) return "";
+      const x = Ce(i, "data-segment");
+      x && (n = x);
+      const { left: q, width: ae } = n.getBoundingClientRect(), se = (i.clientX - q) / ae;
+      let oe = 0.2 / (ae > 200 ? ae / 200 : 1);
+      return se < oe ? "start" : se > 1 - oe ? "end" : "";
+    }
+    function ze(n) {
+      O.value ? (n.preventDefault(), et(n, n.touches[0])) : N && (clearTimeout(N), N = null);
+    }
+    function pt(n) {
+      et(n, n);
+    }
+    function et(n, i) {
+      const { clientX: s } = i;
+      if (!t.readonly)
+        if (V) {
+          const { node: x, x: q, id: ae } = V, se = V.dx = s - q, oe = Math.round(se / x.offsetWidth * 100);
+          let He = V.progress + oe;
+          V.value = He = Math.min(
+            Math.max(0, He),
+            100
+          ), e.exec("update-task", {
+            id: ae,
+            task: { progress: He },
+            inProgress: !0
+          });
+        } else if (F.value) {
+          st(null);
+          const { mode: x, l: q, w: ae, x: se, id: oe, start: He, segment: Ae, index: Ee } = F.value, wt = e.getTask(oe), we = s - se, _t = Math.round(X.value) || 1;
+          if (!He && Math.abs(we) < 20 || x === "start" && ae - we < _t || x === "end" && ae + we < _t || x === "move" && (we < 0 && q + we < 0 || we > 0 && q + ae + we > We.value) || F.value.segment && !Qt(wt, F.value))
+            return;
+          F.value.dx = we;
+          let ot, it;
+          if (x === "start" ? (ot = q + we, it = ae - we) : x === "end" ? (ot = q, it = ae + we) : x === "move" && (ot = q + we, it = ae), e.exec("drag-task", {
+            id: oe,
+            width: it,
+            left: ot,
+            inProgress: !0,
+            ...Ae && { segmentIndex: Ee }
+          }), !F.value.start && (x === "move" && wt.$x === q || x !== "move" && wt.$w === ae))
+            return D = !0, je();
+          F.value.start = !0;
+        } else {
+          const x = Ce(n);
+          if (x) {
+            const q = e.getTask(Me(x)), se = Ce(n, "data-segment") || x, oe = _e(se, i, q);
+            se.style.cursor = oe && !t.readonly ? "col-resize" : "pointer";
+          }
+        }
+    }
+    function ye() {
+      je();
+    }
+    function Oe() {
+      O.value = null, N && (clearTimeout(N), N = null), je();
+    }
+    function je() {
+      if (V) {
+        const { dx: n, id: i, marker: s, value: x } = V;
+        V = null, typeof x < "u" && n && e.exec("update-task", {
+          id: i,
+          task: { progress: x },
+          inProgress: !1
+        }), s.classList.remove("wx-progress-in-drag"), D = !0, Ne();
+      } else if (F.value) {
+        const { id: n, mode: i, dx: s, l: x, w: q, start: ae, segment: se, index: oe } = F.value;
+        if (F.value = null, ae) {
+          const He = Math.round(s / X.value);
+          if (!He)
+            e.exec("drag-task", {
+              id: n,
+              width: q,
+              left: x,
+              inProgress: !1,
+              ...se && { segmentIndex: oe }
+            });
+          else {
+            let Ae = {}, Ee = e.getTask(n);
+            se && (Ee = Ee.segments[oe]), i === "move" ? (Ae.start = Ee.start, Ae.end = Ee.end) : Ae[i] = Ee[i], e.exec("update-task", {
+              id: n,
+              diff: He,
+              task: Ae,
+              ...se && { segmentIndex: oe }
+            });
+          }
+          D = !0;
+        }
+        Ne();
+      }
+    }
+    function tt() {
+      document.body.style.userSelect = "none";
+    }
+    function Ne() {
+      document.body.style.userSelect = "";
+    }
+    function mt(n) {
+      if (!t.readonly) {
+        const i = Re(n.target);
+        if (i && !n.target.classList.contains("wx-link")) {
+          const s = Re(n.target, "data-segment");
+          e.exec("show-editor", {
+            id: i,
+            ...s !== null && { segmentIndex: s }
+          });
+        }
+      }
+    }
+    function lt(n) {
+      if (D) {
+        D = !1;
+        return;
+      }
+      const i = Re(n.target);
+      if (i) {
+        const s = n.target.classList;
+        if (s.contains("wx-link")) {
+          const x = s.contains("wx-left");
+          if (!k.value) {
+            k.value = { id: i, start: x };
+            return;
+          }
+          k.value.id !== i && !Ve(i, x) && e.exec("add-link", {
+            link: {
+              source: k.value.id,
+              target: i,
+              type: Ue(k.value.start, x)
+            }
+          });
+        } else if (s.contains("wx-delete-button-icon"))
+          e.exec("delete-link", { id: Te.value }), Te.value = null;
+        else {
+          const x = Re(n.target, "data-segment");
+          e.exec("select-task", {
+            id: i,
+            toggle: n.ctrlKey || n.metaKey,
+            range: n.shiftKey,
+            ...x !== null && { segmentIndex: x }
+          });
+        }
+      }
+      at();
+    }
+    function ht(n) {
+      return `left:${n.$x}px;top:${n.$y}px;width:${n.$w}px;height:${n.$h}px;line-height:${n.$h}px;`;
+    }
+    function Le(n) {
+      return `left:${n.$x_base}px;top:${n.$y_base}px;width:${n.$w_base}px;height:${n.$h_base}px;`;
+    }
+    function Se(n) {
+      return `left:${n.$x_slack}px;top:${n.$y}px;width:${n.$w_slack}px;height:${n.$h}px;`;
+    }
+    function nt(n) {
+      if (O.value || N)
+        return n.preventDefault(), !1;
+    }
+    const gt = ["e2s", "s2s", "e2e", "s2e"];
+    function Ue(n, i) {
+      return gt[(n ? 1 : 0) + (i ? 0 : 2)];
+    }
+    function Ve(n, i) {
+      const s = k.value.id, x = k.value.start;
+      return n === s ? !0 : h.value.find((q) => q.target === n && q.source === s && q.type === Ue(x, i));
+    }
+    function at() {
+      k.value && (k.value = null);
+    }
+    function st(n) {
+      Te.value = n;
+    }
+    const Ye = R(() => C.value.map((n) => n.id));
+    function Xe(n) {
+      let i = Ye.value.includes(n) ? n : "task";
+      return ["task", "milestone", "summary"].includes(n) || (i = `task ${i}`), i;
+    }
+    function Pe(n) {
+      e.exec(n.action, n.data);
+    }
+    const We = P(0), Ie = P(null), xt = R(
+      () => Y.value.length && Ie.value && Ie.value.contains(document.activeElement)
+    ), yt = R(
+      () => xt.value && Y.value[Y.value.length - 1].id
+    ), kt = $(j);
+    Fe(kt, (n) => {
+      if (n && n.column === !1) {
+        const { id: i } = n, s = Ie.value?.querySelector(
+          `.wx-bar[data-id='${Ke(i)}']`
+        );
+        s && s.focus();
+      }
+    });
+    const r = (n) => re.value && n.critical;
+    function p(n) {
+      if (E.value.auto) {
+        const i = ce.value.getSummaryId(n, !0), s = ce.value.getSummaryId(
+          k.value.id,
+          !0
+        );
+        return k.value?.id && !(Array.isArray(i) ? i : [i]).includes(k.value.id) && !(Array.isArray(s) ? s : [s]).includes(n);
+      }
+      return k.value;
+    }
+    let g;
+    return Ze(() => {
+      window.addEventListener("mouseup", ye), Ie.value && (We.value = Ie.value.offsetWidth, g = new ResizeObserver((n) => {
+        for (const i of n)
+          We.value = i.target.offsetWidth;
+      }), g.observe(Ie.value));
+    }), Qe(() => {
+      window.removeEventListener("mouseup", ye), g?.disconnect();
+    }), (n, i) => (c(), m("div", {
+      ref_key: "container",
+      ref: Ie,
+      class: "wx-bars",
+      style: J(`line-height: ${z.value.length ? z.value[0].$h : 0}px`),
+      onContextmenu: nt,
+      onMousedown: W,
+      onMousemove: pt,
+      onTouchstart: de,
+      onTouchmove: ze,
+      onTouchend: Oe,
+      onClick: lt,
+      onDblclick: mt,
+      onDragstart: i[0] || (i[0] = Ut(() => {
+      }, ["prevent"]))
+    }, [
+      w(xe) ? (c(!0), m(le, { key: 0 }, be(z.value, (s) => (c(), m(le, {
+        key: s.id
+      }, [
+        s.$visibleSlack ? (c(), m("div", {
+          key: 0,
+          class: ke("wx-slack wx-slack-" + s.type),
+          style: J(Se(s))
+        }, null, 6)) : ee("", !0)
+      ], 64))), 128)) : ee("", !0),
+      ge(Al, {
+        onSelectLink: st,
+        selectedLink: v.value,
+        readonly: t.readonly
+      }, null, 8, ["selectedLink", "readonly"]),
+      (c(!0), m(le, null, be(z.value, (s) => (c(), m(le, {
+        key: s.id
+      }, [
+        s.$skip ? ee("", !0) : (c(), m("div", {
+          key: 0,
+          class: ke([
+            "wx-bar",
+            "wx-" + Xe(s.type),
+            {
+              "wx-touch": O.value && F.value && s.id === F.value.id,
+              "wx-selected": k.value && k.value.id === s.id,
+              "wx-critical": r(s),
+              "wx-reorder-task": s.$reorder,
+              "wx-split": w(G) && s.segments
+            }
+          ]),
+          style: J(ht(s)),
+          "data-id": w(Ke)(s.id),
+          "data-tooltip-id": w(Ke)(s.id),
+          tabindex: yt.value === s.id ? "0" : "-1"
+        }, [
+          t.readonly ? ee("", !0) : (c(), m(le, { key: 0 }, [
+            s.id === v.value?.target && v.value?.type[2] === "s" ? (c(), ve(w(Ct), {
+              key: 0,
+              type: "danger",
+              css: "wx-left wx-delete-button wx-delete-link"
+            }, {
+              default: Be(() => [...i[1] || (i[1] = [
+                Q("i", { class: "wxi-close wx-delete-button-icon" }, null, -1)
+              ])]),
+              _: 1
+            })) : (c(), m("div", {
+              key: 1,
+              class: ke([
+                "wx-link",
+                "wx-left",
+                {
+                  "wx-visible": k.value,
+                  "wx-target": !k.value || !Ve(s.id, !0) && p(s.id),
+                  "wx-selected": k.value && k.value.id === s.id && k.value.start,
+                  "wx-critical": r(s)
+                }
+              ])
+            }, [...i[2] || (i[2] = [
+              Q("div", { class: "wx-inner" }, null, -1)
+            ])], 2))
+          ], 64)),
+          s.type !== "milestone" ? (c(), m(le, { key: 1 }, [
+            s.progress && !(w(G) && s.segments) ? (c(), m("div", Zl, [
+              Q("div", {
+                class: "wx-progress-percent",
+                style: J("width:" + s.progress + "%")
+              }, null, 4)
+            ])) : ee("", !0),
+            !t.readonly && !(w(G) && s.segments) && !(s.type === "summary" && w(fe)?.autoProgress) ? (c(), m("div", {
+              key: 1,
+              class: "wx-progress-marker",
+              style: J(
+                "left:calc(" + s.progress + "% - 10px);"
+              )
+            }, $e(s.progress), 5)) : ee("", !0),
+            t.taskTemplate ? (c(), ve(ut(t.taskTemplate), {
+              key: 2,
+              data: s,
+              api: w(e),
+              onaction: Pe
+            }, null, 8, ["data", "api"])) : w(G) && s.segments ? (c(), ve(Kl, {
+              key: 3,
+              task: s,
+              type: Xe(s.type)
+            }, null, 8, ["task", "type"])) : (c(), m("div", Ql, $e(s.text || ""), 1))
+          ], 64)) : (c(), m(le, { key: 2 }, [
+            i[3] || (i[3] = Q("div", { class: "wx-content" }, null, -1)),
+            t.taskTemplate ? (c(), ve(ut(t.taskTemplate), {
+              key: 0,
+              data: s,
+              api: w(e),
+              onaction: Pe
+            }, null, 8, ["data", "api"])) : (c(), m("div", Jl, $e(s.text), 1))
+          ], 64)),
+          t.readonly ? ee("", !0) : (c(), m(le, { key: 3 }, [
+            s.id === v.value?.target && v.value?.type[2] === "e" ? (c(), ve(w(Ct), {
+              key: 0,
+              type: "danger",
+              css: "wx-right wx-delete-button wx-delete-link"
+            }, {
+              default: Be(() => [...i[4] || (i[4] = [
+                Q("i", { class: "wxi-close wx-delete-button-icon" }, null, -1)
+              ])]),
+              _: 1
+            })) : (c(), m("div", {
+              key: 1,
+              class: ke([
+                "wx-link",
+                "wx-right",
+                {
+                  "wx-visible": k.value,
+                  "wx-target": !k.value || !Ve(
+                    s.id,
+                    !1
+                  ) && p(
+                    s.id
+                  ),
+                  "wx-selected": k.value && k.value.id === s.id && !k.value.start,
+                  "wx-critical": r(s)
+                }
+              ])
+            }, [...i[5] || (i[5] = [
+              Q("div", { class: "wx-inner" }, null, -1)
+            ])], 2))
+          ], 64))
+        ], 14, ql)),
+        w(te) && w(ue)?.[s.id] ? (c(!0), m(le, { key: 1 }, be(w(ue)[s.id], (x) => (c(), ve(jl, {
+          key: x.id,
+          rollup: x,
+          parent: s
+        }, null, 8, ["rollup", "parent"]))), 128)) : ee("", !0),
+        w(U) && !s.$skip_baseline ? (c(), m("div", {
+          key: 2,
+          class: ke([
+            "wx-baseline",
+            { "wx-milestone": s.type === "milestone" }
+          ]),
+          style: J(Le(s))
+        }, null, 6)) : ee("", !0)
+      ], 64))), 128))
+    ], 36));
+  }
+}), tn = /* @__PURE__ */ pe(en, [["__scopeId", "data-v-a2fa1ccc"]]), ln = {
+  __name: "TimeScale",
+  props: {
+    highlightTime: { type: Function }
+  },
+  setup(l) {
+    const t = l, e = he("gantt-store"), { _scales: a } = e.getReactiveState(), u = $(a);
+    return (S, b) => (c(), m("div", {
+      class: "wx-scale",
+      style: J({ width: w(u).width + "px" })
+    }, [
+      (c(!0), m(le, null, be(w(u).rows, (f, y) => (c(), m("div", {
+        key: y,
+        class: "wx-row",
+        style: J({ height: f.height + "px" })
+      }, [
+        (c(!0), m(le, null, be(f.cells, (T, A) => (c(), m("div", {
+          key: A,
+          class: ke([
+            "wx-cell",
+            T.css,
+            t.highlightTime ? t.highlightTime(T.date, T.unit) : ""
+          ]),
+          style: J({ width: T.width + "px" })
+        }, $e(T.value), 7))), 128))
+      ], 4))), 128))
+    ], 4));
+  }
+}, nn = /* @__PURE__ */ pe(ln, [["__scopeId", "data-v-3207e419"]]), an = { class: "wx-content" }, sn = {
+  key: 0,
+  class: "wx-gantt-holidays",
+  style: { height: "100%" }
+}, on = ["data-id"], zt = 1, Wt = 3e-3, un = /* @__PURE__ */ Object.assign({ name: "GanttChartChart" }, {
+  __name: "Chart",
+  props: {
+    readonly: {},
+    fullWidth: {},
+    fullHeight: {},
+    taskTemplate: {},
+    cellBorders: {},
+    highlightTime: {}
+  },
+  setup(l) {
+    const t = ct(Ft), e = l, a = he("gantt-store"), {
+      _selected: u,
+      scrollTop: S,
+      scrollLeft: b,
+      cellHeight: f,
+      _scales: y,
+      zoom: T,
+      _markers: A
+    } = a.getReactiveState(), L = $(u, !0), j = $(S), d = $(b), H = $(f), B = $(y), Z = $(T), K = $(A), M = P(0), I = P(null), h = R(() => {
+      const z = [];
+      return L.value.length && H.value && L.value.forEach((X) => {
+        z.push(`height: ${H.value}px;top: ${X.$y - 3}px`);
+      }), z;
+    });
+    Fe(M, () => {
+      U();
+    });
+    const _ = R(() => Math.max(M.value, e.fullHeight));
+    me(() => {
+      I.value && (I.value.scrollTop = j.value, I.value.scrollLeft = d.value);
+    });
+    function o() {
+      C(), U();
+    }
+    function C() {
+      const z = {};
+      I.value.scrollTop !== j.value && (z.top = I.value.scrollTop), I.value.scrollLeft !== d.value && (z.left = I.value.scrollLeft), a.exec("scroll-chart", z);
+    }
+    function U() {
+      const z = M.value || 0, X = Math.ceil(z / H.value) + 1, D = Math.floor((I.value?.scrollTop || 0) / H.value), k = Math.max(0, D - zt), F = D + X + zt, V = k * H.value;
+      a.exec("render-data", {
+        start: k,
+        end: F,
+        from: V
+      });
+    }
+    let Y = performance.now();
+    function te(z) {
+      const D = Math.abs(z) < 50 ? 4e-3 : 0.01, k = performance.now(), F = Math.min(k - Y, 50);
+      Y = k;
+      const V = ue(
+        -z * D,
+        -Wt * F,
+        Wt * F
+      );
+      return Math.exp(V);
+    }
+    function ue(z, X, D) {
+      return Math.max(Math.min(z, D), X);
+    }
+    let re = !1;
+    function ce(z) {
+      if (Z.value && (z.ctrlKey || z.metaKey)) {
+        z.preventDefault();
+        const X = te(z.deltaY), D = z.clientX - I.value.getBoundingClientRect().left;
+        re || (re = !0, requestAnimationFrame(() => {
+          a.exec("zoom-scale", {
+            dir: X > 1 ? 1 : -1,
+            ratio: Math.abs(1 - X),
+            offset: D
+          }), re = !1;
+        }));
+      }
+    }
+    function E(z) {
+      const X = e.highlightTime(z.date, z.unit);
+      return X ? {
+        css: X,
+        width: z.width
+      } : null;
+    }
+    const G = R(() => (B.value.minUnit === "hour" || B.value.minUnit === "day") && e.highlightTime ? B.value.rows[B.value.rows.length - 1].cells.map(E) : null);
+    function fe(z) {
+      z.eventSource = "chart", a.exec("hotkey", z);
+    }
+    let xe;
+    return Ze(() => {
+      I.value && (M.value = I.value.clientHeight, xe = new ResizeObserver((z) => {
+        for (const X of z)
+          M.value = X.target.clientHeight;
+      }), xe.observe(I.value));
+    }), Qe(() => {
+      xe?.disconnect();
+    }), (z, X) => rt((c(), m("div", {
+      class: "wx-chart",
+      tabindex: "-1",
+      ref_key: "chart",
+      ref: I,
+      onScroll: o,
+      onWheel: ce
+    }, [
+      ge(nn, {
+        highlightTime: e.highlightTime
+      }, null, 8, ["highlightTime"]),
+      w(K).length ? (c(), m("div", {
+        key: 0,
+        class: "wx-markers",
+        style: J(`height:${_.value}px;`)
+      }, [
+        (c(!0), m(le, null, be(w(K), (D) => (c(), m("div", {
+          key: D.id || D.left,
+          class: ke("wx-marker " + (D.css || "")),
+          style: J(`left:${D.left}px`)
+        }, [
+          Q("div", an, $e(D.text), 1)
+        ], 6))), 128))
+      ], 4)) : ee("", !0),
+      Q("div", {
+        class: "wx-area",
+        style: J(`width:${e.fullWidth}px;height:${_.value}px`)
+      }, [
+        G.value ? (c(), m("div", sn, [
+          (c(!0), m(le, null, be(G.value, (D, k) => (c(), m(le, { key: k }, [
+            D ? (c(), m("div", {
+              key: 0,
+              class: ke(D.css),
+              style: J(`width: ${D.width}px; left:${k * D.width}px`)
+            }, null, 6)) : ee("", !0)
+          ], 64))), 128))
+        ])) : ee("", !0),
+        ge(Wl, {
+          borders: e.cellBorders
+        }, null, 8, ["borders"]),
+        w(L).length ? (c(!0), m(le, { key: 1 }, be(w(L), (D, k) => (c(), m(le, {
+          key: D.id
+        }, [
+          D.$y ? (c(), m("div", {
+            key: 0,
+            class: "wx-selected",
+            "data-id": w(Ke)(D.id),
+            style: J(h.value[k])
+          }, null, 12, on)) : ee("", !0)
+        ], 64))), 128)) : ee("", !0),
+        ge(tn, {
+          readonly: e.readonly,
+          taskTemplate: e.taskTemplate
+        }, null, 8, ["readonly", "taskTemplate"])
+      ], 4)
+    ], 32)), [
+      [w(t), {
+        keys: {
+          arrowup: !0,
+          arrowdown: !0
+        },
+        exec: (D) => fe(D)
+      }]
+    ]);
+  }
+}), rn = /* @__PURE__ */ pe(un, [["__scopeId", "data-v-def875eb"]]), cn = /* @__PURE__ */ Object.assign({ name: "GanttResizer" }, {
+  __name: "Resizer",
+  props: /* @__PURE__ */ Tt({
+    position: { default: "after" },
+    size: { default: 4 },
+    dir: { default: "x" },
+    onmove: { type: Function },
+    compactMode: {},
+    containerWidth: { default: 0 },
+    leftThreshold: { default: 50 },
+    rightThreshold: { default: 50 }
+  }, {
+    value: { default: 0 },
+    valueModifiers: {},
+    display: { default: "all" },
+    displayModifiers: {}
+  }),
+  emits: ["update:value", "update:display"],
+  setup(l) {
+    const t = l, e = qe(l, "value"), a = qe(l, "display");
+    function u(h) {
+      let _ = 0;
+      t.position === "center" ? _ = t.size / 2 : t.position === "before" && (_ = t.size);
+      const o = {
+        size: [t.size + "px", "auto"],
+        p: [h - _ + "px", "0px"],
+        p2: ["auto", "0px"]
+      };
+      if (t.dir !== "x") for (let C in o) o[C] = o[C].reverse();
+      return o;
+    }
+    let S = 0, b;
+    const f = P(!1), y = P(null);
+    me(() => {
+      y.value === null && e.value > 0 && (y.value = e.value);
+    });
+    function T(h) {
+      return t.dir === "x" ? h.clientX : h.clientY;
+    }
+    function A(h) {
+      !t.compactMode && (a.value === "grid" || a.value === "chart") || (S = T(h), b = e.value, f.value = !0, document.body.style.cursor = I.value, document.body.style.userSelect = "none", window.addEventListener("mousemove", j), window.addEventListener("mouseup", d));
+    }
+    let L;
+    function j(h) {
+      const _ = b + T(h) - S;
+      e.value = _;
+      let o;
+      _ <= t.leftThreshold ? o = "chart" : t.containerWidth - _ <= t.rightThreshold ? o = "grid" : o = "all", a.value !== o && (a.value = o), L && clearTimeout(L), L = setTimeout(
+        () => t.onmove && t.onmove(e.value),
+        100
+      );
+    }
+    function d() {
+      document.body.style.cursor = "", document.body.style.userSelect = "", f.value = !1, window.removeEventListener("mousemove", j), window.removeEventListener("mouseup", d);
+    }
+    function H() {
+      a.value = "all", y.value !== null && (e.value = y.value, t.onmove && t.onmove(y.value));
+    }
+    function B(h) {
+      t.compactMode ? a.value = a.value === "chart" ? "grid" : "chart" : a.value === "grid" || a.value === "chart" ? H() : a.value = h === "left" ? "chart" : "grid";
+    }
+    function Z() {
+      B("left");
+    }
+    function K() {
+      B("right");
+    }
+    const M = R(() => u(e.value)), I = R(
+      () => a.value !== "all" ? "auto" : t.dir === "x" ? "ew-resize" : "ns-resize"
+    );
+    return (h, _) => (c(), m("div", {
+      class: ke([
+        "wx-resizer",
+        `wx-resizer-${l.dir}`,
+        `wx-resizer-display-${a.value}`,
+        { "wx-resizer-active": f.value }
+      ]),
+      onMousedown: A,
+      style: J(`width:${M.value.size[0]}; height: ${M.value.size[1]}; cursor:${I.value};`)
+    }, [
+      Q("div", { class: "wx-button-expand-box" }, [
+        Q("div", { class: "wx-button-expand-content wx-button-expand-left" }, [
+          Q("i", {
+            class: "wxi-menu-left",
+            onClick: Z
+          })
+        ]),
+        Q("div", { class: "wx-button-expand-content wx-button-expand-right" }, [
+          Q("i", {
+            class: "wxi-menu-right",
+            onClick: K
+          })
+        ])
+      ]),
+      _[0] || (_[0] = Q("div", { class: "wx-resizer-line" }, null, -1))
+    ], 38));
+  }
+}), dn = /* @__PURE__ */ pe(cn, [["__scopeId", "data-v-206d8277"]]), fn = 650;
+function Gt(l) {
+  let t;
+  function e() {
+    t = new ResizeObserver((u) => {
+      for (let S of u)
+        if (S.target === document.body) {
+          let b = S.contentRect.width <= fn;
+          l(b);
+        }
+    }), t.observe(document.body);
+  }
+  function a() {
+    t && (t.disconnect(), t = null);
+  }
+  return {
+    observe: e,
+    disconnect: a
+  };
+}
+const vn = {
+  tabindex: "0",
+  class: "wx-layout"
+}, pn = /* @__PURE__ */ Object.assign({ name: "GanttLayout" }, {
+  __name: "Layout",
+  props: /* @__PURE__ */ Tt({
+    taskTemplate: {},
+    readonly: {},
+    cellBorders: {},
+    highlightTime: {}
+  }, {
+    tableAPI: {},
+    tableAPIModifiers: {}
+  }),
+  emits: ["update:tableAPI"],
+  setup(l) {
+    const t = ct(Ft), e = qe(l, "tableAPI"), a = he("gantt-store"), {
+      _tasks: u,
+      _scales: S,
+      cellHeight: b,
+      columns: f,
+      scrollTop: y,
+      undo: T
+    } = a.getReactiveState(), A = $(u), L = $(S), j = $(b), d = $(f), H = $(y), B = $(T), Z = P(!1), K = P(0), M = P(void 0), I = P(void 0), h = P(void 0), _ = P(null), o = P("all");
+    me(() => {
+      const k = Gt(U);
+      k.observe(), bt(() => {
+        k.disconnect();
+      });
+    });
+    let C = null;
+    function U(k) {
+      k !== Z.value && (Z.value = k, Z.value ? (C = o.value, o.value === "all" && (o.value = "grid")) : (!C || C === "all") && (o.value = "all"));
+    }
+    const Y = R(() => {
+      let k;
+      return d.value.every((F) => F.width && !F.flexgrow) ? k = d.value.reduce((F, V) => F + parseInt(V.width), 0) : o.value === "chart" ? k = parseInt(
+        d.value.find((F) => F.id === "action")?.width
+      ) || 50 : k = 440, k;
+    });
+    me(() => {
+      K.value = Y.value;
+    });
+    const te = R(() => M.value - h.value), ue = R(() => L.value.width), re = R(() => A.value.length * j.value), ce = R(
+      () => L.value.height + re.value + te.value
+    );
+    me(() => {
+      let k;
+      _.value && (k = new ResizeObserver(E), k.observe(_.value)), bt(() => {
+        k && k.disconnect();
+      });
+    });
+    function E() {
+      a.exec("resize-chart", {
+        width: M.value - K.value,
+        height: I.value - L.value.height,
+        scrollSize: te.value
+      });
+    }
+    const G = P(null);
+    function fe() {
+      a.exec("scroll-chart", {
+        top: G.value.scrollTop
+      });
+    }
+    function xe() {
+      G.value && H.value !== G.value.scrollTop && (G.value.scrollTop = H.value);
+    }
+    me(() => {
+      H.value, xe();
+    });
+    let z;
+    Ze(() => {
+      G.value && (z = new ResizeObserver(() => {
+        I.value = G.value?.offsetHeight, M.value = G.value?.offsetWidth;
+      }), z.observe(G.value), I.value = G.value.offsetHeight, M.value = G.value.offsetWidth);
+    }), Qe(() => {
+      z?.disconnect();
+    });
+    const X = P(null);
+    let D;
+    return Ze(() => {
+      X.value && (D = new ResizeObserver(() => {
+        h.value = X.value?.offsetWidth;
+      }), D.observe(X.value), h.value = X.value.offsetWidth);
+    }), Qe(() => {
+      D?.disconnect();
+    }), (k, F) => (c(), m("div", {
+      class: "wx-gantt",
+      ref_key: "ganttDiv",
+      ref: G,
+      onScroll: fe
+    }, [
+      Q("div", {
+        ref_key: "pseudoRowsDiv",
+        ref: X,
+        class: "wx-pseudo-rows",
+        style: J(`height:${ce.value}px;width:100%;`)
+      }, [
+        Q("div", {
+          class: "wx-stuck",
+          style: J(`height:${I.value}px;width:${h.value}px;`)
+        }, [
+          rt((c(), m("div", vn, [
+            w(d).length ? (c(), m(le, { key: 0 }, [
+              ge(zl, {
+                display: o.value,
+                "onUpdate:display": F[0] || (F[0] = (V) => o.value = V),
+                compactMode: Z.value,
+                columnWidth: Y.value,
+                width: K.value,
+                readonly: l.readonly,
+                fullHeight: re.value,
+                tableAPI: e.value,
+                "onUpdate:tableAPI": F[1] || (F[1] = (V) => e.value = V)
+              }, null, 8, ["display", "compactMode", "columnWidth", "width", "readonly", "fullHeight", "tableAPI"]),
+              ge(dn, {
+                value: K.value,
+                "onUpdate:value": F[2] || (F[2] = (V) => K.value = V),
+                display: o.value,
+                "onUpdate:display": F[3] || (F[3] = (V) => o.value = V),
+                compactMode: Z.value,
+                containerWidth: M.value
+              }, null, 8, ["value", "display", "compactMode", "containerWidth"])
+            ], 64)) : ee("", !0),
+            Q("div", {
+              class: "wx-content",
+              ref_key: "chart",
+              ref: _
+            }, [
+              ge(rn, {
+                readonly: l.readonly,
+                fullWidth: ue.value,
+                fullHeight: re.value,
+                taskTemplate: l.taskTemplate,
+                cellBorders: l.cellBorders,
+                highlightTime: l.highlightTime
+              }, null, 8, ["readonly", "fullWidth", "fullHeight", "taskTemplate", "cellBorders", "highlightTime"])
+            ], 512)
+          ])), [
+            [w(t), {
+              keys: {
+                "ctrl+c": !0,
+                "ctrl+v": !0,
+                "ctrl+x": !0,
+                "ctrl+d": !0,
+                backspace: !0,
+                "ctrl+z": w(B),
+                "ctrl+y": w(B)
+              },
+              exec: (V) => {
+                V.isInput || w(a).exec("hotkey", V);
+              }
+            }]
+          ])
+        ], 4)
+      ], 4)
+    ], 544));
+  }
+}), mn = /* @__PURE__ */ pe(pn, [["__scopeId", "data-v-b6d88a7d"]]);
+function hn(l) {
+  return {
+    year: "%Y",
+    quarter: `${l("Q")} %Q`,
+    month: "%M",
+    week: `${l("Week")} %w`,
+    day: "%M %j",
+    hour: "%H:%i"
+  };
+}
+function gn(l, t) {
+  return typeof l == "function" ? l : dt(l, t);
+}
+function jt(l, t) {
+  return l.map(({ format: e, ...a }) => ({
+    ...a,
+    format: gn(e, t)
+  }));
+}
+function xn(l, t) {
+  const e = hn(t);
+  for (let a in e)
+    e[a] = dt(e[a], l);
+  return e;
+}
+function yn(l, t) {
+  if (!l || !l.length) return l;
+  const e = dt("%d-%m-%Y", t);
+  return l.map((a) => a.template ? a : a.id === "start" || a.id === "end" ? {
+    ...a,
+    //store locale template for unscheduled tasks
+    _template: (u) => e(u),
+    template: (u) => e(u)
+  } : a.id === "duration" ? {
+    ...a,
+    _template: (u) => u,
+    template: (u) => u
+  } : a);
+}
+function kn(l, t) {
+  return l.levels ? {
+    ...l,
+    levels: l.levels.map((e) => ({
+      ...e,
+      scales: jt(e.scales, t)
+    }))
+  } : l;
+}
+const ea = /* @__PURE__ */ Object.assign({ name: "GanttComponentsGantt" }, {
+  __name: "Gantt",
+  props: {
+    taskTemplate: { default: null },
+    markers: { default: () => [] },
+    taskTypes: { default: () => tl },
+    tasks: { default: () => [] },
+    selected: { default: () => [] },
+    activeTask: { default: null },
+    links: { default: () => [] },
+    scales: {
+      default: () => [
+        { unit: "month", step: 1, format: "%F %Y" },
+        { unit: "day", step: 1, format: "%j" }
+      ]
+    },
+    columns: { default: () => el },
+    start: { default: null },
+    end: { default: null },
+    lengthUnit: { default: "day" },
+    durationUnit: { default: "day" },
+    cellWidth: { default: 100 },
+    cellHeight: { default: 38 },
+    scaleHeight: { default: 36 },
+    readonly: { type: Boolean, default: !1 },
+    cellBorders: { default: "full" },
+    zoom: { type: [Boolean, Object, Array], default: !1 },
+    baselines: { type: [Boolean, Object], default: !1 },
+    rollups: { type: [Boolean, Object], default: !1 },
+    highlightTime: { type: Function, default: null },
+    init: { type: Function, default: null },
+    autoScale: { type: Boolean, default: !0 },
+    unscheduledTasks: { type: Boolean, default: !1 },
+    criticalPath: { default: null },
+    schedule: { default: () => ({ type: "forward" }) },
+    projectStart: { default: null },
+    projectEnd: { default: null },
+    calendar: { default: null },
+    undo: { type: Boolean, default: !1 },
+    splitTasks: { type: Boolean, default: !1 },
+    summary: { default: null },
+    slack: { type: Boolean, default: !1 },
+    _export: { type: Boolean, default: !1 }
+  },
+  setup(l, { expose: t }) {
+    const e = l, a = Vt(), u = new ll(Xt), S = { ...$t, ...vt };
+    let b = he("wx-i18n", null);
+    b ? b = b.extend(S, !0) : b = ft(S), Ge("wx-i18n", b);
+    const { calendar: f } = b.getRaw(), y = R(() => {
+      let E = {
+        zoom: kn(e.zoom, f),
+        scales: jt(e.scales, f),
+        columns: yn(e.columns, f),
+        links: nl(e.links),
+        cellWidth: e.cellWidth
+      };
+      return E.zoom && (E = {
+        ...E,
+        ...al(
+          E.zoom,
+          xn(f, b.getGroup("gantt")),
+          E.scales,
+          e.cellWidth
+        )
+      }), E;
+    });
+    Fe(
+      () => [e.tasks, e.durationUnit, e.calendar],
+      () => {
+        e._export || sl(e.tasks, {
+          durationUnit: e.durationUnit,
+          splitTasks: e.splitTasks,
+          calendar: e.calendar
+        });
+      },
+      { immediate: !0, flush: "pre" }
+    );
+    let T = u.in;
+    const A = /-/g;
+    let L = new qt((E, G) => {
+      const fe = "on" + E.replace(A, "");
+      a[fe] && a[fe](G);
+    });
+    T.setNext(L);
+    const j = P(void 0), d = P(null);
+    me(() => {
+      e.calendar && e.tasks && (d.value = (E, G) => G === "day" && !e.calendar.getDayHours(E) || G === "hour" && !e.calendar.getDayHours(E) ? "wx-weekend" : "");
+    });
+    const H = R(
+      () => d.value || e.highlightTime
+    ), B = u.getState.bind(u), Z = u.getReactive.bind(u), K = () => ({ data: u }), M = T.exec, I = (E) => L = L.setNext(E), h = T.intercept.bind(T), _ = T.on.bind(T), o = T.detach.bind(T), C = (E) => u.getTask(E), U = () => u.serialize(), Y = (E) => E ? new Promise((G) => setTimeout(() => G(j.value), 1)) : j.value, te = () => u.getHistory(), ue = {
+      getState: B,
+      getReactiveState: Z,
+      getStores: K,
+      exec: M,
+      setNext: I,
+      intercept: h,
+      on: _,
+      detach: o,
+      getTable: Y,
+      getTask: C,
+      serialize: U,
+      getHistory: te
+    };
+    t({
+      getState: B,
+      getReactiveState: Z,
+      getStores: K,
+      exec: M,
+      setNext: I,
+      intercept: h,
+      on: _,
+      detach: o,
+      getTable: Y,
+      getTask: C,
+      serialize: U,
+      getHistory: te
+    }), Ge("gantt-store", {
+      getReactiveState: u.getReactive.bind(u),
+      exec: T.exec.bind(T),
+      getTask: u.getTask.bind(u)
+    });
+    let re = !0;
+    return me(() => {
+      const E = y.value;
+      u.init({
+        tasks: e.tasks,
+        links: E.links,
+        start: e.start,
+        columns: E.columns,
+        end: e.end,
+        lengthUnit: e.lengthUnit,
+        cellWidth: E.cellWidth,
+        cellHeight: e.cellHeight,
+        scaleHeight: e.scaleHeight,
+        scales: E.scales,
+        taskTypes: e.taskTypes,
+        zoom: E.zoom,
+        selected: e.selected,
+        activeTask: e.activeTask,
+        baselines: e.baselines,
+        rollups: e.rollups === !0 ? { type: "closest" } : e.rollups,
+        autoScale: e.autoScale,
+        unscheduledTasks: e.unscheduledTasks,
+        markers: e.markers,
+        durationUnit: e.durationUnit,
+        criticalPath: e.criticalPath,
+        schedule: e.schedule,
+        projectStart: e.projectStart,
+        projectEnd: e.projectEnd,
+        calendar: e.calendar,
+        slack: e.slack,
+        undo: e.undo,
+        _weekStart: f.weekStart,
+        splitTasks: e.splitTasks,
+        summary: e.summary
+      }), re && e.init && (e.init(ue), re = !1);
+    }), (E, G) => (c(), ve(mn, {
+      taskTemplate: e.taskTemplate,
+      readonly: e.readonly,
+      cellBorders: e.cellBorders,
+      highlightTime: H.value,
+      tableAPI: j.value,
+      "onUpdate:tableAPI": G[0] || (G[0] = (fe) => j.value = fe)
+    }, null, 8, ["taskTemplate", "readonly", "cellBorders", "highlightTime", "tableAPI"]));
+  }
+}), ta = /* @__PURE__ */ Object.assign({ name: "GanttToolbar" }, {
+  __name: "Toolbar",
+  props: {
+    api: { default: null },
+    items: { default: () => [] }
+  },
+  setup(l) {
+    const t = l;
+    let e = he("wx-i18n", null);
+    e || (e = ft(vt), Ge("wx-i18n", e));
+    const a = he("wx-i18n").getGroup("gantt"), u = ie(() => t.api?.getReactiveState()?._selected), S = ie(() => t.api?.getReactiveState()?.undo), b = ie(() => t.api?.getReactiveState()?.history), f = ie(() => t.api?.getReactiveState()?.splitTasks), y = ["undo", "redo"], T = R(() => {
+      const L = St({ undo: !0, splitTasks: !0 });
+      return (t.items.length ? t.items : St({
+        undo: S().value,
+        splitTasks: f().value
+      })).map((d) => (d = { ...d, disabled: !1 }, d.handler = Pt(L, d.id) ? (H) => At(t.api, H.id, null, a) : d.handler, d.text && (d.text = a(d.text)), d.menuText && (d.menuText = a(d.menuText)), d));
+    }), A = R(() => {
+      const L = u().value, j = [];
+      return T.value.forEach((d) => {
+        const H = d.id;
+        if (H === "add-task")
+          j.push(d);
+        else if (y.includes(H))
+          y.includes(H) && j.push({
+            ...d,
+            disabled: d.isDisabled(b().value)
+          });
+        else {
+          if (!L?.length || !t.api) return;
+          j.push({
+            ...d,
+            disabled: d.isDisabled && L.some(
+              (B) => d.isDisabled(B, t.api.getState())
+            )
+          });
+        }
+      }), j.filter((d, H) => {
+        if (t.api && d.isHidden)
+          return !L.some(
+            (B) => d.isHidden(B, t.api.getState())
+          );
+        if (d.comp === "separator") {
+          const B = j[H + 1];
+          if (!B || B.comp === "separator") return !1;
+        }
+        return !0;
+      });
+    });
+    return (L, j) => (c(), ve(w(kl), { items: A.value }, null, 8, ["items"]));
+  }
+}), wn = ["oncontextmenu"], bn = {
+  __name: "ContextMenu",
+  props: {
+    options: { default: () => [] },
+    api: { default: null },
+    resolver: { default: null },
+    filter: { default: null },
+    at: { default: "point" },
+    onclick: { type: Function },
+    css: {}
+  },
+  setup(l, { expose: t }) {
+    const e = l;
+    let a = null, u = he("wx-i18n", null);
+    u || (u = ft({ ...vt, ...$t }), Ge("wx-i18n", u));
+    const S = he("wx-i18n").getGroup("gantt"), b = ie(() => e.api?.getReactiveState()?.taskTypes), f = ie(() => e.api?.getReactiveState()?.selected), y = ie(() => e.api?.getReactiveState()?._selected), T = ie(() => e.api?.getReactiveState()?.splitTasks), A = ie(() => e.api?.getReactiveState()?.summary), L = R(() => ({
+      splitTasks: T().value,
+      taskTypes: b().value,
+      summary: A().value
+    })), j = R(() => It(L.value));
+    function d() {
+      const o = e.options.length ? e.options : It(L.value);
+      return H(o);
+    }
+    function H(o) {
+      return o.map((C) => (C = { ...C }, C.text && (C.text = S(C.text)), C.subtext && (C.subtext = S(C.subtext)), C.data && (C.data = H(C.data)), C));
+    }
+    function B(o, C) {
+      let U = o ? e.api.getTask(o) : null;
+      if (e.resolver) {
+        const Y = e.resolver(o, C);
+        U = Y === !0 ? U : Y;
+      }
+      if (U) {
+        const Y = Re(C.target, "data-segment");
+        Y !== null ? a = { id: U.id, segmentIndex: Y } : a = U.id, f().value.includes(U.id) || e.api.exec("select-task", { id: U.id });
+      }
+      return U;
+    }
+    function Z(o) {
+      const C = o.action;
+      C && (Pt(j.value, C.id) && At(e.api, C.id, a, S), e.onclick && e.onclick(o));
+    }
+    function K(o, C) {
+      const U = y().value?.length ? y().value : C ? [C] : [];
+      let Y = e.filter ? U.every((te) => e.filter(o, te)) : !0;
+      if (Y && (o.isHidden && (Y = !U.some(
+        (te) => o.isHidden(te, e.api.getState(), a)
+      )), o.isDisabled)) {
+        const te = U.some(
+          (ue) => o.isDisabled(ue, e.api.getState(), a)
+        );
+        o.disabled = te;
+      }
+      return Y;
+    }
+    let M = !1;
+    me(() => {
+      e.api && !M && (M = !0, e.api.on("scroll-chart", () => h.value.show()), e.api.on("drag-task", () => h.value.show()));
+    });
+    const I = R(() => d()), h = P(null);
+    function _(o, C) {
+      h.value.show(o, C);
+    }
+    return t({ show: _ }), (o, C) => (c(), m(le, null, [
+      ge(w(wl), {
+        filter: K,
+        options: I.value,
+        dataKey: "id",
+        resolver: B,
+        onclick: Z,
+        css: l.css,
+        at: l.at,
+        ref_key: "menu",
+        ref: h
+      }, null, 8, ["options", "css", "at"]),
+      Q("span", {
+        oncontextmenu: h.value?.show,
+        "data-menu-ignore": "true"
+      }, [
+        Je(o.$slots, "default", {}, void 0, !0)
+      ], 8, wn)
+    ], 64));
+  }
+}, la = /* @__PURE__ */ pe(bn, [["__scopeId", "data-v-463453b1"]]), Tn = {
+  key: 0,
+  class: "wx-links"
+}, $n = { class: "wx-cell" }, _n = { class: "wx-task-name" }, Sn = {
+  key: 0,
+  class: "wx-cell wx-link-lag"
+}, In = { class: "wx-cell" }, Cn = { class: "wx-wrapper" }, Rn = { class: "wx-cell" }, Mn = ["onclick"], Ln = /* @__PURE__ */ Object.assign({ name: "GanttEditorLinks" }, {
+  __name: "Links",
+  props: {
+    api: {},
+    autoSave: {},
+    onlinkschange: { type: Function },
+    onchange: { type: Function },
+    comp: { type: String },
+    label: { type: String },
+    isHidden: { type: Function },
+    setter: { type: Function },
+    getter: { type: Function },
+    hidden: { type: Boolean },
+    error: { type: String },
+    value: { type: String }
+  },
+  setup(l) {
+    const t = he("wx-i18n").getGroup("gantt"), e = l;
+    Ge("wx-input-id", null);
+    const {
+      activeTask: a,
+      _activeTask: u,
+      _links: S,
+      schedule: b,
+      unscheduledTasks: f
+    } = e.api.getReactiveState(), y = $(a), T = $(u), A = $(S), L = $(b), j = $(f), d = P();
+    me(() => {
+      d.value = H();
+    });
+    function H() {
+      if (y.value) {
+        const M = A.value.filter((h) => h.target === y.value).map((h) => ({ link: h, task: e.api.getTask(h.source) })), I = A.value.filter((h) => h.source === y.value).map((h) => ({ link: h, task: e.api.getTask(h.target) }));
+        return [
+          { title: t("Predecessors"), data: M },
+          { title: t("Successors"), data: I }
+        ];
+      }
+    }
+    const B = [
+      { id: "e2s", label: t("End-to-start") },
+      { id: "s2s", label: t("Start-to-start") },
+      { id: "e2e", label: t("End-to-end") },
+      { id: "s2e", label: t("Start-to-end") }
+    ];
+    function Z(M) {
+      e.autoSave ? e.api.exec("delete-link", { id: M }) : (d.value = d.value.map((I) => ({
+        ...I,
+        data: I.data.filter((h) => h.link.id !== M)
+      })), e.onlinkschange?.({
+        id: M,
+        action: "delete-link",
+        data: { id: M }
+      }));
+    }
+    function K(M, I) {
+      e.autoSave ? e.api.exec("update-link", {
+        id: M,
+        link: I
+      }) : (d.value = d.value.map((h) => ({
+        ...h,
+        data: h.data.map(
+          (_) => _.link.id === M ? { ..._, link: { ..._.link, ...I } } : _
+        )
+      })), e.onlinkschange?.({
+        id: M,
+        action: "update-link",
+        data: {
+          id: M,
+          link: I
+        }
+      }));
+    }
+    return (M, I) => (c(!0), m(le, null, be(d.value, (h) => (c(), m(le, {
+      key: h.title
+    }, [
+      h.data.length ? (c(), m("div", Tn, [
+        ge(w(rl), {
+          label: h.title,
+          position: "top"
+        }, {
+          default: Be(() => [
+            Q("table", null, [
+              Q("tbody", null, [
+                (c(!0), m(le, null, be(h.data, (_) => (c(), m("tr", {
+                  key: _.link.id
+                }, [
+                  Q("td", $n, [
+                    Q("div", _n, $e(_.task.text || ""), 1)
+                  ]),
+                  w(L)?.auto && _.link.type === "e2s" ? (c(), m("td", Sn, [
+                    ge(w(cl), {
+                      type: "number",
+                      placeholder: w(t)("Lag"),
+                      value: _.link.lag,
+                      disabled: w(j) && w(T).unscheduled,
+                      onchange: (o) => {
+                        o.input || K(_.link.id, {
+                          lag: o.value
+                        });
+                      }
+                    }, null, 8, ["placeholder", "value", "disabled", "onchange"])
+                  ])) : ee("", !0),
+                  Q("td", In, [
+                    Q("div", Cn, [
+                      ge(w(dl), {
+                        value: _.link.type,
+                        placeholder: w(t)("Select link type"),
+                        options: B,
+                        onchange: (o) => K(_.link.id, {
+                          type: o.value
+                        })
+                      }, {
+                        default: Be(({ option: o }) => [
+                          Et($e(o.label), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["value", "placeholder", "onchange"])
+                    ])
+                  ]),
+                  Q("td", Rn, [
+                    Q("i", {
+                      class: "wxi-delete wx-delete-icon",
+                      onclick: () => Z(_.link.id),
+                      role: "button"
+                    }, null, 8, Mn)
+                  ])
+                ]))), 128))
+              ])
+            ])
+          ]),
+          _: 2
+        }, 1032, ["label"])
+      ])) : ee("", !0)
+    ], 64))), 128));
+  }
+}), Hn = /* @__PURE__ */ pe(Ln, [["__scopeId", "data-v-94a2215a"]]), Bn = { class: "date-time-controll" }, zn = {
+  __name: "DateTimePicker",
+  props: {
+    value: {},
+    time: {},
+    format: {},
+    onchange: { type: Function }
+  },
+  setup(l) {
+    const t = l, e = R(() => {
+      const { value: u, time: S, format: b, onchange: f, ...y } = t;
+      return y;
+    });
+    function a(u) {
+      const S = new Date(u.value);
+      S.setHours(t.value.getHours()), S.setMinutes(t.value.getMinutes()), t.onchange?.({ value: S });
+    }
+    return (u, S) => (c(), m("div", Bn, [
+      ge(w(fl), Dt(e.value, {
+        value: l.value,
+        onchange: a,
+        format: l.format,
+        buttons: ["today"],
+        clear: !1
+      }), null, 16, ["value", "format"]),
+      l.time ? (c(), ve(w(vl), {
+        key: 0,
+        value: l.value,
+        onchange: l.onchange,
+        format: l.format
+      }, null, 8, ["value", "onchange", "format"])) : ee("", !0)
+    ]));
+  }
+}, Wn = /* @__PURE__ */ pe(zn, [["__scopeId", "data-v-1f9dfea2"]]), En = /* @__PURE__ */ Object.assign({ name: "GanttEditor" }, {
+  __name: "Editor",
+  props: {
+    api: { default: null },
+    items: { default: () => [] },
+    css: { default: "" },
+    layout: { default: "default" },
+    readonly: { type: Boolean, default: !1 },
+    placement: { default: "sidebar" },
+    bottomBar: { type: [Boolean, Object], default: !0 },
+    topBar: { type: [Boolean, Object], default: !0 },
+    autoSave: { type: Boolean, default: !0 },
+    focus: { type: Boolean, default: !1 },
+    hotkeys: { default: () => ({}) }
+  },
+  setup(l) {
+    De("select", pl), De("date", Wn), De("twostate", ml), De("slider", hl), De("counter", gl), De("links", Hn), De("checkbox", xl);
+    const t = l;
+    let e = he("wx-i18n", null);
+    e || (e = ft({ ...vt, ...$t }), Ge("wx-i18n", e));
+    const a = e.getGroup("gantt"), u = e.getRaw(), S = u.gantt?.dateFormat || u.formats?.dateFormat, b = dt(S, u.calendar), f = ie(() => t.api?.getReactiveState()?._activeTask), y = ie(() => t.api?.getReactiveState()?.activeTask), T = ie(() => t.api?.getReactiveState()?.unscheduledTasks), A = ie(() => t.api?.getReactiveState()?.rollups), L = ie(() => t.api?.getReactiveState()?.summary), j = ie(() => t.api?.getReactiveState()?.links), d = ie(() => t.api?.getReactiveState()?.taskTypes), H = ie(() => t.api?.getReactiveState()?.undo), B = ie(() => t.api?.getReactiveState()?.segmentIndex), Z = ie(() => t.api?.getReactiveState()?.isSegment), K = R(() => {
+      if (t.topBar === !0 && !t.readonly) {
+        const v = [
+          { comp: "icon", icon: "wxi-close", id: "close" },
+          { comp: "spacer" },
+          {
+            comp: "button",
+            type: "danger",
+            text: a("Delete"),
+            id: "delete"
+          }
+        ];
+        return t.autoSave ? { items: v } : {
+          items: [
+            ...v,
+            {
+              comp: "button",
+              type: "primary",
+              text: a("Save"),
+              id: "save"
+            }
+          ]
+        };
+      }
+      return t.topBar;
+    }), M = P(!1), I = R(() => M.value ? "wx-full-screen" : "");
+    me((v) => {
+      const O = Gt(h);
+      O.observe(), v(() => {
+        O.disconnect();
+      });
+    });
+    function h(v) {
+      M.value = v;
+    }
+    const _ = R(
+      () => ol({
+        unscheduledTasks: T().value,
+        rollups: A().value,
+        summary: L().value,
+        taskTypes: d().value
+      })
+    ), o = P({}), C = P(null), U = P(void 0), Y = P(null), te = R(() => {
+      const v = f().value;
+      if (!v) return null;
+      let O;
+      if (Z().value && v.segments ? O = { ...v.segments[B().value] } : O = { ...v }, t.readonly) {
+        let N = { parent: O.parent };
+        return _.value.forEach(({ key: W, comp: de }) => {
+          if (de !== "links") {
+            const ne = O[W];
+            de === "date" && ne instanceof Date ? N[W] = b(ne) : de === "slider" && W === "progress" ? N[W] = `${ne}%` : N[W] = ne;
+          }
+        }), N;
+      }
+      return O || null;
+    });
+    Fe(te, (v) => {
+      U.value = v;
+    }), Fe(y, () => {
+      o.value = {}, Y.value = null, C.value = null;
+    });
+    const ue = R(() => {
+      let v = t.items.length ? t.items : _.value;
+      return v = ce(v, U.value), U.value ? v.filter(
+        (O) => !O.isHidden || !O.isHidden(U.value, t.api.getState())
+      ) : v;
+    }), re = R(() => ue.value.map((v) => v.key));
+    function ce(v, O) {
+      return v.map((N) => {
+        const W = { ...N };
+        if (N.config && (W.config = { ...W.config }), W.comp === "links" && t.api && (W.api = t.api, W.autoSave = t.autoSave, W.onlinkschange = E), W.comp === "select" && W.key === "type") {
+          const de = W.options ?? [];
+          W.options = de.map((ne) => ({
+            ...ne,
+            label: a(ne.label)
+          }));
+        }
+        return W.comp === "slider" && W.key === "progress" && (W.labelTemplate = (de) => `${a(W.label)} ${de}%`), W.label && (W.label = a(W.label)), W.config?.placeholder && (W.config.placeholder = a(W.config.placeholder)), O && (W.isDisabled && W.isDisabled(O, t.api.getState()) ? W.disabled = !0 : delete W.disabled), W;
+      });
+    }
+    function E({ id: v, action: O, data: N }) {
+      o.value[v] = { action: O, data: N };
+    }
+    function G() {
+      for (let v in o.value)
+        if (j().value.byId(v)) {
+          const { action: O, data: N } = o.value[v];
+          t.api.exec(O, N);
+        }
+    }
+    function fe() {
+      const v = y().value, O = f().value, N = B().value, W = v.id || v;
+      if (Z().value) {
+        if (O.segments) {
+          const de = O.segments.filter(
+            (ne, _e) => _e !== N
+          );
+          t.api.exec("update-task", {
+            id: W,
+            task: { segments: de }
+          });
+        }
+      } else
+        t.api.exec("delete-task", { id: W });
+    }
+    function xe() {
+      t.api.exec("show-editor", { id: null });
+    }
+    function z(v) {
+      const { item: O, changes: N } = v;
+      if (O.id === "delete" && fe(), O.id === "save")
+        if (!N.length) G();
+        else return;
+      O.comp && xe();
+    }
+    function X(v) {
+      let { update: O, key: N, input: W } = v;
+      if (W && (C.value = !0), v.update = D({ ...O }, N, W), !t.autoSave) U.value = v.update;
+      else if (!Y.value && !W) {
+        const de = ue.value.find((ze) => ze.key === N), ne = O[N];
+        (!de.validation || de.validation(ne)) && (!de.required || ne) && V(v.update);
+      }
+    }
+    function D(v, O, N) {
+      return T().value && v.type === "summary" && (v.unscheduled = !1), Ot(v, t.api.getState(), O), N || (C.value = !1), v;
+    }
+    function k(v) {
+      t.autoSave || V(v.values);
+    }
+    function F(v) {
+      Y.value = v.errors;
+    }
+    function V(v) {
+      const O = y().value;
+      v = {
+        ...v,
+        unscheduled: T().value && v.unscheduled && v.type !== "summary"
+      }, delete v.links, delete v.data, (re.value.indexOf("duration") === -1 || v.segments && !v.duration) && delete v.duration;
+      const N = {
+        id: O.id || O,
+        task: v,
+        ...Z().value && { segmentIndex: B().value }
+      };
+      t.autoSave && C.value && (N.inProgress = C.value), t.api.exec("update-task", N), t.autoSave || G();
+    }
+    const Te = R(
+      () => H().value ? {
+        "ctrl+z": (v) => {
+          v.preventDefault(), t.api.exec("undo");
+        },
+        "ctrl+y": (v) => {
+          v.preventDefault(), t.api.exec("redo");
+        }
+      } : {}
+    );
+    return (v, O) => te.value ? (c(), ve(w(yl), { key: 0 }, {
+      default: Be(() => [
+        ge(w(bl), {
+          css: `wx-gantt-editor ${I.value} ${l.css}`,
+          items: ue.value,
+          values: te.value,
+          topBar: K.value,
+          bottomBar: l.bottomBar,
+          placement: l.placement,
+          layout: l.layout,
+          readonly: l.readonly,
+          autoSave: l.autoSave,
+          focus: l.focus,
+          onaction: z,
+          onsave: k,
+          onvalidation: F,
+          onchange: X,
+          hotkeys: l.hotkeys && { ...Te.value, ...l.hotkeys }
+        }, null, 8, ["css", "items", "values", "topBar", "bottomBar", "placement", "layout", "readonly", "autoSave", "focus", "hotkeys"])
+      ]),
+      _: 1
+    })) : ee("", !0);
+  }
+}), na = /* @__PURE__ */ pe(En, [["__scopeId", "data-v-004073c2"]]), aa = {
+  __name: "HeaderMenu",
+  props: {
+    columns: { default: null },
+    api: {}
+  },
+  setup(l) {
+    const t = l, e = R(() => t.api?.getTable());
+    return (a, u) => (c(), ve(w(ul), {
+      api: e.value,
+      columns: l.columns
+    }, {
+      default: Be(() => [
+        a.$slots.default ? Je(a.$slots, "default", { key: 0 }) : ee("", !0)
+      ]),
+      _: 3
+    }, 8, ["api", "columns"]));
+  }
+}, Dn = {
+  key: 1,
+  class: "wx-gantt-tooltip-text"
+}, On = 300, Pn = /* @__PURE__ */ Object.assign({ name: "GanttWidgetsTooltip" }, {
+  __name: "Tooltip",
+  props: {
+    api: {},
+    content: {}
+  },
+  setup(l) {
+    const t = l, e = P(null), a = P({}), u = P({}), S = P(null), b = P({});
+    function f(d) {
+      const H = d;
+      for (; d; ) {
+        if (d.getAttribute) {
+          const B = Me(d, "data-tooltip-id"), Z = Me(d, "data-tooltip-at"), K = d.getAttribute("data-tooltip");
+          if (B || K) {
+            const M = Re(H, "data-segment");
+            return { id: B, tooltip: K, target: d, at: Z, segment: M };
+          }
+        }
+        d = d.parentNode;
+      }
+      return {
+        id: null,
+        tooltip: null,
+        target: null,
+        at: null,
+        segment: null
+      };
+    }
+    me(() => {
+      if (S.value) {
+        const d = S.value.getBoundingClientRect();
+        d.right >= a.value.right && (b.value.left = a.value.width - d.width - 5), d.bottom >= a.value.bottom && (b.value.top -= d.bottom - a.value.bottom + 2);
+      }
+    });
+    let y;
+    const T = (d) => {
+      clearTimeout(y), y = setTimeout(() => {
+        d();
+      }, On);
+    };
+    function A(d) {
+      let { id: H, tooltip: B, target: Z, at: K, segment: M } = f(d.target);
+      if (b.value = null, u.value = {}, !B)
+        if (H)
+          B = j(H, M);
+        else {
+          clearTimeout(y);
+          return;
+        }
+      T(() => {
+        H && (u.value = { data: L(H) }, M != null && (u.value.segmentIndex = M));
+        const I = Z.getBoundingClientRect();
+        a.value = e.value.getBoundingClientRect();
+        let h, _;
+        K === "left" ? (h = I.top + 5 - a.value.top, _ = I.right + 5 - a.value.left) : (h = I.top + I.height - a.value.top, _ = d.clientX - a.value.left), b.value = { top: h, left: _, text: B };
+      });
+    }
+    function L(d) {
+      return t.api?.getTask(d) || null;
+    }
+    function j(d, H) {
+      const B = L(d);
+      return H !== null && B?.segments ? B.segments[H]?.text || "" : B?.text || "";
+    }
+    return (d, H) => (c(), m("div", {
+      class: "wx-tooltip-area",
+      ref_key: "area",
+      ref: e,
+      onMousemove: A
+    }, [
+      b.value && (b.value.text || l.content) ? (c(), m("div", {
+        key: 0,
+        class: "wx-gantt-tooltip",
+        ref_key: "tooltipNode",
+        ref: S,
+        style: J(`top:${b.value.top}px;left:${b.value.left}px`)
+      }, [
+        l.content ? (c(), ve(ut(l.content), Yt(Dt({ key: 0 }, u.value)), null, 16)) : b.value.text ? (c(), m("div", Dn, $e(b.value.text), 1)) : ee("", !0)
+      ], 4)) : ee("", !0),
+      Je(d.$slots, "default", {}, void 0, !0)
+    ], 544));
+  }
+}), sa = /* @__PURE__ */ pe(Pn, [["__scopeId", "data-v-6476f951"]]), An = /* @__PURE__ */ Object.assign({ name: "GanttThemesWillow" }, {
+  __name: "Willow",
+  props: {
+    fonts: { type: Boolean, default: !0 }
+  },
+  setup(l) {
+    const t = l;
+    return (e, a) => e.$slots.default ? (c(), ve(w(Rt), {
+      key: 0,
+      fonts: t.fonts
+    }, {
+      default: Be(() => [
+        Je(e.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["fonts"])) : (c(), ve(w(Rt), {
+      key: 1,
+      fonts: t.fonts
+    }, null, 8, ["fonts"]));
+  }
+}), oa = /* @__PURE__ */ pe(An, [["__scopeId", "data-v-0c03ac4a"]]), ia = {
+  __name: "WillowDark",
+  props: {
+    fonts: { type: Boolean, default: !0 }
+  },
+  setup(l) {
+    const t = l;
+    return (e, a) => e.$slots.default ? (c(), ve(w(Mt), {
+      key: 0,
+      fonts: t.fonts
+    }, {
+      default: Be(() => [
+        Je(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["fonts"])) : (c(), ve(w(Mt), {
+      key: 1,
+      fonts: t.fonts
+    }, null, 8, ["fonts"]));
+  }
+}, ua = $l.version;
+export {
+  la as ContextMenu,
+  na as Editor,
+  ea as Gantt,
+  aa as HeaderMenu,
+  ta as Toolbar,
+  sa as Tooltip,
+  oa as Willow,
+  ia as WillowDark,
+  da as defaultColumns,
+  fa as defaultEditorItems,
+  va as defaultMenuOptions,
+  pa as defaultTaskTypes,
+  ma as defaultToolbarButtons,
+  ha as getEditorItems,
+  ga as getMenuOptions,
+  xa as getToolbarButtons,
+  wa as registerEditorItem,
+  ya as registerScaleUnit,
+  ua as version
+};