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

package/dist/chunks/TaskBoardCard.vue_vue_type_script_setup_true_lang-B1Ix7Gjf.mjs

@@ -0,0 +1,34 @@
+import { defineComponent as g, inject as m, computed as o, toRef as c, provide as p, renderSlot as v } from "vue";
+import { T as f, a as I, C } from "./TaskBoard.context-BCq7uauT.mjs";
+const K = /* @__PURE__ */ g({
+  __name: "TaskBoardCard",
+  props: {
+    item: {},
+    column: {}
+  },
+  setup(l) {
+    const e = l, t = m(f), a = m(I, null), u = o(() => e.item), r = o(() => e.column ?? (a ? a.columnData : void 0)), s = o(() => {
+      if (!e.item) return !1;
+      const n = t.getItemId(e.item);
+      return t.selectedItemIds.value.includes(n);
+    }), i = o(() => {
+      if (!e.item) return !1;
+      const n = t.getItemId(e.item);
+      return !!(t.isDragging.value && t.draggedItem.value && t.getItemId(t.draggedItem.value) === n);
+    }), d = {
+      item: c(() => e.item),
+      column: c(() => r.value),
+      isSelected: s,
+      isDragging: i
+    };
+    return p(C, d), (n, _) => v(n.$slots, "default", {
+      item: u.value,
+      isSelected: s.value,
+      isDragging: i.value,
+      column: r.value
+    });
+  }
+});
+export {
+  K as _
+};

package/dist/chunks/TaskBoardCardAdd.vue_vue_type_script_setup_true_lang-Dy4BuCa9.mjs

@@ -0,0 +1,14 @@
+import { defineComponent as o, inject as t, renderSlot as a, unref as n } from "vue";
+import { a as d } from "./TaskBoard.context-BCq7uauT.mjs";
+const p = /* @__PURE__ */ o({
+  __name: "TaskBoardCardAdd",
+  setup(s) {
+    const e = t(d);
+    return (r, _) => a(r.$slots, "default", {
+      add: n(e).addItem
+    });
+  }
+});
+export {
+  p as _
+};

package/dist/chunks/TaskBoardCardContent.vue_vue_type_script_setup_true_lang-DNEmpvcn.mjs

@@ -0,0 +1,19 @@
+import { defineComponent as o, inject as r, openBlock as a, createElementBlock as l, renderSlot as c, unref as n } from "vue";
+import { C as i } from "./TaskBoard.context-BCq7uauT.mjs";
+const _ = /* @__PURE__ */ o({
+  __name: "TaskBoardCardContent",
+  setup(s) {
+    const e = r(i);
+    return (t, m) => (a(), l("div", null, [
+      c(t.$slots, "default", {
+        item: n(e).item.value,
+        isSelected: n(e).isSelected.value,
+        isDragging: n(e).isDragging.value,
+        column: n(e).column.value
+      })
+    ]));
+  }
+});
+export {
+  _
+};

package/dist/chunks/TaskBoardCardFooter.vue_vue_type_script_setup_true_lang-8FWnuxSl.mjs

@@ -0,0 +1,19 @@
+import { defineComponent as t, inject as n, openBlock as a, createElementBlock as l, renderSlot as c, unref as o } from "vue";
+import { C as i } from "./TaskBoard.context-BCq7uauT.mjs";
+const _ = /* @__PURE__ */ t({
+  __name: "TaskBoardCardFooter",
+  setup(s) {
+    const e = n(i);
+    return (r, m) => (a(), l("div", null, [
+      c(r.$slots, "default", {
+        item: o(e).item.value,
+        isSelected: o(e).isSelected.value,
+        isDragging: o(e).isDragging.value,
+        column: o(e).column.value
+      })
+    ]));
+  }
+});
+export {
+  _
+};

package/dist/chunks/TaskBoardCardHeader.vue_vue_type_script_setup_true_lang-Dr-XJfaE.mjs

@@ -0,0 +1,19 @@
+import { defineComponent as t, inject as a, openBlock as o, createElementBlock as l, renderSlot as c, unref as r } from "vue";
+import { C as i } from "./TaskBoard.context-BCq7uauT.mjs";
+const _ = /* @__PURE__ */ t({
+  __name: "TaskBoardCardHeader",
+  setup(s) {
+    const e = a(i);
+    return (n, m) => (o(), l("div", null, [
+      c(n.$slots, "default", {
+        item: r(e).item.value,
+        isSelected: r(e).isSelected.value,
+        isDragging: r(e).isDragging.value,
+        column: r(e).column.value
+      })
+    ]));
+  }
+});
+export {
+  _
+};

