vlite3 1.0.7 → 1.0.8

package/components/Screen/Screen.vue.js

@@ -1,32 +1,32 @@
-import { defineComponent as Pe, useSlots as Ve, computed as n, markRaw as j, ref as s, provide as U, watch as N, openBlock as o, createElementBlock as h, normalizeClass as M, createVNode as S, createSlots as $e, withCtx as X, renderSlot as c, normalizeProps as k, guardReactiveProps as V, createElementVNode as R, createBlock as b, createCommentVNode as v, isRef as Ie, unref as Y, mergeProps as x, Fragment as G, resolveDynamicComponent as Fe, toDisplayString as Be } from "vue";
-import Te from "../Input.vue.js";
+import { defineComponent as Fe, useSlots as Be, computed as i, markRaw as T, ref as m, provide as U, watch as N, openBlock as r, createElementBlock as y, normalizeClass as M, createVNode as C, createSlots as Te, withCtx as X, renderSlot as d, normalizeProps as x, guardReactiveProps as $, createElementVNode as Q, createBlock as V, createCommentVNode as h, isRef as Re, unref as Y, mergeProps as g, Fragment as G, resolveDynamicComponent as qe, toDisplayString as Ee } from "vue";
+import Qe from "../Input.vue.js";
 /* empty css            */
 import J from "../Button.vue.js";
