@primeui/vue-taskboard 0.0.1-alpha.1

package/dist/TaskBoardLoading.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/chunks/useTaskBoardDrag-ByZvmcfw.mjs

@@ -0,0 +1,590 @@
+import { nextTick as N, ref as Z, inject as L } from "vue";
+import { classes as te, resolveColumnStyle as le, createColumnDragController as re, createTaskBoard as ne, createDragController as ae, createSelectionController as oe, createWorkflowController as se, createHistoryController as de, createAuditController as ue, createKeyboardController as ce, applyHistoryRedo as ie, applyHistoryUndo as me } from "@primeui/taskboard-core";
+const Ce = () => ({
+  columns: [],
+  containerRect: null,
+  scrollBodies: []
+}), ee = (e) => {
+  const i = e.getAttribute("data-task-index");
+  if (i == null || i === "") return;
+  const k = Number(i);
+  return Number.isFinite(k) ? k : void 0;
+};
+function ge(e) {
+  let i = null, k = !0;
+  const m = (I) => {
+    if (e.hasSwimlanes()) {
+      const C = I.querySelectorAll("[data-column-id][data-swimlane-id]");
+      return Array.from(C).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: ee(v),
+          rect: v.getBoundingClientRect()
+        }))
+      }));
+    }
+    const S = I.querySelectorAll("[data-column-id]");
+    return Array.from(S).map((C) => ({
+      columnId: C.getAttribute("data-column-id"),
+      rect: C.getBoundingClientRect(),
+      cardRects: Array.from(C.querySelectorAll("[data-task-id]")).map((c) => ({
+        taskId: c.getAttribute("data-task-id"),
+        index: ee(c),
+        rect: c.getBoundingClientRect()
+      }))
+    }));
+  }, A = () => {
+    const I = e.getContainer();
+    return I ? {
+      columns: m(I),
+      containerRect: I.getBoundingClientRect(),
+      scrollBodies: Array.from(I.querySelectorAll(`.${te.columnBody}`)).map((S) => ({
+        element: S,
+        rect: S.getBoundingClientRect()
+      }))
+    } : Ce();
+  }, g = () => (i = A(), k = !1, i);
+  return {
+    getSnapshot: () => !i || k ? g() : i,
+    refresh: g,
+    markDirty: () => {
+      k = !0;
+    },
+    clear: () => {
+      i = null, k = !0;
+    }
+  };
+}
+function De(e) {
+  let g = null, T = null, I = null, S = null, C = null;
+  const c = ge({
+    getContainer: () => e.columnsContainerRef.value,
+    hasSwimlanes: () => e.hasSwimlanes.value
+  }), v = () => e.draggedCardId.value ?? e.getDragController()?.state.draggedCardId ?? null, f = (r) => {
+    const d = e.getDragController(), a = e.isDragging.value || !!d?.state.isDragging || r && !!d?.state.isPending, D = v();
+    return !a || D == null ? [] : e.selectedCardIds.value.length > 1 && e.selectedCardIds.value.some((b) => String(b) === String(D)) ? e.selectedCardIds.value : [D];
+  }, x = () => {
+    if (!I) return;
+    const { element: r, pointerId: d } = I;
+    if (I = null, !!r.hasPointerCapture?.(d))
+      try {
+        r.releasePointerCapture(d);
+      } catch {
+      }
+  }, P = () => f(!1), E = () => {
+    const r = f(!0), d = new Set(r.length > 1 ? r.map((a) => String(a)) : []);
+    return d.size ? c.getSnapshot().columns.map((a) => ({
+      ...a,
+      cardRects: a.cardRects.filter((D) => !d.has(String(D.taskId)))
+    })) : c.getSnapshot().columns;
+  }, M = () => {
+    c.markDirty();
+  }, W = () => 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 a = t(r)?.getBoundingClientRect().width ?? 0;
+    e.dragPreviewWidth.value = Number.isFinite(a) && a > 0 ? a : null;
+  }, l = (r, d) => Math.min(d, Math.max(0, r)), s = (r, d, a) => Math.ceil(Math.min(1, Math.max(0, (d - r) / d)) * a), p = (r, d) => {
+    const a = e.getDragController(), D = a?.state.isPending || a?.state.isDragging ? E() : [], b = e.isDragging.value;
+    a?.onPointerMove({ x: r, y: d }, D), a && (a.state.isDragging && !b && (g = null, T = null, M(), N(() => M())), e.isDragging.value = a.state.isDragging, e.draggedCardId.value = a.state.draggedCardId, e.dragTargetColumnId.value = a.state.targetColumnId, e.dragTargetIndex.value = a.state.targetIndex, e.dragTargetSwimlaneId.value = a.state.targetSwimlaneId, e.ghostPosition.value = a.state.ghostPosition, a.state.isDragging && a.state.draggedCardId && (e.draggedCardData.value = (e.tasks.value ?? []).find((B) => e.getItemId(B) === a.state.draggedCardId) ?? null));
+  }, w = (r, d) => {
+    if (!e.columnsContainerRef.value) return !1;
+    const a = e.columnsContainerRef.value, D = c.getSnapshot(), b = D.containerRect;
+    if (!b) return !1;
+    let B = !1, q = 0;
+    const Y = r - b.left, _ = b.right - r;
+    Y < 96 ? q = -s(Y, 96, 44) : _ < 96 && (q = s(_, 96, 44));
+    for (const { element: K, rect: O } of D.scrollBodies)
+      if (r >= O.left && r <= O.right) {
+        const F = Math.max(0, K.scrollHeight - K.clientHeight), U = l(K.scrollTop, F);
+        let $ = U;
+        const J = d - O.top, Q = O.bottom - d;
+        J < 56 ? $ = l(U - s(J, 56, 14), F) : Q < 56 && ($ = l(U + s(Q, 56, 14), F)), $ !== U && (K.scrollTop = $, M(), B = !0);
+      }
+    if (q !== 0) {
+      const K = Math.max(0, a.scrollWidth - a.clientWidth), O = l(a.scrollLeft, K), F = l(O + q, K);
+      F !== O && (a.scrollLeft = F, M(), B = !0);
+    }
+    return B;
+  }, H = () => {
+    C != null && (cancelAnimationFrame(C), C = null);
+  }, G = () => {
+    C = null, !(!e.getDragController()?.state.isDragging || !S || !w(S.x, S.y)) && (p(S.x, S.y), C = requestAnimationFrame(G));
+  }, j = (r, d) => {
+    if (S = { x: r, y: d }, !w(r, d)) {
+      H();
+      return;
+    }
+    C == null && (C = requestAnimationFrame(G));
+  }, X = (r, d) => (S = { x: r, y: d }, w(r, d)), o = (r) => {
+    const d = e.getDragController();
+    p(r.clientX, r.clientY), d?.state.isDragging ? j(r.clientX, r.clientY) : H();
+  }, u = () => {
+    const r = e.getDragController(), d = e.getSelectionController(), a = e.isDragging.value;
+    if (r?.onPointerUp(), x(), H(), 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, S = null, R(), !a && g && T) {
+      const { task: D, column: b } = g, B = T;
+      e.emit("cardClick", { card: D, column: b, 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: B.ctrlKey,
+        shiftKey: B.shiftKey,
+        metaKey: B.metaKey
+      }));
+    }
+    g = null, T = null, document.removeEventListener("pointermove", o), document.removeEventListener("pointerup", u);
+  };
+  return {
+    getDragHiddenIds: P,
+    getColumnElements: E,
+    markDragGeometryDirty: M,
+    refreshDragGeometry: W,
+    clearDragGeometry: R,
+    autoScroll: X,
+    onCardPointerDown: (r, d, a) => {
+      const D = e.getDragController(), b = a.target;
+      if (x(), b?.setPointerCapture)
+        try {
+          b.setPointerCapture(a.pointerId), I = { element: b, pointerId: a.pointerId };
+        } catch {
+          I = null;
+        }
+      g = { task: r, column: d }, T = { ctrlKey: a.ctrlKey, shiftKey: a.shiftKey, metaKey: a.metaKey }, e.canDrag.value && r.draggable !== !1 && !e.getDisabled() && !e.getReadonly() && e.canMoveOutOfColumn(e.getItemColumnValue(r)) && (R(), n(a), D?.onPointerDown(e.getItemId(r), d.id, { x: a.clientX, y: a.clientY }, a, e.getItemSwimlaneValue(r))), document.addEventListener("pointermove", o), document.addEventListener("pointerup", u);
+    },
+    onDocumentPointerMove: o,
+    onDocumentPointerUp: u,
+    cleanupCardDrag: () => {
+      x(), H(), R(), e.dragPreviewWidth.value = null, S = null, document.removeEventListener("pointermove", o), document.removeEventListener("pointerup", u);
+    }
+  };
+}
+const Ie = ["button", "a", "input", "select", "textarea", "summary", '[role="button"]', '[role="link"]', '[contenteditable="true"]', "[data-taskboard-column-header-interactive]"].join(",");
+function we(e) {
+  let m = !1, A = null, g = [], T = 0, I = null, S = 0, C = null;
+  const c = () => {
+    const o = e.processedColumns.value;
+    if (g.length === 0) return o;
+    const u = new Map(o.map((r) => [String(r.id), r])), h = g.map((r) => u.get(String(r.id))).filter((r) => !!r);
+    if (h.length === o.length) return h;
+    const y = new Set(h.map((r) => String(r.id)));
+    return [...h, ...o.filter((r) => !y.has(String(r.id)))];
+  }, v = () => (A || (A = re({
+    getColumns: c,
+    emit: (o, u) => e.emit(o, u),
+    isDisabled: e.getDisabled
+  })), A), f = () => {
+    if (!e.columnsContainerRef.value) return [];
+    const o = e.columnsContainerRef.value.querySelectorAll("[data-column-id]"), u = [];
+    return o.forEach((h) => {
+      const y = h.getBoundingClientRect();
+      u.push({ id: h.getAttribute("data-column-id"), left: y.left, width: y.width });
+    }), u;
+  }, x = () => {
+    const o = v();
+    e.isColumnDragging.value = o.state.isDragging, e.draggedColumnId.value = o.state.draggedColumnId, e.columnDragStartX.value = o.state.startX, e.columnDragOffsets.value = o.state.offsets;
+  }, P = () => {
+    const o = e.columnsContainerRef.value;
+    return Math.max(0, (o?.scrollWidth ?? 0) - (o?.clientWidth ?? 0));
+  }, E = () => {
+    const o = P();
+    return I == null ? o : Math.min(I, o);
+  }, M = (o) => Math.min(E(), Math.max(0, o)), W = () => M(e.columnsContainerRef.value?.scrollLeft ?? 0) - T, R = (o) => {
+    const u = v();
+    u.state.isDragging && (u.onDragMove(o + W(), g), x());
+  }, t = (o) => {
+    const u = e.columnsContainerRef.value;
+    if (!u) return 0;
+    const h = u.getBoundingClientRect(), y = o - h.left, r = h.right - o, d = (a) => Math.ceil(Math.min(1, Math.max(0, (56 - a) / 56)) * 14);
+    return y < 56 && u.scrollLeft > 0 ? -d(y) : r < 56 && u.scrollLeft < E() ? d(r) : 0;
+  }, n = () => {
+    C != null && (cancelAnimationFrame(C), C = null);
+  }, l = () => {
+    C = null;
+    const o = e.columnsContainerRef.value, u = v();
+    if (!o || !u.state.isDragging) return;
+    const h = t(S);
+    if (h === 0) return;
+    const y = M(o.scrollLeft), r = M(y + h);
+    o.scrollLeft = r, M(o.scrollLeft) !== y && (R(S), C = requestAnimationFrame(l));
+  }, s = (o) => {
+    if (S = o, t(o) === 0) {
+      n();
+      return;
+    }
+    C == null && (C = requestAnimationFrame(l));
+  }, p = (o) => {
+    v().state.isDragging && (R(o.clientX), s(o.clientX));
+  }, w = () => {
+    const o = v();
+    o.state.isDragging && (n(), R(S), o.onDragEnd(g), x(), g = [], T = 0, I = null, m = !0, requestAnimationFrame(() => {
+      m = !1;
+    }), document.removeEventListener("pointermove", p), document.removeEventListener("pointerup", w));
+  };
+  return {
+    onColumnHeaderPointerDown: (o, u) => {
+      if (u.defaultPrevented || u.button !== 0) return;
+      const h = u.currentTarget, y = u.target;
+      if (h instanceof Element && y instanceof Element) {
+        const a = y.closest(Ie);
+        if (a && a !== h && h.contains(a)) return;
+      }
+      if (!e.canReorderColumns.value || e.getDisabled() || o.locked) return;
+      u.preventDefault(), u.stopPropagation(), u.target.setPointerCapture?.(u.pointerId);
+      const r = e.columnsContainerRef.value;
+      g = f(), I = P(), T = M(r?.scrollLeft ?? 0), S = u.clientX, v().onDragStart(o.id, u.clientX), x(), document.addEventListener("pointermove", p), document.addEventListener("pointerup", w);
+    },
+    onColumnHeaderClick: () => {
+      if (m) {
+        m = !1;
+        return;
+      }
+    },
+    onColumnDragMove: p,
+    onColumnDragEnd: w,
+    getColumnStyle: (o) => le(o, {
+      offsets: e.columnDragOffsets.value,
+      draggedColumnId: e.draggedColumnId.value
+    }),
+    cleanupColumnDrag: () => {
+      n(), document.removeEventListener("pointermove", p), document.removeEventListener("pointerup", w);
+    }
+  };
+}
+function Te(e) {
+  let i = null, k = null, m = null, A = null, g = null, T = null, I = null;
+  const S = Z(!1), C = Z(!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)), f = (t, n, l, s, p) => {
+    e.emit("cardDropBlocked", {
+      task: t,
+      targetColumn: n,
+      reason: l,
+      message: s,
+      failedFields: p
+    }), e.announce(s);
+  }, x = (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);
+        f(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)) {
+        f(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, x(e.getItemId(n), t));
+        if (!s.allowed) {
+          if (s.reason === "confirmation-required") {
+            e.pendingConfirmMove.value = { payload: t, task: n, message: s.message ?? "" };
+            return;
+          }
+          f(n, l, s.reason, s.message, s.failedFields);
+          return;
+        }
+      }
+      e.applyCardMoveHandler(t);
+    }
+  }, E = (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";
+    f(n, l, t.reason, s);
+  };
+  return {
+    initializeCore: () => {
+      i || (i = ne({
+        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, i?.$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), i?.$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), i?.$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 = ae({
+        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), p = e.allColumns.value.find((w) => w.id === l.sourceColumnId);
+            s && p && e.emit("dragCancel", { card: s, column: p });
+          }
+        },
+        isDisabled: () => e.getDisabled(),
+        isReadonly: () => e.getReadonly(),
+        dragMinDistance: e.dragMinDistance
+      }), m = oe({
+        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, i?.$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 = se({
+        getColumnById: (t) => e.allColumns.value.find((n) => String(n.id) === String(t)),
+        getTasksByColumn: (t) => e.getColumnTasks(t)
+      }), T = de({
+        maxSize: 50,
+        onHistoryChange: (t) => {
+          S.value = t.canUndo, C.value = t.canRedo;
+        }
+      }), I = ue({ maxEntries: 200 }), g = ce({
+        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))}`), N(() => {
+                const p = String(l.cardId);
+                Array.from(e.rootRef.value?.querySelectorAll("[data-task-id]") ?? []).find((H) => H.getAttribute("data-task-id") === p)?.scrollIntoView({ block: "nearest", inline: "nearest", behavior: "smooth" });
+              });
+            } else if (l.columnId != null) {
+              const s = v(l.columnId);
+              s && (e.announce(`Focused ${s.label}`), N(() => e.scrollToColumnImpl(s.id)));
+            }
+          } else if (t === "keyboard-enter") {
+            const s = c(n.cardId), p = s ? e.allColumns.value.find((w) => String(w.id) === String(e.getItemColumnValue(s))) : null;
+            s && p && e.emit("cardActivate", { card: s, column: p, origin: "keyboard" });
+          } else if (t === "keyboard-space") {
+            const l = n;
+            e.getSelectionMode() !== "none" && (e.selectionOrigin.value = "keyboard", m?.selectCard(l.cardId, { ctrlKey: !0 }));
+          } else if (t === "keyboard-range-select") {
+            const l = n;
+            e.getSelectionMode() !== "none" && (e.selectionOrigin.value = "keyboard", m?.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", m?.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, g && (g.focusedCardId = l.cardId, g.focusedColumnId = l.newColumnId, g.focusedSwimlaneId = l.newSwimlaneId ?? null);
+          } else t === "keyboard-card-move-blocked" && E(n);
+        },
+        isDisabled: () => e.getDisabled()
+      }));
+    },
+    cleanupControllers: () => {
+      k?.destroy(), k = null, m = null, A = null, g = null, T = null, I = null, i = null;
+    },
+    recordAudit: (t, n, l, s, p) => {
+      I?.record(t, n, l, s, p);
+    },
+    canUndoState: S,
+    canRedoState: C,
+    getCoreInstance: () => i,
+    getDragController: () => k,
+    getSelectionController: () => m,
+    getWorkflowController: () => A,
+    getKeyboardController: () => g,
+    getHistoryController: () => T,
+    getAuditController: () => I
+  };
+}
+function ye(e) {
+  return {
+    performUndo: () => {
+      const m = e.getHistoryController()?.undo();
+      m && (e.tasksWritable.value = me(e.tasks.value, m, e.getMutationFields()), e.syncCoreProps(), e.announce("Undo: " + m.description));
+    },
+    performRedo: () => {
+      const m = e.getHistoryController()?.redo();
+      m && (e.tasksWritable.value = ie(e.tasks.value, m, e.getMutationFields()), e.syncCoreProps(), e.announce("Redo: " + m.description));
+    }
+  };
+}
+const V = /* @__PURE__ */ Symbol.for("taskboard"), Se = /* @__PURE__ */ Symbol.for("taskboard-column"), ve = /* @__PURE__ */ Symbol.for("taskboard-card"), pe = /* @__PURE__ */ Symbol.for("taskboard-swimlane");
+function z(e, i, k, m) {
+  if (!e && !m)
+    throw new Error(`[PrimeUI TaskBoard] ${i} must be used inside ${k}.`);
+  return e ?? null;
+}
+function be(e = {}) {
+  return z(L(V, null), "useTaskBoardContext()", "TaskBoard.Root", e.optional);
+}
+function Ae(e = {}) {
+  return z(L(Se, null), "useTaskBoardColumnContext()", "TaskBoard.Column", e.optional);
+}
+function Me(e = {}) {
+  return z(L(ve, null), "useTaskBoardCardContext()", "TaskBoard.Card", e.optional);
+}
+function fe(e = {}) {
+  return z(L(pe, null), "useTaskBoardSwimlaneHeaderContext()", "TaskBoard.SwimlaneHeader", e.optional);
+}
+function xe() {
+  const e = L(V);
+  return {
+    selectedIds: e.selectedItemIds,
+    select: e.selectCard,
+    selectAll: e.selectAllCards,
+    clear: e.clearSelection,
+    isSelected: (i) => e.selectedItemIds.value.includes(i)
+  };
+}
+function Re() {
+  const e = L(V);
+  return {
+    canUndo: e.canUndoState,
+    canRedo: e.canRedoState,
+    undo: e.performUndo,
+    redo: e.performRedo
+  };
+}
+function Be() {
+  const e = L(V);
+  return {
+    canDrag: e.canDrag,
+    canEdit: e.canEdit,
+    canCreate: e.canCreate,
+    canDelete: e.canDelete,
+    canMoveInto: e.canMoveIntoColumn,
+    canMoveOut: e.canMoveOutOfColumn,
+    canView: e.canViewColumn
+  };
+}
+function Le() {
+  const e = L(V);
+  return {
+    getWipStatus: e.getWipStatus,
+    canMoveCard: e.canMoveCard
+  };
+}
+function Pe() {
+  const e = L(V);
+  return {
+    isDragging: e.isDragging,
+    draggedItem: e.draggedItem,
+    targetColumn: e.dragTargetColumnValue,
+    targetIndex: e.dragTargetIndex,
+    ghostPosition: e.ghostPosition,
+    hiddenIds: e.getDragHiddenIds
+  };
+}
+export {
+  Se as C,
+  pe as S,
+  V as T,
+  we as a,
+  Te as b,
+  ye as c,
+  Be as d,
+  Pe as e,
+  Re as f,
+  xe as g,
+  Le as h,
+  ve as i,
+  Me as j,
+  Ae as k,
+  be as l,
+  fe as m,
+  De as u
+};

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

@@ -0,0 +1,23 @@
+import type { TaskBoardColumn, TaskBoardItem } from '@primeui/taskboard-types';
+type __VLS_Props = {
+    item?: TaskBoardItem;
+    column?: TaskBoardColumn;
+};
+declare var __VLS_1: {
+    item: TaskBoardItem | undefined;
+    isSelected: boolean;
+    isDragging: boolean;
+    column: TaskBoardColumn | undefined;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,23 @@
+import type { TaskBoardColumn, TaskBoardItem } from '@primeui/taskboard-types';
+type __VLS_Props = {
+    item?: TaskBoardItem;
+    column?: TaskBoardColumn;
+};
+declare var __VLS_1: {
+    item: TaskBoardItem | undefined;
+    isSelected: boolean;
+    isDragging: boolean;
+    column: TaskBoardColumn | undefined;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/card/TaskBoardCardAdd.vue.d.mts

@@ -0,0 +1,15 @@
+declare var __VLS_1: {
+    add: (item?: Partial<import("packages/components/taskboard/taskboard-types/src").TaskBoardItem>) => void;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,15 @@
+declare var __VLS_1: {
+    add: (item?: Partial<import("packages/components/taskboard/taskboard-types/src").TaskBoardItem>) => void;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};