package/dist/chunks/TaskBoardColumn.vue_vue_type_script_setup_true_lang-D_AJ5j7c.mjs

@@ -0,0 +1,42 @@
+import { defineComponent as d, inject as v, computed as t, onMounted as p, onBeforeUnmount as C, provide as b, openBlock as g, createElementBlock as _, mergeProps as f, unref as n, renderSlot as B } from "vue";
+import { T as D, a as I } from "./TaskBoard.context-BCq7uauT.mjs";
+const x = ["data-column-id", "aria-label", "aria-expanded"], k = /* @__PURE__ */ d({
+  inheritAttrs: !1,
+  __name: "TaskBoardColumn",
+  props: {
+    label: {},
+    value: {},
+    column: {}
+  },
+  setup(m) {
+    const e = m, l = v(D), a = t(() => e.column ? { ...e.column, id: e.value, label: e.label } : { id: e.value, label: e.label });
+    p(() => l.registerColumn(e.column ? { ...e.column, id: e.value, label: e.label } : { id: e.value, label: e.label })), C(() => l.unregisterColumn(e.value));
+    const u = t(() => l.itemCount(e.value)), s = t(() => l.isColumnCollapsed(e.value)), r = t(() => l.getItemsByColumn(e.value)), i = t(() => l.getVisibleItemsByColumn(e.value)), c = {
+      label: e.label,
+      value: e.value,
+      columnData: a.value,
+      itemCount: u,
+      isCollapsed: s,
+      toggleCollapse: () => l.onColumnToggle(a.value),
+      startDrag: (o) => l.onColumnHeaderPointerDown(a.value, o),
+      items: r,
+      visibleItems: i,
+      addItem: (o) => {
+        l.createItem(o ?? {}, a.value);
+      }
+    };
+    return b(I, c), (o, y) => (g(), _("div", f({
+      class: n(l).columnClasses(a.value),
+      "data-column-id": e.value,
+      style: n(l).getColumnStyle(a.value),
+      role: "list",
+      "aria-label": e.label + ", " + u.value + " items",
+      "aria-expanded": n(l).props.columnCollapsible ? !s.value : void 0
+    }, o.$attrs), [
+      B(o.$slots, "default")
+    ], 16, x));
+  }
+});
+export {
+  k as _
+};

package/dist/chunks/TaskBoardColumnAdd-C_JSN3pp.mjs

@@ -0,0 +1,10 @@
+import { renderSlot as o } from "vue";
+import { _ as e } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const t = {};
+function n(r, s) {
+  return o(r.$slots, "default");
+}
+const a = /* @__PURE__ */ e(t, [["render", n]]);
+export {
+  a as T
+};

package/dist/chunks/TaskBoardColumnContent.vue_vue_type_script_setup_true_lang-DNRiWBN_.mjs

