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

package/dist/chunks/TaskBoard.vue_vue_type_script_setup_true_lang-BWN_YxC5.mjs

@@ -0,0 +1,841 @@
+import { onBeforeUnmount as Rl, nextTick as O, defineComponent as Wt, useModel as Nt, computed as p, ref as r, watch as y, provide as zt, onMounted as _t, openBlock as de, createElementBlock as he, unref as P, normalizeClass as Ve, createElementVNode as ye, toDisplayString as Oe, createCommentVNode as Ue, renderSlot as kl, createBlock as jt, Teleport as qt, normalizeStyle as Xt, mergeModels as Tl } from "vue";
+import { verifyLicense as Yt } from "@primeui/license-manager";
+import { classes as S, createTaskIndex as Jt, createDataAccessor as Qt, processColumns as Zt, isFeatureEnabled as ea, computeColumnGroupSegments as la, processSwimlanes as xl, resolveRootClasses as ta, exportToCSV as Dl, exportToJSON as Ml, canMoveIntoColumn as aa, canMoveOutOfColumn as na, canViewColumn as oa, calculateVisibleRangeDynamic as ra, countSwimlaneTasks as sa, resolveSwimlaneRowClasses as da, getOrderedColumnTasks as ua, getColumnTasksFromIndex as Ge, toggleCollapsedIds as ia, getOrderedCellTasks as ca, getCellTasksFromIndex as Al, countColumnTasks as ma, resolveColumnClasses as va, resolveCardClasses as ga, serializeBoardState as pa, deserializeBoardState as fa, applyTaskUpdate as Ca, applyTaskCreate as Sa, applyCardMove as wa, applyTaskDelete as Ia } from "@primeui/taskboard-core";
+import { T as ba } from "./TaskBoard.context-BCq7uauT.mjs";
+import { b as ha, u as ya, a as ka, c as Ta } from "./useHistory-C-Ud-WgS.mjs";
+let ue = null;
+const xa = /* @__PURE__ */ new Set(["INPUT", "TEXTAREA", "SELECT", "BUTTON"]), Da = /* @__PURE__ */ new Set(["button", "link", "menuitem", "option", "checkbox", "radio", "switch", "textbox", "combobox", "listbox", "tab", "slider"]), Ma = (n) => (n.closest("[role]")?.getAttribute("role")?.split(/\s+/).filter(Boolean) ?? []).some((a) => Da.has(a.toLowerCase())), Aa = (n) => {
+  const c = n.closest("[contenteditable]");
+  if (!c) return !1;
+  const k = c.getAttribute("contenteditable");
+  return k == null || k === "" || k.toLowerCase() !== "false";
+}, Ra = (n) => !!n.closest("label")?.querySelector("input:not([disabled]), textarea:not([disabled]), select:not([disabled]), button:not([disabled])");
+function Ea(n) {
+  if (!(n instanceof Element)) return !1;
+  if (n.closest("a[href]")) return !0;
+  const c = n.closest("input, textarea, select, button");
+  return c && xa.has(c.tagName) ? !0 : Aa(n) || Ma(n) || Ra(n);
+}
+function Ba(n, c) {
+  return n.altKey || n.ctrlKey || n.metaKey ? !1 : c === "Tab" ? !0 : n.shiftKey ? !1 : c === "ArrowUp" || c === "ArrowDown" || c === "ArrowLeft" || c === "ArrowRight" || c === "Home" || c === "End";
+}
+function Fa(n) {
+  const c = () => {
+    n.rootRef.value && (ue = n.rootRef.value);
+  }, k = () => {
+    ue === n.rootRef.value && (ue = null);
+  }, a = (u) => {
+    const g = n.rootRef.value;
+    return g ? u.target instanceof Node && g.contains(u.target) ? (ue = g, !0) : ue === g : !0;
+  };
+  return { onKeyDown: (u) => {
+    if (!a(u)) return;
+    const g = Ea(u.target), D = u.key.length === 1 ? u.key.toLowerCase() : u.key, v = D === "Escape";
+    if (g && !v)
+      return;
+    if ((u.ctrlKey || u.metaKey) && D === "z") {
+      u.preventDefault(), u.shiftKey ? n.performRedo() : n.performUndo();
+      return;
+    }
+    if ((u.ctrlKey || u.metaKey) && D === "y") {
+      u.preventDefault(), n.performRedo();
+      return;
+    }
+    if (v && n.isDragging.value) {
+      if (g)
+        return;
+      const C = n.draggedCardData.value, i = n.getDragController(), w = i?.state.sourceColumnId, s = w != null ? n.allColumns.value.find((M) => M.id === w) : null;
+      i?.cancel(), C && s && n.emit("dragCancel", { card: C, column: s }), n.isDragging.value = !1, n.draggedCardId.value = null, n.dragTargetColumnId.value = null, n.dragTargetIndex.value = null, n.dragTargetSwimlaneId.value = null, n.ghostPosition.value = null, n.draggedCardData.value = null, document.removeEventListener("pointermove", n.onDocumentPointerMove), document.removeEventListener("pointerup", n.onDocumentPointerUp);
+      return;
+    }
+    if (v) {
+      if (g)
+        return;
+      if (n.selectedCardIds.value.length > 0) {
+        n.getSelectionController()?.clearSelection();
+        return;
+      }
+      if (n.focusedCardId.value != null) {
+        n.focusedCardId.value = null, n.focusedColumnId.value = null, n.focusedSwimlaneId.value = null;
+        const C = n.getKeyboardController();
+        C && (C.focusedCardId = null, C.focusedColumnId = null, C.focusedSwimlaneId = null);
+        return;
+      }
+      if (n.focusedColumnId.value != null) {
+        n.focusedColumnId.value = null, n.focusedSwimlaneId.value = null;
+        const C = n.getKeyboardController();
+        C && (C.focusedColumnId = null, C.focusedSwimlaneId = null);
+      }
+      return;
+    }
+    (n.getKeyboardController()?.handleKeyDown(u) ?? !1) && n.selectionOrigin.value === "pointer" && n.selectedCardIds.value.length > 0 && Ba(u, D) && (n.selectionOrigin.value = null, n.getSelectionController()?.clearSelection());
+  }, onDocumentClick: (u) => {
+    if (n.rootRef.value && !n.rootRef.value.contains(u.target)) {
+      if (k(), n.selectedCardIds.value.length > 0 && n.getSelectionController()?.clearSelection(), n.focusedCardId.value != null) {
+        n.focusedCardId.value = null, n.focusedColumnId.value = null, n.focusedSwimlaneId.value = null;
+        const g = n.getKeyboardController();
+        g && (g.focusedCardId = null, g.focusedColumnId = null, g.focusedSwimlaneId = null);
+      } else if (n.focusedColumnId.value != null) {
+        n.focusedColumnId.value = null, n.focusedSwimlaneId.value = null;
+        const g = n.getKeyboardController();
+        g && (g.focusedColumnId = null, g.focusedSwimlaneId = null);
+      }
+    }
+  }, activateKeyboardScope: c, deactivateKeyboardScope: k };
+}
+function Ha(n) {
+  let c = null;
+  Rl(() => {
+    c?.(), c = null;
+  });
+  const k = (f, m) => {
+    try {
+      window.scrollTo(f, m);
+    } catch {
+    }
+  };
+  return {
+    print: () => {
+      if (!n.rootRef.value) return;
+      c?.(), c = null;
+      const f = n.rootRef.value, m = document.body, u = m.classList.contains(S.printActive), g = f.classList.contains(S.printing), D = f.getAttribute("data-print-target"), v = f.hasAttribute("data-print-target"), $ = window.scrollX, C = window.scrollY, i = /* @__PURE__ */ new Map();
+      O(() => {
+        if (n.rootRef.value !== f) return;
+        let w = !1;
+        const s = () => {
+          w || (w = !0, window.removeEventListener("afterprint", s), u ? m.classList.add(S.printActive) : m.classList.remove(S.printActive), g ? f.classList.add(S.printing) : f.classList.remove(S.printing), v ? f.setAttribute("data-print-target", D ?? "") : f.removeAttribute("data-print-target"), i.forEach((b, R) => {
+            b ? R.classList.add(S.printAncestor) : R.classList.remove(S.printAncestor);
+          }), k($, C), c === s && (c = null));
+        };
+        c = s, m.classList.add(S.printActive), f.classList.add(S.printing), f.setAttribute("data-print-target", "true");
+        let M = f.parentElement;
+        for (; M && M !== m; )
+          i.set(M, M.classList.contains(S.printAncestor)), M.classList.add(S.printAncestor), M = M.parentElement;
+        k(0, 0), window.addEventListener("afterprint", s);
+        try {
+          window.print();
+        } catch (b) {
+          throw s(), b;
+        }
+      });
+    }
+  };
+}
+const La = "2026-06-28", Ka = ["dir"], Pa = {
+  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" }
+}, $a = {
+  "aria-live": "polite",
+  "aria-atomic": "true",
+  style: { position: "absolute", width: "1px", height: "1px", overflow: "hidden", "clip-path": "inset(50%)", "white-space": "nowrap" }
+}, Ya = /* @__PURE__ */ Wt({
+  __name: "TaskBoard",
+  props: /* @__PURE__ */ Tl({
+    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__ */ Tl(["cardMove", "cardClick", "cardDblclick", "cardActivate", "cardSelect", "selectionChange", "cardCreate", "cardUpdate", "cardDelete", "columnCollapse", "columnReorder", "swimlaneCollapse", "dragStart", "dragEnd", "dragCancel", "cardContextMenu", "cardDropBlocked", "cardReorder"], ["update:tasks"]),
+  setup(n, { expose: c, emit: k }) {
+    const a = n, f = Nt(n, "tasks"), m = p(() => a.items ?? f.value ?? []), u = p(() => Jt(m.value ?? [], { columnField: a.columnField, swimlaneField: a.swimlaneField })), g = p(() => Qt({ dataKey: a.dataKey, columnField: a.columnField, swimlaneField: a.swimlaneField })), D = p(() => ({ idField: a.dataKey, columnField: a.columnField, swimlaneField: a.swimlaneField })), v = (e) => g.value.getItemId(e), $ = (e) => g.value.getItemColumnValue(e), C = (e) => g.value.getItemSwimlaneValue(e), i = k, w = r(), s = r(), M = r(), b = r(null), R = r(null), Z = r(null), ke = r(""), U = r(null), We = p(() => !!U.value?.valid), Ne = p(() => U.value?.message ?? null), G = r(null), T = r([]), Te = r(null), L = r([]), ee = r([]), W = r(null), ze = r(!1), E = r(!1), xe = r(null), le = r(null), te = r(null), N = r(null), z = r(null), _e = r(0), ie = r(null), _ = r(null);
+    let B = () => {
+    };
+    const je = r(null);
+    let ce = null;
+    y(_, (e) => {
+      if (!e || !w.value) {
+        ce = null;
+        return;
+      }
+      const l = String(v(e)), t = Array.from(w.value.querySelectorAll("[data-task-id]")).find((o) => o.getAttribute("data-task-id") === l);
+      ce = t ? t.cloneNode(!0) : null;
+    }), y(je, (e) => {
+      if (!e || !(ce instanceof Element)) return;
+      const l = ce;
+      e.className = l.className, e.classList.remove("p-taskboard-card-dragging", "p-taskboard-card-dragging-source"), e.replaceChildren(...Array.from(l.childNodes).map((t) => t.cloneNode(!0))), l.getAttributeNames().filter((t) => t !== "class").forEach((t) => e.setAttribute(t, l.getAttribute(t)));
+    });
+    const De = r(!1), qe = r(null), El = r(0), Bl = r(/* @__PURE__ */ new Map()), Me = (e) => {
+      ke.value = "", O(() => {
+        ke.value = e;
+      });
+    }, Xe = p(() => Zt(a.columns ?? [])), j = r([]), Fl = (e) => {
+      j.value.some((l) => String(l.id) === String(e.id)) || (j.value = [...j.value, e]);
+    }, Hl = (e) => {
+      j.value = j.value.filter((l) => String(l.id) !== String(e));
+    }, x = p(() => Xe.value.length > 0 ? Xe.value : j.value), Ye = r(null), Je = r(null), Qe = r(null), Ll = (e) => {
+      Ye.value = e;
+    }, Kl = (e) => {
+      Je.value = e;
+    }, Pl = (e) => {
+      Qe.value = e;
+    }, Ze = r(null), $l = (e) => {
+      Ze.value = e;
+    }, el = r(null), Vl = (e) => {
+      el.value = e;
+    }, me = p(() => a.access?.canDrag !== !1 && a.draggable && ve("dragDrop")), Ol = p(() => a.access?.canEdit !== !1), ll = p(() => a.access?.canCreate !== !1), Ul = p(() => a.access?.canDelete !== !1), Gl = p(() => a.access?.canReorderColumns !== !1 && a.columnReorderable && ve("columnReorder")), tl = (e) => aa(a.access, e), Ae = (e) => na(a.access, e), al = (e) => oa(a.access, e), ve = (e) => ea(a.features, e), ge = p(() => x.value.filter((e) => al(e.id))), F = p(() => (a.swimlanes ?? []).length > 0), Wl = p(() => (a.columnGroups ?? []).length > 0), Nl = p(() => la(ge.value, a.columnGroups ?? [])), zl = p(
+      () => ge.value.map((e) => {
+        const l = (a.columnGroups ?? []).find((t) => t.columns.some((o) => String(o) === String(e.id)));
+        return {
+          key: `column-${e.id}`,
+          column: e,
+          label: l?.label,
+          group: l
+        };
+      })
+    ), _l = (e) => {
+      const l = "var(--p-taskboard-column-effective-width, var(--p-taskboard-column-min-width))", t = {};
+      if (e.group?.color && (t["--p-taskboard-column-group-color"] = e.group.color), e.span === 1)
+        return { ...t, flex: `1 0 ${l}`, minWidth: l };
+      const o = `calc(${e.span} * ${l} + ${e.span - 1} * var(--p-taskboard-column-gap))`;
+      return { ...t, flex: `${e.span} 0 ${o}`, minWidth: o };
+    }, jl = (e) => {
+      const l = "var(--p-taskboard-column-effective-width, var(--p-taskboard-column-min-width))", t = {};
+      return e?.group?.color && (t["--p-taskboard-column-group-color"] = e.group.color), { ...t, flex: `0 0 ${l}`, minWidth: l };
+    }, ql = (e) => e.columnIds ? e.columnIds.map((l) => ge.value.find((t) => String(t.id) === String(l))).filter(Boolean) : [], Xl = () => {
+      B();
+    }, h = p(() => xl(a.swimlanes ?? [])), Yl = p(() => {
+      if (!a.virtualScroll)
+        return h.value;
+      if (!W.value) {
+        const e = a.virtualScrollItemHeight ?? 250, l = a.virtualScrollBuffer ?? 3, t = Math.ceil(600 / e) + l * 2;
+        return h.value.slice(0, Math.min(t, h.value.length));
+      }
+      return h.value.slice(W.value.startIndex, W.value.endIndex);
+    });
+    let Re = 0, V = null;
+    const ae = /* @__PURE__ */ new Map(), ne = r(/* @__PURE__ */ new Map()), nl = () => a.virtualScrollItemHeight ?? 250, Jl = () => a.virtualScrollBuffer ?? 3, q = (e) => String(e.id), Ee = (e) => ae.get(q(e)) ?? nl(), Ql = (e = h.value) => e.map((l) => ae.get(q(l)) ?? 0), Zl = (e) => e.reduce((l, t) => l + Ee(t), 0), ol = (e, l, t) => Math.max(0, Math.min(e, Math.max(0, Zl(l) - t))), et = (e, l) => {
+      let t = 0;
+      for (let o = 0; o < Math.max(0, l); o++)
+        t += Ee(e[o]);
+      return t;
+    }, lt = (e, l) => {
+      let t = 0;
+      for (let o = 0; o < e.length; o++) {
+        const d = Ee(e[o]);
+        if (t + d > l)
+          return o;
+        t += d;
+      }
+      return Math.max(0, e.length - 1);
+    }, tt = (e, l = h.value) => l.length ? q(l[lt(l, e)]) : null, at = (e = h.value) => {
+      const l = new Set(e.map((t) => q(t)));
+      for (const t of ae.keys())
+        l.has(t) || ae.delete(t);
+    }, pe = () => {
+      if (!s.value) return;
+      const e = s.value.querySelectorAll('[role="group"][data-swimlane-id]'), l = /* @__PURE__ */ new Set();
+      e.forEach((t) => {
+        const o = t.getAttribute("data-swimlane-id");
+        !o || l.has(o) || (l.add(o), ae.set(o, t.offsetHeight));
+      });
+    }, nt = () => {
+      if (!s.value || !F.value) {
+        ne.value = /* @__PURE__ */ new Map();
+        return;
+      }
+      const e = /* @__PURE__ */ new Map();
+      s.value.querySelectorAll('[role="group"][data-swimlane-id]').forEach((t) => {
+        const o = t.getAttribute("data-swimlane-id"), d = t.offsetHeight;
+        o && d > 0 && e.set(o, d);
+      }), ne.value = e;
+    };
+    y(
+      E,
+      (e) => {
+        if (!F.value) {
+          ne.value = /* @__PURE__ */ new Map();
+          return;
+        }
+        e ? nt() : ne.value = /* @__PURE__ */ new Map();
+      },
+      { flush: "sync" }
+    );
+    const fe = (e, l) => {
+      const t = ol(e, h.value, l);
+      s.value && Math.abs(s.value.scrollTop - t) > 1 && (s.value.scrollTop = t), Re = t, W.value = ra(t, l, h.value.length, Ql(), nl(), Jl());
+    }, rl = (e = h.value) => {
+      if (!a.virtualScroll || !F.value || !s.value) return;
+      const t = s.value.scrollTop, o = tt(t, e);
+      at(), O(() => {
+        if (!s.value) return;
+        const d = h.value, A = o == null ? -1 : d.findIndex(($e) => q($e) === o), re = A >= 0 ? et(d, A) : t, se = ol(re, d, s.value.clientHeight ?? 600);
+        s.value.scrollTop = se, pe(), fe(se, s.value.clientHeight ?? 600), B();
+      });
+    };
+    y(
+      () => s.value,
+      (e) => {
+        e && a.virtualScroll && F.value && !W.value && O(() => {
+          pe(), fe(0, e.clientHeight ?? 600);
+        });
+      }
+    );
+    const ot = (e) => {
+      if (B(), !a.virtualScroll || !F.value) return;
+      const l = e.target;
+      Math.abs(l.scrollTop - Re) < 1 || (Re = l.scrollTop, V && cancelAnimationFrame(V), V = requestAnimationFrame(() => {
+        pe(), fe(l.scrollTop, l.clientHeight), B(), V = null;
+      }));
+    }, rt = (e) => a.swimlaneField ? sa(u.value, e) : 0, Be = (e) => ee.value.some((l) => String(l) === String(e)), st = (e) => da(e, { collapsedSwimlaneIds: ee.value }), dt = () => {
+      const e = x.value.length, l = 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)) + (${l} * var(--p-taskboard-column-gap)))`;
+    }, sl = () => ({
+      minWidth: dt()
+    }), ut = (e) => {
+      const l = sl(), t = ne.value.get(q(e));
+      return E.value && t && !Be(e.id) && (l.height = `${t}px`, l.minHeight = `${t}px`), l;
+    }, dl = () => ({
+      columns: x.value,
+      tasks: m.value,
+      swimlanes: a.swimlanes,
+      draggable: a.draggable,
+      selectionMode: a.selectionMode,
+      contextMenu: a.contextMenu,
+      density: a.density,
+      features: a.features,
+      disabled: a.disabled,
+      readonly: a.readonly,
+      columnWidth: a.columnWidth,
+      cardGap: a.cardGap,
+      scrollable: a.scrollable
+    }), { initializeCore: it, cleanupControllers: ct, recordAudit: Ce, canUndoState: ul, canRedoState: il, getCoreInstance: H, getDragController: Se, getSelectionController: X, getWorkflowController: we, getKeyboardController: Y, getHistoryController: J, getAuditController: cl } = ha({
+      rootRef: w,
+      columnsContainerRef: s,
+      selectedCardIds: T,
+      collapsedColumnIds: L,
+      collapsedSwimlaneIds: ee,
+      focusedCardId: b,
+      focusedColumnId: R,
+      focusedSwimlaneId: Z,
+      selectionOrigin: Te,
+      pendingConfirmMove: G,
+      tasks: m,
+      allColumns: x,
+      visibleColumns: ge,
+      processedSwimlanes: h,
+      getCoreProps: dl,
+      getColumnTasks: (e) => Fe(e),
+      getVisibleCellTasks: (e, l) => Ke(e, l),
+      getItemId: v,
+      getItemColumnValue: $,
+      getItemSwimlaneValue: C,
+      canMoveIntoColumn: tl,
+      canMoveOutOfColumn: Ae,
+      canKeyboardMove: () => me.value,
+      applyCardMoveHandler: (e) => Pe(e),
+      announce: Me,
+      scrollToColumnImpl: (e) => Cl(e),
+      scrollToCardImpl: (e) => Sl(e),
+      emit: (e, ...l) => i(e, ...l),
+      getDisabled: () => a.disabled,
+      getReadonly: () => a.readonly,
+      getSelectionMode: () => a.selectionMode,
+      dragMinDistance: a.dragMinDistance
+    }), mt = (e) => {
+      Be(e.id) ? H()?.expandSwimlane(e.id) : H()?.collapseSwimlane(e.id), B(), O(() => B());
+    }, Fe = (e) => ua(Ge(u.value, e), e, a.columnField), I = () => {
+      H()?.$setProps(dl());
+    }, {
+      getDragHiddenIds: Q,
+      onCardPointerDown: vt,
+      onDocumentPointerMove: gt,
+      onDocumentPointerUp: pt,
+      cleanupCardDrag: ft,
+      markDragGeometryDirty: Ct
+    } = ya({
+      getDisabled: () => a.disabled,
+      getReadonly: () => a.readonly,
+      getSelectionMode: () => a.selectionMode,
+      getDragMinDistance: () => a.dragMinDistance,
+      tasks: m,
+      columnsContainerRef: s,
+      isDragging: E,
+      draggedCardId: xe,
+      dragTargetColumnId: le,
+      dragTargetIndex: te,
+      dragTargetSwimlaneId: ie,
+      ghostPosition: N,
+      dragPreviewWidth: z,
+      draggedCardData: _,
+      selectedCardIds: T,
+      selectionOrigin: Te,
+      hasSwimlanes: F,
+      canDrag: me,
+      getDragController: Se,
+      getSelectionController: X,
+      isFeatureEnabled: (e) => ve(e),
+      canMoveOutOfColumn: Ae,
+      focusCard: (e) => Y()?.setFocusedCard(e),
+      emit: (e, l) => {
+        i(e, l);
+      },
+      getItemId: v,
+      getItemColumnValue: $,
+      getItemSwimlaneValue: C
+    });
+    B = Ct;
+    const oe = () => {
+      B(), (E.value || Se()?.state.isPending || Se()?.state.isDragging) && O(() => B());
+    }, ml = (e) => L.value.some((l) => String(l) === String(e)), vl = (e) => {
+      if (!a.columnCollapsible) return;
+      const l = ia(L.value, e.id);
+      L.value = l.ids, H()?.$setState({ collapsedColumnIds: l.ids }), i("columnCollapse", { column: e, collapsed: l.collapsed }), oe();
+    }, { onColumnHeaderPointerDown: St, onColumnHeaderClick: wt, onColumnDragMove: Va, onColumnDragEnd: Oa, getColumnStyle: It, cleanupColumnDrag: bt } = ka({
+      getDisabled: () => a.disabled,
+      getColumnCollapsible: () => a.columnCollapsible,
+      columnsContainerRef: s,
+      isColumnDragging: De,
+      draggedColumnId: qe,
+      columnDragStartX: El,
+      columnDragOffsets: Bl,
+      processedColumns: x,
+      canReorderColumns: Gl,
+      isColumnCollapsed: ml,
+      onColumnToggle: vl,
+      emit: (e, l) => {
+        const t = e.replace(/-([a-z])/g, (o, d) => d.toUpperCase());
+        i(t, l);
+      }
+    }), gl = (e, l, t) => {
+      a.items || (f.value = Sa(m.value, e), I(), J()?.pushAction({
+        type: "create",
+        taskId: v(e),
+        before: null,
+        after: { ...e },
+        description: t
+      }), Ce("create", v(e), t)), i("cardCreate", { card: e, column: l });
+    }, ht = (e, l, t) => {
+      a.items || (f.value = Ia(m.value, v(e), D.value), I(), J()?.pushAction({
+        type: "delete",
+        taskId: v(e),
+        before: { ...e },
+        after: null,
+        description: t
+      }), Ce("delete", v(e), t)), i("cardDelete", { card: e, column: l });
+    }, yt = (e, l, t) => {
+      i("cardDblclick", { card: e, column: l, jsEvent: t }), i("cardActivate", { card: e, column: l, origin: "pointer", jsEvent: t });
+    }, kt = (e, l) => {
+      if (!ll.value) return;
+      const t = {
+        ...e,
+        [a.columnField]: l.id
+      };
+      t[a.dataKey] == null && (t[a.dataKey] = `task-${Date.now()}`), t.order == null && (t.order = Il(l.id).length), gl(t, l, "Created task");
+    }, { performUndo: He, performRedo: Le } = Ta({
+      tasks: m,
+      tasksWritable: f,
+      syncCoreProps: I,
+      announce: Me,
+      getHistoryController: J,
+      getMutationFields: () => D.value
+    }), Ke = (e, l) => {
+      const t = ca(Al(u.value, e, l), e, l, a.columnField, a.swimlaneField ?? ""), o = Q();
+      return o.length > 0 ? t.filter((d) => !o.includes(v(d))) : t;
+    }, Tt = (e, l, t) => !E.value || String(le.value) !== String(e) || String(ie.value) !== String(l) ? !1 : te.value === t, xt = (e, l) => !E.value || String(le.value) !== String(e) || String(ie.value) !== String(l) ? !1 : te.value === Ke(e, l).length, Dt = (e) => {
+      const l = Fe(e), t = Q();
+      return t.length > 0 ? l.filter((o) => !t.includes(v(o))) : l;
+    }, Mt = (e) => ma(u.value, e), At = p(
+      () => ta({
+        disabled: a.disabled,
+        readonly: a.readonly,
+        density: a.density,
+        isDragging: E.value,
+        isColumnReordering: De.value,
+        isTouch: ze.value,
+        rtl: a.rtl
+      })
+    ), Rt = (e) => va(e, {
+      collapsedColumnIds: L.value,
+      isColumnDragging: De.value,
+      draggedColumnId: qe.value,
+      focusedColumnId: R.value,
+      wipStatus: we() ? we().getWipStatus(e.id) : void 0
+    }), Et = (e) => ga(e, {
+      taskId: v(e),
+      canDrag: me.value,
+      selectedCardIds: T.value,
+      draggedCardId: xe.value,
+      focusedCardId: b.value
+    }), Bt = (e, l, t) => {
+      !a.contextMenu || !ve("contextMenu") || (t.preventDefault(), i("cardContextMenu", { card: e, column: l, position: { x: t.clientX, y: t.clientY }, jsEvent: t }));
+    }, Ft = () => {
+      if (T.value.length > 0 && X()?.clearSelection(), b.value != null) {
+        b.value = null;
+        const e = Y();
+        e && (e.focusedCardId = null);
+      }
+      if (R.value != null) {
+        R.value = null, Z.value = null;
+        const e = Y();
+        e && (e.focusedColumnId = null, e.focusedSwimlaneId = null);
+      }
+    }, { onKeyDown: pl, onDocumentClick: fl, activateKeyboardScope: Ie, deactivateKeyboardScope: Ht } = Fa({
+      isDragging: E,
+      draggedCardId: xe,
+      dragTargetColumnId: le,
+      dragTargetIndex: te,
+      dragTargetSwimlaneId: ie,
+      ghostPosition: N,
+      draggedCardData: _,
+      selectedCardIds: T,
+      selectionOrigin: Te,
+      focusedCardId: b,
+      focusedColumnId: R,
+      focusedSwimlaneId: Z,
+      rootRef: w,
+      allColumns: x,
+      getDragController: Se,
+      getSelectionController: X,
+      getKeyboardController: Y,
+      onDocumentPointerMove: gt,
+      onDocumentPointerUp: pt,
+      performUndo: He,
+      performRedo: Le,
+      emit: (e, ...l) => i(e, ...l)
+    }), Pe = (e) => {
+      a.items || (f.value = wa(m.value ?? [], {
+        cardId: v(e.card),
+        targetColumnId: e.newColumnId,
+        targetIndex: e.newIndex,
+        targetSwimlaneId: e.newSwimlaneId,
+        selectedCardIds: T.value,
+        fields: D.value
+      }), I(), J()?.pushAction({
+        type: "move",
+        taskId: v(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"
+      }), Ce("move", v(e.card), "Moved card", { columnId: e.oldColumnId }, { columnId: e.newColumnId })), i("cardMove", e), String(e.oldColumnId) === String(e.newColumnId) && i("cardReorder", { card: e.card, columnValue: e.newColumnId, oldIndex: e.oldIndex, newIndex: e.newIndex });
+      const l = x.value.find((t) => String(t.id) === String(e.newColumnId));
+      l && Me(`Task moved to ${l.label}`);
+    }, Lt = () => {
+      if (!G.value) return;
+      const e = G.value.payload;
+      Pe(e), G.value = null;
+    }, Kt = () => {
+      G.value = null;
+    };
+    y(
+      () => a.columns,
+      () => {
+        I(), oe();
+      },
+      { deep: !0 }
+    ), y(
+      () => m.value,
+      () => {
+        I(), oe(), a.virtualScroll && F.value && rl();
+      },
+      { deep: !0 }
+    ), y(
+      () => a.swimlanes,
+      (e, l) => {
+        I(), oe(), a.virtualScroll && rl(xl(l ?? []));
+      },
+      { deep: !0 }
+    ), y(() => a.density, I), y(() => a.disabled, I), y(() => a.readonly, I), y(() => a.draggable, I), y(() => a.selectionMode, I), y(
+      () => a.columnCollapsible,
+      (e) => {
+        I(), !e && L.value.length && (L.value = [], H()?.$setState({ collapsedColumnIds: [] }), oe());
+      }
+    ), zt(ba, {
+      items: m,
+      dataKey: a.dataKey,
+      columnField: a.columnField,
+      swimlaneField: p(() => F.value ? a.swimlaneField : void 0),
+      getItemId: v,
+      getItemsByColumn: Fe,
+      getVisibleItemsByColumn: Dt,
+      itemCount: Mt,
+      getDragHiddenIds: Q,
+      isDragging: E,
+      dragTargetColumnValue: le,
+      dragTargetIndex: te,
+      selectedItemIds: T,
+      ghostPosition: N,
+      dragPreviewWidth: z,
+      draggedItem: _,
+      customDragPreviewCount: _e,
+      onCardPointerDown: vt,
+      onCardDblClick: yt,
+      onCardContextMenu: Bt,
+      onColumnToggle: vl,
+      onColumnHeaderClick: wt,
+      onColumnHeaderPointerDown: St,
+      onBoardBackgroundClick: Ft,
+      isColumnCollapsed: ml,
+      columnClasses: Rt,
+      getColumnStyle: It,
+      cardWrapperClasses: Et,
+      virtualScroll: p(() => a.virtualScroll),
+      canUndoState: ul,
+      canRedoState: il,
+      performUndo: He,
+      performRedo: Le,
+      selectCard: (e, l) => X()?.selectCard(e, l),
+      selectAllCards: (e) => X()?.selectAll(e),
+      clearSelection: () => X()?.clearSelection(),
+      canDrag: me,
+      canEdit: Ol,
+      canCreate: ll,
+      canDelete: Ul,
+      canMoveIntoColumn: tl,
+      canMoveOutOfColumn: Ae,
+      canViewColumn: al,
+      createItem: kt,
+      getWipStatus: (e) => we()?.getWipStatus(e),
+      canMoveCard: (e, l, t) => we()?.canMoveCard(e, l, t) ?? { allowed: !0 },
+      classes: S,
+      props: a,
+      licenseValid: We,
+      licenseMessage: Ne,
+      hasColumnGroups: Wl,
+      columnGroupSegments: Nl,
+      columnGroupColumnSegments: zl,
+      getGroupSegmentStyle: _l,
+      getGroupColumnSegmentStyle: jl,
+      getGroupColumns: ql,
+      onColumnsHorizontalScroll: Xl,
+      markDragGeometryDirty: B,
+      groupHeadersRef: M,
+      columnsContainerRef: s,
+      hasSwimlanes: F,
+      processedSwimlanes: h,
+      visibleSwimlanes: Yl,
+      swimlaneTaskCount: rt,
+      isSwimlaneCollapsed: Be,
+      swimlaneRowClasses: st,
+      swimlaneTrackStyle: sl,
+      swimlaneRowStyle: ut,
+      onSwimlaneToggle: mt,
+      onSwimlaneGridScroll: ot,
+      virtualScrollState: W,
+      getVisibleCellTasks: Ke,
+      showDropIndicator: Tt,
+      showDropIndicatorAtEnd: xt,
+      cardSlotRenderer: Ye,
+      columnHeaderSlotRenderer: Je,
+      swimlaneHeaderSlotRenderer: Qe,
+      registerCardSlot: Ll,
+      registerColumnHeaderSlot: Kl,
+      registerSwimlaneHeaderSlot: Pl,
+      dropIndicatorSlotRenderer: Ze,
+      registerDropIndicatorSlot: $l,
+      swimlaneColumnHeaderSlotRenderer: el,
+      registerSwimlaneColumnHeaderSlot: Vl,
+      pendingConfirmMove: G,
+      confirmPendingMove: Lt,
+      cancelPendingMove: Kt,
+      processedColumns: x,
+      registerColumn: Fl,
+      unregisterColumn: Hl,
+      emitCardMove: (e) => i("cardMove", e),
+      emitCardReorder: (e) => i("cardReorder", e),
+      emitColumnReorder: (e) => i("columnReorder", e),
+      emitCardClick: (e) => i("cardClick", e),
+      emitCardDblClick: (e) => i("cardDblclick", e),
+      emitCardActivate: (e) => i("cardActivate", e),
+      emitSelectionChange: (e) => i("selectionChange", e),
+      emitColumnCollapse: (e) => i("columnCollapse", e),
+      emitContextMenu: (e) => i("cardContextMenu", e)
+    }), _t(() => {
+      ze.value = "ontouchstart" in window || navigator.maxTouchPoints > 0, it(), a.virtualScroll && F.value && s.value && O(() => {
+        pe(), fe(0, s.value?.clientHeight ?? 600);
+      }), document.addEventListener("keydown", pl), document.addEventListener("click", fl), Pt();
+    });
+    async function Pt() {
+      const e = await Yt("taskboard", { releaseDate: La });
+      U.value = e, e.valid || console.warn(`[PrimeUI TaskBoard] ${e.message}`);
+    }
+    Rl(() => {
+      ct(), Ht(), document.removeEventListener("keydown", pl), document.removeEventListener("click", fl), ft(), bt(), V && (cancelAnimationFrame(V), V = null);
+    });
+    const Cl = (e, l) => {
+      if (!s.value) return;
+      const t = String(e), o = Array.from(s.value.querySelectorAll("[data-column-id]")).find((d) => d.getAttribute("data-column-id") === t);
+      o && o.scrollIntoView({ behavior: l?.behavior ?? "smooth", block: "nearest", inline: "start" });
+    }, Sl = (e, l) => {
+      if (!w.value) return;
+      const t = String(e), o = Array.from(w.value.querySelectorAll("[data-task-id]")).find((d) => d.getAttribute("data-task-id") === t);
+      if (o) {
+        o.scrollIntoView({ behavior: l?.behavior ?? "smooth", block: l?.block ?? "center", inline: "nearest" }), b.value = e;
+        const d = Y();
+        d && (d.focusedCardId = e);
+      }
+    }, { print: $t } = Ha({ rootRef: w }), wl = (e, l, t) => {
+      const o = new Blob([e], { type: t }), d = URL.createObjectURL(o), A = document.createElement("a");
+      A.href = d, A.download = l, document.body.appendChild(A), A.click(), document.body.removeChild(A), URL.revokeObjectURL(d);
+    }, Vt = () => pa({
+      collapsedColumnIds: L.value,
+      collapsedSwimlaneIds: ee.value,
+      selectedCardIds: T.value,
+      focusedCardId: b.value,
+      focusedColumnId: R.value,
+      focusedSwimlaneId: Z.value
+    }), Ot = (e) => {
+      const l = fa(e);
+      if (l.collapsedColumnIds && (L.value = l.collapsedColumnIds, H()?.$setState({ collapsedColumnIds: l.collapsedColumnIds })), l.collapsedSwimlaneIds && (ee.value = l.collapsedSwimlaneIds, H()?.$setState({ collapsedSwimlaneIds: l.collapsedSwimlaneIds })), l.selectedCardIds && (T.value = l.selectedCardIds, H()?.$setState({ selectedCardIds: l.selectedCardIds })), "focusedCardId" in l) {
+        b.value = l.focusedCardId ?? null;
+        const t = Y();
+        t && (t.focusedCardId = b.value);
+      }
+      "focusedColumnId" in l && (R.value = l.focusedColumnId ?? null), "focusedSwimlaneId" in l && (Z.value = l.focusedSwimlaneId ?? null);
+    }, K = () => H(), be = (e) => (m.value ?? []).find((l) => String(v(l)) === String(e)), Il = (e) => [...Ge(u.value, e)], bl = (e, l) => [...a.swimlaneField && l != null ? Al(u.value, e, l) : Ge(u.value, e)].sort((o, d) => (o.order ?? 0) - (d.order ?? 0)), hl = (e = T.value) => {
+      const l = new Set(e.map((t) => String(t)));
+      return (m.value ?? []).filter((t) => l.has(String(v(t))));
+    }, yl = (e) => {
+      T.value = e, H()?.$setState({ selectedCardIds: e }), i("selectionChange", { selectedIds: e, cards: hl(e) });
+    };
+    return c({
+      getColumns: () => K()?.getColumns() ?? [],
+      getColumnById: (e) => K()?.getColumnById(e),
+      getTasks: () => K()?.getTasks() ?? [],
+      getTaskById: be,
+      getTasksByColumn: Il,
+      getSelectedCardIds: () => T.value,
+      getSelectedCards: () => hl(),
+      setSelectedCards: yl,
+      clearSelection: () => yl([]),
+      addTask: (e) => {
+        const l = x.value.find((t) => String(t.id) === String($(e)));
+        l && gl(e, l, "Created task");
+      },
+      updateTask: (e) => {
+        const l = v(e), t = be(l);
+        t && (a.items || (f.value = Ca(m.value ?? [], l, e, D.value), I(), J()?.pushAction({
+          type: "edit",
+          taskId: l,
+          before: { ...t },
+          after: { ...e },
+          description: "Updated task"
+        }), Ce("update", l, "Updated task")), i("cardUpdate", { card: e, oldCard: t }));
+      },
+      removeTask: (e) => {
+        const l = be(e);
+        if (!l) return;
+        const t = x.value.find((o) => String(o.id) === String($(l)));
+        t && ht(l, t, "Deleted task");
+      },
+      moveTask: (e, l, t, o) => {
+        const d = be(e);
+        if (!d) return;
+        const A = $(d), re = C(d), se = o ?? re, $e = bl(A, re).findIndex((Gt) => String(v(Gt)) === String(e)), Ut = t ?? bl(l, se).length;
+        Pe({
+          card: d,
+          oldColumnId: A,
+          newColumnId: l,
+          oldIndex: $e,
+          newIndex: Ut,
+          oldSwimlaneId: re,
+          newSwimlaneId: se
+        });
+      },
+      collapseColumn: (e) => K()?.collapseColumn(e),
+      expandColumn: (e) => K()?.expandColumn(e),
+      toggleColumn: (e) => K()?.toggleColumn(e),
+      collapseSwimlane: (e) => K()?.collapseSwimlane(e),
+      expandSwimlane: (e) => K()?.expandSwimlane(e),
+      toggleSwimlane: (e) => K()?.toggleSwimlane(e),
+      scrollToColumn: (e, l) => Cl(e, l),
+      scrollToCard: (e, l) => Sl(e, l),
+      undo: He,
+      redo: Le,
+      canUndo: () => ul.value,
+      canRedo: () => il.value,
+      clearHistory: () => J()?.clearHistory(),
+      exportToJSON: () => Ml(x.value, m.value ?? [], a.swimlanes ?? []),
+      exportToCSV: (e) => Dl(m.value ?? [], e),
+      downloadJSON: () => wl(Ml(x.value, m.value ?? [], a.swimlanes ?? []), "taskboard-export.json", "application/json"),
+      downloadCSV: (e) => wl(Dl(m.value ?? [], e), "taskboard-export.csv", "text/csv"),
+      print: $t,
+      serializeState: Vt,
+      restoreState: Ot,
+      licenseValid: () => We.value,
+      licenseMessage: () => Ne.value,
+      getAuditLog: () => cl()?.getLog() ?? [],
+      clearAuditLog: () => {
+        cl()?.clear();
+      }
+    }), (e, l) => (de(), he("div", {
+      ref_key: "rootRef",
+      ref: w,
+      class: Ve(At.value),
+      dir: a.rtl ? "rtl" : void 0,
+      role: "group",
+      "aria-label": "Task board",
+      tabindex: "0",
+      onPointerdownCapture: l[0] || (l[0] = //@ts-ignore
+      (...t) => P(Ie) && P(Ie)(...t)),
+      onFocusinCapture: l[1] || (l[1] = //@ts-ignore
+      (...t) => P(Ie) && P(Ie)(...t))
+    }, [
+      U.value && !U.value.valid ? (de(), he("div", Pa, [
+        l[2] || (l[2] = ye("span", { style: { "font-weight": "600" } }, "PrimeUI TaskBoard", -1)),
+        ye("span", null, Oe(U.value.message), 1)
+      ])) : Ue("", !0),
+      kl(e.$slots, "default"),
+      (de(), jt(qt, { to: "body" }, [
+        E.value && N.value && _.value && _e.value === 0 ? (de(), he("div", {
+          key: 0,
+          class: Ve(P(S).dragPreview),
+          style: Xt({
+            position: "fixed",
+            left: N.value.x + "px",
+            top: N.value.y + "px",
+            width: z.value ? z.value + "px" : void 0,
+            maxWidth: z.value ? z.value + "px" : void 0,
+            transform: "translate(-50%, -50%) rotate(var(--p-taskboard-drag-preview-rotation, 1.5deg))",
+            pointerEvents: "none",
+            zIndex: 9999
+          })
+        }, [
+          P(Q)().length > 1 ? (de(), he("span", {
+            key: 0,
+            class: Ve(P(S).dragPreviewBadge)
+          }, Oe(P(Q)().length), 3)) : Ue("", !0),
+          kl(e.$slots, "drag-preview", {
+            item: _.value,
+            count: P(Q)().length
+          }, () => [
+            ye("div", {
+              ref_key: "dragCloneHost",
+              ref: je
+            }, null, 512)
+          ])
+        ], 6)) : Ue("", !0)
+      ])),
+      ye("div", $a, Oe(ke.value), 1)
+    ], 42, Ka));
+  }
+});
+export {
+  Ya as _
+};