vlite3 1.5.0 → 1.5.2

package/components/Kanban/groupKanbanData.d.ts

@@ -0,0 +1,36 @@
+import { KanbanColumn } from './types';
+/** Sentinel column id used when a group value is null/blank and no `emptyColumnId` is provided. */
+export declare const KANBAN_EMPTY_GROUP_KEY = "__kanban_empty__";
+/** Sentinel column id used when a group value is unmatched and orphans are collapsed. */
+export declare const KANBAN_UNMAPPED_GROUP_KEY = "__kanban_unmapped__";
+export interface GroupKanbanRawDataOptions {
+    /** Column id that receives null / blank group values. */
+    emptyColumnId?: string | number;
+    /** Column id that receives values that do not match any configured column. */
+    unmappedColumnId?: string | number;
+    /**
+     * When true (default), append columns for orphan group keys so cards never
+     * disappear from the board when `unmappedColumnId` is not provided.
+     */
+    includeOrphanColumns?: boolean;
+    emptyColumnTitle?: string;
+    unmappedColumnTitle?: string;
+}
+export interface GroupKanbanRawDataResult {
+    grouped: Record<string, any[]>;
+    columns: KanbanColumn[];
+}
+/**
+ * One consistent resolver for column ids and item group values.
+ * Trims strings and maps null/undefined to `''`.
+ */
+export declare function resolveKanbanGroupKey(value: unknown): string;
+/**
+ * Group a flat `rawData` array into column buckets.
+ *
+ * - Column ids and item values are matched via {@link resolveKanbanGroupKey}
+ *   (trim + case-insensitive).
+ * - Empty values land in `emptyColumnId` (or an auto empty column).
+ * - Unmatched values land in `unmappedColumnId`, or become orphan columns.
+ */
+export declare function groupKanbanRawData(rawData: any[] | null | undefined, columns: KanbanColumn[] | null | undefined, groupKey: string, positionKey: string, options?: GroupKanbanRawDataOptions): GroupKanbanRawDataResult;

package/components/Kanban/groupKanbanData.js

@@ -0,0 +1,72 @@
+const A = "__kanban_empty__", w = "__kanban_unmapped__";
+function I(s) {
+  return s == null ? "" : String(s).trim();
+}
+const i = (s) => I(s).toLowerCase();
+function K(s, _, S, g, u = {}) {
+  const m = Array.isArray(_) ? _ : [], p = u.includeOrphanColumns !== !1, o = u.emptyColumnId != null ? u.emptyColumnId : p ? A : void 0, c = u.unmappedColumnId, d = /* @__PURE__ */ new Map();
+  for (const e of m) {
+    const t = i(e.id);
+    d.has(t) || d.set(t, e.id);
+  }
+  const r = {};
+  for (const e of m)
+    r[String(e.id)] = [];
+  const y = /* @__PURE__ */ new Set();
+  let C = !1, h = !1;
+  for (const e of s || []) {
+    const t = I(e?.[S]);
+    let n;
+    if (t) {
+      const f = d.get(t.toLowerCase());
+      if (f !== void 0)
+        n = f;
+      else if (c != null)
+        n = c, d.has(i(n)) || (h = !0);
+      else if (p)
+        n = t, y.add(n);
+      else
+        continue;
+    } else {
+      if (o == null) continue;
+      n = o, d.has(i(n)) || (C = !0);
+    }
+    const a = String(n);
+    r[a] || (r[a] = []), r[a].push({ ...e });
+  }
+  for (const e of Object.keys(r))
+    r[e].sort((t, n) => {
+      const a = (Number(t?.[g]) || 0) - (Number(n?.[g]) || 0);
+      if (a !== 0) return a;
+      const f = new Date(n?.createdAt || 0).getTime() - new Date(t?.createdAt || 0).getTime();
+      return f !== 0 ? f : String(n?.id || "").localeCompare(String(t?.id || ""));
+    });
+  const l = [...m];
+  if (C && o != null && l.push({
+    id: o,
+    title: u.emptyColumnTitle || "Unmapped"
+  }), h && c != null && l.push({
+    id: c,
+    title: u.unmappedColumnTitle || "Unmapped"
+  }), p && c == null)
+    for (const e of y)
+      l.some(
+        (n) => i(n.id) === i(e)
+      ) || l.push({
+        id: e,
+        title: String(e)
+      });
+  if (o === A && !r[String(o)]?.length && !m.some((e) => i(e.id) === i(o))) {
+    const e = l.findIndex(
+      (t) => i(t.id) === i(o)
+    );
+    e >= 0 && l.splice(e, 1), delete r[String(o)];
+  }
+  return { grouped: r, columns: l };
+}
+export {
+  A as KANBAN_EMPTY_GROUP_KEY,
+  w as KANBAN_UNMAPPED_GROUP_KEY,
+  K as groupKanbanRawData,
+  I as resolveKanbanGroupKey
+};