-import Re from "../ConfirmationModal.vue.js";
-import qe from "../Pagination/Pagination.vue.js";
-import Ee from "./ScreenFilter.vue.js";
-import Qe from "../ImportData/ImportData.vue.js";
-import { usePersistentState as Ae } from "../../utils/usePersistentState.js";
-import { useVLiteConfig as je } from "../../core/config.js";
-import { $t as g } from "../../utils/i18n.js";
-import { SCREEN_CONTEXT_KEY as Ue } from "../DataTable/types.js";
-import Ne from "./components/ScreenHeaderTitle.vue.js";
-import Me from "./components/ScreenViewToggle.vue.js";
-import Oe from "./components/ScreenOptionsDropdown.vue.js";
-import Le from "./components/ScreenAddAction.vue.js";
-import ze from "./components/ScreenEmptyState.vue.js";
-import Ke from "./components/ScreenExportModal.vue.js";
-import He from "./components/ScreenQuickFilters.vue.js";
-const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-2.5 w-full justify-end" }, Ge = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none justify-start sm:justify-end" }, Je = {
+import Ae from "../ConfirmationModal.vue.js";
+import je from "../Pagination/Pagination.vue.js";
+import Ue from "./ScreenFilter.vue.js";
+import Ne from "../ImportData/ImportData.vue.js";
+import { usePersistentState as Me } from "../../utils/usePersistentState.js";
+import { useVLiteConfig as Ke } from "../../core/config.js";
+import { $t as u } from "../../utils/i18n.js";
+import { SCREEN_CONTEXT_KEY as Le } from "../DataTable/types.js";
+import Oe from "./components/ScreenHeaderTitle.vue.js";
+import ze from "./components/ScreenViewToggle.vue.js";
+import He from "./components/ScreenOptionsDropdown.vue.js";
+import Xe from "./components/ScreenAddAction.vue.js";
+import Ye from "./components/ScreenEmptyState.vue.js";
+import Ge from "./components/ScreenExportModal.vue.js";
+import Je from "./components/ScreenQuickFilters.vue.js";
+const We = { class: "flex flex-col w-full space-y-8" }, Ze = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-2.5 w-full justify-end" }, _e = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none justify-start sm:justify-end" }, et = {
   key: 4,
   class: "w-full md:w-60! max-sm:order-last"
-}, We = { class: "flex items-center gap-3 max-sm:w-full sm:w-auto max-sm:order-last" }, Ze = {
-  key: 4,
+}, tt = { class: "flex items-center gap-3 max-sm:w-full sm:w-auto max-sm:order-last" }, lt = {
+  key: 6,
   class: "p-8 text-center text-muted-foreground border border-dashed border-border rounded-lg"
-}, _e = {
+}, at = {
   key: 3,
   class: "-mt-2"
-}, et = { key: 5 }, kt = /* @__PURE__ */ Pe({
+}, nt = { key: 5 }, St = /* @__PURE__ */ Fe({
   __name: "Screen",
   props: {
     name: { default: "" },
@@ -60,6 +60,8 @@ const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex
     exportMode: {},
     importType: { default: "" },
     exportType: {},
+    kanban: {},
+    calendar: {},
     list: {},
     table: {},
     views: {},
@@ -86,136 +88,155 @@ const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex
   },
   emits: ["add", "delete"],
   setup(t, { emit: W }) {
-    const l = t, $ = je(), O = W, p = Ve(), Z = n(() => l.name || l.title || "default-screen"), q = n(() => {
+    const l = t, I = Ke(), K = W, v = Be(), Z = i(() => l.name || l.title || "default-screen"), _ = i(() => {
+      const e = u("vlite.screen.tableView");
+      return e !== "vlite.screen.tableView" ? e : "Table View";
+    }), ee = i(() => {
+      const e = u("vlite.screen.listView");
+      return e !== "vlite.screen.listView" ? e : "List View";
+    }), te = i(() => {
+      const e = u("vlite.screen.kanbanView");
+      return e !== "vlite.screen.kanbanView" ? e : "Kanban View";
+    }), le = i(() => {
+      const e = u("vlite.screen.calendarView");
+      return e !== "vlite.screen.calendarView" ? e : "Calendar View";
+    }), D = i(() => {
       if (l.views && l.views.length > 0)
         return l.views.map((a) => ({
           ...a,
-          component: typeof a.component == "object" && a.component !== null ? j(a.component) : a.component
+          component: typeof a.component == "object" && a.component !== null ? T(a.component) : a.component
         }));
       const e = [];
-      return l.table && e.push({
+      return (l.table || v.table) && e.push({
         key: "table",
-        component: j(l.table),
+        component: l.table ? T(l.table) : null,
         icon: "lucide:list",
-        label: "Table View"
-      }), l.list && e.push({
+        label: _.value
+      }), (l.list || v.list || v.grid) && e.push({
         key: "list",
-        component: j(l.list),
+        component: l.list ? T(l.list) : null,
         icon: "lucide:layout-grid",
-        label: "List View"
+        label: ee.value
+      }), (l.kanban || v.kanban) && e.push({
+        key: "kanban",
+        component: l.kanban ? T(l.kanban) : null,
+        icon: "lucide:kanban",
+        label: te.value
+      }), (l.calendar || v.calendar) && e.push({
+        key: "calendar",
+        component: l.calendar ? T(l.calendar) : null,
+        icon: "lucide:calendar",
+        label: le.value
       }), e;
     });
-    n(() => q.value.map((e) => e.key));
-    const _ = n(() => {
-      const e = q.value.length, a = [p.table, p.list, p.grid].filter(Boolean).length;
-      return e + a > 1;
-    }), ee = n(() => l.views && l.views.length > 0 ? l.views[0].key : l.table || p.table ? "table" : l.list || p.list || p.grid ? "list" : "table"), m = Ae(`view-mode-${Z.value}`, ee.value), L = n(() => q.value.find((a) => a.key === m.value)?.component ?? null), E = n(() => m.value === "table" && p.table ? "table" : m.value === "list" && p.list ? "list" : m.value === "list" && p.grid ? "grid" : null), y = s(""), f = s({}), D = s({ field: "", order: "" }), C = s(l.pageInfo?.currentPage || 1), F = s(l.pageInfo?.itemsPerPage || l.paginationProps?.itemsPerPage || 10), r = s([]), B = s([]), I = s(!1), d = s(
+    i(() => D.value.map((e) => e.key));
+    const ae = i(() => D.value.length > 1), ne = i(() => D.value.length > 0 ? D.value[0].key : "table"), c = Me(`view-mode-${Z.value}`, ne.value), L = i(() => D.value.find((a) => a.key === c.value)?.component ?? null), F = i(() => c.value === "table" && v.table ? "table" : c.value === "list" && v.list ? "list" : c.value === "list" && v.grid ? "grid" : c.value === "kanban" && v.kanban ? "kanban" : c.value === "calendar" && v.calendar ? "calendar" : null), w = m(""), p = m({}), P = m({ field: "", order: "" }), S = m(l.pageInfo?.currentPage || 1), R = m(l.pageInfo?.itemsPerPage || l.paginationProps?.itemsPerPage || 10), o = m([]), q = m([]), B = m(!1), f = m(
       l.defaultQuickFilter !== void 0 ? l.defaultQuickFilter : l.quickFilters && l.quickFilters.length > 0 ? l.quickFilters[0].value : ""
-    ), te = n(() => !l.quickFilters || l.quickFilters.length === 0 ? !1 : l.skipQuickFilterViews && l.skipQuickFilterViews.length > 0 ? !l.skipQuickFilterViews.includes(m.value) : !0), le = (e) => {
-      d.value = e, C.value = 1, w();
-    }, z = n(() => y.value && y.value.trim() !== "" || d.value !== "" && d.value !== null && d.value !== void 0 ? !0 : f.value ? Object.keys(f.value).some(
-      (e) => f.value[e] !== "" && f.value[e] !== null && f.value[e] !== void 0
-    ) : !1), K = n(() => l.data && l.data.length > 0), ae = n(() => !l.skipEmptyViews || l.skipEmptyViews.length === 0 ? !1 : l.skipEmptyViews.includes(m.value)), u = n(() => ({
-      activeView: m.value,
-      searchQuery: y.value,
-      activeFilters: f.value,
-      activeQuickFilter: d.value,
-      activeSort: D.value,
-      page: C.value,
-      limit: F.value,
-      selectedRows: r.value,
-      isFiltered: z.value,
-      hasData: K.value,
+    ), ie = i(() => !l.quickFilters || l.quickFilters.length === 0 ? !1 : l.skipQuickFilterViews && l.skipQuickFilterViews.length > 0 ? !l.skipQuickFilterViews.includes(c.value) : !0), oe = (e) => {
+      f.value = e, S.value = 1, b();
+    }, O = i(() => w.value && w.value.trim() !== "" || f.value !== "" && f.value !== null && f.value !== void 0 ? !0 : p.value ? Object.keys(p.value).some(
+      (e) => p.value[e] !== "" && p.value[e] !== null && p.value[e] !== void 0
+    ) : !1), z = i(() => l.data && l.data.length > 0), re = i(() => !l.skipEmptyViews || l.skipEmptyViews.length === 0 ? !1 : l.skipEmptyViews.includes(c.value)), s = i(() => ({
+      activeView: c.value,
+      searchQuery: w.value,
+      activeFilters: p.value,
+      activeQuickFilter: f.value,
+      activeSort: P.value,
+      page: S.value,
+      limit: R.value,
+      selectedRows: o.value,
+      isFiltered: O.value,
+      hasData: z.value,
       loading: l.loading
-    })), ie = {
+    })), se = {
       disableSearch: !0,
       forceSelectable: !l.hideSelectable,
       onTableChange: (e) => {
-        D.value = { field: e.sort.field, order: e.sort.order }, w();
+        P.value = { field: e.sort.field, order: e.sort.order }, b();
       }
     };
-    U(Ue, ie), U("screen-selected-rows", r), U("screen-request-delete", (e) => P(e));
-    const P = (e) => {
-      B.value = e, I.value = !0;
-    }, ne = () => {
-      O("delete", B.value), I.value = !1, r.value = [];
-    }, oe = (e) => {
-      O("delete", e), r.value = [];
+    U(Le, se), U("screen-selected-rows", o), U("screen-request-delete", (e) => k(e));
+    const k = (e) => {
+      q.value = e, B.value = !0;
+    }, de = () => {
+      K("delete", q.value), B.value = !1, o.value = [];
+    }, ue = (e) => {
+      K("delete", e), o.value = [];
     };
     N(
       () => l.pageInfo?.currentPage,
       (e) => {
-        e && (C.value = e);
+        e && (S.value = e);
       }
     ), N(
       () => l.pageInfo?.itemsPerPage,
       (e) => {
-        e && (F.value = e);
+        e && (R.value = e);
       }
     );
-    let Q = null;
-    N(y, () => {
-      Q && clearTimeout(Q), Q = setTimeout(() => {
-        C.value = 1, w();
+    let A = null;
+    N(w, () => {
+      A && clearTimeout(A), A = setTimeout(() => {
+        S.value = 1, b();
       }, 300);
     });
-    const re = (e) => {
-      C.value = e, w();
-    }, se = (e) => {
-      F.value = e, C.value = 1, w();
-    }, w = () => {
+    const ce = (e) => {
+      S.value = e, b();
+    }, me = (e) => {
+      R.value = e, S.value = 1, b();
+    }, b = () => {
       if (!l.refetch) return;
-      const e = { ...f.value };
-      d.value !== "" && d.value !== null && d.value !== void 0 && (e[l.quickFilterKey] = d.value);
-      const a = D.value.field && D.value.order ? { field: D.value.field, order: D.value.order } : void 0, i = {
-        pagination: { page: C.value, limit: F.value },
-        search: y.value,
+      const e = { ...p.value };
+      f.value !== "" && f.value !== null && f.value !== void 0 && (e[l.quickFilterKey] = f.value);
+      const a = P.value.field && P.value.order ? { field: P.value.field, order: P.value.order } : void 0, n = {
+        pagination: { page: S.value, limit: R.value },
+        search: w.value,
         filter: e
       };
-      a && (i.sort = a), l.refetch(i);
-    }, de = n(() => {
-      const e = g("vlite.screen.deleteSelected");
+      a && (n.sort = a), l.refetch(n);
+    }, fe = i(() => {
+      const e = u("vlite.screen.deleteSelected");
       return e !== "vlite.screen.deleteSelected" ? e : "Delete Selected";
-    }), ue = n(() => {
-      const e = g("vlite.screen.refresh");
+    }), ve = i(() => {
+      const e = u("vlite.screen.refresh");
       return e !== "vlite.screen.refresh" ? e : "Refresh";
-    }), ce = n(() => {
-      const e = g("vlite.screen.searchPlaceholder");
+    }), pe = i(() => {
+      const e = u("vlite.screen.searchPlaceholder");
       return e !== "vlite.screen.searchPlaceholder" ? e : "Search...";
-    }), me = n(() => {
-      const e = g("vlite.screen.confirmDeleteTitle");
+    }), he = i(() => {
+      const e = u("vlite.screen.confirmDeleteTitle");
       return e !== "vlite.screen.confirmDeleteTitle" ? e : "Confirm Deletion";
-    }), fe = n(() => {
-      const e = g("vlite.screen.confirmDeleteDesc", { count: B.value.length });
-      return e !== "vlite.screen.confirmDeleteDesc" ? e : `Are you sure you want to delete the selected ${B.value.length > 1 ? "items" : "item"}?`;
-    }), ve = n(() => {
-      const e = g("vlite.screen.confirmDeleteBtn");
+    }), ge = i(() => {
+      const e = u("vlite.screen.confirmDeleteDesc", { count: q.value.length });
+      return e !== "vlite.screen.confirmDeleteDesc" ? e : `Are you sure you want to delete the selected ${q.value.length > 1 ? "items" : "item"}?`;
+    }), ye = i(() => {
+      const e = u("vlite.screen.confirmDeleteBtn");
       return e !== "vlite.screen.confirmDeleteBtn" ? e : "Delete";
-    }), pe = n(() => {
-      const e = g("vlite.screen.cancelBtn");
+    }), we = i(() => {
+      const e = u("vlite.screen.cancelBtn");
       return e !== "vlite.screen.cancelBtn" ? e : "Cancel";
-    }), he = n(() => {
-      const e = g("vlite.screen.missingView");
+    }), ke = i(() => {
+      const e = u("vlite.screen.missingView");
       return e !== "vlite.screen.missingView" ? e : "Please provide a `:list`, `:table`, or `:views` component/slot.";
-    }), H = n(
+    }), H = i(
       () => l.exportSchema && l.exportSchema.length > 0 && l.exportProps !== !1 || l.importSchema && l.importSchema.length > 0 && l.importProps !== !1
-    ), ge = n(() => {
-      const e = g("vlite.screen.importData");
+    ), be = i(() => {
+      const e = u("vlite.screen.importData");
       return e !== "vlite.screen.importData" ? e : "Import Data";
-    }), ye = s(null), T = s(!1), A = s(!1), we = (e) => {
-      e.value === "export" ? T.value = !0 : e.value === "import" && (A.value = !0);
-    }, ke = n(
+    }), xe = m(null), E = m(!1), j = m(!1), Ve = (e) => {
+      e.value === "export" ? E.value = !0 : e.value === "import" && (j.value = !0);
+    }, Se = i(
       () => (l.exportSchema || []).map((e) => ({
         field: e.name || e.field,
         title: e.label || e.title || e.name || e.field
       }))
-    ), be = n(
+    ), Ce = i(
       () => (l.importSchema || []).map((e) => ({
         field: e.name || e.field,
         title: e.label || e.title || e.name || e.field,
         required: e.required || !1
       }))
-    ), xe = async (e) => $?.services?.importApi && l.importType ? await $.services.importApi(l.importType, e) : (console.warn(
+    ), De = async (e) => I?.services?.importApi && l.importType ? await I.services.importApi(l.importType, e) : (console.warn(
       "VLite Screen: No importApi configured or no importType provided for generic import."
     ), {
       processed: e.data.length,
@@ -224,23 +245,23 @@ const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex
       skipped: 0,
       failed: 0,
       errors: []
-    }), Ce = () => w(), Se = n(
-      () => l.exportMode || $?.exportData?.mode || "frontend"
-    ), De = async (e) => {
-      $?.services?.exportApi && l.exportType ? await $.services.exportApi(l.exportType, {
+    }), Pe = () => b(), $e = i(
+      () => l.exportMode || I?.exportData?.mode || "frontend"
+    ), Ie = async (e) => {
+      I?.services?.exportApi && l.exportType ? await I.services.exportApi(l.exportType, {
         format: e,
-        search: y.value,
-        filter: f.value
+        search: w.value,
+        filter: p.value
       }) : console.warn(
         "VLite Screen: No exportApi configured or no exportType provided for generic backend export."
       );
     };
-    return (e, a) => (o(), h("div", Xe, [
-      t.customHeader ? c(e.$slots, "custom-header", k(x({ key: 1 }, u.value))) : (o(), h("div", {
+    return (e, a) => (r(), y("div", We, [
+      t.customHeader ? d(e.$slots, "custom-header", x(g({ key: 1 }, s.value))) : (r(), y("div", {
         key: 0,
         class: M([t.headerClass, "flex flex-col md:flex-row sm:items-start md:items-center justify-between gap-4"])
       }, [
-        S(Ne, {
+        C(Oe, {
           title: t.title,
           "title-i18n": t.titleI18n,
           "title-class": t.titleClass,
@@ -249,203 +270,217 @@ const Xe = { class: "flex flex-col w-full space-y-8" }, Ye = { class: "flex flex
           "description-class": t.descriptionClass,
           info: t.info,
           "info-i18n": t.infoI18n
-        }, $e({ _: 2 }, [
+        }, Te({ _: 2 }, [
           e.$slots.title ? {
             name: "title",
             fn: X(() => [
-              c(e.$slots, "title", k(V(u.value)))
+              d(e.$slots, "title", x($(s.value)))
             ]),
             key: "0"
           } : void 0,
           e.$slots.description ? {
             name: "description",
             fn: X(() => [
-              c(e.$slots, "description", k(V(u.value)))
+              d(e.$slots, "description", x($(s.value)))
             ]),
             key: "1"
           } : void 0
         ]), 1032, ["title", "title-i18n", "title-class", "description", "description-i18n", "description-class", "info", "info-i18n"]),
-        R("div", Ye, [
-          R("div", Ge, [
-            r.value.length > 0 && !t.hideSelectable && !t.hideDeleteBtn ? (o(), b(J, {
+        Q("div", Ze, [
+          Q("div", _e, [
+            o.value.length > 0 && !t.hideSelectable && !t.hideDeleteBtn ? (r(), V(J, {
               key: 0,
               variant: "outline",
               class: "hover:bg-destructive/10 shrink-0 h-9! w-9!",
               icon: "lucide:trash-2",
-              title: de.value,
-              onClick: a[0] || (a[0] = (i) => P(r.value))
-            }, null, 8, ["title"])) : v("", !0),
-            _.value ? (o(), b(Me, {
+              title: fe.value,
+              onClick: a[0] || (a[0] = (n) => k(o.value))
+            }, null, 8, ["title"])) : h("", !0),
+            ae.value ? (r(), V(ze, {
               key: 1,
-              modelValue: Y(m),
-              "onUpdate:modelValue": a[1] || (a[1] = (i) => Ie(m) ? m.value = i : null),
-              views: t.views && t.views.length > 0 ? t.views : void 0
-            }, null, 8, ["modelValue", "views"])) : v("", !0),
-            c(e.$slots, "before-search", k(V(u.value))),
-            t.showRefresh ? (o(), b(J, {
+              modelValue: Y(c),
+              "onUpdate:modelValue": a[1] || (a[1] = (n) => Re(c) ? c.value = n : null),
+              views: D.value
+            }, null, 8, ["modelValue", "views"])) : h("", !0),
+            d(e.$slots, "before-search", x($(s.value))),
+            t.showRefresh ? (r(), V(J, {
               key: 2,
               variant: "outline",
               icon: "lucide:refresh-cw",
               size: "lg",
               class: "shrink-0 h-9! w-9!",
-              title: ue.value,
+              title: ve.value,
               disabled: t.loading,
-              onClick: w
-            }, null, 8, ["title", "disabled"])) : v("", !0),
-            t.filterSchema && t.filterSchema.length > 0 ? (o(), b(Ee, {
+              onClick: b
+            }, null, 8, ["title", "disabled"])) : h("", !0),
+            t.filterSchema && t.filterSchema.length > 0 ? (r(), V(Ue, {
               key: 3,
               schema: t.filterSchema,
               type: t.filterType,
-              modelValue: f.value,
-              "onUpdate:modelValue": a[2] || (a[2] = (i) => f.value = i),
-              onChange: w
-            }, null, 8, ["schema", "type", "modelValue"])) : v("", !0),
-            t.canSearch ? (o(), h("div", Je, [
-              S(Te, {
+              modelValue: p.value,
+              "onUpdate:modelValue": a[2] || (a[2] = (n) => p.value = n),
+              onChange: b
+            }, null, 8, ["schema", "type", "modelValue"])) : h("", !0),
+            t.canSearch ? (r(), y("div", et, [
+              C(Qe, {
                 lazy: "",
-                modelValue: y.value,
-                "onUpdate:modelValue": a[3] || (a[3] = (i) => y.value = i),
+                modelValue: w.value,
+                "onUpdate:modelValue": a[3] || (a[3] = (n) => w.value = n),
                 icon: "lucide:search",
-                placeholder: ce.value,
+                placeholder: pe.value,
                 variant: "outline",
                 class: "bg-background w-full",
                 "show-clear-button": !0
               }, null, 8, ["modelValue", "placeholder"])
-            ])) : v("", !0)
+            ])) : h("", !0)
           ]),
-          R("div", We, [
-            c(e.$slots, "actions", k(V(u.value)), () => [
-              S(Le, {
+          Q("div", tt, [
+            d(e.$slots, "actions", x($(s.value)), () => [
+              C(Xe, {
                 "can-add": t.canAdd,
                 "add-component": t.addComponent,
                 "add-btn": t.addBtn,
                 loading: t.loading,
                 data: t.data,
                 refetch: t.refetch,
-                onAdd: a[4] || (a[4] = (i) => e.$emit("add"))
+                onAdd: a[4] || (a[4] = (n) => e.$emit("add"))
               }, null, 8, ["can-add", "add-component", "add-btn", "loading", "data", "refetch"])
             ]),
-            H.value ? (o(), b(Oe, {
+            H.value ? (r(), V(He, {
               key: 0,
               "export-props": t.exportProps,
               "import-props": t.importProps,
-              onSelect: we
-            }, null, 8, ["export-props", "import-props"])) : v("", !0),
-            c(e.$slots, "after-add", k(V(u.value)))
+              onSelect: Ve
+            }, null, 8, ["export-props", "import-props"])) : h("", !0),
+            d(e.$slots, "after-add", x($(s.value)))
           ])
         ])
       ], 2)),
-      c(e.$slots, "sub-header", k(V(u.value))),
-      te.value ? (o(), h("div", {
+      d(e.$slots, "sub-header", x($(s.value))),
+      ie.value ? (r(), y("div", {
         key: 2,
         class: M(["-mt-1.5 max-sm:hidden!", t.quickFilterVariant == "line" ? "mb-1.5 sm:mb-3" : "mb-3.5"])
       }, [
-        S(He, {
-          modelValue: d.value,
-          "onUpdate:modelValue": a[5] || (a[5] = (i) => d.value = i),
+        C(Je, {
+          modelValue: f.value,
+          "onUpdate:modelValue": a[5] || (a[5] = (n) => f.value = n),
           options: t.quickFilters,
           variant: t.quickFilterVariant,
-          onChange: le
+          onChange: oe
         }, null, 8, ["modelValue", "options", "variant"])
-      ], 2)) : v("", !0),
-      R("div", {
+      ], 2)) : h("", !0),
+      Q("div", {
         class: M(["flex-1 w-full relative", t.containerClass])
       }, [
-        !K.value && !t.loading && !ae.value ? (o(), h(G, { key: 0 }, [
-          e.$slots.empty ? c(e.$slots, "empty", k(x({ key: 0 }, u.value))) : (o(), b(ze, {
+        !z.value && !t.loading && !re.value ? (r(), y(G, { key: 0 }, [
+          e.$slots.empty ? d(e.$slots, "empty", x(g({ key: 0 }, s.value))) : (r(), V(Ye, {
             key: 1,
             "empty-title": t.emptyTitle,
             "empty-title-i18n": t.emptyTitleI18n,
             "empty-description": t.emptyDescription,
             "empty-description-i18n": t.emptyDescriptionI18n,
             "empty-icon": t.emptyIcon,
-            "is-filtered": z.value,
+            "is-filtered": O.value,
             "can-add": t.canAdd,
             "add-component": t.addComponent,
             "add-btn": t.addBtn
           }, null, 8, ["empty-title", "empty-title-i18n", "empty-description", "empty-description-i18n", "empty-icon", "is-filtered", "can-add", "add-component", "add-btn"]))
-        ], 64)) : (o(), h(G, { key: 1 }, [
-          E.value === "table" ? c(e.$slots, "table", x({
+        ], 64)) : (r(), y(G, { key: 1 }, [
+          F.value === "table" ? d(e.$slots, "table", g({
             key: 0,
             data: t.data,
             loading: t.loading,
-            selectedRows: r.value,
-            delete: P,
-            updateSelectedRows: (i) => r.value = i
-          }, u.value)) : E.value === "list" ? c(e.$slots, "list", x({
+            selectedRows: o.value,
+            delete: k,
+            updateSelectedRows: (n) => o.value = n
+          }, s.value)) : F.value === "list" ? d(e.$slots, "list", g({
             key: 1,
             data: t.data,
             loading: t.loading,
-            selectedRows: r.value,
-            delete: P,
-            updateSelectedRows: (i) => r.value = i
-          }, u.value)) : E.value === "grid" ? c(e.$slots, "grid", x({
+            selectedRows: o.value,
+            delete: k,
+            updateSelectedRows: (n) => o.value = n
+          }, s.value)) : F.value === "grid" ? d(e.$slots, "grid", g({
             key: 2,
             data: t.data,
             loading: t.loading,
-            selectedRows: r.value,
-            delete: P,
-            updateSelectedRows: (i) => r.value = i
-          }, u.value)) : L.value ? (o(), b(Fe(L.value), x({
+            selectedRows: o.value,
+            delete: k,
+            updateSelectedRows: (n) => o.value = n
+          }, s.value)) : F.value === "kanban" ? d(e.$slots, "kanban", g({
             key: 3,
             data: t.data,
             loading: t.loading,
+            selectedRows: o.value,
+            delete: k,
+            updateSelectedRows: (n) => o.value = n
+          }, s.value)) : F.value === "calendar" ? d(e.$slots, "calendar", g({
+            key: 4,
+            data: t.data,
+            loading: t.loading,
+            selectedRows: o.value,
+            delete: k,
+            updateSelectedRows: (n) => o.value = n
+          }, s.value)) : L.value ? (r(), V(qe(L.value), g({
+            key: 5,
+            data: t.data,
+            loading: t.loading,
             refetch: t.refetch,
-            selectedRows: r.value,
-            "onUpdate:selectedRows": a[6] || (a[6] = (i) => r.value = i),
-            delete: P,
-            onDelete: oe
-          }, t.viewProps), null, 16, ["data", "loading", "refetch", "selectedRows"])) : (o(), h("div", Ze, Be(he.value), 1))
+            selectedRows: o.value,
+            "onUpdate:selectedRows": a[6] || (a[6] = (n) => o.value = n),
+            delete: k,
+            onDelete: ue
+          }, t.viewProps), null, 16, ["data", "loading", "refetch", "selectedRows"])) : (r(), y("div", lt, Ee(ke.value), 1))
         ], 64))
       ], 2),
-      t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (o(), h("div", _e, [
-        S(Y(qe), x({
+      t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (r(), y("div", at, [
+        C(Y(je), g({
           "current-page": t.pageInfo.currentPage,
           "total-pages": t.pageInfo.totalPages,
           "total-items": t.pageInfo.totalItems
         }, t.paginationProps, {
-          onChange: re,
-          "onUpdate:itemsPerPage": se
+          onChange: ce,
+          "onUpdate:itemsPerPage": me
         }), null, 16, ["current-page", "total-pages", "total-items"])
-      ])) : v("", !0),
-      S(Re, {
-        show: I.value,
-        "onUpdate:show": a[7] || (a[7] = (i) => I.value = i),
-        title: me.value,
-        description: fe.value,
-        "confirm-text": ve.value,
-        "cancel-text": pe.value,
+      ])) : h("", !0),
+      C(Ae, {
+        show: B.value,
+        "onUpdate:show": a[7] || (a[7] = (n) => B.value = n),
+        title: he.value,
+        description: ge.value,
+        "confirm-text": ye.value,
+        "cancel-text": we.value,
         variant: "danger",
-        onConfirm: ne,
-        onCancel: a[8] || (a[8] = (i) => I.value = !1)
+        onConfirm: de,
+        onCancel: a[8] || (a[8] = (n) => B.value = !1)
       }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text"]),
-      T.value ? (o(), b(Ke, {
+      E.value ? (r(), V(Ge, {
         key: 4,
-        show: T.value,
-        "onUpdate:show": a[9] || (a[9] = (i) => T.value = i),
+        show: E.value,
+        "onUpdate:show": a[9] || (a[9] = (n) => E.value = n),
         data: t.data || [],
-        fields: ke.value,
-        mode: Se.value,
+        fields: Se.value,
+        mode: $e.value,
         "export-props": t.exportProps,
-        "on-export": De
-      }, null, 8, ["show", "data", "fields", "mode", "export-props"])) : v("", !0),
-      H.value ? (o(), h("div", et, [
-        S(Qe, x({
-          show: A.value,
-          "onUpdate:show": a[10] || (a[10] = (i) => A.value = i),
+        "on-export": Ie
+      }, null, 8, ["show", "data", "fields", "mode", "export-props"])) : h("", !0),
+      H.value ? (r(), y("div", nt, [
+        C(Ne, g({
+          show: j.value,
+          "onUpdate:show": a[10] || (a[10] = (n) => j.value = n),
           ref_key: "importDataRef",
-          ref: ye,
-          fields: be.value,
-          processBatch: xe,
-          onComplete: Ce
+          ref: xe,
+          fields: Ce.value,
+          processBatch: De,
+          onComplete: Pe
         }, typeof t.importProps == "object" ? t.importProps : {}, {
-          title: ge.value,
+          title: be.value,
           class: "hidden!"
         }), null, 16, ["show", "fields", "title"])
-      ])) : v("", !0)
+      ])) : h("", !0)
     ]));
   }
 });
 export {
-  kt as default
+  St as default
 };