vlite3 1.4.32 → 1.4.34

package/components/Form/FormField.vue.js

@@ -69,7 +69,7 @@ const Be = /* @__PURE__ */ q({
       richTextEditor: t(se)
     }, P = t(s), e = d, h = j, o = (a, l) => {
       h("change", { value: a, data: l });
-    }, k = (a) => {
+    }, R = (a) => {
       h("change", { value: a });
     }, u = c(() => K(e.field, {
       values: e.values,
@@ -92,7 +92,7 @@ const Be = /* @__PURE__ */ q({
       }, y = X(
         e.field.placeholderI18n,
         e.field.placeholder
-      ), R = e.variant === "floating" && e.label && !e.floatingActive, f = R ? "" : y;
+      ), k = e.variant === "floating" && e.label && !e.floatingActive, f = k ? "" : y;
       if (a === "text" || a === "email" || a === "password" || a === "tel" || a === "url" || a === "search" || a === "textarea" || !a)
         return {
           ...i,
@@ -185,7 +185,7 @@ const Be = /* @__PURE__ */ q({
           triggerProps: {
             variant: e.variant === "floating" ? "outline-floating" : e.variant || "outline",
             size: e.size,
-            ...R ? { text: "​" } : {}
+            ...k ? { text: "​" } : {}
           }
         };
       if (a === "multiSelect")
@@ -233,7 +233,7 @@ const Be = /* @__PURE__ */ q({
             variant: e.variant === "floating" ? "outline-floating" : e.variant || "outline",
             size: e.size,
             class: "px-3!",
-            ...R ? { text: "​" } : {}
+            ...k ? { text: "​" } : {}
           }
         };
       if (a === "dateRangePicker")
@@ -298,7 +298,8 @@ const Be = /* @__PURE__ */ q({
           modelValue: e.value || "#000000",
           variant: e.variant,
           size: e.size,
-          rounded: e.rounded
+          rounded: e.rounded,
+          allowReset: e.field.props?.allowReset ?? !1
         };
       if (a === "iconPicker")
         return {
@@ -342,14 +343,14 @@ const Be = /* @__PURE__ */ q({
     }), N = c(() => {
       const a = u.value;
       return a === "text" || a === "email" || a === "password" || a === "tel" || a === "url" || a === "search" || a === "textarea" || a === "switch" || a === "check" || !a ? {
-        "update:modelValue": k
+        "update:modelValue": R
       } : a === "number" && x.value ? {
         "update:modelValue": (l) => {
           const n = l === "" ? void 0 : Number(l);
           h("change", { value: isNaN(n) ? void 0 : n });
         }
       } : a === "number" ? {
-        "update:modelValue": k
+        "update:modelValue": R
       } : a === "select" ? {
         onSelect: (l) => {
           o(l.value, l.data);
@@ -381,7 +382,7 @@ const Be = /* @__PURE__ */ q({
           o(l);
         }
       } : a === "tags" ? {
-        "update:modelValue": k,
+        "update:modelValue": R,
         change: (l) => o(l)
       } : a === "richTextEditor" ? {
         "update:modelValue": (l) => o(l)

package/components/ImportData/ImportStep1.vue.js

@@ -1,15 +1,15 @@
-import { defineComponent as A, ref as b, computed as d, openBlock as w, createElementBlock as V, createElementVNode as r, toDisplayString as n, withModifiers as F, normalizeClass as E, createVNode as v, createCommentVNode as J, withCtx as K, createTextVNode as L } from "vue";
-import R from "papaparse";
-import M from "../Icon.vue.js";
-import W from "../Button.vue.js";
-import q from "../Textarea.vue.js";
+import { defineComponent as J, ref as y, computed as d, openBlock as V, createElementBlock as F, createElementVNode as o, toDisplayString as n, withModifiers as E, normalizeClass as M, createVNode as v, createCommentVNode as K, withCtx as L, createTextVNode as W } from "vue";
+import S from "../Icon.vue.js";
+import q from "../Button.vue.js";
+import G from "../Textarea.vue.js";
 import { showToast as h } from "../../composables/useNotifications.js";
 import { $t as k } from "../../utils/i18n.js";
 import { camelCase as g } from "../../utils/functions.js";
-const G = { class: "space-y-2" }, Q = { class: "font-medium text-md" }, X = { class: "space-y-6" }, Y = { class: "flex flex-col items-center justify-center pointer-events-none" }, Z = { class: "w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mb-4 text-primary" }, ee = { class: "font-medium text-foreground mb-1" }, te = { class: "text-sm text-muted-foreground" }, ae = {
+import { resolveModuleRuntime as Q } from "../../utils/UtilsModuleInterop.js";
+const X = { class: "space-y-2" }, Y = { class: "font-medium text-md" }, Z = { class: "space-y-6" }, ee = { class: "flex flex-col items-center justify-center pointer-events-none" }, te = { class: "w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mb-4 text-primary" }, re = { class: "font-medium text-foreground mb-1" }, ae = { class: "text-sm text-muted-foreground" }, oe = {
   key: 0,
   class: "mt-4 text-sm font-semibold text-primary bg-background px-3 py-1 rounded-md border border-border shadow-sm inline-block"
-}, re = { class: "flex items-center gap-3 mb-4" }, oe = { class: "w-8 h-8 rounded-lg bg-secondary flex items-center justify-center text-secondary-foreground" }, se = { class: "font-medium text-foreground leading-none" }, ie = { class: "flex justify-end mt-3" }, ve = /* @__PURE__ */ A({
+}, se = { class: "flex items-center gap-3 mb-4" }, ie = { class: "w-8 h-8 rounded-lg bg-secondary flex items-center justify-center text-secondary-foreground" }, ne = { class: "font-medium text-foreground leading-none" }, le = { class: "flex justify-end mt-3" }, ge = /* @__PURE__ */ J({
   __name: "ImportStep1",
   props: {
     importMethod: {},
@@ -29,133 +29,138 @@ const G = { class: "space-y-2" }, Q = { class: "font-medium text-md" }, X = { cl
     "next"
   ],
   setup(l, { emit: P }) {
-    const y = l, i = P, s = (t, e, a) => {
-      const o = a ? k(t, a) : k(t);
-      return o !== t ? o : e;
-    }, D = b(null), m = b(!1), c = b(""), S = (t) => {
-      if (t.preventDefault(), m.value = !1, t.dataTransfer?.files && t.dataTransfer.files.length > 0) {
-        const e = t.dataTransfer.files[0];
-        e.type === "text/csv" || e.name.endsWith(".csv") ? _(e) : h(s("vlite.importData.csvOnly", "Please upload a CSV file"), "error");
+    const b = l, i = P, s = (r, e, a) => {
+      const t = a ? k(r, a) : k(r);
+      return t !== r ? t : e;
+    }, D = y(null), m = y(!1), c = y(""), T = (r) => {
+      if (r.preventDefault(), m.value = !1, r.dataTransfer?.files && r.dataTransfer.files.length > 0) {
+        const e = r.dataTransfer.files[0];
+        e.type === "text/csv" || e.name.endsWith(".csv") ? w(e) : h(s("vlite.importData.csvOnly", "Please upload a CSV file"), "error");
       }
-    }, _ = (t) => {
-      i("update:csvFile", t), i("update:importMethod", "file");
+    }, w = (r) => {
+      i("update:csvFile", r), i("update:importMethod", "file");
       const e = new FileReader();
       e.onload = (a) => {
-        a.target?.result && C(a.target.result);
-      }, e.readAsText(t);
-    }, T = () => {
-      i("update:importMethod", "paste"), c.value && C(c.value);
-    }, j = (t) => {
-      const e = g(t), a = {};
-      return y.fields.forEach((o) => {
-        a[g(o.field)] = o.field, a[g(o.title)] = o.field, o.matchings?.forEach((u) => {
-          a[g(u)] = o.field;
+        a.target?.result && _(a.target.result);
+      }, e.readAsText(r);
+    }, j = () => {
+      i("update:importMethod", "paste"), c.value && _(c.value);
+    }, O = (r) => {
+      const e = g(r), a = {};
+      return b.fields.forEach((t) => {
+        a[g(t.field)] = t.field, a[g(t.title)] = t.field, t.matchings?.forEach((u) => {
+          a[g(u)] = t.field;
         });
       }), a[e] || "";
-    }, C = (t) => {
+    }, _ = async (r) => {
       try {
-        R.parse(t, {
+        const e = await import("papaparse"), a = Q(
+          e,
+          (t) => !!(t && typeof t == "object" && "parse" in t && typeof t.parse == "function")
+        );
+        if (!a) throw new Error("The CSV import runtime is unavailable.");
+        a.parse(r, {
           header: !0,
           skipEmptyLines: !0,
-          complete: (e) => {
-            if (!e.data || e.data.length === 0) {
+          complete: (t) => {
+            if (!t.data || t.data.length === 0) {
               h(s("vlite.importData.emptyCsv", "The CSV file is empty."), "warning");
               return;
             }
-            const a = Object.keys(e.data[0]);
-            i("update:headers", a);
-            const o = e.data.map((p) => {
+            const u = Object.keys(t.data[0]);
+            i("update:headers", u);
+            const A = t.data.map((p) => {
               const f = {};
               return Object.keys(p).forEach((x) => {
-                f[x] = p[x] || y.fields.find((B) => B.field === x)?.defaultValue;
+                f[x] = p[x] || b.fields.find((R) => R.field === x)?.defaultValue;
               }), f;
             });
-            i("update:importData", o), i("update:preview", e.data.slice(0, 3));
-            const u = {};
-            a.forEach((p) => {
-              const f = j(p);
-              u[p] = f || "";
-            }), i("update:mappings", u), i("next");
+            i("update:importData", A), i("update:preview", t.data.slice(0, 3));
+            const C = {};
+            u.forEach((p) => {
+              const f = O(p);
+              C[p] = f || "";
+            }), i("update:mappings", C), i("next");
           },
-          error: (e) => h(
-            s("vlite.importData.parseError", "Failed to parse CSV: ") + e.message,
+          error: (t) => h(
+            s("vlite.importData.parseError", "Failed to parse CSV: ") + t.message,
             "error"
           )
         });
       } catch (e) {
         h(s("vlite.importData.processError", "Error processing CSV data"), "error"), console.error(e);
       }
-    }, O = (t) => {
-      const e = t.target;
-      e.files && e.files.length > 0 && _(e.files[0]);
-    }, $ = d(() => s("vlite.importData.uploadData", "Upload Data")), I = d(() => s("vlite.importData.dragDrop", "Drag & drop a file here or click to browse")), z = d(() => s("vlite.importData.csvOnlyHint", "Only CSV files are supported")), H = d(() => s("vlite.importData.pasteData", "Or paste CSV/Excel data")), N = d(() => s("vlite.importData.process", "Process Data")), U = d(() => s("vlite.importData.pastePlaceholder", `id, name, email
+    }, $ = (r) => {
+      const e = r.target;
+      e.files && e.files.length > 0 && w(e.files[0]);
+    }, I = d(() => s("vlite.importData.uploadData", "Upload Data")), z = d(() => s("vlite.importData.dragDrop", "Drag & drop a file here or click to browse")), B = d(() => s("vlite.importData.csvOnlyHint", "Only CSV files are supported")), H = d(() => s("vlite.importData.pasteData", "Or paste CSV/Excel data")), N = d(() => s("vlite.importData.process", "Process Data")), U = d(() => s("vlite.importData.pastePlaceholder", `id, name, email
 1, John Doe, john@example.com`));
-    return (t, e) => (w(), V("div", G, [
-      r("h5", Q, n($.value), 1),
-      r("div", X, [
-        r("div", {
-          class: E([
+    return (r, e) => (V(), F("div", X, [
+      o("h5", Y, n(I.value), 1),
+      o("div", Z, [
+        o("div", {
+          class: M([
             "relative border-2 border-dashed rounded-xl p-8 text-center cursor-pointer transition-colors",
             l.importMethod === "file" ? "border-primary bg-primary/5" : "border-border hover:border-primary/50",
             m.value ? "border-primary bg-primary/10 scale-[1.01]" : ""
           ]),
           onClick: e[0] || (e[0] = (a) => D.value?.click()),
-          onDragover: e[1] || (e[1] = F((a) => m.value = !0, ["prevent"])),
-          onDragleave: e[2] || (e[2] = F((a) => m.value = !1, ["prevent"])),
-          onDrop: S
+          onDragover: e[1] || (e[1] = E((a) => m.value = !0, ["prevent"])),
+          onDragleave: e[2] || (e[2] = E((a) => m.value = !1, ["prevent"])),
+          onDrop: T
         }, [
-          r("input", {
+          o("input", {
             type: "file",
             ref_key: "fileInput",
             ref: D,
             class: "hidden",
             accept: ".csv",
-            onChange: O
+            onChange: $
           }, null, 544),
-          r("div", Y, [
-            r("div", Z, [
-              v(M, {
+          o("div", ee, [
+            o("div", te, [
+              v(S, {
                 icon: "lucide:upload-cloud",
                 class: "w-6 h-6"
               })
             ]),
-            r("p", ee, n(I.value), 1),
-            r("p", te, n(z.value), 1),
-            l.csvFile ? (w(), V("p", ae, n(l.csvFile.name) + " (" + n((l.csvFile.size / 1024).toFixed(2)) + " KB) ", 1)) : J("", !0)
+            o("p", re, n(z.value), 1),
+            o("p", ae, n(B.value), 1),
+            l.csvFile ? (V(), F("p", oe, n(l.csvFile.name) + " (" + n((l.csvFile.size / 1024).toFixed(2)) + " KB) ", 1)) : K("", !0)
           ])
         ], 34),
-        r("div", {
-          class: E([
+        o("div", {
+          class: M([
             "border rounded-xl p-6 transition-colors",
             l.importMethod === "paste" ? "border-primary shadow-sm ring-1 ring-primary/20" : "border-border"
           ])
         }, [
-          r("div", re, [
-            r("div", oe, [
-              v(M, {
+          o("div", se, [
+            o("div", ie, [
+              v(S, {
                 icon: "lucide:clipboard-paste",
                 class: "w-4 h-4"
               })
             ]),
-            r("div", null, [
-              r("p", se, n(H.value), 1)
+            o("div", null, [
+              o("p", ne, n(H.value), 1)
             ])
           ]),
-          v(q, {
+          v(G, {
             modelValue: c.value,
             "onUpdate:modelValue": e[3] || (e[3] = (a) => c.value = a),
             class: "w-full h-32",
             placeholder: U.value
           }, null, 8, ["modelValue", "placeholder"]),
-          r("div", ie, [
-            v(W, {
+          o("div", le, [
+            v(q, {
               variant: "secondary",
               size: "sm",
-              onClick: T,
+              onClick: j,
               disabled: !c.value
             }, {
-              default: K(() => [
-                L(n(N.value), 1)
+              default: L(() => [
+                W(n(N.value), 1)
               ]),
               _: 1
             }, 8, ["disabled"])
@@ -166,5 +171,5 @@ const G = { class: "space-y-2" }, Q = { class: "font-medium text-md" }, X = { cl
   }
 });
 export {
-  ve as default
+  ge as default
 };

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

@@ -32,12 +32,26 @@ declare const __VLS_component: import('vue').DefineComponent<KanbanProps, {}, {}
     change: (payload: KanbanChangeEvent) => any;
     move: (payload: KanbanMoveEvent) => any;
     "update:data": (val: Record<string | number, any[]>) => any;
-    "item-moved": (itemId: string | number, toColumnId: string | number, newPosition: number, item: any) => any;
+    "item-move-failed": (payload: {
+        itemId: string | number;
+        toColumnId: string | number;
+        fromColumnId: string | number;
+        newPosition: number;
+        item: any;
+        error: unknown;
+    }) => any;
 }, string, import('vue').PublicProps, Readonly<KanbanProps> & Readonly<{
     onChange?: (payload: KanbanChangeEvent) => any;
     onMove?: (payload: KanbanMoveEvent) => any;
     "onUpdate:data"?: (val: Record<string | number, any[]>) => any;
-    "onItem-moved"?: (itemId: string | number, toColumnId: string | number, newPosition: number, item: any) => any;
+    "onItem-move-failed"?: (payload: {
+        itemId: string | number;
+        toColumnId: string | number;
+        fromColumnId: string | number;
+        newPosition: number;
+        item: any;
+        error: unknown;
+    }) => any;
 }>, {
     class: string;
     group: string;

package/components/Kanban/Kanban.vue.js

@@ -1,7 +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-52c07c6d"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2dd0633e"]]);
 export {
-  m as default
+  p as default
 };

package/components/Kanban/Kanban.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as D, ref as b, watch as k, openBlock as v, createElementBlock as h, normalizeClass as B, Fragment as w, renderList as P, createBlock as E, withCtx as i, renderSlot as m, mergeProps as c } from "vue";
-import $ from "./KanbanBoard.vue.js";
-const U = /* @__PURE__ */ D({
+import { defineComponent as G, ref as K, watch as U, openBlock as C, createElementBlock as P, normalizeClass as j, Fragment as q, renderList as w, createBlock as z, withCtx as v, renderSlot as g, mergeProps as h } from "vue";
+import F from "./KanbanBoard.vue.js";
+const T = /* @__PURE__ */ G({
   __name: "Kanban",
   props: {
     columns: {},
@@ -17,109 +17,173 @@ const U = /* @__PURE__ */ D({
     draggableClass: {},
     ghostClass: {},
     class: { default: "h-full w-full" },
-    isItemDisabled: {}
+    isItemDisabled: {},
+    onItemMoved: {}
   },
-  emits: ["change", "move", "update:data", "item-moved"],
-  setup(s, { emit: I }) {
-    const o = s, d = I, r = b({}), u = b({});
-    k(
-      [() => o.data, () => o.rawData],
-      ([e, n]) => {
-        if (n && Array.isArray(n)) {
-          const t = {};
-          o.columns.forEach((a) => t[a.id] = []), n.forEach((a) => {
-            const l = a[o.groupKey];
-            t[l] ? t[l].push({ ...a }) : t[l] = [{ ...a }];
-          }), Object.keys(t).forEach((a) => {
-            t[a].sort((l, x) => (l[o.positionKey] || 0) - (x[o.positionKey] || 0));
-          }), u.value = t;
-        } else e && (u.value = { ...e });
+  emits: ["change", "move", "update:data", "item-move-failed"],
+  setup(l, { emit: B }) {
+    const s = l, c = B, u = K({}), d = K({}), p = K(!1);
+    U(
+      [() => s.data, () => s.rawData],
+      ([e, a]) => {
+        if (!p.value)
+          if (a && Array.isArray(a)) {
+            const o = {};
+            s.columns.forEach((t) => o[t.id] = []), a.forEach((t) => {
+              const i = t[s.groupKey];
+              o[i] ? o[i].push({ ...t }) : o[i] = [{ ...t }];
+            }), Object.keys(o).forEach((t) => {
+              o[t].sort((i, r) => (i[s.positionKey] || 0) - (r[s.positionKey] || 0));
+            }), d.value = o;
+          } else e && (d.value = { ...e });
       },
       { immediate: !0, deep: !0 }
     );
-    const C = (e, n) => {
-      let t = 0, a = 0;
-      return n > 0 && (t = Number(e[n - 1]?.[o.positionKey]) || 0), n < e.length - 1 && (a = Number(e[n + 1]?.[o.positionKey]) || 0), t === 0 && a === 0 ? 1024 : t === 0 ? a / 2 : a === 0 ? t + 1024 : (t + a) / 2;
-    }, g = (e, n) => {
-      const t = u.value[e];
-      if (!t) return;
-      const a = t[n];
-      if (!a) return;
-      const l = C(t, n);
-      a[o.positionKey] = l, a[o.groupKey] = e, d("item-moved", a[o.itemKey], e, l, a);
-    }, f = (e) => o.columns.find((n) => n.id === e)?.disabled === !0, K = (e) => {
-      if (d("change", e), e.type === "remove")
-        r.value.remove = { columnId: e.columnId, event: e.event };
+    const A = (e, a) => {
+      let o = 0, t = 0;
+      return a > 0 && (o = Number(e[a - 1]?.[s.positionKey]) || 0), a < e.length - 1 && (t = Number(e[a + 1]?.[s.positionKey]) || 0), o === 0 && t === 0 ? 1024 : o === 0 ? t / 2 : t === 0 ? o + 1024 : (o + t) / 2;
+    }, E = (e) => {
+      p.value = !0;
+      try {
+        const a = s.itemKey, o = { ...d.value }, t = [...o[e.toColumnId] || []];
+        let i = t.find((n) => n?.[a] === e.itemId) || e.item;
+        const r = t.findIndex((n) => n?.[a] === e.itemId);
+        if (r >= 0)
+          i = t.splice(r, 1)[0];
+        else if (e.fromColumnId === e.toColumnId) {
+          const n = t.findIndex((m) => m?.[a] === e.itemId);
+          n >= 0 && (i = t.splice(n, 1)[0]);
+        }
+        if (!i) return;
+        if (i[s.positionKey] = e.previousPosition, i[s.groupKey] = e.previousGroupValue, e.fromColumnId === e.toColumnId) {
+          const n = Math.min(Math.max(e.oldIndex, 0), t.length);
+          t.splice(n, 0, i), o[e.toColumnId] = t;
+        } else {
+          o[e.toColumnId] = t;
+          const n = [...o[e.fromColumnId] || []], m = n.findIndex((f) => f?.[a] === e.itemId);
+          m >= 0 && n.splice(m, 1);
+          const I = Math.min(Math.max(e.oldIndex, 0), n.length);
+          n.splice(I, 0, i), o[e.fromColumnId] = n;
+        }
+        d.value = o, s.data && c("update:data", { ...o });
+      } finally {
+        queueMicrotask(() => {
+          p.value = !1;
+        });
+      }
+    }, k = async (e, a, o, t) => {
+      const i = d.value[e];
+      if (!i) return;
+      const r = i[a];
+      if (!r) return;
+      const n = r[s.itemKey], m = r[s.positionKey], I = r[s.groupKey], f = A(i, a);
+      r[s.positionKey] = f, r[s.groupKey] = e;
+      const y = () => E({
+        itemId: n,
+        item: r,
+        fromColumnId: o,
+        toColumnId: e,
+        oldIndex: t,
+        previousPosition: m,
+        previousGroupValue: I
+      }), V = {
+        fromColumnId: o,
+        oldIndex: t,
+        newIndex: a,
+        previousPosition: m,
+        revert: y
+      };
+      c("move", {
+        itemId: n,
+        item: r,
+        fromColumnId: o,
+        toColumnId: e,
+        oldIndex: t,
+        newIndex: a
+      });
+      const D = s.onItemMoved;
+      if (D)
+        try {
+          await D(n, e, f, r, V) === !1 && y();
+        } catch (M) {
+          y(), c("item-move-failed", {
+            itemId: n,
+            toColumnId: e,
+            fromColumnId: o,
+            newPosition: f,
+            item: r,
+            error: M
+          });
+        }
+    }, b = (e) => s.columns.find((a) => a.id === e)?.disabled === !0, $ = (e) => {
+      if (c("change", e), e.type === "remove")
+        u.value.remove = { columnId: e.columnId, event: e.event };
       else if (e.type === "add")
-        r.value.add = { columnId: e.columnId, event: e.event };
+        u.value.add = { columnId: e.columnId, event: e.event };
       else if (e.type === "update") {
-        if (f(e.columnId)) {
-          r.value = {};
+        if (b(e.columnId)) {
+          u.value = {};
           return;
         }
-        g(e.columnId, e.event.newIndex), d("move", {
-          itemId: e.event.data?.[o.itemKey] || e.event.item?._underlying_vm_?.[o.itemKey],
-          item: e.event.data,
-          fromColumnId: e.columnId,
-          toColumnId: e.columnId,
-          oldIndex: e.event.oldIndex,
-          newIndex: e.event.newIndex
-        });
+        k(
+          e.columnId,
+          e.event.newIndex,
+          e.columnId,
+          e.event.oldIndex
+        );
       }
-      if (r.value.remove && r.value.add) {
-        const { remove: n, add: t } = r.value;
-        if (f(n.columnId) || f(t.columnId)) {
-          r.value = {};
+      if (u.value.remove && u.value.add) {
+        const { remove: a, add: o } = u.value;
+        if (b(a.columnId) || b(o.columnId)) {
+          u.value = {};
           return;
         }
-        g(t.columnId, t.event.newIndex), d("move", {
-          itemId: t.event.data?.[o.itemKey],
-          item: t.event.data,
-          fromColumnId: n.columnId,
-          toColumnId: t.columnId,
-          oldIndex: n.event.oldIndex,
-          newIndex: t.event.newIndex
-        }), r.value = {};
+        k(
+          o.columnId,
+          o.event.newIndex,
+          a.columnId,
+          a.event.oldIndex
+        ), u.value = {};
       }
       setTimeout(() => {
-        r.value = {};
+        u.value = {};
       }, 100);
-    }, p = (e, n) => {
-      u.value[e] = n, o.data && d("update:data", { ...o.data, [e]: n });
-    }, y = (e) => u.value[e] || [];
-    return (e, n) => (v(), h("div", {
-      class: B([
+    }, L = (e, a) => {
+      d.value[e] = a, s.data && c("update:data", { ...s.data, [e]: a });
+    }, N = (e) => d.value[e] || [];
+    return (e, a) => (C(), P("div", {
+      class: j([
         "flex gap-4 scrollbar-thin overflow-x-auto p-1 scrollbar-thin-x scrollable-container",
-        o.class
+        s.class
       ])
     }, [
-      (v(!0), h(w, null, P(s.columns, (t) => (v(), E($, {
-        key: t.id,
-        column: t,
-        group: s.group,
-        "item-key": s.itemKey,
-        "load-data": s.loadData,
-        "column-data": y(t.id),
-        "board-class": s.boardClass,
-        "header-class": s.headerClass,
-        "body-class": s.bodyClass,
-        "draggable-class": s.draggableClass,
-        "ghost-class": s.ghostClass,
-        "is-item-disabled": s.isItemDisabled,
-        onChange: K,
-        "onUpdate:columnData": (a) => p(t.id, a)
+      (C(!0), P(q, null, w(l.columns, (o) => (C(), z(F, {
+        key: o.id,
+        column: o,
+        group: l.group,
+        "item-key": l.itemKey,
+        "load-data": l.loadData,
+        "column-data": N(o.id),
+        "board-class": l.boardClass,
+        "header-class": l.headerClass,
+        "body-class": l.bodyClass,
+        "draggable-class": l.draggableClass,
+        "ghost-class": l.ghostClass,
+        "is-item-disabled": l.isItemDisabled,
+        onChange: $,
+        "onUpdate:columnData": (t) => L(o.id, t)
       }, {
-        header: i((a) => [
-          m(e.$slots, "column-header", c({ ref_for: !0 }, a), void 0, !0)
+        header: v((t) => [
+          g(e.$slots, "column-header", h({ ref_for: !0 }, t), void 0, !0)
         ]),
-        "prepend-item": i((a) => [
-          m(e.$slots, "prepend-item", c({ ref_for: !0 }, a), void 0, !0)
+        "prepend-item": v((t) => [
+          g(e.$slots, "prepend-item", h({ ref_for: !0 }, t), void 0, !0)
         ]),
-        item: i((a) => [
-          m(e.$slots, "item", c({ ref_for: !0 }, a), void 0, !0)
+        item: v((t) => [
+          g(e.$slots, "item", h({ ref_for: !0 }, t), void 0, !0)
         ]),
-        "append-item": i((a) => [
-          m(e.$slots, "append-item", c({ ref_for: !0 }, a), void 0, !0)
+        "append-item": v((t) => [
+          g(e.$slots, "append-item", h({ 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", "is-item-disabled", "onUpdate:columnData"]))), 128))
@@ -127,5 +191,5 @@ const U = /* @__PURE__ */ D({
   }
 });
 export {
-  U as default
+  T as default
 };