package/components/Kanban/index.d.ts

@@ -2,3 +2,4 @@ export { default as Kanban } from './Kanban.vue';
 export { default as KanbanBoard } from './KanbanBoard.vue';
 export * from './types';
 export * from './useKanbanBoard';
+export * from './groupKanbanData';

package/components/Kanban/types.d.ts

@@ -77,6 +77,23 @@ export interface KanbanProps {
     rawData?: any[];
     groupKey?: string;
     positionKey?: string;
+    /**
+     * Column id that receives items whose group value is null / blank.
+     * When omitted, an auto "Unmapped" empty column is used (if orphans are enabled).
+     */
+    emptyColumnId?: string | number;
+    /**
+     * Column id that receives items whose group value does not match any column.
+     * Prefer providing this (plus a matching column) for a single Unmapped lane.
+     */
+    unmappedColumnId?: string | number;
+    /**
+     * When true (default), append columns for unmatched group values so cards
+     * never silently disappear after a `groupKey` / `columns` change.
+     */
+    includeOrphanColumns?: boolean;
+    emptyColumnTitle?: string;
+    unmappedColumnTitle?: string;
     boardClass?: string;
     headerClass?: string;
     bodyClass?: string;

package/components/NavbarCommandPalette.vue.js

@@ -3,7 +3,7 @@ import L from "./Icon.vue.js";
 import v from "./Modal.vue.js";
 import N from "./CommandPalette/CommandPaletteContent.vue.js";
 import { $t as U } from "../utils/i18n.js";
-/* empty css                                       */
+/* empty css                                      */
 const V = { class: "block truncate -text-fs-1.5" }, S = { class: "ms-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ms-1" }, A = /* @__PURE__ */ x({
   __name: "NavbarCommandPalette",
   props: {

package/components/PanZoomViewport/PanZoomViewport.vue.d.ts

@@ -151,10 +151,10 @@ declare const __VLS_component: import('vue').DefineComponent<PanZoomViewportProp
     disabled: boolean;
     modelValue: PanZoomViewportTransform;
     contentClass: string;
+    zoomStep: number;
     minScale: number;
     maxScale: number;
     keyboard: boolean;
-    zoomStep: number;
     wheelZoomSpeed: number;
     keyboardPanStep: number;
     fitPadding: number;

package/components/RichTextEditor/RichTextEditor.vue.js

@@ -1,9 +1,9 @@
 import { defineComponent as te, ref as v, shallowRef as ne, watch as oe, computed as h, onMounted as le, onUnmounted as ae, openBlock as C, createElementBlock as L, normalizeClass as re, toDisplayString as I, createCommentVNode as U, createElementVNode as w, createVNode as q, unref as a, normalizeStyle as ie } from "vue";
 /* empty css                         */
-import se from "./RichTextToolbar.vue2.js";
-/* empty css                    */
-import de from "./RichTextLinkPopover.vue2.js";
-/* empty css                        */
+import se from "./RichTextToolbar.vue.js";
+/* empty css                     */
+import de from "./RichTextLinkPopover.vue.js";
+/* empty css                         */
 import { useRichTextImageUpload as ue } from "./composables/useRichTextImageUpload.js";
 import { useRichTextLinks as ce } from "./composables/useRichTextLinks.js";
 const fe = ["aria-labelledby", "aria-describedby"], me = ["id", "for"], ve = { class: "rte-wrapper" }, ye = { class: "rte-body-wrap" }, ge = ["id", "contenteditable", "aria-label", "aria-readonly", "aria-disabled", "aria-invalid"], be = ["id"], Se = /* @__PURE__ */ te({

package/components/RichTextEditor/RichTextLinkPopover.vue3.js

@@ -1,5 +1,5 @@
-import o from "./RichTextLinkPopover.vue2.js";
-/* empty css                        */
+import o from "./RichTextLinkPopover.vue.js";
+/* empty css                         */
 export {
   o as default
 };

package/components/RichTextEditor/RichTextToolbar.vue3.js

@@ -1,5 +1,5 @@
-import o from "./RichTextToolbar.vue2.js";
-/* empty css                    */
+import o from "./RichTextToolbar.vue.js";
+/* empty css                     */
 export {
   o as default
 };

package/components/Screen/Screen.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as Ee, useSlots as Qe, computed as n, markRaw as T, onMounted as Ae, ref as h, provide as L, watch as O, openBlock as d, createElementBlock as p, normalizeClass as P, Fragment as U, createElementVNode as j, createVNode as C, createSlots as ne, withCtx as b, renderSlot as s, normalizeProps as u, guardReactiveProps as w, mergeProps as y, createBlock as M, createCommentVNode as R, unref as z, resolveDynamicComponent as Ue, toDisplayString as je } from "vue";
+import { defineComponent as Ee, useSlots as Qe, computed as n, markRaw as T, onMounted as Ae, ref as h, provide as L, watch as O, openBlock as d, createElementBlock as p, normalizeClass as P, Fragment as U, createElementVNode as j, createVNode as x, createSlots as ne, withCtx as b, renderSlot as o, normalizeProps as u, guardReactiveProps as w, mergeProps as g, createBlock as M, createCommentVNode as R, unref as z, resolveDynamicComponent as Ue, toDisplayString as je } from "vue";
 import Me from "../ConfirmationModal.vue.js";
 import Ne from "../Pagination/Pagination.vue.js";
 import He from "../ImportData/ImportData.vue.js";
@@ -6,10 +6,10 @@ import { usePersistentState as Ke } from "../../utils/usePersistentState.js";
 import { useVLiteConfig as Le } from "../../core/config.js";
 import { $t as f } from "../../utils/i18n.js";
 import { SCREEN_CONTEXT_KEY as Oe } from "../DataTable/types.js";
-import se from "./components/ScreenHeaderTitle.vue.js";
+import oe from "./components/ScreenHeaderTitle.vue.js";
 import ze from "./components/ScreenEmptyState.vue.js";
 import Xe from "./components/ScreenExportModal.vue.js";
-import oe from "./components/ScreenQuickFilters.vue.js";
+import se from "./components/ScreenQuickFilters.vue.js";
 import re from "./components/ScreenToolbar.vue.js";
 import Ye from "../Stats/Stats.vue.js";
 /* empty css                  */
@@ -94,7 +94,7 @@ const Ge = { key: 0 }, Je = {
   },
   emits: ["add", "delete", "activeView"],
   setup(t, { emit: de }) {
-    const a = t, I = Le(), q = de, g = Qe(), ce = n(() => a.name || a.title || "default-screen"), ue = n(() => {
+    const a = t, I = Le(), q = de, y = Qe(), ce = n(() => a.name || a.title || "default-screen"), ue = n(() => {
       const e = f("vlite.screen.tableView");
       return e !== "vlite.screen.tableView" ? e : "Table View";
     }), ve = n(() => {
@@ -113,22 +113,22 @@ const Ge = { key: 0 }, Je = {
           component: typeof i.component == "object" && i.component !== null ? T(i.component) : i.component
         }));
       const e = [];
-      return (a.table || g.table) && e.push({
+      return (a.table || y.table) && e.push({
         key: "table",
         component: a.table ? T(a.table) : null,
         icon: "lucide:list",
         label: ue.value
-      }), (a.list || g.list || g.grid) && e.push({
+      }), (a.list || y.list || y.grid) && e.push({
         key: "list",
         component: a.list ? T(a.list) : null,
         icon: "lucide:layout-grid",
         label: ve.value
-      }), (a.kanban || g.kanban) && e.push({
+      }), (a.kanban || y.kanban) && e.push({
         key: "kanban",
         component: a.kanban ? T(a.kanban) : null,
         icon: "lucide:kanban",
         label: fe.value
-      }), (a.calendar || g.calendar) && e.push({
+      }), (a.calendar || y.calendar) && e.push({
         key: "calendar",
         component: a.calendar ? T(a.calendar) : null,
         icon: "lucide:calendar",
@@ -140,7 +140,7 @@ const Ge = { key: 0 }, Je = {
     Ae(() => {
       V.value.length > 0 && !he.value.includes(c.value) && (c.value = Y.value), q("activeView", c.value);
     });
-    const F = n(() => c.value === "table" && g.table ? "table" : c.value === "list" && g.list ? "list" : c.value === "list" && g.grid ? "grid" : c.value === "kanban" && g.kanban ? "kanban" : c.value === "calendar" && g.calendar ? "calendar" : null), k = h(""), m = h({}), $ = h({ field: "", order: "" }), S = h(a.pageInfo?.currentPage || 1), E = h(a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10), o = h([]), Q = h([]), B = h(!1), v = h(
+    const F = n(() => c.value === "table" && y.table ? "table" : c.value === "list" && y.list ? "list" : c.value === "list" && y.grid ? "grid" : c.value === "kanban" && y.kanban ? "kanban" : c.value === "calendar" && y.calendar ? "calendar" : null), k = h(""), m = h({}), $ = h({ field: "", order: "" }), S = h(a.pageInfo?.currentPage || 1), E = h(a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10), s = h([]), Q = h([]), B = h(!1), v = h(
       a.defaultQuickFilter !== void 0 ? a.defaultQuickFilter : a.quickFilters && a.quickFilters.length > 0 ? a.quickFilters[0].value : ""
     ), W = n(() => !a.quickFilters || a.quickFilters.length === 0 ? !1 : a.skipQuickFilterViews && a.skipQuickFilterViews.length > 0 ? !a.skipQuickFilterViews.includes(c.value) : !0), Z = (e) => {
       v.value = e, S.value = 1, D();
@@ -154,7 +154,7 @@ const Ge = { key: 0 }, Je = {
       activeSort: $.value,
       page: S.value,
       limit: E.value,
-      selectedRows: o.value,
+      selectedRows: s.value,
       isFiltered: _.value,
       hasData: ee.value,
       loading: a.loading
@@ -164,13 +164,13 @@ const Ge = { key: 0 }, Je = {
         $.value = { field: e.sort.field, order: e.sort.order }, D();
       }
     };
-    L(Oe, we), L("screen-selected-rows", o), L("screen-request-delete", (e) => x(e));
-    const x = (e) => {
+    L(Oe, we), L("screen-selected-rows", s), L("screen-request-delete", (e) => C(e));
+    const C = (e) => {
       Q.value = e, B.value = !0;
-    }, ye = () => {
-      q("delete", Q.value), B.value = !1, o.value = [];
-    }, ge = (e) => {
-      q("delete", e), o.value = [];
+    }, ge = () => {
+      q("delete", Q.value), B.value = !1, s.value = [];
+    }, ye = (e) => {
+      q("delete", e), s.value = [];
     };
     O(
       () => a.pageInfo?.currentPage,
@@ -212,10 +212,10 @@ const Ge = { key: 0 }, Je = {
     }), le = n(() => {
       const e = f("vlite.screen.searchPlaceholder");
       return e !== "vlite.screen.searchPlaceholder" ? e : "Search...";
-    }), xe = n(() => {
+    }), Ce = n(() => {
       const e = f("vlite.screen.confirmDeleteTitle");
       return e !== "vlite.screen.confirmDeleteTitle" ? e : "Confirm Deletion";
-    }), Ce = n(() => {
+    }), xe = n(() => {
       const e = f("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"}?`;
     }), Ve = n(() => {
@@ -269,7 +269,7 @@ const Ge = { key: 0 }, Je = {
       class: P(["flex flex-col w-full space-y-8", t.containerClass])
     }, [
       t.variant === "two" ? (d(), p(U, { key: 0 }, [
-        t.customHeader ? s(e.$slots, "custom-header", u(y({ key: 1 }, r.value))) : (d(), p("div", {
+        t.customHeader ? o(e.$slots, "custom-header", u(g({ key: 1 }, r.value))) : (d(), p("div", {
           key: 0,
           class: P([t.headerClass, "flex flex-col space-y-6"])
         }, [
@@ -279,7 +279,7 @@ const Ge = { key: 0 }, Je = {
               t.topHeaderClass
             ])
           }, [
-            C(se, {
+            x(oe, {
               title: t.title,
               "title-i18n": t.titleI18n,
               "title-class": t.titleClass,
@@ -292,21 +292,21 @@ const Ge = { key: 0 }, Je = {
               e.$slots.title ? {
                 name: "title",
                 fn: b(() => [
-                  s(e.$slots, "title", u(w(r.value)))
+                  o(e.$slots, "title", u(w(r.value)))
                 ]),
                 key: "0"
               } : void 0,
               e.$slots.description ? {
                 name: "description",
                 fn: b(() => [
-                  s(e.$slots, "description", u(w(r.value)))
+                  o(e.$slots, "description", u(w(r.value)))
                 ]),
                 key: "1"
               } : void 0
             ]), 1032, ["title", "title-i18n", "title-class", "description", "description-i18n", "description-class", "info", "info-i18n"]),
             t.stats && t.stats.length > 0 ? (d(), p("div", Ge, [
-              C(Ye, y({ items: t.stats }, t.statsProps), null, 16, ["items"])
-            ])) : s(e.$slots, "header-stats", { key: 1 })
+              x(Ye, g({ items: t.stats }, t.statsProps), null, 16, ["items"])
+            ])) : o(e.$slots, "header-stats", { key: 1 })
           ], 2),
           j("div", {
             class: P([
@@ -320,7 +320,7 @@ const Ge = { key: 0 }, Je = {
                 t.filtersContainerClass
               ])
             }, [
-              W.value ? (d(), M(oe, {
+              W.value ? (d(), M(se, {
                 key: 0,
                 modelValue: v.value,
                 "onUpdate:modelValue": i[0] || (i[0] = (l) => v.value = l),
@@ -329,12 +329,10 @@ const Ge = { key: 0 }, Je = {
                 onChange: Z
               }, null, 8, ["modelValue", "options", "variant"])) : R("", !0)
             ], 2),
-            C(re, {
-              class: P([
-                "flex items-center gap-2.5 max-sm:w-full sm:w-auto justify-end",
-                t.actionsContainerClass
-              ]),
-              "selected-rows": o.value,
+            x(re, {
+              inline: "",
+              class: P(["w-full lg:w-auto", t.actionsContainerClass]),
+              "selected-rows": s.value,
               "hide-selectable": t.hideSelectable,
               "hide-delete-btn": t.hideDeleteBtn,
               "txt-delete-selected": te.value,
@@ -359,7 +357,7 @@ const Ge = { key: 0 }, Je = {
               "export-props": t.exportProps,
               "import-props": t.importProps,
               "screen-state": r.value,
-              onDelete: x,
+              onDelete: C,
               "onUpdate:activeView": J,
               "onUpdate:searchQuery": i[1] || (i[1] = (l) => k.value = l),
               "onUpdate:activeFilters": i[2] || (i[2] = (l) => m.value = l),
@@ -368,25 +366,26 @@ const Ge = { key: 0 }, Je = {
               onSelectDropdown: ie
             }, {
               "before-search": b((l) => [
-                s(e.$slots, "before-search", u(w(l)))
+                o(e.$slots, "before-search", u(w(l)))
               ]),
               actions: b((l) => [
-                s(e.$slots, "actions", u(w(l)))
+                o(e.$slots, "actions", u(w(l)))
               ]),
               "after-add": b((l) => [
-                s(e.$slots, "after-add", u(w(l)))
+                o(e.$slots, "after-add", u(w(l)))
               ]),
               _: 3
             }, 8, ["class", "selected-rows", "hide-selectable", "hide-delete-btn", "txt-delete-selected", "has-multiple-views", "active-view", "resolved-views", "show-refresh", "loading", "txt-refresh", "filter-schema", "filter-type", "active-filters", "can-search", "search-query", "txt-search", "can-add", "add-component", "add-btn", "data", "refetch", "has-export-or-import", "export-props", "import-props", "screen-state"])
           ], 2)
         ], 2)),
-        s(e.$slots, "sub-header", u(w(r.value)))
+        o(e.$slots, "sub-header", u(w(r.value)))
       ], 64)) : (d(), p(U, { key: 1 }, [
-        t.customHeader ? s(e.$slots, "custom-header", u(y({ key: 1 }, r.value))) : (d(), p("div", {
+        t.customHeader ? o(e.$slots, "custom-header", u(g({ key: 1 }, r.value))) : (d(), p("div", {
           key: 0,
-          class: P([t.headerClass, "flex flex-col md:flex-row sm:items-start md:items-center justify-between gap-4"])
+          class: P([t.headerClass, "grid grid-cols-1 min-[900px]:grid-cols-[1fr_auto] min-[1250px]:grid-cols-[1fr_auto_auto] items-start gap-x-4 gap-y-3 w-full"])
         }, [
-          C(se, {
+          x(oe, {
+            class: "order-1 min-w-0",
             title: t.title,
             "title-i18n": t.titleI18n,
             "title-class": t.titleClass,
@@ -399,21 +398,20 @@ const Ge = { key: 0 }, Je = {
             e.$slots.title ? {
               name: "title",
               fn: b(() => [
-                s(e.$slots, "title", u(w(r.value)))
+                o(e.$slots, "title", u(w(r.value)))
               ]),
               key: "0"
             } : void 0,
             e.$slots.description ? {
               name: "description",
               fn: b(() => [
-                s(e.$slots, "description", u(w(r.value)))
+                o(e.$slots, "description", u(w(r.value)))
               ]),
               key: "1"
             } : void 0
           ]), 1032, ["title", "title-i18n", "title-class", "description", "description-i18n", "description-class", "info", "info-i18n"]),
-          C(re, {
-            class: "flex flex-col sm:flex-row items-start sm:items-center gap-2.5 w-full justify-end",
-            "selected-rows": o.value,
+          x(re, {
+            "selected-rows": s.value,
             "hide-selectable": t.hideSelectable,
             "hide-delete-btn": t.hideDeleteBtn,
             "txt-delete-selected": te.value,
@@ -438,7 +436,7 @@ const Ge = { key: 0 }, Je = {
             "export-props": t.exportProps,
             "import-props": t.importProps,
             "screen-state": r.value,
-            onDelete: x,
+            onDelete: C,
             "onUpdate:activeView": J,
             "onUpdate:searchQuery": i[4] || (i[4] = (l) => k.value = l),
             "onUpdate:activeFilters": i[5] || (i[5] = (l) => m.value = l),
@@ -447,20 +445,20 @@ const Ge = { key: 0 }, Je = {
             onSelectDropdown: ie
           }, {
             "before-search": b((l) => [
-              s(e.$slots, "before-search", u(w(l)))
+              o(e.$slots, "before-search", u(w(l)))
             ]),
             actions: b((l) => [
-              s(e.$slots, "actions", u(w(l)))
+              o(e.$slots, "actions", u(w(l)))
             ]),
             "after-add": b((l) => [
-              s(e.$slots, "after-add", u(w(l)))
+              o(e.$slots, "after-add", u(w(l)))
             ]),
             _: 3
           }, 8, ["selected-rows", "hide-selectable", "hide-delete-btn", "txt-delete-selected", "has-multiple-views", "active-view", "resolved-views", "show-refresh", "loading", "txt-refresh", "filter-schema", "filter-type", "active-filters", "can-search", "search-query", "txt-search", "can-add", "add-component", "add-btn", "data", "refetch", "has-export-or-import", "export-props", "import-props", "screen-state"])
         ], 2)),
-        s(e.$slots, "sub-header", u(w(r.value))),
+        o(e.$slots, "sub-header", u(w(r.value))),
         W.value ? (d(), p("div", Je, [
-          C(oe, {
+          x(se, {
             modelValue: v.value,
             "onUpdate:modelValue": i[7] || (i[7] = (l) => v.value = l),
             options: t.quickFilters,
@@ -473,7 +471,7 @@ const Ge = { key: 0 }, Je = {
         class: P(["flex-1 w-full relative", t.mainContainerClass])
       }, [
         !ee.value && !t.loading && !pe.value ? (d(), p(U, { key: 0 }, [
-          e.$slots.empty ? s(e.$slots, "empty", u(y({ key: 0 }, r.value))) : (d(), M(ze, {
+          e.$slots.empty ? o(e.$slots, "empty", u(g({ key: 0 }, r.value))) : (d(), M(ze, {
             key: 1,
             "empty-title": t.emptyTitle,
             "empty-title-i18n": t.emptyTitleI18n,
@@ -486,55 +484,55 @@ const Ge = { key: 0 }, Je = {
             "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)) : (d(), p(U, { key: 1 }, [
-          F.value === "table" ? s(e.$slots, "table", y({
+          F.value === "table" ? o(e.$slots, "table", g({
             key: 0,
             data: t.data,
             loading: t.loading,
-            selectedRows: o.value,
-            delete: x,
-            updateSelectedRows: (l) => o.value = l
-          }, r.value)) : F.value === "list" ? s(e.$slots, "list", y({
+            selectedRows: s.value,
+            delete: C,
+            updateSelectedRows: (l) => s.value = l
+          }, r.value)) : F.value === "list" ? o(e.$slots, "list", g({
             key: 1,
             data: t.data,
             loading: t.loading,
-            selectedRows: o.value,
-            delete: x,
-            updateSelectedRows: (l) => o.value = l
-          }, r.value)) : F.value === "grid" ? s(e.$slots, "grid", y({
+            selectedRows: s.value,
+            delete: C,
+            updateSelectedRows: (l) => s.value = l
+          }, r.value)) : F.value === "grid" ? o(e.$slots, "grid", g({
             key: 2,
             data: t.data,
             loading: t.loading,
-            selectedRows: o.value,
-            delete: x,
-            updateSelectedRows: (l) => o.value = l
-          }, r.value)) : F.value === "kanban" ? s(e.$slots, "kanban", y({
+            selectedRows: s.value,
+            delete: C,
+            updateSelectedRows: (l) => s.value = l
+          }, r.value)) : F.value === "kanban" ? o(e.$slots, "kanban", g({
             key: 3,
             data: t.data,
             loading: t.loading,
-            selectedRows: o.value,
-            delete: x,
-            updateSelectedRows: (l) => o.value = l
-          }, r.value)) : F.value === "calendar" ? s(e.$slots, "calendar", y({
+            selectedRows: s.value,
+            delete: C,
+            updateSelectedRows: (l) => s.value = l
+          }, r.value)) : F.value === "calendar" ? o(e.$slots, "calendar", g({
             key: 4,
             data: t.data,
             loading: t.loading,
-            selectedRows: o.value,
-            delete: x,
-            updateSelectedRows: (l) => o.value = l
-          }, r.value)) : G.value ? (d(), M(Ue(G.value), y({
+            selectedRows: s.value,
+            delete: C,
+            updateSelectedRows: (l) => s.value = l
+          }, r.value)) : G.value ? (d(), M(Ue(G.value), g({
             key: 5,
             data: t.data,
             loading: t.loading,
             refetch: t.refetch,
-            selectedRows: o.value,
-            "onUpdate:selectedRows": i[8] || (i[8] = (l) => o.value = l),
-            delete: x,
-            onDelete: ge
+            selectedRows: s.value,
+            "onUpdate:selectedRows": i[8] || (i[8] = (l) => s.value = l),
+            delete: C,
+            onDelete: ye
           }, t.viewProps), null, 16, ["data", "loading", "refetch", "selectedRows"])) : (d(), p("div", We, je(Pe.value), 1))
         ], 64))
       ], 2),
       t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (d(), p("div", Ze, [
-        C(z(Ne), y({
+        x(z(Ne), g({
           "current-page": t.pageInfo.currentPage,
           "total-pages": t.pageInfo.totalPages,
           "total-items": t.pageInfo.totalItems
@@ -543,15 +541,15 @@ const Ge = { key: 0 }, Je = {
           "onUpdate:itemsPerPage": be
         }), null, 16, ["current-page", "total-pages", "total-items"])
       ])) : R("", !0),
-      C(Me, {
+      x(Me, {
         show: B.value,
         "onUpdate:show": i[9] || (i[9] = (l) => B.value = l),
-        title: xe.value,
-        description: Ce.value,
+        title: Ce.value,
+        description: xe.value,
         "confirm-text": Ve.value,
         "cancel-text": De.value,
         variant: "danger",
-        onConfirm: ye,
+        onConfirm: ge,
         onCancel: i[10] || (i[10] = (l) => B.value = !1)
       }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text"]),
       A.value ? (d(), M(Xe, {
@@ -565,7 +563,7 @@ const Ge = { key: 0 }, Je = {
         "on-export": qe
       }, null, 8, ["show", "data", "fields", "mode", "export-props"])) : R("", !0),
       H.value ? (d(), p("div", _e, [
-        C(He, y({
+        x(He, g({
           show: K.value,
           "onUpdate:show": i[12] || (i[12] = (l) => K.value = l),
           ref_key: "importDataRef",

package/components/Screen/ScreenFilter.vue.js

@@ -21,11 +21,11 @@ import "@vueuse/core";
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                                 */
-/* empty css                         */
+/* empty css                        */
 /* empty css                 */
 /* empty css                                         */
-/* empty css                                    */
-/* empty css                                        */
+/* empty css                                     */
+/* empty css                                         */
 import "../../core/config.js";
 /* empty css                                    */
 /* empty css                      */