@primeui/vue-taskboard 0.0.1-alpha.1 → 1.0.0-beta.1

package/dist/chunks/useHistory-C-Ud-WgS.mjs

@@ -0,0 +1,510 @@
+import { nextTick as $, ref as Q } from "vue";
+import { classes as Z, resolveColumnStyle as _, createColumnDragController as ee, createTaskBoard as te, createDragController as le, createSelectionController as re, createWorkflowController as ne, createHistoryController as oe, createAuditController as ae, createKeyboardController as se, applyHistoryRedo as de, applyHistoryUndo as ue } from "@primeui/taskboard-core";
+const ce = () => ({
+  columns: [],
+  containerRect: null,
+  scrollBodies: []
+}), Y = (e) => {
+  const S = e.getAttribute("data-task-index");
+  if (S == null || S === "") return;
+  const k = Number(S);
+  return Number.isFinite(k) ? k : void 0;
+};
+function ie(e) {
+  let S = null, k = !0;
+  const I = (C) => {
+    if (e.hasSwimlanes()) {
+      const i = C.querySelectorAll("[data-column-id][data-swimlane-id]");
+      return Array.from(i).map((c) => ({
+        columnId: c.getAttribute("data-column-id"),
+        swimlaneId: c.getAttribute("data-swimlane-id"),
+        rect: c.getBoundingClientRect(),
+        cardRects: Array.from(c.querySelectorAll("[data-task-id]")).map((v) => ({
+          taskId: v.getAttribute("data-task-id"),
+          index: Y(v),
+          rect: v.getBoundingClientRect()
+        }))
+      }));
+    }
+    const g = C.querySelectorAll("[data-column-id]");
+    return Array.from(g).map((i) => ({
+      columnId: i.getAttribute("data-column-id"),
+      rect: i.getBoundingClientRect(),
+      cardRects: Array.from(i.querySelectorAll("[data-task-id]")).map((c) => ({
+        taskId: c.getAttribute("data-task-id"),
+        index: Y(c),
+        rect: c.getBoundingClientRect()
+      }))
+    }));
+  }, A = () => {
+    const C = e.getContainer();
+    return C ? {
+      columns: I(C),
+      containerRect: C.getBoundingClientRect(),
+      scrollBodies: Array.from(C.querySelectorAll(`.${Z.columnBody}`)).map((g) => ({
+        element: g,
+        rect: g.getBoundingClientRect()
+      }))
+    } : ce();
+  }, m = () => (S = A(), k = !1, S);
+  return {
+    getSnapshot: () => !S || k ? m() : S,
+    refresh: m,
+    markDirty: () => {
+      k = !0;
+    },
+    clear: () => {
+      S = null, k = !0;
+    }
+  };
+}
+function Ie(e) {
+  let m = null, y = null, C = null, g = null, i = null;
+  const c = ie({
+    getContainer: () => e.columnsContainerRef.value,
+    hasSwimlanes: () => e.hasSwimlanes.value
+  }), v = () => e.draggedCardId.value ?? e.getDragController()?.state.draggedCardId ?? null, x = (r) => {
+    const d = e.getDragController(), o = e.isDragging.value || !!d?.state.isDragging || r && !!d?.state.isPending, D = v();
+    return !o || D == null ? [] : e.selectedCardIds.value.length > 1 && e.selectedCardIds.value.some((T) => String(T) === String(D)) ? e.selectedCardIds.value : [D];
+  }, f = () => {
+    if (!C) return;
+    const { element: r, pointerId: d } = C;
+    if (C = null, !!r.hasPointerCapture?.(d))
+      try {
+        r.releasePointerCapture(d);
+      } catch {
+      }
+  }, P = () => x(!1), B = () => {
+    const r = x(!0), d = new Set(r.length > 1 ? r.map((o) => String(o)) : []);
+    return d.size ? c.getSnapshot().columns.map((o) => ({
+      ...o,
+      cardRects: o.cardRects.filter((D) => !d.has(String(D.taskId)))
+    })) : c.getSnapshot().columns;
+  }, M = () => {
+    c.markDirty();
+  }, O = () => c.refresh().columns, R = () => {
+    c.clear();
+  }, t = (r) => {
+    const d = r.currentTarget instanceof HTMLElement ? r.currentTarget : null;
+    return d?.hasAttribute("data-task-id") ? d : r.target instanceof HTMLElement ? r.target.closest("[data-task-id]") : null;
+  }, n = (r) => {
+    const o = t(r)?.getBoundingClientRect().width ?? 0;
+    e.dragPreviewWidth.value = Number.isFinite(o) && o > 0 ? o : null;
+  }, l = (r, d) => Math.min(d, Math.max(0, r)), s = (r, d, o) => Math.ceil(Math.min(1, Math.max(0, (d - r) / d)) * o), h = (r, d) => {
+    const o = e.getDragController(), D = o?.state.isPending || o?.state.isDragging ? B() : [], T = e.isDragging.value;
+    o?.onPointerMove({ x: r, y: d }, D), o && (o.state.isDragging && !T && (m = null, y = null, M(), $(() => M())), e.isDragging.value = o.state.isDragging, e.draggedCardId.value = o.state.draggedCardId, e.dragTargetColumnId.value = o.state.targetColumnId, e.dragTargetIndex.value = o.state.targetIndex, e.dragTargetSwimlaneId.value = o.state.targetSwimlaneId, e.ghostPosition.value = o.state.ghostPosition, o.state.isDragging && o.state.draggedCardId && (e.draggedCardData.value = (e.tasks.value ?? []).find((L) => e.getItemId(L) === o.state.draggedCardId) ?? null));
+  }, w = (r, d) => {
+    if (!e.columnsContainerRef.value) return !1;
+    const o = e.columnsContainerRef.value, D = c.getSnapshot(), T = D.containerRect;
+    if (!T) return !1;
+    let L = !1, V = 0;
+    const X = r - T.left, N = T.right - r;
+    X < 96 ? V = -s(X, 96, 44) : N < 96 && (V = s(N, 96, 44));
+    for (const { element: H, rect: F } of D.scrollBodies)
+      if (r >= F.left && r <= F.right) {
+        const K = Math.max(0, H.scrollHeight - H.clientHeight), q = l(H.scrollTop, K);
+        let z = q;
+        const j = d - F.top, J = F.bottom - d;
+        j < 56 ? z = l(q - s(j, 56, 14), K) : J < 56 && (z = l(q + s(J, 56, 14), K)), z !== q && (H.scrollTop = z, M(), L = !0);
+      }
+    if (V !== 0) {
+      const H = Math.max(0, o.scrollWidth - o.clientWidth), F = l(o.scrollLeft, H), K = l(F + V, H);
+      K !== F && (o.scrollLeft = K, M(), L = !0);
+    }
+    return L;
+  }, E = () => {
+    i != null && (cancelAnimationFrame(i), i = null);
+  }, W = () => {
+    i = null, !(!e.getDragController()?.state.isDragging || !g || !w(g.x, g.y)) && (h(g.x, g.y), i = requestAnimationFrame(W));
+  }, U = (r, d) => {
+    if (g = { x: r, y: d }, !w(r, d)) {
+      E();
+      return;
+    }
+    i == null && (i = requestAnimationFrame(W));
+  }, G = (r, d) => (g = { x: r, y: d }, w(r, d)), a = (r) => {
+    const d = e.getDragController();
+    h(r.clientX, r.clientY), d?.state.isDragging ? U(r.clientX, r.clientY) : E();
+  }, u = () => {
+    const r = e.getDragController(), d = e.getSelectionController(), o = e.isDragging.value;
+    if (r?.onPointerUp(), f(), E(), e.isDragging.value = !1, e.draggedCardId.value = null, e.dragTargetColumnId.value = null, e.dragTargetIndex.value = null, e.dragTargetSwimlaneId.value = null, e.ghostPosition.value = null, e.dragPreviewWidth.value = null, e.draggedCardData.value = null, g = null, R(), !o && m && y) {
+      const { task: D, column: T } = m, L = y;
+      e.emit("cardClick", { card: D, column: T, jsEvent: new MouseEvent("click") }), e.focusCard(e.getItemId(D)), e.getSelectionMode() !== "none" && e.isFeatureEnabled("cardSelection") && (e.selectionOrigin.value = "pointer", d?.selectCard(e.getItemId(D), {
+        ctrlKey: L.ctrlKey,
+        shiftKey: L.shiftKey,
+        metaKey: L.metaKey
+      }));
+    }
+    m = null, y = null, document.removeEventListener("pointermove", a), document.removeEventListener("pointerup", u);
+  };
+  return {
+    getDragHiddenIds: P,
+    getColumnElements: B,
+    markDragGeometryDirty: M,
+    refreshDragGeometry: O,
+    clearDragGeometry: R,
+    autoScroll: G,
+    onCardPointerDown: (r, d, o) => {
+      const D = e.getDragController(), T = o.target;
+      if (f(), T?.setPointerCapture)
+        try {
+          T.setPointerCapture(o.pointerId), C = { element: T, pointerId: o.pointerId };
+        } catch {
+          C = null;
+        }
+      m = { task: r, column: d }, y = { ctrlKey: o.ctrlKey, shiftKey: o.shiftKey, metaKey: o.metaKey }, e.canDrag.value && r.draggable !== !1 && !e.getDisabled() && !e.getReadonly() && e.canMoveOutOfColumn(e.getItemColumnValue(r)) && (R(), n(o), D?.onPointerDown(e.getItemId(r), d.id, { x: o.clientX, y: o.clientY }, o, e.getItemSwimlaneValue(r))), document.addEventListener("pointermove", a), document.addEventListener("pointerup", u);
+    },
+    onDocumentPointerMove: a,
+    onDocumentPointerUp: u,
+    cleanupCardDrag: () => {
+      f(), E(), R(), e.dragPreviewWidth.value = null, g = null, document.removeEventListener("pointermove", a), document.removeEventListener("pointerup", u);
+    }
+  };
+}
+const me = ["button", "a", "input", "select", "textarea", "summary", '[role="button"]', '[role="link"]', '[contenteditable="true"]', "[data-taskboard-column-header-interactive]"].join(",");
+function Se(e) {
+  let I = !1, A = null, m = [], y = 0, C = null, g = 0, i = null;
+  const c = () => {
+    const a = e.processedColumns.value;
+    if (m.length === 0) return a;
+    const u = new Map(a.map((r) => [String(r.id), r])), p = m.map((r) => u.get(String(r.id))).filter((r) => !!r);
+    if (p.length === a.length) return p;
+    const b = new Set(p.map((r) => String(r.id)));
+    return [...p, ...a.filter((r) => !b.has(String(r.id)))];
+  }, v = () => (A || (A = ee({
+    getColumns: c,
+    emit: (a, u) => e.emit(a, u),
+    isDisabled: e.getDisabled
+  })), A), x = () => {
+    if (!e.columnsContainerRef.value) return [];
+    const a = e.columnsContainerRef.value.querySelectorAll("[data-column-id]"), u = [];
+    return a.forEach((p) => {
+      const b = p.getBoundingClientRect();
+      u.push({ id: p.getAttribute("data-column-id"), left: b.left, width: b.width });
+    }), u;
+  }, f = () => {
+    const a = v();
+    e.isColumnDragging.value = a.state.isDragging, e.draggedColumnId.value = a.state.draggedColumnId, e.columnDragStartX.value = a.state.startX, e.columnDragOffsets.value = a.state.offsets;
+  }, P = () => {
+    const a = e.columnsContainerRef.value;
+    return Math.max(0, (a?.scrollWidth ?? 0) - (a?.clientWidth ?? 0));
+  }, B = () => {
+    const a = P();
+    return C == null ? a : Math.min(C, a);
+  }, M = (a) => Math.min(B(), Math.max(0, a)), O = () => M(e.columnsContainerRef.value?.scrollLeft ?? 0) - y, R = (a) => {
+    const u = v();
+    u.state.isDragging && (u.onDragMove(a + O(), m), f());
+  }, t = (a) => {
+    const u = e.columnsContainerRef.value;
+    if (!u) return 0;
+    const p = u.getBoundingClientRect(), b = a - p.left, r = p.right - a, d = (o) => Math.ceil(Math.min(1, Math.max(0, (56 - o) / 56)) * 14);
+    return b < 56 && u.scrollLeft > 0 ? -d(b) : r < 56 && u.scrollLeft < B() ? d(r) : 0;
+  }, n = () => {
+    i != null && (cancelAnimationFrame(i), i = null);
+  }, l = () => {
+    i = null;
+    const a = e.columnsContainerRef.value, u = v();
+    if (!a || !u.state.isDragging) return;
+    const p = t(g);
+    if (p === 0) return;
+    const b = M(a.scrollLeft), r = M(b + p);
+    a.scrollLeft = r, M(a.scrollLeft) !== b && (R(g), i = requestAnimationFrame(l));
+  }, s = (a) => {
+    if (g = a, t(a) === 0) {
+      n();
+      return;
+    }
+    i == null && (i = requestAnimationFrame(l));
+  }, h = (a) => {
+    v().state.isDragging && (R(a.clientX), s(a.clientX));
+  }, w = () => {
+    const a = v();
+    a.state.isDragging && (n(), R(g), a.onDragEnd(m), f(), m = [], y = 0, C = null, I = !0, requestAnimationFrame(() => {
+      I = !1;
+    }), document.removeEventListener("pointermove", h), document.removeEventListener("pointerup", w));
+  };
+  return {
+    onColumnHeaderPointerDown: (a, u) => {
+      if (u.defaultPrevented || u.button !== 0) return;
+      const p = u.currentTarget, b = u.target;
+      if (p instanceof Element && b instanceof Element) {
+        const o = b.closest(me);
+        if (o && o !== p && p.contains(o)) return;
+      }
+      if (!e.canReorderColumns.value || e.getDisabled() || a.locked) return;
+      u.preventDefault(), u.stopPropagation(), u.target.setPointerCapture?.(u.pointerId);
+      const r = e.columnsContainerRef.value;
+      m = x(), C = P(), y = M(r?.scrollLeft ?? 0), g = u.clientX, v().onDragStart(a.id, u.clientX), f(), document.addEventListener("pointermove", h), document.addEventListener("pointerup", w);
+    },
+    onColumnHeaderClick: () => {
+      if (I) {
+        I = !1;
+        return;
+      }
+    },
+    onColumnDragMove: h,
+    onColumnDragEnd: w,
+    getColumnStyle: (a) => _(a, {
+      offsets: e.columnDragOffsets.value,
+      draggedColumnId: e.draggedColumnId.value
+    }),
+    cleanupColumnDrag: () => {
+      n(), document.removeEventListener("pointermove", h), document.removeEventListener("pointerup", w);
+    }
+  };
+}
+function ve(e) {
+  let S = null, k = null, I = null, A = null, m = null, y = null, C = null;
+  const g = Q(!1), i = Q(!1), c = (t) => (e.tasks.value ?? []).find((n) => String(e.getItemId(n)) === String(t)), v = (t) => e.allColumns.value.find((n) => String(n.id) === String(t)), x = (t, n, l, s, h) => {
+    e.emit("cardDropBlocked", {
+      task: t,
+      targetColumn: n,
+      reason: l,
+      message: s,
+      failedFields: h
+    }), e.announce(s);
+  }, f = (t, n) => {
+    const l = n?.selectedCardIds ?? e.selectedCardIds.value;
+    return l.length > 1 && l.some((s) => String(s) === String(t)) ? l.length : 1;
+  }, P = (t) => {
+    const n = c(e.getItemId(t.card)), l = v(t.newColumnId);
+    if (!(!n || !l)) {
+      if (!e.canMoveOutOfColumn(t.oldColumnId)) {
+        const s = v(t.oldColumnId);
+        x(n, l, "move-out-blocked", `Cards cannot move out of "${s?.label ?? t.oldColumnId}"`);
+        return;
+      }
+      if (String(t.oldColumnId) !== String(t.newColumnId) && !e.canMoveIntoColumn(t.newColumnId)) {
+        x(n, l, "move-in-blocked", `Cards cannot move into "${l.label}"`);
+        return;
+      }
+      if (A && String(t.oldColumnId) !== String(t.newColumnId)) {
+        const s = A.canMoveCard(n, t.oldColumnId, t.newColumnId, f(e.getItemId(n), t));
+        if (!s.allowed) {
+          if (s.reason === "confirmation-required") {
+            e.pendingConfirmMove.value = { payload: t, task: n, message: s.message ?? "" };
+            return;
+          }
+          x(n, l, s.reason, s.message, s.failedFields);
+          return;
+        }
+      }
+      e.applyCardMoveHandler(t);
+    }
+  }, B = (t) => {
+    const n = c(t.cardId), l = t.targetColumnId != null ? v(t.targetColumnId) : v(t.columnId);
+    if (!n || !l) return;
+    const s = t.reason === "move-out-blocked" ? `Cards cannot move out of "${v(t.columnId)?.label ?? t.columnId}"` : "Keyboard move is disabled for this board";
+    x(n, l, t.reason, s);
+  };
+  return {
+    initializeCore: () => {
+      S || (S = te({
+        refs: {
+          root: e.rootRef.value,
+          columnsContainer: e.columnsContainerRef.value
+        },
+        props: e.getCoreProps(),
+        state: {
+          selectedCardIds: e.selectedCardIds.value,
+          lastSelectedCardId: null,
+          dragState: {
+            isDragging: !1,
+            draggedCardId: null,
+            sourceColumnId: null,
+            targetColumnId: null,
+            targetIndex: null
+          },
+          focusedCardId: null,
+          collapsedColumnIds: e.collapsedColumnIds.value,
+          collapsedSwimlaneIds: e.collapsedSwimlaneIds.value,
+          columnOrder: []
+        },
+        emits: {
+          cardMove: (t) => {
+            e.applyCardMoveHandler(t);
+          },
+          cardClick: (t) => {
+            e.emit("cardClick", t);
+          },
+          cardDblclick: (t) => {
+            e.emit("cardDblclick", t);
+          },
+          cardSelect: (t) => {
+            e.emit("cardSelect", t);
+          },
+          selectionChange: (t) => {
+            e.selectedCardIds.value = t.selectedIds, S?.$setState({ selectedCardIds: t.selectedIds }), e.emit("selectionChange", t);
+          },
+          cardCreate: (t) => {
+            e.emit("cardCreate", t);
+          },
+          cardUpdate: (t) => {
+            e.emit("cardUpdate", t);
+          },
+          cardDelete: (t) => {
+            e.emit("cardDelete", t);
+          },
+          columnCollapse: (t) => {
+            t.collapsed ? e.collapsedColumnIds.value = [...e.collapsedColumnIds.value, t.column.id] : e.collapsedColumnIds.value = e.collapsedColumnIds.value.filter((n) => n !== t.column.id), S?.$setState({ collapsedColumnIds: e.collapsedColumnIds.value }), e.emit("columnCollapse", t);
+          },
+          columnReorder: (t) => {
+            e.emit("columnReorder", t);
+          },
+          swimlaneCollapse: (t) => {
+            t.collapsed ? e.collapsedSwimlaneIds.value = [...e.collapsedSwimlaneIds.value, t.swimlane.id] : e.collapsedSwimlaneIds.value = e.collapsedSwimlaneIds.value.filter((n) => n !== t.swimlane.id), S?.$setState({ collapsedSwimlaneIds: e.collapsedSwimlaneIds.value }), e.emit("swimlaneCollapse", t);
+          },
+          dragStart: (t) => {
+            e.emit("dragStart", t);
+          },
+          dragEnd: (t) => {
+            e.emit("dragEnd", t);
+          },
+          cardContextMenu: (t) => {
+            e.emit("cardContextMenu", t);
+          },
+          scrollToColumn: (t) => {
+            e.scrollToColumnImpl(t.id);
+          },
+          scrollToCard: (t) => {
+            e.scrollToCardImpl(t.id);
+          }
+        }
+      }), k = le({
+        getColumns: () => e.allColumns.value,
+        getTasksByColumn: (t) => e.getColumnTasks(t),
+        getTaskById: c,
+        getTaskId: (t) => e.getItemId(t),
+        getTaskSwimlaneValue: (t) => e.getItemSwimlaneValue(t),
+        getColumnById: (t) => e.allColumns.value.find((n) => n.id === t),
+        emit: (t, n) => {
+          if (t === "card-move")
+            P(n);
+          else if (t === "drag-start") {
+            const l = n;
+            e.emit("dragStart", l);
+          } else if (t === "drag-end") {
+            const l = n;
+            e.emit("dragEnd", l);
+          } else if (t === "drag-cancel") {
+            const l = n, s = (e.tasks.value ?? []).find((w) => e.getItemId(w) === l.draggedCardId), h = e.allColumns.value.find((w) => w.id === l.sourceColumnId);
+            s && h && e.emit("dragCancel", { card: s, column: h });
+          }
+        },
+        isDisabled: () => e.getDisabled(),
+        isReadonly: () => e.getReadonly(),
+        dragMinDistance: e.dragMinDistance
+      }), I = re({
+        getTaskById: c,
+        getTasksByColumn: (t) => e.getColumnTasks(t),
+        getTaskId: (t) => e.getItemId(t),
+        getTaskColumnValue: (t) => e.getItemColumnValue(t),
+        getTaskSwimlaneValue: (t) => e.getItemSwimlaneValue(t),
+        emit: (t, n) => {
+          if (t === "card-select") {
+            const l = n;
+            e.emit("cardSelect", l);
+          } else if (t === "selection-change") {
+            const l = n;
+            e.selectedCardIds.value = l.selectedIds, S?.$setState({ selectedCardIds: l.selectedIds }), l.selectedIds.length === 0 && (e.selectionOrigin.value = null), e.emit("selectionChange", l), e.announce(`${l.selectedIds.length} task${l.selectedIds.length === 1 ? "" : "s"} selected`);
+          }
+        },
+        getSelectionMode: () => e.getSelectionMode()
+      }), A = ne({
+        getColumnById: (t) => e.allColumns.value.find((n) => String(n.id) === String(t)),
+        getTasksByColumn: (t) => e.getColumnTasks(t)
+      }), y = oe({
+        maxSize: 50,
+        onHistoryChange: (t) => {
+          g.value = t.canUndo, i.value = t.canRedo;
+        }
+      }), C = ae({ maxEntries: 200 }), m = se({
+        getColumns: () => e.visibleColumns.value,
+        getTasksByColumn: (t) => e.getColumnTasks(t),
+        getTasksByCell: (t, n) => e.getVisibleCellTasks(t, n),
+        getSwimlanes: () => e.processedSwimlanes.value,
+        getTaskById: c,
+        getSelectedCardIds: () => e.selectedCardIds.value,
+        getTaskId: (t) => e.getItemId(t),
+        getTaskColumnValue: (t) => e.getItemColumnValue(t),
+        getTaskSwimlaneValue: (t) => e.getItemSwimlaneValue(t),
+        canMoveCards: () => e.canKeyboardMove(),
+        canMoveOutOfColumn: (t) => e.canMoveOutOfColumn(t),
+        emit: (t, n) => {
+          if (t === "focus-change") {
+            const l = n;
+            if (e.focusedCardId.value = l.cardId, e.focusedColumnId.value = l.columnId ?? null, e.focusedSwimlaneId.value = l.swimlaneId ?? null, l.cardId) {
+              const s = c(l.cardId);
+              s && e.announce(`Focused ${String(s.title ?? e.getItemId(s))}`), $(() => {
+                const h = String(l.cardId);
+                Array.from(e.rootRef.value?.querySelectorAll("[data-task-id]") ?? []).find((E) => E.getAttribute("data-task-id") === h)?.scrollIntoView({ block: "nearest", inline: "nearest", behavior: "smooth" });
+              });
+            } else if (l.columnId != null) {
+              const s = v(l.columnId);
+              s && (e.announce(`Focused ${s.label}`), $(() => e.scrollToColumnImpl(s.id)));
+            }
+          } else if (t === "keyboard-enter") {
+            const s = c(n.cardId), h = s ? e.allColumns.value.find((w) => String(w.id) === String(e.getItemColumnValue(s))) : null;
+            s && h && e.emit("cardActivate", { card: s, column: h, origin: "keyboard" });
+          } else if (t === "keyboard-space") {
+            const l = n;
+            e.getSelectionMode() !== "none" && (e.selectionOrigin.value = "keyboard", I?.selectCard(l.cardId, { ctrlKey: !0 }));
+          } else if (t === "keyboard-range-select") {
+            const l = n;
+            e.getSelectionMode() !== "none" && (e.selectionOrigin.value = "keyboard", I?.selectRange(l.cardId, l.anchorCardId));
+          } else if (t === "keyboard-select-all") {
+            const l = n, s = l.swimlaneId != null ? e.getVisibleCellTasks(l.columnId, l.swimlaneId) : e.getColumnTasks(l.columnId);
+            e.selectionOrigin.value = "keyboard", I?.selectAll(s);
+          } else if (t === "keyboard-card-move") {
+            const l = n, s = c(l.cardId);
+            if (!s) return;
+            P({
+              card: s,
+              oldColumnId: l.oldColumnId,
+              newColumnId: l.newColumnId,
+              oldIndex: l.oldIndex,
+              newIndex: l.newIndex,
+              oldSwimlaneId: l.oldSwimlaneId,
+              newSwimlaneId: l.newSwimlaneId,
+              selectedCardIds: l.selectedCardIds
+            }), e.focusedCardId.value = l.cardId, e.focusedColumnId.value = l.newColumnId, e.focusedSwimlaneId.value = l.newSwimlaneId ?? null, m && (m.focusedCardId = l.cardId, m.focusedColumnId = l.newColumnId, m.focusedSwimlaneId = l.newSwimlaneId ?? null);
+          } else t === "keyboard-card-move-blocked" && B(n);
+        },
+        isDisabled: () => e.getDisabled()
+      }));
+    },
+    cleanupControllers: () => {
+      k?.destroy(), k = null, I = null, A = null, m = null, y = null, C = null, S = null;
+    },
+    recordAudit: (t, n, l, s, h) => {
+      C?.record(t, n, l, s, h);
+    },
+    canUndoState: g,
+    canRedoState: i,
+    getCoreInstance: () => S,
+    getDragController: () => k,
+    getSelectionController: () => I,
+    getWorkflowController: () => A,
+    getKeyboardController: () => m,
+    getHistoryController: () => y,
+    getAuditController: () => C
+  };
+}
+function he(e) {
+  return {
+    performUndo: () => {
+      const I = e.getHistoryController()?.undo();
+      I && (e.tasksWritable.value = ue(e.tasks.value, I, e.getMutationFields()), e.syncCoreProps(), e.announce("Undo: " + I.description));
+    },
+    performRedo: () => {
+      const I = e.getHistoryController()?.redo();
+      I && (e.tasksWritable.value = de(e.tasks.value, I, e.getMutationFields()), e.syncCoreProps(), e.announce("Redo: " + I.description));
+    }
+  };
+}
+export {
+  Se as a,
+  ve as b,
+  he as c,
+  Ie as u
+};