@@ -0,0 +1,180 @@
+import { defineComponent as ve, useSlots as pe, inject as W, ref as J, computed as i, onMounted as fe, onBeforeUnmount as me, watch as Q, nextTick as he, openBlock as s, createElementBlock as u, mergeProps as Ie, unref as r, withModifiers as Se, normalizeStyle as X, createCommentVNode as k, Fragment as f, createBlock as R, resolveDynamicComponent as z, normalizeClass as D, renderList as ye, createElementVNode as ke, renderSlot as Z, createTextVNode as xe } from "vue";
+import { T as Te, a as Ce } from "./TaskBoard.context-BCq7uauT.mjs";
+import { calculateVisibleRangeDynamic as De } from "@primeui/taskboard-core";
+const be = ["data-task-id", "data-task-index", "onDblclick", "onPointerdown", "onContextmenu"], Ve = /* @__PURE__ */ ve({
+  inheritAttrs: !1,
+  __name: "TaskBoardColumnContent",
+  setup(He) {
+    const b = pe(), t = W(Te), m = W(Ce), c = J(), d = J(null), p = /* @__PURE__ */ new Map();
+    let h = null, x = null, K = /* @__PURE__ */ new Set(), H = null;
+    const g = i(() => t.virtualScroll.value);
+    fe(() => {
+      b.default && !t.cardSlotRenderer.value && t.registerCardSlot(b.default), b["drop-indicator"] && !t.dropIndicatorSlotRenderer.value && t.registerDropIndicatorSlot(b["drop-indicator"]), g.value && c.value && (x = new ResizeObserver((e) => {
+        (e[0]?.contentRect.height ?? 0) > 0 && (x?.disconnect(), x = null, V(0));
+      }), x.observe(c.value));
+    }), me(() => {
+      x?.disconnect(), x = null, h && (cancelAnimationFrame(h), h = null);
+    });
+    const M = i(() => m.columnData), w = i(() => b["drop-indicator"] ?? t.dropIndicatorSlotRenderer.value), F = i(() => t.isDragging.value && String(t.dragTargetColumnValue.value) === String(m.value)), P = i(() => t.dragTargetIndex.value ?? 0), $ = (e) => F.value && t.dragTargetIndex.value === e, B = (e) => {
+      const a = w.value;
+      return a ? () => a({ column: M.value, index: e }) : null;
+    }, v = i(() => m.visibleItems.value), G = () => t.props.virtualScrollItemHeight ?? 120, ee = () => t.props.virtualScrollBuffer ?? 3, T = (e) => String(t.getItemId(e)), q = () => {
+      if (p.size === 0) return G();
+      const a = Array.from(p.values()).reduce((l, n) => l + n, 0) / p.size;
+      return Number.isFinite(a) && a > 0 ? a : G();
+    }, E = (e) => p.get(T(e)) ?? q(), te = (e = v.value) => e.map((a) => p.get(T(a)) ?? 0), le = (e) => e.reduce((a, l) => a + E(l), 0), ae = () => {
+      const e = c.value;
+      return e ? Math.max(0, e.scrollHeight - e.clientHeight) : 0;
+    }, _ = (e, a, l) => {
+      const n = Math.max(0, le(a) - l), o = ae();
+      return Math.max(0, Math.min(e, Math.max(n, o)));
+    }, re = (e, a) => {
+      let l = 0;
+      for (let n = 0; n < Math.max(0, a); n++)
+        l += E(e[n]);
+      return l;
+    }, ne = (e, a) => {
+      let l = 0;
+      for (let n = 0; n < e.length; n++) {
+        const o = E(e[n]);
+        if (l + o > a)
+          return n;
+        l += o;
+      }
+      return Math.max(0, e.length - 1);
+    }, oe = (e, a) => e.length ? T(e[ne(e, a)]) : null, se = (e) => {
+      const a = new Set(e.map((l) => T(l)));
+      for (const l of p.keys())
+        a.has(l) || p.delete(l);
+    };
+    function V(e) {
+      if (!c.value) return;
+      const a = d.value?.startIndex ?? 0;
+      c.value.querySelectorAll("[data-task-id]").forEach((C, N) => {
+        const y = v.value[a + N], A = C.getAttribute("data-task-id") ?? (y ? T(y) : null);
+        A && p.set(String(A), C.offsetHeight);
+      });
+      const n = c.value.clientHeight, o = _(e, v.value, n);
+      Math.abs(c.value.scrollTop - o) > 1 && (c.value.scrollTop = o), d.value = De(o, n, v.value.length, te(), q(), ee());
+    }
+    function ue(e) {
+      if (t.markDragGeometryDirty(), !g.value) return;
+      const a = e.target;
+      h && cancelAnimationFrame(h), h = requestAnimationFrame(() => {
+        V(a.scrollTop), h = null;
+      });
+    }
+    Q(
+      () => t.isDragging.value,
+      (e) => {
+        g.value && e && H == null && (H = c.value?.scrollTop ?? null);
+      },
+      { flush: "sync" }
+    ), Q(v, (e, a = []) => {
+      if (!g.value) return;
+      const l = c.value, n = l?.scrollTop ?? 0, o = oe(a, n), C = new Set(t.getDragHiddenIds().map((y) => String(y))), N = t.isDragging.value || C.size > 0 || K.size > 0;
+      if (K = C, se(e), !l) {
+        d.value = null;
+        return;
+      }
+      he(() => {
+        if (N) {
+          const O = _(H ?? n, e, l.clientHeight);
+          Math.abs(l.scrollTop - O) > 1 && (l.scrollTop = O), V(O), t.markDragGeometryDirty(), !t.isDragging.value && C.size === 0 && (H = null);
+          return;
+        }
+        H = null;
+        const y = o == null ? -1 : e.findIndex((j) => T(j) === o), A = y >= 0 ? re(e, y) : n, Y = _(A, e, l.clientHeight);
+        l.scrollTop = Y, V(Y), t.markDragGeometryDirty();
+      });
+    });
+    const I = i(() => {
+      if (!g.value) return v.value;
+      if (!d.value) {
+        const e = t.props.virtualScrollItemHeight ?? 120, a = t.props.virtualScrollBuffer ?? 3, l = Math.ceil(600 / e) + a * 2;
+        return v.value.slice(0, Math.min(l, v.value.length));
+      }
+      return v.value.slice(d.value.startIndex, d.value.endIndex);
+    }), ie = i(() => S(0)), ce = i(() => S(I.value.length)), de = i(() => g.value && F.value && t.dragTargetIndex.value != null && I.value.length > 0 && t.dragTargetIndex.value < ie.value), ge = i(() => g.value && F.value && t.dragTargetIndex.value != null && I.value.length > 0 && t.dragTargetIndex.value > ce.value), S = (e) => !g.value || !d.value ? e : d.value.startIndex + e, L = i(() => d.value?.topSpacerHeight ?? 0), U = i(() => {
+      if (d.value) return d.value.bottomSpacerHeight;
+      if (!g.value) return 0;
+      const e = t.props.virtualScrollItemHeight ?? 120, a = t.props.virtualScrollBuffer ?? 3, l = Math.ceil(600 / e) + a * 2, n = Math.min(l, v.value.length), o = v.value.length - n;
+      return o > 0 ? o * e : 0;
+    });
+    return (e, a) => (s(), u("div", Ie({
+      ref_key: "bodyRef",
+      ref: c,
+      class: r(t).classes.columnBody
+    }, e.$attrs, {
+      onScroll: ue,
+      onClick: a[0] || (a[0] = Se((l) => r(m).isCollapsed.value ? r(m).toggleCollapse() : r(t).onBoardBackgroundClick(), ["self"]))
+    }), [
+      g.value && L.value > 0 ? (s(), u("div", {
+        key: 0,
+        style: X({ height: L.value + "px", flexShrink: "0" })
+      }, null, 4)) : k("", !0),
+      de.value ? (s(), u(f, { key: 1 }, [
+        w.value ? (s(), R(z(B(P.value)), { key: 0 })) : (s(), u("div", {
+          key: 1,
+          class: D(r(t).classes.dropIndicator)
+        }, null, 2))
+      ], 64)) : k("", !0),
+      I.value.length > 0 || r(t).isDragging.value && String(r(t).dragTargetColumnValue.value) === String(r(m).value) ? (s(), u(f, { key: 2 }, [
+        (s(!0), u(f, null, ye(I.value, (l, n) => (s(), u(f, {
+          key: r(t).getItemId(l)
+        }, [
+          $(S(n)) ? (s(), u(f, { key: 0 }, [
+            w.value ? (s(), R(z(B(S(n))), { key: 0 })) : (s(), u("div", {
+              key: 1,
+              class: D(r(t).classes.dropIndicator)
+            }, null, 2))
+          ], 64)) : k("", !0),
+          ke("div", {
+            "data-task-id": r(t).getItemId(l),
+            "data-task-index": S(n),
+            class: D(r(t).cardWrapperClasses(l)),
+            role: "listitem",
+            onDblclick: (o) => r(t).onCardDblClick(l, M.value, o),
+            onPointerdown: (o) => r(t).onCardPointerDown(l, M.value, o),
+            onContextmenu: (o) => r(t).onCardContextMenu(l, M.value, o)
+          }, [
+            Z(e.$slots, "default", {
+              item: l,
+              column: M.value,
+              isSelected: r(t).selectedItemIds.value.includes(r(t).getItemId(l)),
+              isDragging: r(t).isDragging.value && r(t).draggedItem.value && r(t).getItemId(r(t).draggedItem.value) === r(t).getItemId(l)
+            })
+          ], 42, be)
+        ], 64))), 128)),
+        $(S(I.value.length)) ? (s(), u(f, { key: 0 }, [
+          w.value ? (s(), R(z(B(S(I.value.length))), { key: 0 })) : (s(), u("div", {
+            key: 1,
+            class: D(r(t).classes.dropIndicator)
+          }, null, 2))
+        ], 64)) : k("", !0)
+      ], 64)) : (s(), u(f, { key: 3 }, [
+        r(t).isDragging.value && String(r(t).dragTargetColumnValue.value) === String(r(m).value) ? k("", !0) : (s(), u("div", {
+          key: 0,
+          class: D(r(t).classes.emptyColumn)
+        }, [
+          Z(e.$slots, "empty", {}, () => [
+            a[1] || (a[1] = xe("No items", -1))
+          ])
+        ], 2))
+      ], 64)),
+      ge.value ? (s(), u(f, { key: 4 }, [
+        w.value ? (s(), R(z(B(P.value)), { key: 0 })) : (s(), u("div", {
+          key: 1,
+          class: D(r(t).classes.dropIndicator)
+        }, null, 2))
+      ], 64)) : k("", !0),
+      g.value && U.value > 0 ? (s(), u("div", {
+        key: 5,
+        style: X({ height: U.value + "px", flexShrink: "0" })
+      }, null, 4)) : k("", !0)
+    ], 16));
+  }
+});
+export {
+  Ve as _
+};

