@primeui/vue-taskboard 0.0.1-alpha.1

package/dist/index.mjs

@@ -0,0 +1,1654 @@
+import { onBeforeUnmount as je, nextTick as Se, defineComponent as V, useModel as ua, computed as g, ref as x, watch as Z, provide as $e, onMounted as ke, openBlock as i, createElementBlock as c, unref as t, normalizeClass as k, createElementVNode as B, toDisplayString as te, createCommentVNode as $, renderSlot as A, createBlock as z, Teleport as Xl, normalizeStyle as ue, mergeModels as Ul, inject as L, Fragment as E, renderList as pe, createTextVNode as Be, resolveDynamicComponent as ee, withModifiers as Re, mergeProps as Jl, useSlots as qe, toRef as zl, h as ia } from "vue";
+import { verifyLicense as ca } from "@primeui/license-manager";
+import { classes as U, createTaskIndex as ma, createDataAccessor as va, processColumns as ga, isFeatureEnabled as pa, computeColumnGroupSegments as Ca, processSwimlanes as Nl, resolveRootClasses as fa, exportToCSV as jl, exportToJSON as ql, canMoveIntoColumn as Sa, canMoveOutOfColumn as ka, canViewColumn as Ia, calculateVisibleRangeDynamic as Ql, countSwimlaneTasks as wa, resolveSwimlaneRowClasses as ha, getOrderedColumnTasks as ya, getColumnTasksFromIndex as Sl, toggleCollapsedIds as ba, getOrderedCellTasks as Ta, getCellTasksFromIndex as Yl, countColumnTasks as xa, resolveColumnClasses as Da, resolveCardClasses as Ha, serializeBoardState as _a, deserializeBoardState as Ma, applyTaskUpdate as Ba, applyTaskCreate as Ra, applyCardMove as $a, applyTaskDelete as Aa } from "@primeui/taskboard-core";
+import { b as Ea, u as Pa, a as Fa, c as La, T as Y, C as he, S as Zl, i as sl } from "./chunks/useTaskBoardDrag-ByZvmcfw.mjs";
+import { d as Yo, j as Xo, k as Jo, l as Qo, e as Zo, f as en, g as ln, m as tn, h as an } from "./chunks/useTaskBoardDrag-ByZvmcfw.mjs";
+let Ne = null;
+const Va = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT", "BUTTON"]), Ka = /* @__PURE__ */ new Set(["button", "link", "menuitem", "option", "checkbox", "radio", "switch", "textbox", "combobox", "listbox", "tab", "slider"]), Ga = (s) => (s.closest("[role]")?.getAttribute("role")?.split(/\s+/).filter(Boolean) ?? []).some((o) => Ka.has(o.toLowerCase())), Oa = (s) => {
+  const l = s.closest("[contenteditable]");
+  if (!l) return !1;
+  const n = l.getAttribute("contenteditable");
+  return n == null || n === "" || n.toLowerCase() !== "false";
+}, Wa = (s) => !!s.closest("label")?.querySelector("input:not([disabled]), textarea:not([disabled]), select:not([disabled]), button:not([disabled])");
+function Ua(s) {
+  if (!(s instanceof Element)) return !1;
+  if (s.closest("a[href]")) return !0;
+  const l = s.closest("input, textarea, select, button");
+  return l && Va.has(l.tagName) ? !0 : Oa(s) || Ga(s) || Wa(s);
+}
+function za(s, l) {
+  return s.altKey || s.ctrlKey || s.metaKey ? !1 : l === "Tab" ? !0 : s.shiftKey ? !1 : l === "ArrowUp" || l === "ArrowDown" || l === "ArrowLeft" || l === "ArrowRight" || l === "Home" || l === "End";
+}
+function Na(s) {
+  const l = () => {
+    s.rootRef.value && (Ne = s.rootRef.value);
+  }, n = () => {
+    Ne === s.rootRef.value && (Ne = null);
+  }, o = (C) => {
+    const y = s.rootRef.value;
+    return y ? C.target instanceof Node && y.contains(C.target) ? (Ne = y, !0) : Ne === y : !0;
+  };
+  return { onKeyDown: (C) => {
+    if (!o(C)) return;
+    const y = Ua(C.target), R = C.key.length === 1 ? C.key.toLowerCase() : C.key, I = R === "Escape";
+    if (y && !I)
+      return;
+    if ((C.ctrlKey || C.metaKey) && R === "z") {
+      C.preventDefault(), C.shiftKey ? s.performRedo() : s.performUndo();
+      return;
+    }
+    if ((C.ctrlKey || C.metaKey) && R === "y") {
+      C.preventDefault(), s.performRedo();
+      return;
+    }
+    if (I && s.isDragging.value) {
+      if (y)
+        return;
+      const H = s.draggedCardData.value, b = s.getDragController(), F = b?.state.sourceColumnId, d = F != null ? s.allColumns.value.find((S) => S.id === F) : null;
+      b?.cancel(), H && d && s.emit("dragCancel", { card: H, column: d }), s.isDragging.value = !1, s.draggedCardId.value = null, s.dragTargetColumnId.value = null, s.dragTargetIndex.value = null, s.dragTargetSwimlaneId.value = null, s.ghostPosition.value = null, s.draggedCardData.value = null, document.removeEventListener("pointermove", s.onDocumentPointerMove), document.removeEventListener("pointerup", s.onDocumentPointerUp);
+      return;
+    }
+    if (I) {
+      if (y)
+        return;
+      if (s.selectedCardIds.value.length > 0) {
+        s.getSelectionController()?.clearSelection();
+        return;
+      }
+      if (s.focusedCardId.value != null) {
+        s.focusedCardId.value = null, s.focusedColumnId.value = null, s.focusedSwimlaneId.value = null;
+        const H = s.getKeyboardController();
+        H && (H.focusedCardId = null, H.focusedColumnId = null, H.focusedSwimlaneId = null);
+        return;
+      }
+      if (s.focusedColumnId.value != null) {
+        s.focusedColumnId.value = null, s.focusedSwimlaneId.value = null;
+        const H = s.getKeyboardController();
+        H && (H.focusedColumnId = null, H.focusedSwimlaneId = null);
+      }
+      return;
+    }
+    (s.getKeyboardController()?.handleKeyDown(C) ?? !1) && s.selectionOrigin.value === "pointer" && s.selectedCardIds.value.length > 0 && za(C, R) && (s.selectionOrigin.value = null, s.getSelectionController()?.clearSelection());
+  }, onDocumentClick: (C) => {
+    if (s.rootRef.value && !s.rootRef.value.contains(C.target)) {
+      if (n(), s.selectedCardIds.value.length > 0 && s.getSelectionController()?.clearSelection(), s.focusedCardId.value != null) {
+        s.focusedCardId.value = null, s.focusedColumnId.value = null, s.focusedSwimlaneId.value = null;
+        const y = s.getKeyboardController();
+        y && (y.focusedCardId = null, y.focusedColumnId = null, y.focusedSwimlaneId = null);
+      } else if (s.focusedColumnId.value != null) {
+        s.focusedColumnId.value = null, s.focusedSwimlaneId.value = null;
+        const y = s.getKeyboardController();
+        y && (y.focusedColumnId = null, y.focusedSwimlaneId = null);
+      }
+    }
+  }, activateKeyboardScope: l, deactivateKeyboardScope: n };
+}
+function ja(s) {
+  let l = null;
+  je(() => {
+    l?.(), l = null;
+  });
+  const n = (p, m) => {
+    try {
+      window.scrollTo(p, m);
+    } catch {
+    }
+  };
+  return {
+    print: () => {
+      if (!s.rootRef.value) return;
+      l?.(), l = null;
+      const p = s.rootRef.value, m = document.body, C = m.classList.contains(U.printActive), y = p.classList.contains(U.printing), R = p.getAttribute("data-print-target"), I = p.hasAttribute("data-print-target"), K = window.scrollX, H = window.scrollY, b = /* @__PURE__ */ new Map();
+      Se(() => {
+        if (s.rootRef.value !== p) return;
+        let F = !1;
+        const d = () => {
+          F || (F = !0, window.removeEventListener("afterprint", d), C ? m.classList.add(U.printActive) : m.classList.remove(U.printActive), y ? p.classList.add(U.printing) : p.classList.remove(U.printing), I ? p.setAttribute("data-print-target", R ?? "") : p.removeAttribute("data-print-target"), b.forEach((u, f) => {
+            u ? f.classList.add(U.printAncestor) : f.classList.remove(U.printAncestor);
+          }), n(K, H), l === d && (l = null));
+        };
+        l = d, m.classList.add(U.printActive), p.classList.add(U.printing), p.setAttribute("data-print-target", "true");
+        let S = p.parentElement;
+        for (; S && S !== m; )
+          b.set(S, S.classList.contains(U.printAncestor)), S.classList.add(U.printAncestor), S = S.parentElement;
+        n(0, 0), window.addEventListener("afterprint", d);
+        try {
+          window.print();
+        } catch (u) {
+          throw d(), u;
+        }
+      });
+    }
+  };
+}
+const qa = "2026-04-23", Ya = ["dir"], Xa = {
+  key: 0,
+  role: "alert",
+  class: "p-taskboard-license-banner",
+  style: { display: "flex", "align-items": "center", gap: "8px", padding: "10px 14px", "margin-bottom": "12px", background: "#fef2f2", border: "1px solid #fecaca", color: "#991b1b", "border-radius": "6px", "font-size": "13px" }
+}, Ja = ["innerHTML"], Qa = {
+  "aria-live": "polite",
+  "aria-atomic": "true",
+  style: { position: "absolute", width: "1px", height: "1px", overflow: "hidden", "clip-path": "inset(50%)", "white-space": "nowrap" }
+}, Za = /* @__PURE__ */ V({
+  __name: "TaskBoard",
+  props: /* @__PURE__ */ Ul({
+    columns: { default: () => [] },
+    swimlanes: { default: () => [] },
+    draggable: { type: Boolean, default: !0 },
+    selectionMode: { default: "none" },
+    contextMenu: { type: Boolean, default: !1 },
+    density: { default: "standard" },
+    features: {},
+    rtl: { type: Boolean },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    columnWidth: {},
+    cardGap: {},
+    scrollable: { type: Boolean, default: !0 },
+    dragMinDistance: {},
+    columnCollapsible: { type: Boolean, default: !0 },
+    columnReorderable: { type: Boolean, default: !1 },
+    columnGroups: {},
+    virtualScroll: { type: Boolean, default: !1 },
+    virtualScrollItemHeight: { default: 250 },
+    virtualScrollBuffer: { default: 3 },
+    access: {},
+    items: {},
+    dataKey: {},
+    columnField: {},
+    swimlaneField: {}
+  }, {
+    tasks: { default: () => [] },
+    tasksModifiers: {}
+  }),
+  emits: /* @__PURE__ */ Ul(["cardMove", "cardClick", "cardDblclick", "cardActivate", "cardSelect", "selectionChange", "cardCreate", "cardUpdate", "cardDelete", "columnCollapse", "columnReorder", "swimlaneCollapse", "dragStart", "dragEnd", "dragCancel", "cardContextMenu", "cardDropBlocked", "cardReorder"], ["update:tasks"]),
+  setup(s, { expose: l, emit: n }) {
+    const o = s, p = ua(s, "tasks"), m = g(() => o.items ?? p.value ?? []), C = g(() => ma(m.value ?? [], { columnField: o.columnField, swimlaneField: o.swimlaneField })), y = g(() => va({ dataKey: o.dataKey, columnField: o.columnField, swimlaneField: o.swimlaneField })), R = g(() => ({ idField: o.dataKey, columnField: o.columnField, swimlaneField: o.swimlaneField })), I = (e) => y.value.getItemId(e), K = (e) => y.value.getItemColumnValue(e), H = (e) => y.value.getItemSwimlaneValue(e), b = n, F = x(), d = x(), S = x(), u = x(null), f = x(null), D = x(null), le = x(""), G = x(null), ie = g(() => !!G.value?.valid), Ae = g(() => G.value?.message ?? null), ne = x(null), N = x([]), Ee = x(null), ae = x([]), ce = x([]), Ce = x(null), Ye = x(!1), X = x(!1), Pe = x(null), re = x(null), Ie = x(null), j = x(null), fe = x(null), Xe = x(0), ye = x(null), me = x(null);
+    let O = () => {
+    };
+    const Fe = g(() => {
+      if (!X.value || !me.value || !F.value) return null;
+      const e = String(I(me.value)), a = Array.from(F.value.querySelectorAll("[data-task-id]")).find((r) => r.getAttribute("data-task-id") === e);
+      return a ? a.innerHTML : null;
+    }), be = x(!1), v = x(null), T = x(0), h = x(/* @__PURE__ */ new Map()), M = (e) => {
+      le.value = "", Se(() => {
+        le.value = e;
+      });
+    }, P = g(() => ga(o.columns ?? [])), J = x([]), Le = (e) => {
+      J.value.some((a) => String(a.id) === String(e.id)) || (J.value = [...J.value, e]);
+    }, ve = (e) => {
+      J.value = J.value.filter((a) => String(a.id) !== String(e));
+    }, W = g(() => P.value.length > 0 ? P.value : J.value), Ve = x(null), Ke = x(null), Te = x(null), lt = (e) => {
+      Ve.value = e;
+    }, tt = (e) => {
+      Ke.value = e;
+    }, at = (e) => {
+      Te.value = e;
+    }, kl = x(null), ot = (e) => {
+      kl.value = e;
+    }, Il = x(null), nt = (e) => {
+      Il.value = e;
+    }, Je = g(() => o.access?.canDrag !== !1 && o.draggable && Qe("dragDrop")), rt = g(() => o.access?.canEdit !== !1), wl = g(() => o.access?.canCreate !== !1), st = g(() => o.access?.canDelete !== !1), dt = g(() => o.access?.canReorderColumns !== !1 && o.columnReorderable && Qe("columnReorder")), hl = (e) => Sa(o.access, e), dl = (e) => ka(o.access, e), yl = (e) => Ia(o.access, e), Qe = (e) => pa(o.features, e), Ze = g(() => W.value.filter((e) => yl(e.id))), se = g(() => (o.swimlanes ?? []).length > 0), ut = g(() => (o.columnGroups ?? []).length > 0), it = g(() => Ca(Ze.value, o.columnGroups ?? [])), ct = g(
+      () => Ze.value.map((e) => {
+        const a = (o.columnGroups ?? []).find((r) => r.columns.some((w) => String(w) === String(e.id)));
+        return {
+          key: `column-${e.id}`,
+          column: e,
+          label: a?.label,
+          group: a
+        };
+      })
+    ), mt = (e) => {
+      const a = "var(--p-taskboard-column-effective-width, var(--p-taskboard-column-min-width))", r = {};
+      if (e.group?.color && (r["--p-taskboard-column-group-color"] = e.group.color), e.span === 1)
+        return { ...r, flex: `1 0 ${a}`, minWidth: a };
+      const w = `calc(${e.span} * ${a} + ${e.span - 1} * var(--p-taskboard-column-gap))`;
+      return { ...r, flex: `${e.span} 0 ${w}`, minWidth: w };
+    }, vt = (e) => {
+      const a = "var(--p-taskboard-column-effective-width, var(--p-taskboard-column-min-width))", r = {};
+      return e?.group?.color && (r["--p-taskboard-column-group-color"] = e.group.color), { ...r, flex: `0 0 ${a}`, minWidth: a };
+    }, gt = (e) => e.columnIds ? e.columnIds.map((a) => Ze.value.find((r) => String(r.id) === String(a))).filter(Boolean) : [], pt = () => {
+      O();
+    }, Q = g(() => Nl(o.swimlanes ?? [])), Ct = g(() => {
+      if (!o.virtualScroll)
+        return Q.value;
+      if (!Ce.value) {
+        const e = o.virtualScrollItemHeight ?? 250, a = o.virtualScrollBuffer ?? 3, r = Math.ceil(600 / e) + a * 2;
+        return Q.value.slice(0, Math.min(r, Q.value.length));
+      }
+      return Q.value.slice(Ce.value.startIndex, Ce.value.endIndex);
+    });
+    let ul = 0, we = null;
+    const Ge = /* @__PURE__ */ new Map(), Oe = x(/* @__PURE__ */ new Map()), bl = () => o.virtualScrollItemHeight ?? 250, ft = () => o.virtualScrollBuffer ?? 3, xe = (e) => String(e.id), il = (e) => Ge.get(xe(e)) ?? bl(), St = (e = Q.value) => e.map((a) => Ge.get(xe(a)) ?? 0), kt = (e) => e.reduce((a, r) => a + il(r), 0), Tl = (e, a, r) => Math.max(0, Math.min(e, Math.max(0, kt(a) - r))), It = (e, a) => {
+      let r = 0;
+      for (let w = 0; w < Math.max(0, a); w++)
+        r += il(e[w]);
+      return r;
+    }, wt = (e, a) => {
+      let r = 0;
+      for (let w = 0; w < e.length; w++) {
+        const _ = il(e[w]);
+        if (r + _ > a)
+          return w;
+        r += _;
+      }
+      return Math.max(0, e.length - 1);
+    }, ht = (e, a = Q.value) => a.length ? xe(a[wt(a, e)]) : null, yt = (e = Q.value) => {
+      const a = new Set(e.map((r) => xe(r)));
+      for (const r of Ge.keys())
+        a.has(r) || Ge.delete(r);
+    }, el = () => {
+      if (!d.value) return;
+      const e = d.value.querySelectorAll('[role="rowgroup"][data-swimlane-id]'), a = /* @__PURE__ */ new Set();
+      e.forEach((r) => {
+        const w = r.getAttribute("data-swimlane-id");
+        !w || a.has(w) || (a.add(w), Ge.set(w, r.offsetHeight));
+      });
+    }, bt = () => {
+      if (!d.value || !se.value) {
+        Oe.value = /* @__PURE__ */ new Map();
+        return;
+      }
+      const e = /* @__PURE__ */ new Map();
+      d.value.querySelectorAll('[role="rowgroup"][data-swimlane-id]').forEach((r) => {
+        const w = r.getAttribute("data-swimlane-id"), _ = r.offsetHeight;
+        w && _ > 0 && e.set(w, _);
+      }), Oe.value = e;
+    };
+    Z(
+      X,
+      (e) => {
+        if (!se.value) {
+          Oe.value = /* @__PURE__ */ new Map();
+          return;
+        }
+        e ? bt() : Oe.value = /* @__PURE__ */ new Map();
+      },
+      { flush: "sync" }
+    );
+    const ll = (e, a) => {
+      const r = Tl(e, Q.value, a);
+      d.value && Math.abs(d.value.scrollTop - r) > 1 && (d.value.scrollTop = r), ul = r, Ce.value = Ql(r, a, Q.value.length, St(), bl(), ft());
+    }, xl = (e = Q.value) => {
+      if (!o.virtualScroll || !se.value || !d.value) return;
+      const r = d.value.scrollTop, w = ht(r, e);
+      yt(), Se(() => {
+        if (!d.value) return;
+        const _ = Q.value, oe = w == null ? -1 : _.findIndex((fl) => xe(fl) === w), Ue = oe >= 0 ? It(_, oe) : r, ze = Tl(Ue, _, d.value.clientHeight ?? 600);
+        d.value.scrollTop = ze, el(), ll(ze, d.value.clientHeight ?? 600), O();
+      });
+    };
+    Z(
+      () => d.value,
+      (e) => {
+        e && o.virtualScroll && se.value && !Ce.value && Se(() => {
+          el(), ll(0, e.clientHeight ?? 600);
+        });
+      }
+    );
+    const Tt = (e) => {
+      if (O(), !o.virtualScroll || !se.value) return;
+      const a = e.target;
+      Math.abs(a.scrollTop - ul) < 1 || (ul = a.scrollTop, we && cancelAnimationFrame(we), we = requestAnimationFrame(() => {
+        el(), ll(a.scrollTop, a.clientHeight), O(), we = null;
+      }));
+    }, xt = (e) => o.swimlaneField ? wa(C.value, e) : 0, cl = (e) => ce.value.some((a) => String(a) === String(e)), Dt = (e) => ha(e, { collapsedSwimlaneIds: ce.value }), Ht = () => {
+      const e = W.value.length, a = Math.max(0, e - 1);
+      return `calc(var(--p-taskboard-swimlane-header-width) + (2 * var(--p-taskboard-columns-padding)) + (${e} * var(--p-taskboard-column-min-width)) + (${e * 2} * var(--p-taskboard-column-body-padding)) + (${a} * var(--p-taskboard-column-gap)))`;
+    }, Dl = () => ({
+      minWidth: Ht()
+    }), _t = (e) => {
+      const a = Dl(), r = Oe.value.get(xe(e));
+      return X.value && r && !cl(e.id) && (a.height = `${r}px`, a.minHeight = `${r}px`), a;
+    }, Hl = () => ({
+      columns: W.value,
+      tasks: m.value,
+      swimlanes: o.swimlanes,
+      draggable: o.draggable,
+      selectionMode: o.selectionMode,
+      contextMenu: o.contextMenu,
+      density: o.density,
+      features: o.features,
+      disabled: o.disabled,
+      readonly: o.readonly,
+      columnWidth: o.columnWidth,
+      cardGap: o.cardGap,
+      scrollable: o.scrollable
+    }), { initializeCore: Mt, cleanupControllers: Bt, recordAudit: tl, canUndoState: _l, canRedoState: Ml, getCoreInstance: de, getDragController: al, getSelectionController: De, getWorkflowController: ol, getKeyboardController: He, getHistoryController: _e, getAuditController: Bl } = Ea({
+      rootRef: F,
+      columnsContainerRef: d,
+      selectedCardIds: N,
+      collapsedColumnIds: ae,
+      collapsedSwimlaneIds: ce,
+      focusedCardId: u,
+      focusedColumnId: f,
+      focusedSwimlaneId: D,
+      selectionOrigin: Ee,
+      pendingConfirmMove: ne,
+      tasks: m,
+      allColumns: W,
+      visibleColumns: Ze,
+      processedSwimlanes: Q,
+      getCoreProps: Hl,
+      getColumnTasks: (e) => ml(e),
+      getVisibleCellTasks: (e, a) => pl(e, a),
+      getItemId: I,
+      getItemColumnValue: K,
+      getItemSwimlaneValue: H,
+      canMoveIntoColumn: hl,
+      canMoveOutOfColumn: dl,
+      canKeyboardMove: () => Je.value,
+      applyCardMoveHandler: (e) => Cl(e),
+      announce: M,
+      scrollToColumnImpl: (e) => Fl(e),
+      scrollToCardImpl: (e) => Ll(e),
+      emit: (e, ...a) => b(e, ...a),
+      getDisabled: () => o.disabled,
+      getReadonly: () => o.readonly,
+      getSelectionMode: () => o.selectionMode,
+      dragMinDistance: o.dragMinDistance
+    }), Rt = (e) => {
+      cl(e.id) ? de()?.expandSwimlane(e.id) : de()?.collapseSwimlane(e.id), O(), Se(() => O());
+    }, ml = (e) => ya(Sl(C.value, e), e, o.columnField), q = () => {
+      de()?.$setProps(Hl());
+    }, {
+      getDragHiddenIds: Me,
+      onCardPointerDown: $t,
+      onDocumentPointerMove: At,
+      onDocumentPointerUp: Et,
+      cleanupCardDrag: Pt,
+      markDragGeometryDirty: Ft
+    } = Pa({
+      getDisabled: () => o.disabled,
+      getReadonly: () => o.readonly,
+      getSelectionMode: () => o.selectionMode,
+      getDragMinDistance: () => o.dragMinDistance,
+      tasks: m,
+      columnsContainerRef: d,
+      isDragging: X,
+      draggedCardId: Pe,
+      dragTargetColumnId: re,
+      dragTargetIndex: Ie,
+      dragTargetSwimlaneId: ye,
+      ghostPosition: j,
+      dragPreviewWidth: fe,
+      draggedCardData: me,
+      selectedCardIds: N,
+      selectionOrigin: Ee,
+      hasSwimlanes: se,
+      canDrag: Je,
+      getDragController: al,
+      getSelectionController: De,
+      isFeatureEnabled: (e) => Qe(e),
+      canMoveOutOfColumn: dl,
+      focusCard: (e) => He()?.setFocusedCard(e),
+      emit: (e, a) => {
+        b(e, a);
+      },
+      getItemId: I,
+      getItemColumnValue: K,
+      getItemSwimlaneValue: H
+    });
+    O = Ft;
+    const We = () => {
+      O(), (X.value || al()?.state.isPending || al()?.state.isDragging) && Se(() => O());
+    }, Rl = (e) => ae.value.some((a) => String(a) === String(e)), $l = (e) => {
+      if (!o.columnCollapsible) return;
+      const a = ba(ae.value, e.id);
+      ae.value = a.ids, de()?.$setState({ collapsedColumnIds: a.ids }), b("columnCollapse", { column: e, collapsed: a.collapsed }), We();
+    }, { onColumnHeaderPointerDown: Lt, onColumnHeaderClick: Vt, onColumnDragMove: Po, onColumnDragEnd: Fo, getColumnStyle: Kt, cleanupColumnDrag: Gt } = Fa({
+      getDisabled: () => o.disabled,
+      getColumnCollapsible: () => o.columnCollapsible,
+      columnsContainerRef: d,
+      isColumnDragging: be,
+      draggedColumnId: v,
+      columnDragStartX: T,
+      columnDragOffsets: h,
+      processedColumns: W,
+      canReorderColumns: dt,
+      isColumnCollapsed: Rl,
+      onColumnToggle: $l,
+      emit: (e, a) => {
+        const r = e.replace(/-([a-z])/g, (w, _) => _.toUpperCase());
+        b(r, a);
+      }
+    }), Al = (e, a, r) => {
+      o.items || (p.value = Ra(m.value, e), q(), _e()?.pushAction({
+        type: "create",
+        taskId: I(e),
+        before: null,
+        after: { ...e },
+        description: r
+      }), tl("create", I(e), r)), b("cardCreate", { card: e, column: a });
+    }, Ot = (e, a, r) => {
+      o.items || (p.value = Aa(m.value, I(e), R.value), q(), _e()?.pushAction({
+        type: "delete",
+        taskId: I(e),
+        before: { ...e },
+        after: null,
+        description: r
+      }), tl("delete", I(e), r)), b("cardDelete", { card: e, column: a });
+    }, Wt = (e, a, r) => {
+      b("cardDblclick", { card: e, column: a, jsEvent: r }), b("cardActivate", { card: e, column: a, origin: "pointer", jsEvent: r });
+    }, Ut = (e, a) => {
+      if (!wl.value) return;
+      const r = {
+        ...e,
+        [o.columnField]: a.id
+      };
+      r[o.dataKey] == null && (r[o.dataKey] = `task-${Date.now()}`), r.order == null && (r.order = Kl(a.id).length), Al(r, a, "Created task");
+    }, { performUndo: vl, performRedo: gl } = La({
+      tasks: m,
+      tasksWritable: p,
+      syncCoreProps: q,
+      announce: M,
+      getHistoryController: _e,
+      getMutationFields: () => R.value
+    }), pl = (e, a) => {
+      const r = Ta(Yl(C.value, e, a), e, a, o.columnField, o.swimlaneField ?? ""), w = Me();
+      return w.length > 0 ? r.filter((_) => !w.includes(I(_))) : r;
+    }, zt = (e, a, r) => !X.value || String(re.value) !== String(e) || String(ye.value) !== String(a) ? !1 : Ie.value === r, Nt = (e, a) => !X.value || String(re.value) !== String(e) || String(ye.value) !== String(a) ? !1 : Ie.value === pl(e, a).length, jt = (e) => {
+      const a = ml(e), r = Me();
+      return r.length > 0 ? a.filter((w) => !r.includes(I(w))) : a;
+    }, qt = (e) => xa(C.value, e), Yt = g(
+      () => fa({
+        disabled: o.disabled,
+        readonly: o.readonly,
+        density: o.density,
+        isDragging: X.value,
+        isColumnReordering: be.value,
+        isTouch: Ye.value,
+        rtl: o.rtl
+      })
+    ), Xt = (e) => Da(e, {
+      collapsedColumnIds: ae.value,
+      isColumnDragging: be.value,
+      draggedColumnId: v.value,
+      focusedColumnId: f.value,
+      wipStatus: ol() ? ol().getWipStatus(e.id) : void 0
+    }), Jt = (e) => Ha(e, {
+      taskId: I(e),
+      canDrag: Je.value,
+      selectedCardIds: N.value,
+      draggedCardId: Pe.value,
+      focusedCardId: u.value
+    }), Qt = (e, a, r) => {
+      !o.contextMenu || !Qe("contextMenu") || (r.preventDefault(), b("cardContextMenu", { card: e, column: a, position: { x: r.clientX, y: r.clientY }, jsEvent: r }));
+    }, Zt = () => {
+      if (N.value.length > 0 && De()?.clearSelection(), u.value != null) {
+        u.value = null;
+        const e = He();
+        e && (e.focusedCardId = null);
+      }
+      if (f.value != null) {
+        f.value = null, D.value = null;
+        const e = He();
+        e && (e.focusedColumnId = null, e.focusedSwimlaneId = null);
+      }
+    }, { onKeyDown: El, onDocumentClick: Pl, activateKeyboardScope: nl, deactivateKeyboardScope: ea } = Na({
+      isDragging: X,
+      draggedCardId: Pe,
+      dragTargetColumnId: re,
+      dragTargetIndex: Ie,
+      dragTargetSwimlaneId: ye,
+      ghostPosition: j,
+      draggedCardData: me,
+      selectedCardIds: N,
+      selectionOrigin: Ee,
+      focusedCardId: u,
+      focusedColumnId: f,
+      focusedSwimlaneId: D,
+      rootRef: F,
+      allColumns: W,
+      getDragController: al,
+      getSelectionController: De,
+      getKeyboardController: He,
+      onDocumentPointerMove: At,
+      onDocumentPointerUp: Et,
+      performUndo: vl,
+      performRedo: gl,
+      emit: (e, ...a) => b(e, ...a)
+    }), Cl = (e) => {
+      o.items || (p.value = $a(m.value ?? [], {
+        cardId: I(e.card),
+        targetColumnId: e.newColumnId,
+        targetIndex: e.newIndex,
+        targetSwimlaneId: e.newSwimlaneId,
+        selectedCardIds: N.value,
+        fields: R.value
+      }), q(), _e()?.pushAction({
+        type: "move",
+        taskId: I(e.card),
+        before: { columnId: e.oldColumnId, swimlaneId: e.oldSwimlaneId, order: e.oldIndex },
+        after: { columnId: e.newColumnId, swimlaneId: e.newSwimlaneId, order: e.newIndex },
+        description: "Moved task"
+      }), tl("move", I(e.card), "Moved card", { columnId: e.oldColumnId }, { columnId: e.newColumnId })), b("cardMove", e), String(e.oldColumnId) === String(e.newColumnId) && b("cardReorder", { card: e.card, columnValue: e.newColumnId, oldIndex: e.oldIndex, newIndex: e.newIndex });
+      const a = W.value.find((r) => String(r.id) === String(e.newColumnId));
+      a && M(`Task moved to ${a.label}`);
+    }, la = () => {
+      if (!ne.value) return;
+      const e = ne.value.payload;
+      Cl(e), ne.value = null;
+    }, ta = () => {
+      ne.value = null;
+    };
+    Z(
+      () => o.columns,
+      () => {
+        q(), We();
+      },
+      { deep: !0 }
+    ), Z(
+      () => m.value,
+      () => {
+        q(), We(), o.virtualScroll && se.value && xl();
+      },
+      { deep: !0 }
+    ), Z(
+      () => o.swimlanes,
+      (e, a) => {
+        q(), We(), o.virtualScroll && xl(Nl(a ?? []));
+      },
+      { deep: !0 }
+    ), Z(() => o.density, q), Z(() => o.disabled, q), Z(() => o.readonly, q), Z(() => o.draggable, q), Z(() => o.selectionMode, q), Z(
+      () => o.columnCollapsible,
+      (e) => {
+        q(), !e && ae.value.length && (ae.value = [], de()?.$setState({ collapsedColumnIds: [] }), We());
+      }
+    ), $e(Y, {
+      items: m,
+      dataKey: o.dataKey,
+      columnField: o.columnField,
+      swimlaneField: g(() => se.value ? o.swimlaneField : void 0),
+      getItemId: I,
+      getItemsByColumn: ml,
+      getVisibleItemsByColumn: jt,
+      itemCount: qt,
+      getDragHiddenIds: Me,
+      isDragging: X,
+      dragTargetColumnValue: re,
+      dragTargetIndex: Ie,
+      selectedItemIds: N,
+      ghostPosition: j,
+      dragPreviewWidth: fe,
+      draggedItem: me,
+      customDragPreviewCount: Xe,
+      onCardPointerDown: $t,
+      onCardDblClick: Wt,
+      onCardContextMenu: Qt,
+      onColumnToggle: $l,
+      onColumnHeaderClick: Vt,
+      onColumnHeaderPointerDown: Lt,
+      onBoardBackgroundClick: Zt,
+      isColumnCollapsed: Rl,
+      columnClasses: Xt,
+      getColumnStyle: Kt,
+      cardWrapperClasses: Jt,
+      virtualScroll: g(() => o.virtualScroll),
+      canUndoState: _l,
+      canRedoState: Ml,
+      performUndo: vl,
+      performRedo: gl,
+      selectCard: (e, a) => De()?.selectCard(e, a),
+      selectAllCards: (e) => De()?.selectAll(e),
+      clearSelection: () => De()?.clearSelection(),
+      canDrag: Je,
+      canEdit: rt,
+      canCreate: wl,
+      canDelete: st,
+      canMoveIntoColumn: hl,
+      canMoveOutOfColumn: dl,
+      canViewColumn: yl,
+      createItem: Ut,
+      getWipStatus: (e) => ol()?.getWipStatus(e),
+      canMoveCard: (e, a, r) => ol()?.canMoveCard(e, a, r) ?? { allowed: !0 },
+      classes: U,
+      props: o,
+      licenseValid: ie,
+      licenseMessage: Ae,
+      hasColumnGroups: ut,
+      columnGroupSegments: it,
+      columnGroupColumnSegments: ct,
+      getGroupSegmentStyle: mt,
+      getGroupColumnSegmentStyle: vt,
+      getGroupColumns: gt,
+      onColumnsHorizontalScroll: pt,
+      markDragGeometryDirty: O,
+      groupHeadersRef: S,
+      columnsContainerRef: d,
+      hasSwimlanes: se,
+      processedSwimlanes: Q,
+      visibleSwimlanes: Ct,
+      swimlaneTaskCount: xt,
+      isSwimlaneCollapsed: cl,
+      swimlaneRowClasses: Dt,
+      swimlaneTrackStyle: Dl,
+      swimlaneRowStyle: _t,
+      onSwimlaneToggle: Rt,
+      onSwimlaneGridScroll: Tt,
+      virtualScrollState: Ce,
+      getVisibleCellTasks: pl,
+      showDropIndicator: zt,
+      showDropIndicatorAtEnd: Nt,
+      cardSlotRenderer: Ve,
+      columnHeaderSlotRenderer: Ke,
+      swimlaneHeaderSlotRenderer: Te,
+      registerCardSlot: lt,
+      registerColumnHeaderSlot: tt,
+      registerSwimlaneHeaderSlot: at,
+      dropIndicatorSlotRenderer: kl,
+      registerDropIndicatorSlot: ot,
+      swimlaneColumnHeaderSlotRenderer: Il,
+      registerSwimlaneColumnHeaderSlot: nt,
+      pendingConfirmMove: ne,
+      confirmPendingMove: la,
+      cancelPendingMove: ta,
+      processedColumns: W,
+      registerColumn: Le,
+      unregisterColumn: ve,
+      emitCardMove: (e) => b("cardMove", e),
+      emitCardReorder: (e) => b("cardReorder", e),
+      emitColumnReorder: (e) => b("columnReorder", e),
+      emitCardClick: (e) => b("cardClick", e),
+      emitCardDblClick: (e) => b("cardDblclick", e),
+      emitCardActivate: (e) => b("cardActivate", e),
+      emitSelectionChange: (e) => b("selectionChange", e),
+      emitColumnCollapse: (e) => b("columnCollapse", e),
+      emitContextMenu: (e) => b("cardContextMenu", e)
+    }), ke(() => {
+      Ye.value = "ontouchstart" in window || navigator.maxTouchPoints > 0, Mt(), o.virtualScroll && se.value && d.value && Se(() => {
+        el(), ll(0, d.value?.clientHeight ?? 600);
+      }), document.addEventListener("keydown", El), document.addEventListener("click", Pl), aa();
+    });
+    async function aa() {
+      const e = await ca("taskboard", { releaseDate: qa });
+      G.value = e, e.valid || console.warn(`[PrimeUI TaskBoard] ${e.message}`);
+    }
+    je(() => {
+      Bt(), ea(), document.removeEventListener("keydown", El), document.removeEventListener("click", Pl), Pt(), Gt(), we && (cancelAnimationFrame(we), we = null);
+    });
+    const Fl = (e, a) => {
+      if (!d.value) return;
+      const r = String(e), w = Array.from(d.value.querySelectorAll("[data-column-id]")).find((_) => _.getAttribute("data-column-id") === r);
+      w && w.scrollIntoView({ behavior: a?.behavior ?? "smooth", block: "nearest", inline: "start" });
+    }, Ll = (e, a) => {
+      if (!F.value) return;
+      const r = String(e), w = Array.from(F.value.querySelectorAll("[data-task-id]")).find((_) => _.getAttribute("data-task-id") === r);
+      if (w) {
+        w.scrollIntoView({ behavior: a?.behavior ?? "smooth", block: a?.block ?? "center", inline: "nearest" }), u.value = e;
+        const _ = He();
+        _ && (_.focusedCardId = e);
+      }
+    }, { print: oa } = ja({ rootRef: F }), Vl = (e, a, r) => {
+      const w = new Blob([e], { type: r }), _ = URL.createObjectURL(w), oe = document.createElement("a");
+      oe.href = _, oe.download = a, document.body.appendChild(oe), oe.click(), document.body.removeChild(oe), URL.revokeObjectURL(_);
+    }, na = () => _a({
+      collapsedColumnIds: ae.value,
+      collapsedSwimlaneIds: ce.value,
+      selectedCardIds: N.value,
+      focusedCardId: u.value,
+      focusedColumnId: f.value,
+      focusedSwimlaneId: D.value
+    }), ra = (e) => {
+      const a = Ma(e);
+      if (a.collapsedColumnIds && (ae.value = a.collapsedColumnIds, de()?.$setState({ collapsedColumnIds: a.collapsedColumnIds })), a.collapsedSwimlaneIds && (ce.value = a.collapsedSwimlaneIds, de()?.$setState({ collapsedSwimlaneIds: a.collapsedSwimlaneIds })), a.selectedCardIds && (N.value = a.selectedCardIds, de()?.$setState({ selectedCardIds: a.selectedCardIds })), "focusedCardId" in a) {
+        u.value = a.focusedCardId ?? null;
+        const r = He();
+        r && (r.focusedCardId = u.value);
+      }
+      "focusedColumnId" in a && (f.value = a.focusedColumnId ?? null), "focusedSwimlaneId" in a && (D.value = a.focusedSwimlaneId ?? null);
+    }, ge = () => de(), rl = (e) => (m.value ?? []).find((a) => String(I(a)) === String(e)), Kl = (e) => [...Sl(C.value, e)], Gl = (e, a) => [...o.swimlaneField && a != null ? Yl(C.value, e, a) : Sl(C.value, e)].sort((w, _) => (w.order ?? 0) - (_.order ?? 0)), Ol = (e = N.value) => {
+      const a = new Set(e.map((r) => String(r)));
+      return (m.value ?? []).filter((r) => a.has(String(I(r))));
+    }, Wl = (e) => {
+      N.value = e, de()?.$setState({ selectedCardIds: e }), b("selectionChange", { selectedIds: e, cards: Ol(e) });
+    };
+    return l({
+      getColumns: () => ge()?.getColumns() ?? [],
+      getColumnById: (e) => ge()?.getColumnById(e),
+      getTasks: () => ge()?.getTasks() ?? [],
+      getTaskById: rl,
+      getTasksByColumn: Kl,
+      getSelectedCardIds: () => N.value,
+      getSelectedCards: () => Ol(),
+      setSelectedCards: Wl,
+      clearSelection: () => Wl([]),
+      addTask: (e) => {
+        const a = W.value.find((r) => String(r.id) === String(K(e)));
+        a && Al(e, a, "Created task");
+      },
+      updateTask: (e) => {
+        const a = I(e), r = rl(a);
+        r && (o.items || (p.value = Ba(m.value ?? [], a, e, R.value), q(), _e()?.pushAction({
+          type: "edit",
+          taskId: a,
+          before: { ...r },
+          after: { ...e },
+          description: "Updated task"
+        }), tl("update", a, "Updated task")), b("cardUpdate", { card: e, oldCard: r }));
+      },
+      removeTask: (e) => {
+        const a = rl(e);
+        if (!a) return;
+        const r = W.value.find((w) => String(w.id) === String(K(a)));
+        r && Ot(a, r, "Deleted task");
+      },
+      moveTask: (e, a, r, w) => {
+        const _ = rl(e);
+        if (!_) return;
+        const oe = K(_), Ue = H(_), ze = w ?? Ue, fl = Gl(oe, Ue).findIndex((da) => String(I(da)) === String(e)), sa = r ?? Gl(a, ze).length;
+        Cl({
+          card: _,
+          oldColumnId: oe,
+          newColumnId: a,
+          oldIndex: fl,
+          newIndex: sa,
+          oldSwimlaneId: Ue,
+          newSwimlaneId: ze
+        });
+      },
+      collapseColumn: (e) => ge()?.collapseColumn(e),
+      expandColumn: (e) => ge()?.expandColumn(e),
+      toggleColumn: (e) => ge()?.toggleColumn(e),
+      collapseSwimlane: (e) => ge()?.collapseSwimlane(e),
+      expandSwimlane: (e) => ge()?.expandSwimlane(e),
+      toggleSwimlane: (e) => ge()?.toggleSwimlane(e),
+      scrollToColumn: (e, a) => Fl(e, a),
+      scrollToCard: (e, a) => Ll(e, a),
+      undo: vl,
+      redo: gl,
+      canUndo: () => _l.value,
+      canRedo: () => Ml.value,
+      clearHistory: () => _e()?.clearHistory(),
+      exportToJSON: () => ql(W.value, m.value ?? [], o.swimlanes ?? []),
+      exportToCSV: (e) => jl(m.value ?? [], e),
+      downloadJSON: () => Vl(ql(W.value, m.value ?? [], o.swimlanes ?? []), "taskboard-export.json", "application/json"),
+      downloadCSV: (e) => Vl(jl(m.value ?? [], e), "taskboard-export.csv", "text/csv"),
+      print: oa,
+      serializeState: na,
+      restoreState: ra,
+      licenseValid: () => ie.value,
+      licenseMessage: () => Ae.value,
+      getAuditLog: () => Bl()?.getLog() ?? [],
+      clearAuditLog: () => {
+        Bl()?.clear();
+      }
+    }), (e, a) => (i(), c("div", {
+      ref_key: "rootRef",
+      ref: F,
+      class: k(Yt.value),
+      dir: o.rtl ? "rtl" : void 0,
+      role: "treegrid",
+      "aria-label": "Task board",
+      tabindex: "0",
+      onPointerdownCapture: a[0] || (a[0] = //@ts-ignore
+      (...r) => t(nl) && t(nl)(...r)),
+      onFocusinCapture: a[1] || (a[1] = //@ts-ignore
+      (...r) => t(nl) && t(nl)(...r))
+    }, [
+      G.value && !G.value.valid ? (i(), c("div", Xa, [
+        a[2] || (a[2] = B("span", { style: { "font-weight": "600" } }, "PrimeUI TaskBoard", -1)),
+        B("span", null, te(G.value.message), 1)
+      ])) : $("", !0),
+      A(e.$slots, "default"),
+      (i(), z(Xl, { to: "body" }, [
+        X.value && j.value && me.value && Xe.value === 0 ? (i(), c("div", {
+          key: 0,
+          class: k(t(U).dragPreview),
+          style: ue({
+            position: "fixed",
+            left: j.value.x + "px",
+            top: j.value.y + "px",
+            width: fe.value ? fe.value + "px" : void 0,
+            maxWidth: fe.value ? fe.value + "px" : void 0,
+            transform: "translate(-50%, -50%) rotate(var(--p-taskboard-drag-preview-rotation, 1.5deg))",
+            pointerEvents: "none",
+            zIndex: 9999
+          })
+        }, [
+          t(Me)().length > 1 ? (i(), c("span", {
+            key: 0,
+            class: k(t(U).dragPreviewBadge)
+          }, te(t(Me)().length), 3)) : $("", !0),
+          A(e.$slots, "drag-preview", {
+            item: me.value,
+            count: t(Me)().length
+          }, () => [
+            Fe.value ? (i(), c("div", {
+              key: 0,
+              innerHTML: Fe.value
+            }, null, 8, Ja)) : $("", !0)
+          ])
+        ], 6)) : $("", !0)
+      ])),
+      B("div", Qa, te(le.value), 1)
+    ], 42, Ya));
+  }
+}), eo = /* @__PURE__ */ V({
+  __name: "TaskBoardHeader",
+  setup(s) {
+    const l = L(Y);
+    return (n, o) => (i(), c("div", {
+      class: k(t(l).classes.header)
+    }, [
+      A(n.$slots, "default", {
+        canUndo: t(l).canUndoState.value,
+        canRedo: t(l).canRedoState.value,
+        undo: t(l).performUndo,
+        redo: t(l).performRedo
+      })
+    ], 2));
+  }
+}), lo = { class: "p-taskboard-column-group-headers-inner" }, to = { class: "p-taskboard-column-group-mobile-headers-inner" }, ao = ["aria-hidden"], oo = ["data-swimlane-id", "aria-expanded", "aria-label"], no = ["aria-label", "onClick"], ro = ["data-column-id"], so = ["data-column-id", "data-swimlane-id"], uo = ["data-task-id", "data-task-index", "onDblclick", "onPointerdown", "onContextmenu"], io = { style: { display: "none" } }, co = /* @__PURE__ */ V({
+  __name: "TaskBoardContent",
+  setup(s) {
+    const l = L(Y), n = g(() => l.swimlaneColumnHeaderSlotRenderer?.value ?? null), o = g(() => l.dropIndicatorSlotRenderer?.value ?? null), p = (d, S) => {
+      const u = o.value;
+      return u ? () => u({ column: d, index: S }) : null;
+    }, m = g(() => l.virtualScrollState.value?.topSpacerHeight ?? 0), C = g(() => {
+      const d = l.virtualScrollState.value;
+      if (d) return d.bottomSpacerHeight;
+      if (!l.virtualScroll.value) return 0;
+      const S = l.processedSwimlanes.value.length, u = l.visibleSwimlanes.value.length, f = S - u, D = l.props.virtualScrollItemHeight ?? 250;
+      return f > 0 ? f * D : 0;
+    }), y = (d) => {
+      l.groupHeadersRef.value = d;
+    }, R = (d) => {
+      l.columnsContainerRef.value = d;
+    }, I = (d, S) => {
+      const u = l.cardSlotRenderer.value;
+      return u ? () => u({ item: d, column: S, isSelected: l.selectedItemIds.value.includes(l.getItemId(d)), isDragging: !1 }) : null;
+    }, K = (d, S) => l.getVisibleCellTasks(d.id, S.id).length, H = (d, S = l.itemCount(d.id)) => {
+      const u = l.columnHeaderSlotRenderer.value;
+      return u ? () => u({
+        column: d,
+        itemCount: S,
+        isCollapsed: l.isColumnCollapsed(d.id),
+        toggleCollapse: () => l.onColumnToggle(d),
+        startDrag: (f) => l.onColumnHeaderPointerDown(d, f)
+      }) : null;
+    }, b = (d, S) => {
+      const u = n.value;
+      return u ? V({
+        name: "TaskBoardRenderedSwimlaneColumnHeader",
+        setup() {
+          const f = g(() => S ? K(d, S) : l.itemCount(d.id)), D = g(() => S ? l.getVisibleCellTasks(d.id, S.id) : l.getItemsByColumn(d.id)), le = g(() => S ? l.getVisibleCellTasks(d.id, S.id) : l.getVisibleItemsByColumn(d.id));
+          return $e(he, {
+            label: d.label,
+            value: d.id,
+            columnData: d,
+            itemCount: f,
+            isCollapsed: g(() => l.isColumnCollapsed(d.id)),
+            toggleCollapse: () => l.onColumnToggle(d),
+            startDrag: (G) => l.onColumnHeaderPointerDown(d, G),
+            items: D,
+            visibleItems: le,
+            addItem: (G) => l.createItem(G ?? {}, d)
+          }), () => u({ column: d, itemCount: f.value });
+        }
+      }) : null;
+    }, F = (d) => {
+      const S = l.swimlaneHeaderSlotRenderer.value;
+      return S ? V({
+        name: "TaskBoardRenderedSwimlaneHeader",
+        setup() {
+          const u = g(() => l.swimlaneTaskCount(d.id)), f = g(() => l.isSwimlaneCollapsed(d.id)), D = () => l.onSwimlaneToggle(d);
+          return $e(Zl, {
+            swimlaneData: d,
+            taskCount: u,
+            isCollapsed: f,
+            toggleCollapse: D
+          }), () => S({
+            swimlane: d,
+            itemCount: u.value,
+            isCollapsed: f.value,
+            toggleCollapse: D
+          });
+        }
+      }) : null;
+    };
+    return (d, S) => (i(), c("div", {
+      class: k(t(l).classes.body)
+    }, [
+      t(l).hasSwimlanes.value ? (i(), c(E, { key: 1 }, [
+        B("div", {
+          ref: R,
+          class: k(t(l).classes.swimlaneGrid),
+          onScroll: S[3] || (S[3] = //@ts-ignore
+          (...u) => t(l).onSwimlaneGridScroll && t(l).onSwimlaneGridScroll(...u))
+        }, [
+          B("div", {
+            class: k(t(l).classes.columnHeaders),
+            style: ue(t(l).swimlaneTrackStyle())
+          }, [
+            B("div", {
+              class: k(t(l).classes.columnHeadersSpacer)
+            }, null, 2),
+            B("div", {
+              class: k(t(l).classes.columnHeadersContent)
+            }, [
+              (i(!0), c(E, null, pe(t(l).processedColumns.value, (u) => (i(), c("div", {
+                key: u.id
+              }, [
+                n.value ? (i(), z(ee(b(u)), { key: 0 })) : t(l).columnHeaderSlotRenderer.value ? (i(), z(ee(H(u)), { key: 1 })) : (i(), c(E, { key: 2 }, [
+                  Be(te(u.label), 1)
+                ], 64))
+              ]))), 128))
+            ], 2)
+          ], 6),
+          t(l).virtualScroll.value && m.value > 0 ? (i(), c("div", {
+            key: 0,
+            style: ue({ height: m.value + "px", flexShrink: "0", minWidth: "fit-content" })
+          }, null, 4)) : $("", !0),
+          (i(!0), c(E, null, pe(t(l).visibleSwimlanes.value, (u) => (i(), c("div", {
+            key: u.id,
+            class: k(t(l).swimlaneRowClasses(u)),
+            style: ue(t(l).swimlaneRowStyle(u)),
+            "data-swimlane-id": u.id,
+            role: "rowgroup",
+            "aria-expanded": !t(l).isSwimlaneCollapsed(u.id),
+            "aria-label": u.label + ", " + t(l).swimlaneTaskCount(u.id) + " items"
+          }, [
+            B("div", {
+              class: k(t(l).classes.swimlaneHeader)
+            }, [
+              t(l).swimlaneHeaderSlotRenderer.value ? (i(), z(ee(F(u)), { key: 0 })) : (i(), c(E, { key: 1 }, [
+                B("button", {
+                  type: "button",
+                  class: k(t(l).classes.swimlaneCollapseToggle),
+                  "aria-label": `${t(l).isSwimlaneCollapsed(u.id) ? "Expand" : "Collapse"} ${u.label} swimlane`,
+                  onPointerdown: S[1] || (S[1] = Re(() => {
+                  }, ["stop"])),
+                  onClick: Re((f) => t(l).onSwimlaneToggle(u), ["stop"])
+                }, [
+                  (i(), c("svg", {
+                    class: k(t(l).classes.swimlaneCollapseToggleIcon),
+                    width: "12",
+                    height: "12",
+                    viewBox: "0 0 12 12",
+                    fill: "none",
+                    "aria-hidden": "true"
+                  }, [...S[4] || (S[4] = [
+                    B("path", {
+                      d: "M2.5 4.5L6 8L9.5 4.5",
+                      stroke: "currentColor",
+                      "stroke-width": "1.5",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round"
+                    }, null, -1)
+                  ])], 2))
+                ], 42, no),
+                B("span", null, te(u.label) + " (" + te(t(l).swimlaneTaskCount(u.id)) + ")", 1)
+              ], 64))
+            ], 2),
+            B("div", {
+              class: k(t(l).classes.swimlanePrintHeader),
+              "aria-hidden": "true"
+            }, [
+              B("span", {
+                class: k(t(l).classes.swimlanePrintHeaderTitle)
+              }, te(u.label), 3),
+              B("span", {
+                class: k(t(l).classes.swimlanePrintHeaderCount)
+              }, te(t(l).swimlaneTaskCount(u.id)) + " items", 3)
+            ], 2),
+            B("div", {
+              class: k(t(l).classes.swimlanePrintColumns),
+              "aria-hidden": "true"
+            }, [
+              (i(!0), c(E, null, pe(t(l).processedColumns.value, (f) => (i(), c("div", {
+                key: f.id,
+                class: k(t(l).classes.swimlanePrintColumn),
+                "data-column-id": f.id
+              }, [
+                B("div", {
+                  class: k(t(l).classes.swimlanePrintColumnHeader)
+                }, [
+                  n.value ? (i(), z(ee(b(f, u)), { key: 0 })) : t(l).columnHeaderSlotRenderer.value ? (i(), z(ee(H(f, K(f, u))), { key: 1 })) : (i(), c(E, { key: 2 }, [
+                    Be(te(f.label), 1)
+                  ], 64))
+                ], 2),
+                B("div", {
+                  class: k(t(l).classes.swimlanePrintColumnBody)
+                }, [
+                  (i(!0), c(E, null, pe(t(l).getVisibleCellTasks(f.id, u.id), (D) => (i(), c("div", {
+                    key: t(l).getItemId(D),
+                    class: k(t(l).cardWrapperClasses(D)),
+                    role: "row"
+                  }, [
+                    t(l).cardSlotRenderer.value ? (i(), z(ee(I(D, f)), { key: 0 })) : $("", !0)
+                  ], 2))), 128))
+                ], 2)
+              ], 10, ro))), 128))
+            ], 2),
+            B("div", {
+              class: k(t(l).classes.swimlaneBody),
+              onClick: S[2] || (S[2] = Re((f) => t(l).onBoardBackgroundClick(), ["self"]))
+            }, [
+              (i(!0), c(E, null, pe(t(l).processedColumns.value, (f) => (i(), c("div", {
+                key: f.id,
+                class: k(t(l).classes.swimlaneCell),
+                "data-column-id": f.id,
+                "data-swimlane-id": u.id
+              }, [
+                (i(!0), c(E, null, pe(t(l).getVisibleCellTasks(f.id, u.id), (D, le) => (i(), c(E, {
+                  key: t(l).getItemId(D)
+                }, [
+                  t(l).showDropIndicator(f.id, u.id, le) ? (i(), c(E, { key: 0 }, [
+                    o.value ? (i(), z(ee(p(f, le)), { key: 0 })) : (i(), c("div", {
+                      key: 1,
+                      class: k([t(l).classes.dropIndicator, t(l).classes.swimlaneDropIndicator])
+                    }, null, 2))
+                  ], 64)) : $("", !0),
+                  B("div", {
+                    "data-task-id": t(l).getItemId(D),
+                    "data-task-index": le,
+                    class: k(t(l).cardWrapperClasses(D)),
+                    role: "row",
+                    onDblclick: (G) => t(l).onCardDblClick(D, f, G),
+                    onPointerdown: (G) => t(l).onCardPointerDown(D, f, G),
+                    onContextmenu: (G) => t(l).onCardContextMenu(D, f, G)
+                  }, [
+                    t(l).cardSlotRenderer.value ? (i(), z(ee(I(D, f)), { key: 0 })) : $("", !0)
+                  ], 42, uo)
+                ], 64))), 128)),
+                t(l).showDropIndicatorAtEnd(f.id, u.id) ? (i(), c(E, { key: 0 }, [
+                  o.value ? (i(), z(ee(p(f, t(l).getVisibleCellTasks(f.id, u.id).length)), { key: 0 })) : (i(), c("div", {
+                    key: 1,
+                    class: k([t(l).classes.dropIndicator, t(l).classes.swimlaneDropIndicator])
+                  }, null, 2))
+                ], 64)) : $("", !0)
+              ], 10, so))), 128))
+            ], 2)
+          ], 14, oo))), 128)),
+          t(l).virtualScroll.value && C.value > 0 ? (i(), c("div", {
+            key: 1,
+            style: ue({ height: C.value + "px", flexShrink: "0", minWidth: "fit-content" })
+          }, null, 4)) : $("", !0)
+        ], 34),
+        B("div", io, [
+          A(d.$slots, "default")
+        ])
+      ], 64)) : (i(), c("div", {
+        key: 0,
+        ref: R,
+        class: k([t(l).classes.columns, t(l).hasColumnGroups.value && t(l).classes.columnsWithGroups]),
+        onScroll: S[0] || (S[0] = (u) => t(l).onColumnsHorizontalScroll())
+      }, [
+        t(l).hasColumnGroups.value ? (i(), c(E, { key: 0 }, [
+          B("div", {
+            ref: y,
+            class: k(t(l).classes.columnGroupHeaders)
+          }, [
+            B("div", lo, [
+              (i(!0), c(E, null, pe(t(l).columnGroupSegments.value, (u) => (i(), c("div", {
+                key: u.key,
+                class: k(u.label ? t(l).classes.columnGroupHeader : void 0),
+                style: ue(t(l).getGroupSegmentStyle(u))
+              }, [
+                u.label ? A(d.$slots, "column-group-header", {
+                  key: 0,
+                  group: u.group,
+                  columns: t(l).getGroupColumns(u)
+                }, () => [
+                  Be(te(u.label), 1)
+                ]) : $("", !0)
+              ], 6))), 128))
+            ])
+          ], 2),
+          B("div", {
+            class: k(t(l).classes.columnGroupMobileHeaders)
+          }, [
+            B("div", to, [
+              (i(!0), c(E, null, pe(t(l).columnGroupColumnSegments.value, (u) => (i(), c("div", {
+                key: u.key,
+                class: k([t(l).classes.columnGroupMobileHeader, !u.label && t(l).classes.columnGroupMobileHeaderEmpty]),
+                style: ue(t(l).getGroupColumnSegmentStyle(u)),
+                "aria-hidden": u.label ? void 0 : "true"
+              }, [
+                u.label ? A(d.$slots, "column-group-header", {
+                  key: 0,
+                  group: u.group,
+                  columns: [u.column]
+                }, () => [
+                  Be(te(u.label), 1)
+                ]) : $("", !0)
+              ], 14, ao))), 128))
+            ])
+          ], 2),
+          B("div", {
+            class: k(t(l).classes.columnsTrack)
+          }, [
+            A(d.$slots, "default")
+          ], 2)
+        ], 64)) : A(d.$slots, "default", { key: 1 })
+      ], 34))
+    ], 2));
+  }
+}), mo = ["data-column-id", "aria-label", "aria-expanded"], vo = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "TaskBoardColumn",
+  props: {
+    label: {},
+    value: {},
+    column: {}
+  },
+  setup(s) {
+    const l = s, n = L(Y), o = g(() => l.column ? { ...l.column, id: l.value, label: l.label } : { id: l.value, label: l.label });
+    ke(() => n.registerColumn(l.column ? { ...l.column, id: l.value, label: l.label } : { id: l.value, label: l.label })), je(() => n.unregisterColumn(l.value));
+    const p = g(() => n.itemCount(l.value)), m = g(() => n.isColumnCollapsed(l.value)), C = g(() => n.getItemsByColumn(l.value)), y = g(() => n.getVisibleItemsByColumn(l.value)), R = {
+      label: l.label,
+      value: l.value,
+      columnData: o.value,
+      itemCount: p,
+      isCollapsed: m,
+      toggleCollapse: () => n.onColumnToggle(o.value),
+      startDrag: (I) => n.onColumnHeaderPointerDown(o.value, I),
+      items: C,
+      visibleItems: y,
+      addItem: (I) => {
+        n.createItem(I ?? {}, o.value);
+      }
+    };
+    return $e(he, R), (I, K) => (i(), c("div", Jl({
+      class: t(n).columnClasses(o.value),
+      "data-column-id": l.value,
+      style: t(n).getColumnStyle(o.value),
+      role: "group",
+      "aria-label": l.label + ", " + p.value + " items",
+      "aria-expanded": t(n).props.columnCollapsible ? !m.value : void 0
+    }, I.$attrs), [
+      A(I.$slots, "default")
+    ], 16, mo));
+  }
+}), go = ["aria-label"], po = /* @__PURE__ */ V({
+  __name: "TaskBoardColumnHeader",
+  setup(s) {
+    const l = qe(), n = L(Y), o = L(he);
+    return ke(() => {
+      l.default && !n.columnHeaderSlotRenderer.value && n.registerColumnHeaderSlot(l.default);
+    }), (p, m) => (i(), c("div", {
+      class: k(t(n).classes.columnHeader),
+      role: "columnheader",
+      onPointerdown: m[2] || (m[2] = (C) => t(n).onColumnHeaderPointerDown(t(o).columnData, C))
+    }, [
+      t(l).default ? A(p.$slots, "default", {
+        key: 0,
+        column: t(o).columnData,
+        itemCount: t(o).itemCount.value,
+        isCollapsed: t(o).isCollapsed.value,
+        toggleCollapse: t(o).toggleCollapse,
+        startDrag: t(o).startDrag
+      }) : t(o).isCollapsed.value ? (i(), c("button", {
+        key: 1,
+        type: "button",
+        class: k(t(n).classes.columnCollapseToggle),
+        "aria-label": `Expand ${t(o).label} column`,
+        onPointerdown: m[0] || (m[0] = Re(() => {
+        }, ["stop"])),
+        onClick: m[1] || (m[1] = Re((C) => t(o).toggleCollapse(), ["stop"]))
+      }, [
+        (i(), c("svg", {
+          class: k(t(n).classes.columnCollapseToggleIcon),
+          width: "12",
+          height: "12",
+          viewBox: "0 0 12 12",
+          fill: "none",
+          "aria-hidden": "true"
+        }, [...m[3] || (m[3] = [
+          B("path", {
+            d: "M4.5 2.5L8 6L4.5 9.5",
+            stroke: "currentColor",
+            "stroke-width": "1.5",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, null, -1)
+        ])], 2))
+      ], 42, go)) : $("", !0)
+    ], 34));
+  }
+}), Co = ["data-task-id", "data-task-index", "onDblclick", "onPointerdown", "onContextmenu"], fo = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "TaskBoardColumnContent",
+  setup(s) {
+    const l = qe(), n = L(Y), o = L(he), p = x(), m = x(null), C = /* @__PURE__ */ new Map();
+    let y = null, R = null, I = /* @__PURE__ */ new Set(), K = null;
+    const H = g(() => n.virtualScroll.value);
+    ke(() => {
+      l.default && !n.cardSlotRenderer.value && n.registerCardSlot(l.default), l["drop-indicator"] && !n.dropIndicatorSlotRenderer.value && n.registerDropIndicatorSlot(l["drop-indicator"]), H.value && p.value && (R = new ResizeObserver((v) => {
+        (v[0]?.contentRect.height ?? 0) > 0 && (R?.disconnect(), R = null, re(0));
+      }), R.observe(p.value));
+    }), je(() => {
+      R?.disconnect(), R = null, y && (cancelAnimationFrame(y), y = null);
+    });
+    const b = g(() => o.columnData), F = g(() => l["drop-indicator"] ?? n.dropIndicatorSlotRenderer.value), d = g(() => n.isDragging.value && String(n.dragTargetColumnValue.value) === String(o.value)), S = g(() => n.dragTargetIndex.value ?? 0), u = (v) => d.value && n.dragTargetIndex.value === v, f = (v) => {
+      const T = F.value;
+      return T ? () => T({ column: b.value, index: v }) : null;
+    }, D = g(() => o.visibleItems.value), le = () => n.props.virtualScrollItemHeight ?? 120, G = () => n.props.virtualScrollBuffer ?? 3, ie = (v) => String(n.getItemId(v)), Ae = () => {
+      if (C.size === 0) return le();
+      const T = Array.from(C.values()).reduce((h, M) => h + M, 0) / C.size;
+      return Number.isFinite(T) && T > 0 ? T : le();
+    }, ne = (v) => C.get(ie(v)) ?? Ae(), N = (v = D.value) => v.map((T) => C.get(ie(T)) ?? 0), Ee = (v) => v.reduce((T, h) => T + ne(h), 0), ae = () => {
+      const v = p.value;
+      return v ? Math.max(0, v.scrollHeight - v.clientHeight) : 0;
+    }, ce = (v, T, h) => {
+      const M = Math.max(0, Ee(T) - h), P = ae();
+      return Math.max(0, Math.min(v, Math.max(M, P)));
+    }, Ce = (v, T) => {
+      let h = 0;
+      for (let M = 0; M < Math.max(0, T); M++)
+        h += ne(v[M]);
+      return h;
+    }, Ye = (v, T) => {
+      let h = 0;
+      for (let M = 0; M < v.length; M++) {
+        const P = ne(v[M]);
+        if (h + P > T)
+          return M;
+        h += P;
+      }
+      return Math.max(0, v.length - 1);
+    }, X = (v, T) => v.length ? ie(v[Ye(v, T)]) : null, Pe = (v) => {
+      const T = new Set(v.map((h) => ie(h)));
+      for (const h of C.keys())
+        T.has(h) || C.delete(h);
+    };
+    function re(v) {
+      if (!p.value) return;
+      const T = m.value?.startIndex ?? 0;
+      p.value.querySelectorAll("[data-task-id]").forEach((J, Le) => {
+        const ve = D.value[T + Le], W = J.getAttribute("data-task-id") ?? (ve ? ie(ve) : null);
+        W && C.set(String(W), J.offsetHeight);
+      });
+      const M = p.value.clientHeight, P = ce(v, D.value, M);
+      Math.abs(p.value.scrollTop - P) > 1 && (p.value.scrollTop = P), m.value = Ql(P, M, D.value.length, N(), Ae(), G());
+    }
+    function Ie(v) {
+      if (n.markDragGeometryDirty(), !H.value) return;
+      const T = v.target;
+      y && cancelAnimationFrame(y), y = requestAnimationFrame(() => {
+        re(T.scrollTop), y = null;
+      });
+    }
+    Z(
+      () => n.isDragging.value,
+      (v) => {
+        H.value && v && K == null && (K = p.value?.scrollTop ?? null);
+      },
+      { flush: "sync" }
+    ), Z(D, (v, T = []) => {
+      if (!H.value) return;
+      const h = p.value, M = h?.scrollTop ?? 0, P = X(T, M), J = new Set(n.getDragHiddenIds().map((ve) => String(ve))), Le = n.isDragging.value || J.size > 0 || I.size > 0;
+      if (I = J, Pe(v), !h) {
+        m.value = null;
+        return;
+      }
+      Se(() => {
+        if (Le) {
+          const Te = ce(K ?? M, v, h.clientHeight);
+          Math.abs(h.scrollTop - Te) > 1 && (h.scrollTop = Te), re(Te), n.markDragGeometryDirty(), !n.isDragging.value && J.size === 0 && (K = null);
+          return;
+        }
+        K = null;
+        const ve = P == null ? -1 : v.findIndex((Ke) => ie(Ke) === P), W = ve >= 0 ? Ce(v, ve) : M, Ve = ce(W, v, h.clientHeight);
+        h.scrollTop = Ve, re(Ve), n.markDragGeometryDirty();
+      });
+    });
+    const j = g(() => {
+      if (!H.value) return D.value;
+      if (!m.value) {
+        const v = n.props.virtualScrollItemHeight ?? 120, T = n.props.virtualScrollBuffer ?? 3, h = Math.ceil(600 / v) + T * 2;
+        return D.value.slice(0, Math.min(h, D.value.length));
+      }
+      return D.value.slice(m.value.startIndex, m.value.endIndex);
+    }), fe = g(() => O(0)), Xe = g(() => O(j.value.length)), ye = g(() => H.value && d.value && n.dragTargetIndex.value != null && j.value.length > 0 && n.dragTargetIndex.value < fe.value), me = g(() => H.value && d.value && n.dragTargetIndex.value != null && j.value.length > 0 && n.dragTargetIndex.value > Xe.value), O = (v) => !H.value || !m.value ? v : m.value.startIndex + v, Fe = g(() => m.value?.topSpacerHeight ?? 0), be = g(() => {
+      if (m.value) return m.value.bottomSpacerHeight;
+      if (!H.value) return 0;
+      const v = n.props.virtualScrollItemHeight ?? 120, T = n.props.virtualScrollBuffer ?? 3, h = Math.ceil(600 / v) + T * 2, M = Math.min(h, D.value.length), P = D.value.length - M;
+      return P > 0 ? P * v : 0;
+    });
+    return (v, T) => (i(), c("div", Jl({
+      ref_key: "bodyRef",
+      ref: p,
+      class: t(n).classes.columnBody
+    }, v.$attrs, {
+      onScroll: Ie,
+      onClick: T[0] || (T[0] = Re((h) => t(o).isCollapsed.value ? t(o).toggleCollapse() : t(n).onBoardBackgroundClick(), ["self"]))
+    }), [
+      H.value && Fe.value > 0 ? (i(), c("div", {
+        key: 0,
+        style: ue({ height: Fe.value + "px", flexShrink: "0" })
+      }, null, 4)) : $("", !0),
+      ye.value ? (i(), c(E, { key: 1 }, [
+        F.value ? (i(), z(ee(f(S.value)), { key: 0 })) : (i(), c("div", {
+          key: 1,
+          class: k(t(n).classes.dropIndicator)
+        }, null, 2))
+      ], 64)) : $("", !0),
+      j.value.length > 0 || t(n).isDragging.value && String(t(n).dragTargetColumnValue.value) === String(t(o).value) ? (i(), c(E, { key: 2 }, [
+        (i(!0), c(E, null, pe(j.value, (h, M) => (i(), c(E, {
+          key: t(n).getItemId(h)
+        }, [
+          u(O(M)) ? (i(), c(E, { key: 0 }, [
+            F.value ? (i(), z(ee(f(O(M))), { key: 0 })) : (i(), c("div", {
+              key: 1,
+              class: k(t(n).classes.dropIndicator)
+            }, null, 2))
+          ], 64)) : $("", !0),
+          B("div", {
+            "data-task-id": t(n).getItemId(h),
+            "data-task-index": O(M),
+            class: k(t(n).cardWrapperClasses(h)),
+            role: "row",
+            onDblclick: (P) => t(n).onCardDblClick(h, b.value, P),
+            onPointerdown: (P) => t(n).onCardPointerDown(h, b.value, P),
+            onContextmenu: (P) => t(n).onCardContextMenu(h, b.value, P)
+          }, [
+            A(v.$slots, "default", {
+              item: h,
+              column: b.value,
+              isSelected: t(n).selectedItemIds.value.includes(t(n).getItemId(h)),
+              isDragging: t(n).isDragging.value && t(n).draggedItem.value && t(n).getItemId(t(n).draggedItem.value) === t(n).getItemId(h)
+            })
+          ], 42, Co)
+        ], 64))), 128)),
+        u(O(j.value.length)) ? (i(), c(E, { key: 0 }, [
+          F.value ? (i(), z(ee(f(O(j.value.length))), { key: 0 })) : (i(), c("div", {
+            key: 1,
+            class: k(t(n).classes.dropIndicator)
+          }, null, 2))
+        ], 64)) : $("", !0)
+      ], 64)) : (i(), c(E, { key: 3 }, [
+        t(n).isDragging.value && String(t(n).dragTargetColumnValue.value) === String(t(o).value) ? $("", !0) : (i(), c("div", {
+          key: 0,
+          class: k(t(n).classes.emptyColumn)
+        }, [
+          A(v.$slots, "empty", {}, () => [
+            T[1] || (T[1] = Be("No items", -1))
+          ])
+        ], 2))
+      ], 64)),
+      me.value ? (i(), c(E, { key: 4 }, [
+        F.value ? (i(), z(ee(f(S.value)), { key: 0 })) : (i(), c("div", {
+          key: 1,
+          class: k(t(n).classes.dropIndicator)
+        }, null, 2))
+      ], 64)) : $("", !0),
+      H.value && be.value > 0 ? (i(), c("div", {
+        key: 5,
+        style: ue({ height: be.value + "px", flexShrink: "0" })
+      }, null, 4)) : $("", !0)
+    ], 16));
+  }
+}), So = /* @__PURE__ */ V({
+  __name: "TaskBoardColumnFooter",
+  setup(s) {
+    const l = L(Y), n = L(he);
+    return (o, p) => (i(), c("div", {
+      class: k(t(l).classes.columnFooter)
+    }, [
+      A(o.$slots, "default", {
+        column: t(n).columnData,
+        itemCount: t(n).itemCount.value
+      })
+    ], 2));
+  }
+}), ko = /* @__PURE__ */ V({
+  __name: "TaskBoardColumnEmpty",
+  setup(s) {
+    const l = L(Y);
+    return (n, o) => (i(), c("div", {
+      class: k(t(l).classes.emptyColumn)
+    }, [
+      A(n.$slots, "default", {}, () => [
+        o[0] || (o[0] = Be("No items", -1))
+      ])
+    ], 2));
+  }
+}), et = (s, l) => {
+  const n = s.__vccOpts || s;
+  for (const [o, p] of l)
+    n[o] = p;
+  return n;
+}, Io = {};
+function wo(s, l) {
+  return A(s.$slots, "default");
+}
+const ho = /* @__PURE__ */ et(Io, [["render", wo]]), yo = /* @__PURE__ */ V({
+  __name: "TaskBoardCard",
+  props: {
+    item: {},
+    column: {}
+  },
+  setup(s) {
+    const l = s, n = L(Y), o = L(he, null), p = g(() => l.item), m = g(() => l.column ?? (o ? o.columnData : void 0)), C = g(() => {
+      if (!l.item) return !1;
+      const I = n.getItemId(l.item);
+      return n.selectedItemIds.value.includes(I);
+    }), y = g(() => {
+      if (!l.item) return !1;
+      const I = n.getItemId(l.item);
+      return !!(n.isDragging.value && n.draggedItem.value && n.getItemId(n.draggedItem.value) === I);
+    }), R = {
+      item: zl(() => l.item),
+      column: zl(() => m.value),
+      isSelected: C,
+      isDragging: y
+    };
+    return $e(sl, R), (I, K) => A(I.$slots, "default", {
+      item: p.value,
+      isSelected: C.value,
+      isDragging: y.value,
+      column: m.value
+    });
+  }
+}), bo = /* @__PURE__ */ V({
+  __name: "TaskBoardCardHeader",
+  setup(s) {
+    const l = L(sl);
+    return (n, o) => (i(), c("div", null, [
+      A(n.$slots, "default", {
+        item: t(l).item.value,
+        isSelected: t(l).isSelected.value,
+        isDragging: t(l).isDragging.value,
+        column: t(l).column.value
+      })
+    ]));
+  }
+}), To = /* @__PURE__ */ V({
+  __name: "TaskBoardCardContent",
+  setup(s) {
+    const l = L(sl);
+    return (n, o) => (i(), c("div", null, [
+      A(n.$slots, "default", {
+        item: t(l).item.value,
+        isSelected: t(l).isSelected.value,
+        isDragging: t(l).isDragging.value,
+        column: t(l).column.value
+      })
+    ]));
+  }
+}), xo = /* @__PURE__ */ V({
+  __name: "TaskBoardCardFooter",
+  setup(s) {
+    const l = L(sl);
+    return (n, o) => (i(), c("div", null, [
+      A(n.$slots, "default", {
+        item: t(l).item.value,
+        isSelected: t(l).isSelected.value,
+        isDragging: t(l).isDragging.value,
+        column: t(l).column.value
+      })
+    ]));
+  }
+}), Do = /* @__PURE__ */ V({
+  __name: "TaskBoardCardAdd",
+  setup(s) {
+    const l = L(he);
+    return (n, o) => A(n.$slots, "default", {
+      add: t(l).addItem
+    });
+  }
+}), Ho = /* @__PURE__ */ V({
+  __name: "TaskBoardDragPreview",
+  setup(s) {
+    const l = L(Y);
+    return ke(() => {
+      l.customDragPreviewCount.value += 1;
+    }), je(() => {
+      l.customDragPreviewCount.value = Math.max(0, l.customDragPreviewCount.value - 1);
+    }), (n, o) => (i(), z(Xl, { to: "body" }, [
+      t(l).isDragging.value && t(l).ghostPosition.value && t(l).draggedItem.value ? (i(), c("div", {
+        key: 0,
+        class: k(t(l).classes.dragPreview),
+        style: ue({
+          position: "fixed",
+          left: t(l).ghostPosition.value.x + "px",
+          top: t(l).ghostPosition.value.y + "px",
+          width: t(l).dragPreviewWidth.value ? t(l).dragPreviewWidth.value + "px" : void 0,
+          maxWidth: t(l).dragPreviewWidth.value ? t(l).dragPreviewWidth.value + "px" : void 0,
+          transform: "translate(-50%, -50%) rotate(var(--p-taskboard-drag-preview-rotation, 1.5deg))",
+          pointerEvents: "none",
+          zIndex: 9999
+        })
+      }, [
+        t(l).getDragHiddenIds().length > 1 ? (i(), c("span", {
+          key: 0,
+          class: k(t(l).classes.dragPreviewBadge)
+        }, te(t(l).getDragHiddenIds().length), 3)) : $("", !0),
+        A(n.$slots, "default", {
+          item: t(l).draggedItem.value,
+          count: t(l).getDragHiddenIds().length
+        })
+      ], 6)) : $("", !0)
+    ]));
+  }
+}), _o = /* @__PURE__ */ V({
+  __name: "TaskBoardDragConfirm",
+  setup(s) {
+    const l = L(Y);
+    return (n, o) => t(l).pendingConfirmMove.value ? A(n.$slots, "default", {
+      key: 0,
+      task: t(l).pendingConfirmMove.value.task,
+      sourceColumn: t(l).processedColumns.value.find((p) => String(p.id) === String(t(l).pendingConfirmMove.value?.payload.oldColumnId)),
+      targetColumn: t(l).processedColumns.value.find((p) => String(p.id) === String(t(l).pendingConfirmMove.value?.payload.newColumnId)),
+      confirm: t(l).confirmPendingMove,
+      cancel: t(l).cancelPendingMove,
+      message: t(l).pendingConfirmMove.value.message
+    }) : $("", !0);
+  }
+}), Mo = V({
+  name: "TaskBoardDropIndicator",
+  setup() {
+    const s = L(Y), l = qe();
+    return ke(() => {
+      s.registerDropIndicatorSlot((n) => l.default?.(n) ?? ia("div", { class: s.classes.dropIndicator }));
+    }), () => null;
+  }
+}), Bo = {};
+function Ro(s, l) {
+  return A(s.$slots, "default");
+}
+const $o = /* @__PURE__ */ et(Bo, [["render", Ro]]), Ao = /* @__PURE__ */ V({
+  __name: "TaskBoardSwimlaneHeader",
+  props: {
+    swimlane: {}
+  },
+  setup(s) {
+    const l = s, n = qe(), o = L(Y);
+    ke(() => {
+      n.default && !o.swimlaneHeaderSlotRenderer.value && o.registerSwimlaneHeaderSlot(n.default);
+    });
+    const p = g(() => l.swimlane ? o.swimlaneTaskCount(l.swimlane.id) : 0), m = g(() => l.swimlane ? o.isSwimlaneCollapsed(l.swimlane.id) : !1), C = () => {
+      l.swimlane && o.onSwimlaneToggle(l.swimlane);
+    };
+    return l.swimlane && $e(Zl, {
+      swimlaneData: l.swimlane,
+      taskCount: p,
+      isCollapsed: m,
+      toggleCollapse: C
+    }), (y, R) => l.swimlane ? A(y.$slots, "default", {
+      key: 0,
+      swimlane: s.swimlane,
+      itemCount: p.value,
+      isCollapsed: m.value,
+      toggleCollapse: C
+    }) : $("", !0);
+  }
+}), Eo = /* @__PURE__ */ V({
+  __name: "TaskBoardSwimlaneColumnHeader",
+  props: {
+    column: {}
+  },
+  setup(s) {
+    const l = s, n = qe(), o = L(Y);
+    ke(() => {
+      n.default && !o.swimlaneColumnHeaderSlotRenderer?.value && o.registerSwimlaneColumnHeaderSlot?.(n.default);
+    });
+    const p = g(() => l.column ? o.itemCount(l.column.id) : 0);
+    return (m, C) => l.column ? A(m.$slots, "default", {
+      key: 0,
+      column: s.column,
+      itemCount: p.value
+    }) : $("", !0);
+  }
+}), No = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Card: yo,
+  CardAdd: Do,
+  CardContent: To,
+  CardFooter: xo,
+  CardHeader: bo,
+  Column: vo,
+  ColumnAdd: ho,
+  ColumnContent: fo,
+  ColumnEmpty: ko,
+  ColumnFooter: So,
+  ColumnHeader: po,
+  Content: co,
+  DragConfirm: _o,
+  DragPreview: Ho,
+  DropIndicator: Mo,
+  Header: eo,
+  Loading: $o,
+  Root: Za,
+  SwimlaneColumnHeader: Eo,
+  SwimlaneHeader: Ao
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  sl as CARD_KEY,
+  he as COLUMN_KEY,
+  Zl as SWIMLANE_KEY,
+  Y as TASKBOARD_KEY,
+  No as TaskBoard,
+  yo as TaskBoardCard,
+  Do as TaskBoardCardAdd,
+  To as TaskBoardCardContent,
+  xo as TaskBoardCardFooter,
+  bo as TaskBoardCardHeader,
+  vo as TaskBoardColumn,
+  ho as TaskBoardColumnAdd,
+  fo as TaskBoardColumnContent,
+  ko as TaskBoardColumnEmpty,
+  So as TaskBoardColumnFooter,
+  po as TaskBoardColumnHeader,
+  co as TaskBoardContent,
+  _o as TaskBoardDragConfirm,
+  Ho as TaskBoardDragPreview,
+  Mo as TaskBoardDropIndicator,
+  eo as TaskBoardHeader,
+  $o as TaskBoardLoading,
+  Za as TaskBoardRoot,
+  Eo as TaskBoardSwimlaneColumnHeader,
+  Ao as TaskBoardSwimlaneHeader,
+  Yo as useTaskBoardAccess,
+  Xo as useTaskBoardCardContext,
+  Jo as useTaskBoardColumnContext,
+  Qo as useTaskBoardContext,
+  Zo as useTaskBoardDrag,
+  en as useTaskBoardHistory,
+  ln as useTaskBoardSelection,
+  tn as useTaskBoardSwimlaneHeaderContext,
+  an as useTaskBoardWorkflow
+};