package/dist/chunks/useTaskBoardDrag-BvBISSNb.mjs

@@ -0,0 +1,58 @@
+import { inject as t } from "vue";
+import { T as a } from "./TaskBoard.context-BCq7uauT.mjs";
+function r() {
+  const e = t(a);
+  return {
+    selectedIds: e.selectedItemIds,
+    select: e.selectCard,
+    selectAll: e.selectAllCards,
+    clear: e.clearSelection,
+    isSelected: (n) => e.selectedItemIds.value.includes(n)
+  };
+}
+function s() {
+  const e = t(a);
+  return {
+    canUndo: e.canUndoState,
+    canRedo: e.canRedoState,
+    undo: e.performUndo,
+    redo: e.performRedo
+  };
+}
+function d() {
+  const e = t(a);
+  return {
+    canDrag: e.canDrag,
+    canEdit: e.canEdit,
+    canCreate: e.canCreate,
+    canDelete: e.canDelete,
+    canMoveInto: e.canMoveIntoColumn,
+    canMoveOut: e.canMoveOutOfColumn,
+    canView: e.canViewColumn
+  };
+}
+function i() {
+  const e = t(a);
+  return {
+    getWipStatus: e.getWipStatus,
+    canMoveCard: e.canMoveCard
+  };
+}
+function u() {
+  const e = t(a);
+  return {
+    isDragging: e.isDragging,
+    draggedItem: e.draggedItem,
+    targetColumn: e.dragTargetColumnValue,
+    targetIndex: e.dragTargetIndex,
+    ghostPosition: e.ghostPosition,
+    hiddenIds: e.getDragHiddenIds
+  };
+}
+export {
+  u as a,
+  s as b,
+  r as c,
+  i as d,
+  d as u
+};