package/dist/chunks/TaskBoardColumnEmpty.vue_vue_type_script_setup_true_lang-D23AtNeX.mjs

@@ -0,0 +1,18 @@
+import { defineComponent as r, inject as s, openBlock as n, createElementBlock as m, normalizeClass as a, unref as l, renderSlot as p, createTextVNode as c } from "vue";
+import { T as i } from "./TaskBoard.context-BCq7uauT.mjs";
+const f = /* @__PURE__ */ r({
+  __name: "TaskBoardColumnEmpty",
+  setup(d) {
+    const o = s(i);
+    return (t, e) => (n(), m("div", {
+      class: a(l(o).classes.emptyColumn)
+    }, [
+      p(t.$slots, "default", {}, () => [
+        e[0] || (e[0] = c("No items", -1))
+      ])
+    ], 2));
+  }
+});
+export {
+  f as _
+};

package/dist/chunks/TaskBoardColumnFooter.vue_vue_type_script_setup_true_lang-BpKRnC6u.mjs

@@ -0,0 +1,19 @@
+import { defineComponent as r, inject as t, openBlock as s, createElementBlock as c, normalizeClass as l, unref as o, renderSlot as m } from "vue";
+import { T as u, a as _ } from "./TaskBoard.context-BCq7uauT.mjs";
+const f = /* @__PURE__ */ r({
+  __name: "TaskBoardColumnFooter",
+  setup(i) {
+    const n = t(u), e = t(_);
+    return (a, p) => (s(), c("div", {
+      class: l(o(n).classes.columnFooter)
+    }, [
+      m(a.$slots, "default", {
+        column: o(e).columnData,
+        itemCount: o(e).itemCount.value
+      })
+    ], 2));
+  }
+});
+export {
+  f as _
+};

