vlite3 1.5.1 → 1.5.2

package/components/Chart/GanttChartDateUtils.js

@@ -1,8 +1,8 @@
-const s = /^(\d{4})-(\d{2})-(\d{2})$/, f = /^(\d{4})-(\d{2})-(\d{2})/;
+const s = /^(\d{4})-(\d{2})-(\d{2})$/, i = /^(\d{4})-(\d{2})-(\d{2})/;
 function u(t) {
   return new Date(t.getFullYear(), t.getMonth(), t.getDate(), 0, 0, 0, 0);
 }
-function i(t) {
+function y(t) {
   if (t instanceof Date)
     return Number.isNaN(t.getTime()) ? /* @__PURE__ */ new Date(NaN) : u(t);
   const e = String(t).trim();
@@ -18,7 +18,7 @@ function i(t) {
       0,
       0
     );
-  const r = f.exec(e);
+  const r = i.exec(e);
   if (r && (e.includes("T") || e.includes(" ")))
     return new Date(
       Number(r[1]),
@@ -32,48 +32,52 @@ function i(t) {
   const a = new Date(e);
   return Number.isNaN(a.getTime()) ? a : u(a);
 }
-function o(t, e) {
+function g(t, e) {
   const n = Date.UTC(t.getFullYear(), t.getMonth(), t.getDate());
   return (Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()) - n) / 864e5;
 }
-function N(t, e) {
+function T(t, e) {
   const n = u(t);
   return n.setDate(n.getDate() + e), n;
 }
-function l(t) {
+function N(t) {
   const e = u(t), n = e.getDay();
   return e.setDate(e.getDate() - (n === 0 ? 6 : n - 1)), e;
 }
-function y(t) {
+function l(t) {
   return new Date(t.getFullYear(), t.getMonth(), 1, 0, 0, 0, 0);
 }
-function w(t) {
+function F(t) {
   const e = t.getFullYear(), n = String(t.getMonth() + 1).padStart(2, "0"), r = String(t.getDate()).padStart(2, "0");
   return `${e}-${n}-${r}`;
 }
-function T(t, e, n, r) {
+function o(t, e, n, r) {
   if (n === "day")
-    return o(e, t) * r;
+    return g(e, t) * r;
   if (n === "week")
-    return o(e, t) / 7 * r;
-  const a = e, g = (t.getFullYear() - a.getFullYear()) * 12 + (t.getMonth() - a.getMonth()), c = new Date(t.getFullYear(), t.getMonth() + 1, 0).getDate(), D = (t.getDate() - 1) / c;
-  return (g + D) * r;
+    return g(e, t) / 7 * r;
+  const a = e, f = (t.getFullYear() - a.getFullYear()) * 12 + (t.getMonth() - a.getMonth()), D = new Date(t.getFullYear(), t.getMonth() + 1, 0).getDate(), c = (t.getDate() - 1) / D;
+  return (f + c) * r;
 }
-function F(t, e, n) {
+function Y(t, e, n) {
   return e === "day" ? t / n : e === "week" ? t / n * 7 : t / n * 30.44;
 }
-function Y(t, e, n) {
+function m(t, e, n) {
   return e === "day" ? t * n : e === "week" ? t / 7 * n : t / 30.44 * n;
 }
+function w(t, e, n, r) {
+  return o(n === "day" ? u(t) : n === "week" ? N(t) : l(t), e, n, r);
+}
 export {
-  w as formatGanttLocalDate,
-  N as ganttAddDays,
-  o as ganttCalendarDaysBetween,
-  T as ganttDateToX,
-  Y as ganttDaysToPx,
-  F as ganttPxToDays,
+  F as formatGanttLocalDate,
+  T as ganttAddDays,
+  g as ganttCalendarDaysBetween,
+  w as ganttColumnBoundaryX,
+  o as ganttDateToX,
+  m as ganttDaysToPx,
+  Y as ganttPxToDays,
   u as ganttStartOfLocalDay,
-  y as ganttStartOfMonth,
-  l as ganttStartOfWeek,
-  i as parseGanttDate
+  l as ganttStartOfMonth,
+  N as ganttStartOfWeek,
+  y as parseGanttDate
 };

package/components/Chart/index.d.ts

@@ -9,7 +9,7 @@ export { default as SegmentBarChart } from './SegmentBarChart.vue';
 export { default as StatCardChart } from './StatCardChart.vue';
 export { default as WaffleChart } from './WaffleChart.vue';
 export { default as GanttChart } from './GanttChart.vue';
-export type { ChartDataPoint, ChartDataset, ChartLegendsVariant, LegendPosition, LineChartProps, BarChartProps, PieChartProps, CircleChartProps, GaugeChartProps, GaugeVariant, GaugeZone, SpeedometerChartProps, SpeedometerVariant, TimelineChartProps, TimelineTask, SegmentBarChartProps, StatCardChartProps, StatCardItem, WaffleChartProps, GanttChartProps, GanttTask, GanttViewMode, GanttDependencyType, GanttTaskDependencyLink, GanttDependencyCreatePayload, GanttDependencyDeletePayload, } from './types';
+export type { ChartDataPoint, ChartDataset, ChartLegendsVariant, LegendPosition, LineChartProps, BarChartProps, PieChartProps, CircleChartProps, GaugeChartProps, GaugeVariant, GaugeZone, SpeedometerChartProps, SpeedometerVariant, TimelineChartProps, TimelineTask, SegmentBarChartProps, StatCardChartProps, StatCardItem, WaffleChartProps, GanttChartProps, GanttTask, GanttPerson, GanttViewMode, GanttDependencyType, GanttTaskDependencyLink, GanttDependencyCreatePayload, GanttDependencyDeletePayload, GanttZoomState, } from './types';
 export { GANTT_DEPENDENCY_TYPE_LABELS } from './types';
 export { formatGanttLocalDate, parseGanttDate, ganttDateToX, ganttCalendarDaysBetween, } from './GanttChartDateUtils';
 export { default as ChartLegend } from './ChartLegend.vue';

package/components/Chart/types.d.ts

@@ -386,6 +386,26 @@ export interface GanttTaskDependencyLink {
     /** Relationship from THIS task's perspective */
     type: GanttDependencyType;
 }
+/**
+ * A person assigned to a Gantt task, shown in the tooltip. The shape maps onto
+ * both `AvatarGroup` (multiple assignees) and `Persona` (a single assignee):
+ * `name` → Persona `label` / AvatarGroup `heading`, `role` → Persona
+ * `secondaryLabel` / AvatarGroup `text`.
+ */
+export interface GanttPerson {
+    /** Display name */
+    name?: string;
+    /** Avatar image URL */
+    src?: string;
+    /** Alt text for the avatar image */
+    alt?: string;
+    /** Initials/fallback shown when no image is available */
+    fallback?: string;
+    /** Secondary line (e.g. job title or role on the task) */
+    role?: string;
+    /** Presence indicator — only used when a single assignee renders as a Persona */
+    presence?: 'online' | 'offline' | 'busy' | 'dnd' | 'away';
+}
 /** A single task (or milestone) on the Gantt chart */
 export interface GanttTask {
     /** Unique identifier for this task */
@@ -424,6 +444,11 @@ export interface GanttTask {
     blocked?: boolean;
     /** Short human-readable reason shown in the tooltip when `blocked` */
     blockedReason?: string;
+    /**
+     * People assigned to this task. Shown in the tooltip: a single assignee
+     * renders as a `Persona`, multiple render as an overlapping `AvatarGroup`.
+     */
+    assignees?: GanttPerson[];
 }
 export interface GanttChartProps {
     /** Array of task objects */
@@ -442,6 +467,8 @@ export interface GanttChartProps {
     sidebarWidth?: number;
     /** Show dashed vertical grid lines */
     showGrid?: boolean;
+    /** Gridline opacity 0–1 */
+    gridOpacity?: number;
     /** Enable hover tooltip */
     showTooltip?: boolean;
     /** Show task name labels inside bars when wide enough */
@@ -479,8 +506,68 @@ export interface GanttChartProps {
      * transactional guarantee.)
      */
     cascadeDependencies?: boolean;
-    /** Show zoom controls and enable Ctrl/Meta + wheel zoom */
+    /**
+     * Enable Ctrl/Meta + wheel (and trackpad pinch) zoom. The chart renders no
+     * zoom buttons — drive zoom from the parent via the exposed methods
+     * (`zoomIn`, `zoomOut`, `setZoom`, `resetZoom`) and the `zoom-change` event.
+     */
     zoom?: boolean;
+    /** Lower bound for the zoom level (default 0.2) */
+    minZoom?: number;
+    /** Upper bound for the zoom level (default 5) */
+    maxZoom?: number;
+    /** Increment applied by `zoomIn` / `zoomOut` (default 0.2) */
+    zoomStep?: number;
+    /**
+     * Target number of period columns visible at once (days/weeks/months by
+     * view mode). Omit for a responsive count derived from the container width.
+     * Columns never shrink below `minColumnWidth`; the rest scrolls.
+     */
+    visiblePeriodCount?: number;
+    /**
+     * Minimum width in px per period column, preventing the full project range
+     * from being squeezed into the viewport. Per-view defaults: Day 44, Week 96,
+     * Month 130.
+     */
+    minColumnWidth?: number;
+    /** Force the timeline start date (aligned to the view's period boundary). */
+    timelineStart?: Date | string;
+    /** Force the timeline end date instead of deriving it from the last task. */
+    timelineEnd?: Date | string;
+    /**
+     * Extra empty periods after the last task's (completed) boundary period, as
+     * navigation padding (weeks in Day/Week view, months in Month view).
+     * Default 0.
+     */
+    rangePadding?: number;
+    /**
+     * Preserve the viewport's centre date when switching Day / Week / Month
+     * instead of jumping back to the project start. Default true.
+     */
+    preserveCenterDate?: boolean;
+    /**
+     * Show a collapse/expand control on the task sidebar so the timeline can be
+     * given more room. Default true.
+     */
+    collapsibleSidebar?: boolean;
+    /** Start with the sidebar collapsed. Default false. */
+    defaultSidebarCollapsed?: boolean;
+}
+/**
+ * Payload emitted by GanttChart `@zoom-change` on every zoom change (wheel or
+ * imperative). Use it to render accurate parent-owned zoom controls.
+ */
+export interface GanttZoomState {
+    /** Current zoom level */
+    zoom: number;
+    /** `zoom < maxZoom` */
+    canZoomIn: boolean;
+    /** `zoom > minZoom` */
+    canZoomOut: boolean;
+    /** Configured `minZoom` */
+    min: number;
+    /** Configured `maxZoom` */
+    max: number;
 }
 /**
  * Payload emitted by GanttChart `@dependency-create`.

package/components/CommandPalette/CommandPaletteContent.vue2.js

@@ -4,7 +4,7 @@ import k from "../Icon.vue.js";
 import { $t as E } from "../../utils/i18n.js";
 import { useCommandPaletteItems as Y } from "./useCommandPaletteItems.js";
 import { useCommandPaletteNav as Z } from "./useCommandPaletteNav.js";
-import ee from "./CommandPaletteItem.vue.js";
+import ee from "./CommandPaletteItem.vue2.js";
 const te = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, oe = { class: "flex items-center gap-3 px-4 py-3 border-b border-border/80 shrink-0" }, se = ["placeholder"], ne = ["aria-label"], re = {
   key: 0,
   class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",

package/components/CommandPalette/{CommandPaletteItem.vue.js → CommandPaletteItem.vue2.js}

@@ -1,5 +1,5 @@
 import t from "./CommandPaletteItem.vue3.js";
-/* empty css                        */
+/* empty css                       */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
 const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-66b1ae06"]]);
 export {

package/components/DataTable/DataTable.vue.js

@@ -240,7 +240,7 @@ const Qe = { class: "space-y-6.5" }, Ze = {
         a.class
       ].join(" ");
     }), Re = u(() => {
-      const e = a.cellBordered ? "[&>thead>tr>th:not(:last-child)]:border-r [&>thead>tr>th]:border-border [&>tbody>tr>td:not(:last-child)]:border-r [&>tbody>tr>td]:border-border [&>tbody>tr>th:not(:last-child)]:border-r [&>tbody>tr>th]:border-border" : "";
+      const e = a.cellBordered ? "[&_thead_th]:border-border [&_tbody_td]:border-border [&_tbody_th]:border-border [&_thead_th:not(:last-child)]:border-r [&_tbody_td:not(:last-child)]:border-r [&_tbody_th:not(:last-child)]:border-r [&_tbody_tr:not(:last-child)>td]:border-b [&_tbody_tr:not(:last-child)>th]:border-b" : "";
       return [
         "w-full caption-bottom -text-fs-1",
         g.value ? "table-fixed" : "",

package/components/Form/{AccordionView.vue.js → AccordionView.vue2.js}

@@ -1,5 +1,5 @@
 import o from "./AccordionView.vue3.js";
-/* empty css                   */
+/* empty css                  */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
 const i = /* @__PURE__ */ r(o, [["__scopeId", "data-v-52660f5b"]]);
 export {

package/components/Form/index.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent as g, computed as d, openBlock as n, createElementBlock as R, createElementVNode as x, createBlock as s, withCtx as k, createTextVNode as B, toDisplayString as I, createCommentVNode as y, unref as l } from "vue";
 import T from "./TableView.vue.js";
-import C from "./AccordionView.vue.js";
+import C from "./AccordionView.vue2.js";
 import U from "../Label.vue.js";
 import z from "../Button.vue.js";
 import { useCustomFieldRows as N } from "./composables/useCustomFieldRows.js";

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

@@ -1,9 +1,9 @@
-import { KanbanChangeEvent, KanbanMoveEvent, KanbanProps } from './types';
+import { KanbanChangeEvent, KanbanColumn, KanbanMoveEvent, KanbanProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         'column-header'?(_: {
-            column: import('./types').KanbanColumn;
+            column: KanbanColumn;
             pageInfo: {
                 currentPage: number;
                 totalPages: number;
@@ -11,16 +11,16 @@ declare function __VLS_template(): {
             };
         }): any;
         'prepend-item'?(_: {
-            column: import('./types').KanbanColumn;
+            column: KanbanColumn;
             items: any[];
         }): any;
         item?(_: {
             item: any;
-            column: import('./types').KanbanColumn;
+            column: KanbanColumn;
             isDisabled: boolean;
         }): any;
         'append-item'?(_: {
-            column: import('./types').KanbanColumn;
+            column: KanbanColumn;
             items: any[];
         }): any;
     };
@@ -58,6 +58,7 @@ declare const __VLS_component: import('vue').DefineComponent<KanbanProps, {}, {}
     itemKey: string;
     groupKey: string;
     positionKey: string;
+    includeOrphanColumns: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

package/components/Kanban/Kanban.vue2.js

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