vlite3 0.2.7 → 0.2.9

package/components/DataTable/DataTable.vue2.js

@@ -1,316 +1,4 @@
-import { defineComponent as ee, ref as g, computed as b, watch as p, onMounted as te, openBlock as n, createElementBlock as i, createVNode as C, createSlots as V, withCtx as T, renderSlot as S, createBlock as D, createCommentVNode as I, createElementVNode as r, normalizeClass as B, Fragment as R, renderList as $, normalizeStyle as A, mergeProps as le, toDisplayString as M, createTextVNode as ae, unref as se } from "vue";
-import oe from "../Icon.vue.js";
-import ne from "../CheckBox.vue.js";
-import re from "../Button.vue.js";
-import ie from "../ConfirmationModal.vue.js";
-import de from "../Pagination/Pagination.vue.js";
-import ue from "./DataTableHeader.vue.js";
-import ce from "./DataTableRow.vue.js";
-import me from "./DataTableToolbar.vue.js";
-const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve = { class: "hover:bg-transparent" }, ge = {
-  key: 0,
-  scope: "col",
-  class: "w-[48px] px-0 text-center font-medium text-muted-foreground",
-  style: { width: "48px" }
-}, pe = { class: "flex items-center justify-center" }, we = { class: "[&_tr:last-child]:border-0" }, ye = {
-  key: 0,
-  class: "w-[48px] px-0 py-4 align-middle text-center",
-  style: { width: "48px" }
-}, be = { key: 2 }, ke = ["colspan"], Pe = { class: "flex flex-col items-center justify-center gap-2 text-muted-foreground p-8" }, xe = { class: "flex h-12 w-12 items-center justify-center rounded-full bg-muted" }, Ce = { class: "mt-1 text-base font-semibold text-foreground" }, Se = { class: "text-sm max-w-sm mx-auto" }, Ie = {
-  key: 0,
-  class: "mt-4"
-}, $e = { key: 0 }, Ve = /* @__PURE__ */ ee({
-  __name: "DataTable",
-  props: {
-    rows: { default: () => [] },
-    selectedRows: { default: () => [] },
-    search: { default: "" },
-    showSearch: { type: Boolean, default: !0 },
-    searchPlaceholder: { default: "Search..." },
-    headers: { default: () => [] },
-    keyField: { default: "_id" },
-    loading: { type: Boolean, default: !1 },
-    selectable: { type: Boolean, default: !1 },
-    emptyTitle: { default: "No data available" },
-    emptyDescription: { default: "No results found. Try adjusting your filters or search terms." },
-    emptyIcon: { default: "lucide:inbox" },
-    showPagination: { type: Boolean, default: !0 },
-    paginationPosition: {},
-    pageInfo: {},
-    itemsPerPage: { default: 10 },
-    itemsPerPageOptions: { default: () => [10, 25, 50, 100] },
-    showItemsPerPage: { type: Boolean, default: !0 },
-    striped: { type: Boolean, default: !1 },
-    hoverable: { type: Boolean, default: !0 },
-    bordered: { type: Boolean, default: !0 },
-    compact: { type: Boolean, default: !1 },
-    tableClass: {},
-    class: {},
-    sortable: { type: Boolean, default: !1 },
-    variant: { default: "default" }
-  },
-  emits: ["change", "select", "rowClick", "update:itemsPerPage", "update:selectedRows", "delete"],
-  setup(a, { emit: U }) {
-    const O = (e, t) => t.split(".").reduce((s, c) => s?.[c], e), u = (e, t) => O(e, t), l = a, w = U, d = g({ field: "", order: "" }), k = g(l.itemsPerPage), h = g(l.pageInfo?.currentPage || 1), y = g(l.search || ""), P = g(!1), v = g("initial"), L = b(() => l.loading && (v.value === "initial" || v.value === "page"));
-    p(
-      () => l.loading,
-      (e, t) => {
-        !e && t && (v.value = "idle");
-      }
-    ), p(
-      () => l.search,
-      (e) => {
-        e !== void 0 && e !== y.value && (y.value = e);
-      }
-    );
-    let F = null;
-    p(y, (e) => {
-      F && clearTimeout(F), F = setTimeout(() => {
-        h.value = 1, v.value = "search", x();
-      }, 300);
-    }), p(
-      () => l.itemsPerPage,
-      (e) => {
-        k.value = e;
-      }
-    ), p(
-      () => l.pageInfo?.currentPage,
-      (e) => {
-        e && (h.value = e);
-      }
-    );
-    const j = (e) => u(e, l.keyField), o = g(/* @__PURE__ */ new Set());
-    p(
-      () => l.selectedRows,
-      (e) => {
-        const t = new Set((e || []).map((s) => u(s, l.keyField)));
-        (t.size !== o.value.size || [...t].some((s) => !o.value.has(s))) && (o.value = t);
-      },
-      { immediate: !0, deep: !0 }
-    );
-    const z = b(() => l.rows.length === 0 ? !1 : l.rows.every((e) => o.value.has(u(e, l.keyField)))), E = b(() => o.value.size > 0 && !z.value), W = b(() => {
-      const e = [...l.selectedRows || [], ...l.rows], t = /* @__PURE__ */ new Map();
-      return e.forEach((s) => t.set(u(s, l.keyField), s)), Array.from(o.value).map((s) => t.get(s)).filter(Boolean);
-    }), q = (e) => {
-      e ? l.rows.forEach((t) => o.value.add(u(t, l.keyField))) : o.value.size > 0 && l.rows.forEach((t) => o.value.delete(u(t, l.keyField))), N();
-    }, G = (e) => {
-      o.value.has(e) ? o.value.delete(e) : o.value.add(e), N();
-    }, N = () => {
-      const e = l.selectedRows || [], t = /* @__PURE__ */ new Set(), s = [];
-      l.rows.forEach((m) => {
-        const f = u(m, l.keyField);
-        o.value.has(f) && (s.push(m), t.add(f));
-      }), e.forEach((m) => {
-        const f = u(m, l.keyField);
-        !t.has(f) && o.value.has(f) && (s.push(m), t.add(f));
-      });
-      const c = {
-        selected: s,
-        all: z.value,
-        indeterminate: E.value
-      };
-      w("select", c), w("update:selectedRows", s);
-    }, H = (e) => {
-      d.value.field === e ? d.value.order === "asc" ? d.value.order = "desc" : d.value.order === "desc" ? (d.value.order = "", d.value.field = "") : d.value.order = "asc" : (d.value.field = e, d.value.order = "asc"), h.value = 1, v.value = "sort", x();
-    }, J = (e) => {
-      h.value = e, v.value = "page", x();
-    }, K = (e) => {
-      k.value = e, h.value = 1, v.value = "limit", w("update:itemsPerPage", e), x();
-    }, Q = (e) => {
-      w("rowClick", e);
-    }, X = () => {
-      const e = W.value;
-      w("delete", e), P.value = !1;
-    }, x = () => {
-      w("change", {
-        pagination: {
-          page: h.value,
-          limit: k.value
-        },
-        sorting: { ...d.value },
-        search: y.value
-      });
-    }, Y = b(() => [
-      "w-full flex flex-col",
-      l.variant === "raised" ? "bg-background shadow-sm p-2 rounded-lg" : "bg-background rounded",
-      "overflow-hidden",
-      l.bordered ? "border border-border/60" : "",
-      l.class
-    ].join(" ")), Z = b(() => ["w-full caption-bottom text-sm", l.tableClass].join(" ")), _ = (e) => e.width ? e.width : "auto";
-    return p(
-      () => l.rows,
-      () => {
-        const e = new Set(l.rows.map((t) => u(t, l.keyField)));
-        o.value = new Set([...o.value].filter((t) => e.has(t)));
-      }
-    ), te(() => {
-      x();
-    }), (e, t) => (n(), i("div", fe, [
-      C(me, {
-        modelValue: y.value,
-        "onUpdate:modelValue": t[1] || (t[1] = (s) => y.value = s),
-        "show-search": a.showSearch,
-        placeholder: a.searchPlaceholder
-      }, V({ _: 2 }, [
-        e.$slots?.["toolbar-left"] ? {
-          name: "left",
-          fn: T(() => [
-            S(e.$slots, "toolbar-left", {}, void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        e.$slots?.["toolbar-right"] || o.value.size > 0 ? {
-          name: "right",
-          fn: T(() => [
-            o.value.size > 0 ? (n(), D(re, {
-              key: 0,
-              rounded: "full",
-              variant: "ghost",
-              icon: "lucide:trash-2",
-              class: "text-destructive! bg-destructive/10 hover:bg-destructive/15",
-              onClick: t[0] || (t[0] = (s) => P.value = !0)
-            })) : I("", !0),
-            S(e.$slots, "toolbar-right", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1032, ["modelValue", "show-search", "placeholder"]),
-      r("div", {
-        class: B(Y.value)
-      }, [
-        r("div", he, [
-          r("table", {
-            class: B([Z.value, ""])
-          }, [
-            r("thead", {
-              class: B([
-                "[&_tr]:border-b [&_tr]:border-border/70! bg-muted",
-                a.variant === "raised" ? "[&_th:first-child]:rounded-tl-lg [&_th:last-child]:rounded-tr-lg" : ""
-              ])
-            }, [
-              r("tr", ve, [
-                a.selectable ? (n(), i("th", ge, [
-                  r("div", pe, [
-                    C(ne, {
-                      "model-value": z.value,
-                      indeterminate: E.value,
-                      size: "xs",
-                      "onUpdate:modelValue": q
-                    }, null, 8, ["model-value", "indeterminate"])
-                  ])
-                ])) : I("", !0),
-                (n(!0), i(R, null, $(a.headers, (s) => (n(), D(ue, {
-                  key: s.field,
-                  header: s,
-                  "sort-config": d.value,
-                  compact: a.compact,
-                  "table-sortable": a.sortable,
-                  onSort: H,
-                  class: "last:pr-5!",
-                  style: A({
-                    width: _(s)
-                  })
-                }, null, 8, ["header", "sort-config", "compact", "table-sortable", "style"]))), 128))
-              ])
-            ], 2),
-            r("tbody", we, [
-              L.value ? (n(!0), i(R, { key: 0 }, $(Math.min(k.value, 15), (s) => (n(), i("tr", {
-                key: "skeleton-" + s,
-                class: "border-b border-border/50 bg-background transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"
-              }, [
-                a.selectable ? (n(), i("td", ye, [...t[4] || (t[4] = [
-                  r("div", { class: "flex items-center justify-center" }, [
-                    r("div", { class: "h-4 w-4 rounded-[4px] bg-muted/50 animate-pulse" })
-                  ], -1)
-                ])])) : I("", !0),
-                (n(!0), i(R, null, $(a.headers, (c) => (n(), i("td", {
-                  key: c.field,
-                  class: B(["p-5! align-middle last:pr-6!", [c.hideOnMobile ? "hidden md:table-cell" : ""]])
-                }, [
-                  r("div", {
-                    class: "rounded-md bg-muted/50 animate-pulse h-4 w-full",
-                    style: A({
-                      width: `${50 + Math.random() * 40}%`
-                    })
-                  }, null, 4)
-                ], 2))), 128))
-              ]))), 128)) : a.rows.length > 0 ? (n(!0), i(R, { key: 1 }, $(a.rows, (s, c) => (n(), D(ce, {
-                key: j(s),
-                row: s,
-                headers: a.headers,
-                index: c,
-                "key-field": a.keyField,
-                selectable: a.selectable,
-                "is-selected": o.value.has(j(s)),
-                hoverable: a.hoverable,
-                striped: a.striped,
-                compact: a.compact,
-                onSelect: G,
-                onRowClick: Q,
-                class: "[&_td:last-child]:pr-3.5!"
-              }, V({ _: 2 }, [
-                $(a.headers, (m) => ({
-                  name: m.field,
-                  fn: T((f) => [
-                    S(e.$slots, m.field, le({ ref_for: !0 }, f), void 0, !0)
-                  ])
-                }))
-              ]), 1032, ["row", "headers", "index", "key-field", "selectable", "is-selected", "hoverable", "striped", "compact"]))), 128)) : (n(), i("tr", be, [
-                r("td", {
-                  colspan: a.selectable ? a.headers.length + 1 : a.headers.length,
-                  class: "h-96 text-center align-middle hover:bg-transparent"
-                }, [
-                  r("div", Pe, [
-                    r("div", xe, [
-                      C(oe, {
-                        icon: a.emptyIcon,
-                        class: "h-6 w-6 text-muted-foreground/80"
-                      }, null, 8, ["icon"])
-                    ]),
-                    r("h3", Ce, M(a.emptyTitle), 1),
-                    r("p", Se, [
-                      S(e.$slots, "empty-description", {}, () => [
-                        ae(M(a.emptyDescription), 1)
-                      ], !0)
-                    ]),
-                    e.$slots["empty-action"] ? (n(), i("div", Ie, [
-                      S(e.$slots, "empty-action", {}, void 0, !0)
-                    ])) : I("", !0)
-                  ])
-                ], 8, ke)
-              ]))
-            ])
-          ], 2)
-        ])
-      ], 2),
-      a.showPagination && a.pageInfo && a.pageInfo.totalItems > 0 ? (n(), i("div", $e, [
-        C(se(de), {
-          "current-page": h.value,
-          "total-pages": a.pageInfo.totalPages,
-          "show-page-info": !1,
-          "show-items-per-page": a.showItemsPerPage,
-          "items-per-page": k.value,
-          "items-per-page-options": a.itemsPerPageOptions,
-          "nav-type": "icon",
-          alignment: l.paginationPosition,
-          onChange: J,
-          "onUpdate:itemsPerPage": K
-        }, null, 8, ["current-page", "total-pages", "show-items-per-page", "items-per-page", "items-per-page-options", "alignment"])
-      ])) : I("", !0),
-      C(ie, {
-        show: P.value,
-        "onUpdate:show": t[2] || (t[2] = (s) => P.value = s),
-        title: "Confirm Deletion",
-        description: "Are you sure you want to delete the selected items?",
-        "confirm-text": "Delete",
-        "cancel-text": "Cancel",
-        variant: "danger",
-        onConfirm: X,
-        onCancel: t[3] || (t[3] = (s) => P.value = !1)
-      }, null, 8, ["show"])
-    ]));
-  }
-});
+import f from "./DataTable.vue.js";
 export {
-  Ve as default
+  f as default
 };

package/components/DataTable/DataTableRow.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as p, computed as k, openBlock as c, createElementBlock as a, normalizeClass as u, withModifiers as v, createElementVNode as m, createVNode as h, createCommentVNode as N, Fragment as B, renderList as M, renderSlot as V } from "vue";
-import z from "../CheckBox.vue.js";
-const F = ["data-state"], L = { class: "flex items-center justify-center" }, U = ["title", "innerHTML"], T = /* @__PURE__ */ p({
+import { defineComponent as k, computed as p, openBlock as c, createElementBlock as d, normalizeClass as u, withModifiers as v, createElementVNode as m, createVNode as N, createCommentVNode as B, Fragment as M, renderList as V, renderSlot as z } from "vue";
+import F from "../CheckBox.vue.js";
+const L = ["data-state"], U = { class: "flex items-center justify-center" }, h = ["title", "innerHTML"], T = /* @__PURE__ */ k({
   __name: "DataTableRow",
   props: {
     row: {},
@@ -14,27 +14,30 @@ const F = ["data-state"], L = { class: "flex items-center justify-center" }, U =
     compact: { type: Boolean, default: !1 }
   },
   emits: ["select", "rowClick"],
-  setup(t, { emit: f }) {
-    const s = t, d = f, r = (e, n) => n.split(".").reduce((i, l) => i?.[l], e), g = (e, n, i) => e.format ? e.format(n, i) : n == null ? "-" : e.type === "price" ? new Intl.NumberFormat("en-US", {
+  setup(i, { emit: f }) {
+    const r = i, a = f, o = (e, t) => {
+      if (!(!e || !t))
+        return t.includes(".") ? t.split(".").reduce((n, l) => n?.[l], e) : e[t];
+    }, g = (e, t, n) => e.format ? e.format(t, n) : t == null ? "-" : e.type === "price" ? new Intl.NumberFormat("en-US", {
       style: "currency",
       currency: "USD"
-    }).format(Number(n)) : e.type === "date" ? new Date(n).toLocaleDateString("en-US", {
+    }).format(Number(t)) : e.type === "date" ? new Date(t).toLocaleDateString("en-US", {
       year: "numeric",
       month: "short",
       day: "numeric"
-    }) : e.type === "number" ? new Intl.NumberFormat("en-US").format(Number(n)) : String(n), x = (e, n, i) => {
+    }) : e.type === "number" ? new Intl.NumberFormat("en-US").format(Number(t)) : String(t), x = (e, t, n) => {
       const l = [];
       if (e.capitalize && l.push("capitalize"), e.addStatusColor) {
-        const o = w(n);
-        o && l.push(o);
+        const s = w(t);
+        s && l.push(s);
       }
       if (typeof e.class == "function") {
-        const o = e.class(n, i);
-        o && l.push(o);
+        const s = e.class(t, n);
+        s && l.push(s);
       } else e.class && l.push(e.class);
       return l.join(" ");
     }, w = (e) => {
-      const n = {
+      const t = {
         active: "text-success font-medium",
         inactive: "text-muted-foreground",
         pending: "text-warning font-medium",
@@ -48,65 +51,65 @@ const F = ["data-state"], L = { class: "flex items-center justify-center" }, U =
         high: "text-destructive font-medium",
         medium: "text-warning font-medium",
         low: "text-muted-foreground"
-      }, i = String(e).toLowerCase().replace(/[-_\s]/g, "");
-      return n[i] || "";
-    }, b = (e) => ({
+      }, n = String(e).toLowerCase().replace(/[-_\s]/g, "");
+      return t[n] || "";
+    }, y = (e) => ({
       left: "text-left",
       center: "text-center",
       right: "text-right"
-    })[e.align || "left"], y = k(() => r(s.row, s.keyField)), C = () => {
-      d("rowClick", { row: s.row, index: s.index });
+    })[e.align || "left"], b = p(() => o(r.row, r.keyField)), C = () => {
+      a("rowClick", { row: r.row, index: r.index });
     }, S = () => {
-      d("select", y.value);
+      a("select", b.value);
     };
-    return (e, n) => (c(), a("tr", {
+    return (e, t) => (c(), d("tr", {
       class: u(["border-b border-border/70 transition-colors data-[state=selected]:bg-muted h-full", [
-        t.hoverable ? "hover:bg-muted/50" : "",
-        t.striped && t.index % 2 === 1 ? "bg-muted/20" : "bg-background",
-        t.isSelected ? "bg-muted! hover:bg-muted/30" : "",
+        i.hoverable ? "hover:bg-muted/50" : "",
+        i.striped && i.index % 2 === 1 ? "bg-muted/20" : "bg-background",
+        i.isSelected ? "bg-muted! hover:bg-muted/30" : "",
         "group"
       ]]),
-      "data-state": t.isSelected ? "selected" : void 0,
+      "data-state": i.isSelected ? "selected" : void 0,
       onClick: C
     }, [
-      t.selectable ? (c(), a("td", {
+      i.selectable ? (c(), d("td", {
         key: 0,
         class: "w-[48px] px-0 py-3 align-middle text-center",
         style: { width: "48px" },
-        onClick: n[0] || (n[0] = v(() => {
+        onClick: t[0] || (t[0] = v(() => {
         }, ["stop"]))
       }, [
-        m("div", L, [
-          h(z, {
-            "model-value": t.isSelected,
+        m("div", U, [
+          N(F, {
+            "model-value": i.isSelected,
             size: "xs",
             "onUpdate:modelValue": S
           }, null, 8, ["model-value"])
         ])
-      ])) : N("", !0),
-      (c(!0), a(B, null, M(t.headers, (i) => (c(), a("td", {
-        key: i.field,
+      ])) : B("", !0),
+      (c(!0), d(M, null, V(i.headers, (n) => (c(), d("td", {
+        key: n.field,
         class: u(["align-middle overflow-hidden", [
-          t.compact ? "p-2 text-xs" : "py-3! px-3 text-sm",
-          b(i),
-          i.hideOnMobile ? "hidden md:table-cell" : "",
-          x(i, r(t.row, i.field), t.row)
+          i.compact ? "p-2 text-xs" : "py-3! px-3 text-sm",
+          y(n),
+          n.hideOnMobile ? "hidden md:table-cell" : "",
+          x(n, o(i.row, n.field), i.row)
         ]])
       }, [
-        V(e.$slots, i.field, {
-          value: t.row,
-          row: t.row,
-          index: t.index,
-          field: i.field
+        z(e.$slots, n.field, {
+          value: o(i.row, n.field),
+          row: i.row,
+          index: i.index,
+          field: n.field
         }, () => [
           m("span", {
             class: "truncate block",
-            title: String(r(t.row, i.field)),
-            innerHTML: g(i, r(t.row, i.field), t.row)
-          }, null, 8, U)
+            title: String(o(i.row, n.field)),
+            innerHTML: g(n, o(i.row, n.field), i.row)
+          }, null, 8, h)
         ])
       ], 2))), 128))
-    ], 10, F));
+    ], 10, L));
   }
 });
 export {

package/components/Kanban/Kanban.vue.d.ts

@@ -0,0 +1,60 @@
+import { KanbanColumn, KanbanLoadDataResult, KanbanChangeEvent } from './types';
+type __VLS_Props = {
+    columns: KanbanColumn[];
+    group?: string;
+    itemKey?: string;
+    loadData?: (columnId: string | number, page: number) => Promise<KanbanLoadDataResult>;
+    data?: Record<string | number, any[]>;
+    boardClass?: string;
+    headerClass?: string;
+    bodyClass?: string;
+    draggableClass?: string;
+    ghostClass?: string;
+    class?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'column-header'?(_: {
+            column: KanbanColumn;
+            pageInfo: {
+                currentPage: number;
+                totalPages: number;
+                totalItems: number;
+            };
+        }): any;
+        'prepend-item'?(_: {
+            column: KanbanColumn;
+            items: any[];
+        }): any;
+        item?(_: {
+            item: any;
+            column: KanbanColumn;
+        }): any;
+        'append-item'?(_: {
+            column: KanbanColumn;
+            items: any[];
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (payload: KanbanChangeEvent) => any;
+    "update:data": (val: Record<string | number, any[]>) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: (payload: KanbanChangeEvent) => any;
+    "onUpdate:data"?: (val: Record<string | number, any[]>) => any;
+}>, {
+    class: string;
+    group: string;
+    itemKey: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Kanban/Kanban.vue.js

@@ -0,0 +1,7 @@
+import o from "./Kanban.vue2.js";
+/* empty css            */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-11bc76c9"]]);
+export {
+  m as default
+};

package/components/Kanban/Kanban.vue2.js

@@ -0,0 +1,62 @@
+import { defineComponent as b, openBlock as n, createElementBlock as m, normalizeClass as C, Fragment as p, renderList as y, createBlock as k, withCtx as o, renderSlot as d, mergeProps as r } from "vue";
+import v from "./KanbanBoard.vue.js";
+const K = /* @__PURE__ */ b({
+  __name: "Kanban",
+  props: {
+    columns: {},
+    group: { default: "kanban-group" },
+    itemKey: { default: "id" },
+    loadData: {},
+    data: {},
+    boardClass: {},
+    headerClass: {},
+    bodyClass: {},
+    draggableClass: {},
+    ghostClass: {},
+    class: { default: "h-full w-full" }
+  },
+  emits: ["change", "update:data"],
+  setup(a, { emit: i }) {
+    const s = a, u = i, g = (e) => {
+      u("change", e);
+    }, f = (e, c) => {
+      s.data && u("update:data", { ...s.data, [e]: c });
+    }, h = (e) => s.data ? s.data[e] || [] : [];
+    return (e, c) => (n(), m("div", {
+      class: C(["flex gap-4 overflow-x-auto p-1 custom-scrollbar-x", s.class])
+    }, [
+      (n(!0), m(p, null, y(a.columns, (l) => (n(), k(v, {
+        key: l.id,
+        column: l,
+        group: a.group,
+        "item-key": a.itemKey,
+        "load-data": a.loadData,
+        "column-data": h(l.id),
+        "board-class": a.boardClass,
+        "header-class": a.headerClass,
+        "body-class": a.bodyClass,
+        "draggable-class": a.draggableClass,
+        "ghost-class": a.ghostClass,
+        onChange: g,
+        "onUpdate:columnData": (t) => f(l.id, t)
+      }, {
+        header: o((t) => [
+          d(e.$slots, "column-header", r({ ref_for: !0 }, t), void 0, !0)
+        ]),
+        "prepend-item": o((t) => [
+          d(e.$slots, "prepend-item", r({ ref_for: !0 }, t), void 0, !0)
+        ]),
+        item: o((t) => [
+          d(e.$slots, "item", r({ ref_for: !0 }, t), void 0, !0)
+        ]),
+        "append-item": o((t) => [
+          d(e.$slots, "append-item", r({ ref_for: !0 }, t), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["column", "group", "item-key", "load-data", "column-data", "board-class", "header-class", "body-class", "draggable-class", "ghost-class", "onUpdate:columnData"]))), 128))
+    ], 2));
+  }
+});
+export {
+  K as default
+};

package/components/Kanban/KanbanBoard.vue.d.ts

@@ -0,0 +1,59 @@
+import { KanbanColumn, KanbanLoadDataResult, KanbanChangeEvent } from './types';
+type __VLS_Props = {
+    column: KanbanColumn;
+    group?: string;
+    itemKey?: string;
+    loadData?: (columnId: string | number, page: number) => Promise<KanbanLoadDataResult>;
+    columnData?: any[];
+    boardClass?: string;
+    headerClass?: string;
+    bodyClass?: string;
+    draggableClass?: string;
+    ghostClass?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {
+            column: KanbanColumn;
+            pageInfo: {
+                currentPage: number;
+                totalPages: number;
+                totalItems: number;
+            };
+        }): any;
+        'prepend-item'?(_: {
+            column: KanbanColumn;
+            items: any[];
+        }): any;
+        item?(_: {
+            item: any;
+            column: KanbanColumn;
+        }): any;
+        'append-item'?(_: {
+            column: KanbanColumn;
+            items: any[];
+        }): any;
+    };
+    refs: {
+        scrollContainer: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (payload: KanbanChangeEvent) => any;
+    "update:columnData": (items: any[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: (payload: KanbanChangeEvent) => any;
+    "onUpdate:columnData"?: (items: any[]) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    scrollContainer: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Kanban/KanbanBoard.vue.js

@@ -0,0 +1,7 @@
+import o from "./KanbanBoard.vue2.js";
+/* empty css                 */
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-9ac38977"]]);
+export {
+  p as default
+};