package/dist/components/card/TaskBoardCard.vue.d.ts

@@ -1,13 +1,13 @@
-import type { TaskBoardColumn, TaskBoardItem } from '@primeui/taskboard-types';
+import type { TaskBoardColumnModel, TaskBoardItem } from '@primeui/taskboard-types';
 type __VLS_Props = {
     item?: TaskBoardItem;
-    column?: TaskBoardColumn;
+    column?: TaskBoardColumnModel;
 };
 declare var __VLS_1: {
     item: TaskBoardItem | undefined;
     isSelected: boolean;
     isDragging: boolean;
-    column: TaskBoardColumn | undefined;
+    column: TaskBoardColumnModel | undefined;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;

package/dist/components/card/TaskBoardCardContent.vue.d.ts

@@ -2,7 +2,7 @@ declare var __VLS_1: {
     item: import("packages/components/taskboard/taskboard-types/src").TaskBoardItem;
     isSelected: boolean;
     isDragging: boolean;
-    column: import("packages/components/taskboard/taskboard-types/src").TaskBoardColumn;
+    column: import("packages/components/taskboard/taskboard-types/src").TaskBoardColumnModel;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;

package/dist/components/card/TaskBoardCardFooter.vue.d.ts

@@ -2,7 +2,7 @@ declare var __VLS_1: {
     item: import("packages/components/taskboard/taskboard-types/src").TaskBoardItem;
     isSelected: boolean;
     isDragging: boolean;
-    column: import("packages/components/taskboard/taskboard-types/src").TaskBoardColumn;
+    column: import("packages/components/taskboard/taskboard-types/src").TaskBoardColumnModel;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;

package/dist/components/card/TaskBoardCardHeader.vue.d.ts

@@ -2,7 +2,7 @@ declare var __VLS_1: {
     item: import("packages/components/taskboard/taskboard-types/src").TaskBoardItem;
     isSelected: boolean;
     isDragging: boolean;
-    column: import("packages/components/taskboard/taskboard-types/src").TaskBoardColumn;
+    column: import("packages/components/taskboard/taskboard-types/src").TaskBoardColumnModel;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;

package/dist/components/column/TaskBoardColumn.vue.d.ts

@@ -1,8 +1,8 @@
-import type { TaskBoardColumn } from '@primeui/taskboard-types';
+import type { TaskBoardColumnModel } from '@primeui/taskboard-types';
 type __VLS_Props = {
     label: string;
     value: string | number;
-    column?: TaskBoardColumn;
+    column?: TaskBoardColumnModel;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/components/column/TaskBoardColumnContent.vue.d.ts

@@ -1,6 +1,6 @@
 declare var __VLS_11: {
     item: import("@primeui/taskboard-core").TaskBoardItem;
-    column: import("@primeui/taskboard-core").TaskBoardColumn;
+    column: import("@primeui/taskboard-core").TaskBoardColumnModel;
     isSelected: boolean;
     isDragging: boolean | null;
 }, __VLS_18: {};

package/dist/components/column/TaskBoardColumnFooter.vue.d.ts

@@ -1,5 +1,5 @@
 declare var __VLS_1: {
-    column: import("packages/components/taskboard/taskboard-types/src").TaskBoardColumn;
+    column: import("packages/components/taskboard/taskboard-types/src").TaskBoardColumnModel;
     itemCount: number;
 };
 type __VLS_Slots = {} & {

package/dist/components/column/TaskBoardColumnHeader.vue.d.ts

@@ -1,5 +1,5 @@
 declare var __VLS_1: {
-    column: import("packages/components/taskboard/taskboard-types/src").TaskBoardColumn;
+    column: import("packages/components/taskboard/taskboard-types/src").TaskBoardColumnModel;
     itemCount: number;
     isCollapsed: boolean;
     toggleCollapse: () => void;

package/dist/components/overlay/TaskBoardDragConfirm.vue.d.ts

@@ -1,7 +1,7 @@
 declare var __VLS_1: {
     task: import("packages/components/taskboard/taskboard-types/src").TaskBoardItem;
-    sourceColumn: import("packages/components/taskboard/taskboard-types/src").TaskBoardColumn | undefined;
-    targetColumn: import("packages/components/taskboard/taskboard-types/src").TaskBoardColumn | undefined;
+    sourceColumn: import("packages/components/taskboard/taskboard-types/src").TaskBoardColumnModel | undefined;
+    targetColumn: import("packages/components/taskboard/taskboard-types/src").TaskBoardColumnModel | undefined;
     confirm: () => void;
     cancel: () => void;
     message: string;

package/dist/components/swimlane/TaskBoardSwimlaneColumnHeader.vue.d.ts

@@ -1,9 +1,9 @@
-import type { TaskBoardColumn } from '@primeui/taskboard-types';
+import type { TaskBoardColumnModel } from '@primeui/taskboard-types';
 type __VLS_Props = {
-    column?: TaskBoardColumn;
+    column?: TaskBoardColumnModel;
 };
 declare var __VLS_1: {
-    column: TaskBoardColumn | undefined;
+    column: TaskBoardColumnModel | undefined;
     itemCount: number;
 };
 type __VLS_Slots = {} & {