package/dist/chunks/TaskBoardColumnHeader.vue_vue_type_script_setup_true_lang-DMc9zcWV.mjs

@@ -0,0 +1,51 @@
+import { defineComponent as p, useSlots as C, inject as i, onMounted as c, openBlock as s, createElementBlock as a, unref as e, normalizeClass as r, renderSlot as g, withModifiers as d, createElementVNode as f, createCommentVNode as k } from "vue";
+import { T as v, a as w } from "./TaskBoard.context-BCq7uauT.mjs";
+const b = ["aria-label"], H = /* @__PURE__ */ p({
+  __name: "TaskBoardColumnHeader",
+  setup(D) {
+    const n = C(), t = i(v), o = i(w);
+    return c(() => {
+      n.default && !t.columnHeaderSlotRenderer.value && t.registerColumnHeaderSlot(n.default);
+    }), (m, l) => (s(), a("div", {
+      class: r(e(t).classes.columnHeader),
+      onPointerdown: l[2] || (l[2] = (u) => e(t).onColumnHeaderPointerDown(e(o).columnData, u))
+    }, [
+      e(n).default ? g(m.$slots, "default", {
+        key: 0,
+        column: e(o).columnData,
+        itemCount: e(o).itemCount.value,
+        isCollapsed: e(o).isCollapsed.value,
+        toggleCollapse: e(o).toggleCollapse,
+        startDrag: e(o).startDrag
+      }) : e(o).isCollapsed.value ? (s(), a("button", {
+        key: 1,
+        type: "button",
+        class: r(e(t).classes.columnCollapseToggle),
+        "aria-label": `Expand ${e(o).label} column`,
+        onPointerdown: l[0] || (l[0] = d(() => {
+        }, ["stop"])),
+        onClick: l[1] || (l[1] = d((u) => e(o).toggleCollapse(), ["stop"]))
+      }, [
+        (s(), a("svg", {
+          class: r(e(t).classes.columnCollapseToggleIcon),
+          width: "12",
+          height: "12",
+          viewBox: "0 0 12 12",
+          fill: "none",
+          "aria-hidden": "true"
+        }, [...l[3] || (l[3] = [
+          f("path", {
+            d: "M4.5 2.5L8 6L4.5 9.5",
+            stroke: "currentColor",
+            "stroke-width": "1.5",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, null, -1)
+        ])], 2))
+      ], 42, b)) : k("", !0)
+    ], 34));
+  }
+});
+export {
+  H as _
+};