@dcodegroup-au/dsg-vue 0.1.15 → 0.1.17

package/dist/dsg-vue.table.esm.js

@@ -1,10 +1,10 @@
-import { defineComponent as K, mergeModels as J, useModel as G, computed as V, withDirectives as re, createElementBlock as o, openBlock as l, createCommentVNode as p, createElementVNode as w, normalizeClass as B, createVNode as R, Fragment as I, renderList as N, vShow as Re, ref as k, useTemplateRef as me, useAttrs as Ie, unref as O, withCtx as ee, renderSlot as F, toDisplayString as te, createBlock as j, resolveDynamicComponent as Ae, onMounted as ye, normalizeStyle as X, watch as _, Transition as He, createTextVNode as Ue, useSlots as qe, createSlots as Ve, normalizeProps as ze, mergeProps as Oe, nextTick as fe, vModelSelect as Ne } from "vue";
-import { _ as z, k as We, v as je, f as Ke, u as Qe, c as we, e as he, i as ke, j as Ye } from "./DsgTablePerPage.vue_vue_type_style_index_0_lang-Dq7AM0nW.js";
+import { defineComponent as K, mergeModels as X, useModel as J, computed as V, withDirectives as ge, createElementBlock as i, openBlock as l, createCommentVNode as p, createElementVNode as P, normalizeClass as B, createVNode as R, Fragment as I, renderList as N, vShow as Re, ref as D, useTemplateRef as ye, useAttrs as Ie, unref as O, withCtx as te, renderSlot as F, toDisplayString as ae, createBlock as j, resolveDynamicComponent as Ae, onMounted as we, normalizeStyle as Z, watch as ee, Transition as He, createTextVNode as Ue, useSlots as qe, createSlots as Ve, normalizeProps as ze, mergeProps as Oe, nextTick as he, vModelSelect as Ne } from "vue";
+import { _ as z, k as We, v as je, f as Ke, u as Qe, c as ke, e as me, i as Pe, j as Ye } from "./DsgTablePerPage.vue_vue_type_style_index_0_lang-BIxdsbw_.js";
 import { ucfirst as Ge, ucwords as Je, toSnakeCase as Xe } from "./dsg-vue.helpers-string.esm.js";
-import { data_get as de } from "./dsg-vue.helpers-object.esm.js";
-const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disabled"], tt = ["onClick", "innerHTML"], at = ["onClick", "innerHTML"], lt = ["disabled"], st = ["disabled"], Pe = /* @__PURE__ */ K({
+import { data_get as ce } from "./dsg-vue.helpers-object.esm.js";
+const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disabled"], tt = ["onClick", "innerHTML"], at = ["onClick", "innerHTML"], lt = ["disabled"], st = ["disabled"], De = /* @__PURE__ */ K({
   __name: "DsgTablePagination",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ X({
     onEachSide: { default: 3 },
     firstPage: { default: 1 },
     showFirstLast: { type: Boolean, default: !0 },
@@ -16,19 +16,19 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
     pagination: { default: null },
     paginationModifiers: {}
   }),
-  emits: /* @__PURE__ */ J(["dsg-table:change-page"], ["update:pagination"]),
-  setup(e, { expose: L, emit: g }) {
-    const r = G(e, "pagination"), b = V(() => r.value === null ? 0 : r.value?.last_page - e.firstPage + 1), h = V(() => r.value === null ? 0 : r.value?.last_page), c = V(() => r.value === null ? !1 : r.value?.current_page === e.firstPage), m = V(() => r.value === null ? !1 : r.value?.current_page === h.value), q = V(() => b.value < e.onEachSide * 2 + 4), A = V(() => e.onEachSide * 2 + 1), C = V(() => !r.value || r.value?.current_page <= e.onEachSide ? 1 : r.value?.current_page >= b.value - e.onEachSide ? b.value - e.onEachSide * 2 : r.value?.current_page - e.onEachSide), f = g, a = (T) => {
-      f("dsg-table:change-page", T);
-    }, u = (T) => T === r.value?.current_page;
+  emits: /* @__PURE__ */ X(["dsg-table:change-page"], ["update:pagination"]),
+  setup(e, { expose: L, emit: v }) {
+    const r = J(e, "pagination"), b = V(() => r.value === null ? 0 : r.value?.last_page - e.firstPage + 1), h = V(() => r.value === null ? 0 : r.value?.last_page), g = V(() => r.value === null ? !1 : r.value?.current_page === e.firstPage), m = V(() => r.value === null ? !1 : r.value?.current_page === h.value), q = V(() => b.value < e.onEachSide * 2 + 4), A = V(() => e.onEachSide * 2 + 1), C = V(() => !r.value || r.value?.current_page <= e.onEachSide ? 1 : r.value?.current_page >= b.value - e.onEachSide ? b.value - e.onEachSide * 2 : r.value?.current_page - e.onEachSide), f = v, a = ($) => {
+      f("dsg-table:change-page", $);
+    }, u = ($) => $ === r.value?.current_page;
     return L({
       loadPage: a
-    }), (T, D) => re((l(), o("div", Ze, [
-      e.showFirstLast ? (l(), o("a", {
+    }), ($, T) => ge((l(), i("div", Ze, [
+      e.showFirstLast ? (l(), i("a", {
         key: 0,
-        onClick: D[0] || (D[0] = (S) => a(e.firstPage)),
-        class: B([[c.value ? "disabled" : ""], "dsg-table--pagination-link"]),
-        disabled: c.value,
+        onClick: T[0] || (T[0] = (S) => a(e.firstPage)),
+        class: B([[g.value ? "disabled" : ""], "dsg-table--pagination-link"]),
+        disabled: g.value,
         title: "First",
         "aria-label": "First"
       }, [
@@ -37,10 +37,10 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
           size: "sm"
         }, null, 8, ["icon"])
       ], 10, _e)) : p("", !0),
-      w("a", {
-        onClick: D[1] || (D[1] = (S) => a("prev")),
-        class: B([[c.value ? "disabled" : ""], "dsg-table--pagination-link"]),
-        disabled: c.value,
+      P("a", {
+        onClick: T[1] || (T[1] = (S) => a("prev")),
+        class: B([[g.value ? "disabled" : ""], "dsg-table--pagination-link"]),
+        disabled: g.value,
         title: "Previous",
         "aria-label": "Previous"
       }, [
@@ -49,19 +49,19 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
           size: "sm"
         }, null, 8, ["icon"])
       ], 10, et),
-      q.value ? (l(!0), o(I, { key: 1 }, N(b.value, (S, U) => (l(), o("a", {
+      q.value ? (l(!0), i(I, { key: 1 }, N(b.value, (S, U) => (l(), i("a", {
         key: U,
         onClick: (E) => a(U + e.firstPage),
         class: B([[u(U + e.firstPage) ? "active" : ""], "dsg-table--pagination-link"]),
         innerHTML: S
-      }, null, 10, tt))), 128)) : (l(!0), o(I, { key: 2 }, N(A.value, (S, U) => (l(), o("a", {
+      }, null, 10, tt))), 128)) : (l(!0), i(I, { key: 2 }, N(A.value, (S, U) => (l(), i("a", {
         key: U,
         onClick: (E) => a(C.value + U + e.firstPage - 1),
         class: B([[u(C.value + U + e.firstPage - 1) ? "active" : ""], "dsg-table--pagination-link"]),
         innerHTML: C.value + S - 1
       }, null, 10, at))), 128)),
-      w("a", {
-        onClick: D[2] || (D[2] = (S) => a("next")),
+      P("a", {
+        onClick: T[2] || (T[2] = (S) => a("next")),
         class: B([[m.value ? "disabled" : ""], "dsg-table--pagination-link"]),
         disabled: m.value,
         title: "Next",
@@ -72,9 +72,9 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
           size: "sm"
         }, null, 8, ["icon"])
       ], 10, lt),
-      e.showFirstLast ? (l(), o("a", {
+      e.showFirstLast ? (l(), i("a", {
         key: 3,
-        onClick: D[3] || (D[3] = (S) => a(h.value)),
+        onClick: T[3] || (T[3] = (S) => a(h.value)),
         class: B([[m.value ? "disabled" : ""], "dsg-table--pagination-link"]),
         disabled: m.value,
         title: "Last",
@@ -91,7 +91,7 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
   }
 }), nt = ["innerHTML"], pe = /* @__PURE__ */ K({
   __name: "DsgTablePaginationInfo",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ X({
     infoTemplate: { default: "Displaying {from} to {to} of {total} items" },
     noDataTemplate: { default: "No relevant data" }
   }, {
@@ -100,10 +100,10 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
   }),
   emits: ["update:pagination"],
   setup(e) {
-    const L = G(e, "pagination"), g = V(() => L.value == null || L.value.total == 0 ? e.noDataTemplate : e.infoTemplate.replace("{from}", (L.value?.from || 0).toString()).replace("{to}", (L.value?.to || 0).toString()).replace("{total}", (L.value?.total || 0).toString()));
-    return (r, b) => (l(), o("div", {
+    const L = J(e, "pagination"), v = V(() => L.value == null || L.value.total == 0 ? e.noDataTemplate : e.infoTemplate.replace("{from}", (L.value?.from || 0).toString()).replace("{to}", (L.value?.to || 0).toString()).replace("{total}", (L.value?.total || 0).toString()));
+    return (r, b) => (l(), i("div", {
       class: "dsg-table--pagination-info",
-      innerHTML: g.value
+      innerHTML: v.value
     }, null, 8, nt));
   }
 }), ot = {
@@ -119,9 +119,9 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
   },
   emits: ["dsg-table:action-edit", "dsg-table:action-view", "dsg-table:action-delete", "dsg-table:action-archive", "dsg-table:link-clicked"],
   setup(e, { emit: L }) {
-    const g = k(!1);
-    me("dsgTableActions");
-    const r = Ie(), b = k(r.data.rowData?.actions ?? null), h = k(r.data.rowData?.links ?? null), c = k(r.data.rowData ?? null), m = (f) => {
+    const v = D(!1);
+    ye("dsgTableActions");
+    const r = Ie(), b = D(r.data.rowData?.actions ?? null), h = D(r.data.rowData?.links ?? null), g = D(r.data.rowData ?? null), m = (f) => {
       switch (f) {
         case "edit":
           return "edit-05";
@@ -137,89 +137,89 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
     }, q = (f, a, u) => {
       switch (a) {
         case "edit":
-          C("dsg-table:action-edit", u, c.value);
+          C("dsg-table:action-edit", u, g.value);
           break;
         case "view":
-          C("dsg-table:action-view", u, c.value);
+          C("dsg-table:action-view", u, g.value);
           break;
         case "delete":
-          C("dsg-table:action-delete", u, c.value);
+          C("dsg-table:action-delete", u, g.value);
           break;
         case "archive":
-          C("dsg-table:action-archive", u, c.value);
+          C("dsg-table:action-archive", u, g.value);
           break;
       }
     }, A = (f, a) => {
       const u = f.actionId || f.label.trim().toLowerCase().replace(/[^a-z0-9-]/g, "-").replace(/-+/g, "-");
-      C("dsg-table:link-clicked", a, u, c.value);
+      C("dsg-table:link-clicked", a, u, g.value);
     }, C = L;
-    return (f, a) => re((l(), o("div", ot, [
+    return (f, a) => ge((l(), i("div", ot, [
       R(O(We), {
         triggers: [],
         placement: e.placement,
         "handle-resize": !0,
         strategy: "absolute",
-        shown: g.value,
+        shown: v.value,
         class: "dsg-table--actions__popper",
-        onHide: a[1] || (a[1] = (u) => g.value = !1),
+        onHide: a[1] || (a[1] = (u) => v.value = !1),
         ref: "floatingVueFilterDropdown"
       }, {
-        popper: ee(() => [
-          g.value ? (l(), o("div", dt, [
-            (l(!0), o(I, null, N(b.value, (u, T) => (l(), o(I, null, [
-              ["edit", "view", "delete", "archive"].includes(String(T)) ? (l(), o("a", {
-                key: T,
+        popper: te(() => [
+          v.value ? (l(), i("div", dt, [
+            (l(!0), i(I, null, N(b.value, (u, $) => (l(), i(I, null, [
+              ["edit", "view", "delete", "archive"].includes(String($)) ? (l(), i("a", {
+                key: $,
                 href: b.value?.link,
                 target: b.value?.target || "_self",
-                onClick: (D) => q(u, String(T), D)
+                onClick: (T) => q(u, String($), T)
               }, [
-                w("div", {
-                  class: B(["dsg-table--actions-menu-item", String(T)])
+                P("div", {
+                  class: B(["dsg-table--actions-menu-item", String($)])
                 }, [
                   R(z, {
-                    icon: m(String(T)),
+                    icon: m(String($)),
                     size: "sm"
                   }, null, 8, ["icon"]),
-                  w("span", {
+                  P("span", {
                     class: "flex-1",
-                    textContent: te(O(Ge)(String(T)))
+                    textContent: ae(O(Ge)(String($)))
                   }, null, 8, ut)
                 ], 2)
               ], 8, rt)) : p("", !0)
             ], 64))), 256)),
-            b.value && h.value ? (l(), o("hr", ct)) : p("", !0),
-            h.value ? (l(!0), o(I, { key: 1 }, N(h.value, (u) => (l(), o(I, {
+            b.value && h.value ? (l(), i("hr", ct)) : p("", !0),
+            h.value ? (l(!0), i(I, { key: 1 }, N(h.value, (u) => (l(), i(I, {
               key: u.label
             }, [
               u.hasOwnProperty("component") ? (l(), j(Ae(u.component), {
                 key: 0,
                 quote: O(r).data.data.rowData,
                 "row-data": O(r).data.data.rowData
-              }, null, 8, ["quote", "row-data"])) : u.hasOwnProperty("type") && u.type == "break" ? (l(), o("hr", gt)) : (l(), o("a", {
+              }, null, 8, ["quote", "row-data"])) : u.hasOwnProperty("type") && u.type == "break" ? (l(), i("hr", gt)) : (l(), i("a", {
                 key: 2,
                 href: u.link,
                 target: u.target || "_self",
                 class: B(["dsg-table--actions-menu-item", u.class]),
-                onClick: (T) => A(u, T)
+                onClick: ($) => A(u, $)
               }, [
                 u.icon ? (l(), j(z, {
                   key: 0,
                   icon: u.icon,
                   size: "sm"
                 }, null, 8, ["icon"])) : p("", !0),
-                w("span", bt, te(u.label), 1)
+                P("span", bt, ae(u.label), 1)
               ], 10, vt))
             ], 64))), 128)) : p("", !0)
           ])) : p("", !0)
         ]),
-        default: ee(() => [
-          w("div", it, [
-            w("button", {
+        default: te(() => [
+          P("div", it, [
+            P("button", {
               type: "button",
               class: "dsg-table--actions-button",
               "aria-expanded": "false",
               "aria-haspopup": "true",
-              onClick: a[0] || (a[0] = (u) => g.value = !g.value)
+              onClick: a[0] || (a[0] = (u) => v.value = !v.value)
             }, [
               F(f.$slots, "dsg-table-action-button-content", {}, () => [
                 R(z, {
@@ -233,10 +233,10 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
         _: 3
       }, 8, ["placement", "shown"])
     ])), [
-      [O(je), () => g.value = !1]
+      [O(je), () => v.value = !1]
     ]);
   }
-}), ft = { class: "dsg-table--search" }, De = /* @__PURE__ */ K({
+}), ft = { class: "dsg-table--search" }, $e = /* @__PURE__ */ K({
   __name: "DsgTableSearch",
   props: {
     name: {},
@@ -252,22 +252,22 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
   },
   emits: ["dsg-table:term-changed"],
   setup(e, { emit: L }) {
-    const g = k("");
-    ye(() => {
-      const c = new URL(window.location.href).searchParams.get("term");
-      c && (g.value = c, r("dsg-table:term-changed", c));
+    const v = D("");
+    we(() => {
+      const g = new URL(window.location.href).searchParams.get("term");
+      g && (v.value = g, r("dsg-table:term-changed", g));
     });
     const r = L, b = Qe((h) => {
-      if (g.value = h, e.replaceState) {
-        const c = new URL(window.location.href);
-        g.value ? c.searchParams.set("term", g.value) : c.searchParams.delete("term"), window.history.pushState({}, "", c.toString());
+      if (v.value = h, e.replaceState) {
+        const g = new URL(window.location.href);
+        v.value ? g.searchParams.set("term", v.value) : g.searchParams.delete("term"), window.history.pushState({}, "", g.toString());
       }
-      r("dsg-table:term-changed", g.value);
+      r("dsg-table:term-changed", v.value);
     }, 300);
-    return (h, c) => (l(), o("div", ft, [
+    return (h, g) => (l(), i("div", ft, [
       R(Ke, {
-        modelValue: g.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (m) => g.value = m),
+        modelValue: v.value,
+        "onUpdate:modelValue": g[0] || (g[0] = (m) => v.value = m),
         name: e.name,
         id: e.id || e.name,
         placeholder: e.placeholder,
@@ -280,9 +280,9 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
         size: "sm",
         icon: "search-sm",
         "icon-clickable": !0,
-        onIconClicked: c[1] || (c[1] = (m) => O(b)(m)),
-        onEnterPressed: c[2] || (c[2] = (m) => O(b)(m)),
-        onOnClear: c[3] || (c[3] = () => O(b)(""))
+        onIconClicked: g[1] || (g[1] = (m) => O(b)(m)),
+        onEnterPressed: g[2] || (g[2] = (m) => O(b)(m)),
+        onOnClear: g[3] || (g[3] = () => O(b)(""))
       }, null, 8, ["modelValue", "name", "id", "placeholder", "disabled", "required", "readonly", "hidden"])
     ]));
   }
@@ -297,9 +297,9 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
 }, wt = ["title", "id", "onClick"], kt = {
   key: 0,
   class: "dsg-table--th-sort-icon"
-}, Pt = ["innerHTML"], pt = ["innerHTML"], $e = /* @__PURE__ */ K({
+}, Pt = ["innerHTML"], Dt = ["innerHTML"], Te = /* @__PURE__ */ K({
   __name: "DsgTableRowHeader",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ X({
     fields: {},
     scrollVisible: { type: Boolean },
     hasSelectAll: { type: Boolean, default: !1 },
@@ -313,84 +313,84 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
     hasSelected: { type: Boolean, default: !1 },
     hasSelectedModifiers: {}
   }),
-  emits: /* @__PURE__ */ J(["dsg-table:sort-field", "dsg-table:on-select-all", "dsg-table:on-deselect-all"], ["update:sortField", "update:selectedRows", "update:hasSelected"]),
+  emits: /* @__PURE__ */ X(["dsg-table:sort-field", "dsg-table:on-select-all", "dsg-table:on-deselect-all"], ["update:sortField", "update:selectedRows", "update:hasSelected"]),
   setup(e, { emit: L }) {
-    const g = G(e, "sortField"), r = G(e, "selectedRows"), b = G(e, "hasSelected"), h = k("17px"), c = (C) => {
+    const v = J(e, "sortField"), r = J(e, "selectedRows"), b = J(e, "hasSelected"), h = D("17px"), g = (C) => {
       b.value && r.value.length > 0 && r.value.length !== e.tableDataLength ? (b.value = !0, m("dsg-table:on-select-all")) : !b.value && r.value.length === 0 ? (b.value = !1, m("dsg-table:on-select-all")) : m("dsg-table:on-deselect-all");
     }, m = L, q = (C, f) => [
       C,
       C + "-" + Xe(String(f?.name)),
       f.titleClass || "",
       { sortable: f.sortable },
-      { "sort-active": g.value?.name === f.name }
+      { "sort-active": v.value?.name === f.name }
     ], A = (C) => {
-      C.sortable && (g.value = {
+      C.sortable && (v.value = {
         name: String(C?.name),
         field: String(C?.sortField),
-        direction: g.value?.name === C.name && g.value?.direction === "asc" ? "desc" : "asc"
+        direction: v.value?.name === C.name && v.value?.direction === "asc" ? "desc" : "asc"
       }, m("dsg-table:sort-field", C));
     };
-    return (C, f) => (l(), o("tr", ht, [
-      e.hasSelectAll ? (l(), o("th", mt, [
-        R(we, {
+    return (C, f) => (l(), i("tr", ht, [
+      e.hasSelectAll ? (l(), i("th", mt, [
+        R(ke, {
           modelValue: b.value,
           "onUpdate:modelValue": [
             f[0] || (f[0] = (a) => b.value = a),
-            c
+            g
           ],
           indeterminate: r.value.length > 0 && r.value.length !== e.tableDataLength
         }, null, 8, ["modelValue", "indeterminate"])
       ])) : p("", !0),
-      e.showExpandDetail ? (l(), o("th", yt)) : p("", !0),
-      (l(!0), o(I, null, N(e.fields, (a, u) => (l(), o(I, null, [
-        a?.visible ? (l(), o("th", {
+      e.showExpandDetail ? (l(), i("th", yt)) : p("", !0),
+      (l(!0), i(I, null, N(e.fields, (a, u) => (l(), i(I, null, [
+        a?.visible ? (l(), i("th", {
           key: u,
           class: B(q("dsg-table--th", a)),
-          style: X([{ width: a.width || void 0 }, a.style]),
+          style: Z([{ width: a.width || void 0 }, a.style]),
           title: a.title + (a.sortable ? " Sort" : ""),
           id: "_" + a.name,
-          onClick: (T) => A(a),
+          onClick: ($) => A(a),
           scope: "col"
         }, [
-          a.sortable ? (l(), o("div", kt, [
-            a.title ? (l(), o("span", {
+          a.sortable ? (l(), i("div", kt, [
+            a.title ? (l(), i("span", {
               key: 0,
               class: "dsg-table--th-title",
               innerHTML: a.title
             }, null, 8, Pt)) : p("", !0),
-            a.sortable && g.value?.name !== a.name ? (l(), j(z, {
+            a.sortable && v.value?.name !== a.name ? (l(), j(z, {
               key: 1,
               icon: "chevron-selector-vertical",
               class: "inline-flex",
               size: "xs"
             })) : p("", !0),
-            a.sortable && g.value?.name === a.name && g.value?.direction === "asc" ? (l(), j(z, {
+            a.sortable && v.value?.name === a.name && v.value?.direction === "asc" ? (l(), j(z, {
               key: 2,
               icon: "chevron-down",
               class: "inline-flex",
               size: "xs"
             })) : p("", !0),
-            a.sortable && g.value?.name === a.name && g.value?.direction === "desc" ? (l(), j(z, {
+            a.sortable && v.value?.name === a.name && v.value?.direction === "desc" ? (l(), j(z, {
               key: 3,
               icon: "chevron-up",
               class: "inline-flex",
               size: "xs"
             })) : p("", !0)
-          ])) : (l(), o("span", {
+          ])) : (l(), i("span", {
             key: 1,
             class: "dsg-table--th-title",
             innerHTML: O(Je)(String(a?.title))
-          }, null, 8, pt))
+          }, null, 8, Dt))
         ], 14, wt)) : p("", !0)
       ], 64))), 256)),
-      e.scrollVisible ? (l(), o("th", {
+      e.scrollVisible ? (l(), i("th", {
         key: 2,
-        style: X({ width: h.value }),
+        style: Z({ width: h.value }),
         class: "dsg-table--th-col-gutter"
       }, null, 4)) : p("", !0)
     ]));
   }
-}), Ct = { class: "dsg-table--wrapper" }, Dt = ["span"], $t = {
+}), pt = { class: "dsg-table--wrapper" }, Ct = ["span"], $t = {
   key: 0,
   class: "dsg-table--loading"
 }, Tt = ["colspan"], St = ["colspan"], xt = ["onClick", "onDblclick", "onMouseover"], Ft = {
@@ -398,7 +398,7 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
   class: "dsg-table--tbody-cell dsg-table--tbody-cell-checkbox"
 }, Mt = ["onClick", "onDblclick", "onContextmenu"], Lt = ["innerHTML"], Et = ["onClick"], Bt = ["colspan"], Rt = { key: 2 }, It = ["colspan"], At = { class: "dsg-table--footer" }, Ht = /* @__PURE__ */ K({
   __name: "DsgTableComponent",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ X({
     fields: { default: () => [] },
     isDraggable: { type: Boolean, default: !1 },
     dragApi: { default: "" },
@@ -454,8 +454,8 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
     perPage: { default: 20 },
     perPageModifiers: {}
   }),
-  emits: /* @__PURE__ */ J(["dsg-table:loading", "dsg-table:loaded", "dsg-table:load-success", "dsg-table:load-error", "dsg-table:pagination-data", "dsg-table:rows-selected", "dsg-table:row-clicked", "dsg-table:row-hover", "dsg-table:row-dblclick"], ["update:filterParams", "update:perPage"]),
-  setup(e, { expose: L, emit: g }) {
+  emits: /* @__PURE__ */ X(["dsg-table:loading", "dsg-table:loaded", "dsg-table:load-success", "dsg-table:load-error", "dsg-table:pagination-data", "dsg-table:rows-selected", "dsg-table:row-clicked", "dsg-table:row-hover", "dsg-table:row-dblclick"], ["update:filterParams", "update:perPage"]),
+  setup(e, { expose: L, emit: v }) {
     const r = (t) => t.map((s, d) => ({
       field: s.field || "",
       title: s.title || "",
@@ -468,37 +468,37 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
       sortable: s.sortField,
       formatter: s.formatter || null,
       $_index: d
-    })), b = k(r(e.fields)), h = k(e.data), c = k(null), m = k(e.initialPage), q = k("17px"), A = k(!1), C = k({}), f = k(0), a = k(!0), u = k(null), T = k(null), D = k(0), S = G(e, "filterParams"), U = G(e, "perPage"), E = k([]), Z = k(!1), W = V(() => e.tableHeight != null), Q = V(() => b.value.filter((t) => t.visible).length);
-    _(
+    })), b = D(r(e.fields)), h = D(e.data), g = D(null), m = D(e.initialPage), q = D("17px"), A = D(!1), C = D({}), f = D(0), a = D(!0), u = D(null), $ = D(null), T = D(0), S = J(e, "filterParams"), U = J(e, "perPage"), E = D([]), _ = D(!1), W = V(() => e.tableHeight != null), Q = V(() => b.value.filter((t) => t.visible).length);
+    ee(
       () => E.value.length,
       (t) => {
-        Z.value = e.selectable && t > 0;
+        _.value = e.selectable && t > 0;
       },
       { immediate: !0 }
-    ), _(
+    ), ee(
       () => e.fields,
       (t) => {
         b.value = r(t);
       },
       { immediate: !0, deep: !0 }
-    ), _(
+    ), ee(
       () => S.value,
       (t) => {
-        Y();
+        G();
       },
       { deep: !0 }
-    ), _(
+    ), ee(
       () => U.value,
       () => {
-        Y();
+        G();
       }
-    ), _(
+    ), ee(
       () => e.apiUrl,
       (t, s) => {
-        e.apiMode && t !== s && t && Y();
+        e.apiMode && t !== s && t && G();
       }
     );
-    const H = g, se = (t, s) => t.formatter && typeof t.formatter == "function" ? t.formatter(t, s) : de(s, String(t?.name), ""), ne = (t) => "dsg-field--" + t.name?.toLowerCase().replaceAll(/[_ ]/g, "-"), oe = (t, s) => {
+    const H = v, se = (t, s) => t.formatter && typeof t.formatter == "function" ? t.formatter(t, s) : ce(s, String(t?.name), ""), ne = (t) => "dsg-field--" + t.name?.toLowerCase().replaceAll(/[_ ]/g, "-"), oe = (t, s) => {
       const d = {
         odd: s % 2 === 0,
         even: s % 2 !== 0,
@@ -508,17 +508,17 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
         return d;
       let x = {};
       if (typeof e.rowClass == "function") {
-        const y = e.rowClass(t, s);
-        typeof y == "string" ? y.split(" ").forEach((M) => {
+        const w = e.rowClass(t, s);
+        typeof w == "string" ? w.split(" ").forEach((M) => {
           M.trim() && (x[M.trim()] = !0);
-        }) : Array.isArray(y) ? y.forEach((M) => {
+        }) : Array.isArray(w) ? w.forEach((M) => {
           typeof M == "string" && M.trim() && (x[M.trim()] = !0);
-        }) : typeof y == "object" && y !== null && (x = y);
-      } else typeof e.rowClass == "string" && e.rowClass.split(" ").forEach((y) => {
-        y.trim() && (x[y.trim()] = !0);
+        }) : typeof w == "object" && w !== null && (x = w);
+      } else typeof e.rowClass == "string" && e.rowClass.split(" ").forEach((w) => {
+        w.trim() && (x[w.trim()] = !0);
       });
       return { ...d, ...x };
-    }, ae = (t) => {
+    }, ie = (t) => {
       if (e.selectable) {
         if (t.selected)
           E.value.push(t);
@@ -528,72 +528,72 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
         }
         H("dsg-table:rows-selected", E.value);
       }
-    }, ie = () => {
+    }, de = () => {
       e.selectable && (h.value?.forEach((t) => {
         t.selected = !0;
       }), E.value = h.value?.filter((t) => t.selected) ?? [], H("dsg-table:rows-selected", E.value));
-    }, i = () => {
+    }, re = () => {
       e.selectable && (h.value?.forEach((t) => {
         t.selected = !1;
       }), E.value = [], H("dsg-table:rows-selected", E.value));
-    }, n = (t) => {
+    }, Y = (t) => {
       h.value = Array.isArray(t) ? t : [], e.selectable && h.value.forEach((s) => {
         s.selected = s.selected ?? !1;
       });
-    }, v = () => h.value ?? [], P = (t) => {
-      t === "prev" ? m.value > e.firstPage && m.value-- : t === "next" ? m.value < (c.value?.last_page ?? 0) && m.value++ : t != m.value && t >= e.firstPage && t <= (c.value?.last_page ?? 0) && (m.value = t), Y();
-    }, $ = () => ({
+    }, ue = () => h.value ?? [], n = (t) => {
+      t === "prev" ? m.value > e.firstPage && m.value-- : t === "next" ? m.value < (g.value?.last_page ?? 0) && m.value++ : t != m.value && t >= e.firstPage && t <= (g.value?.last_page ?? 0) && (m.value = t), G();
+    }, o = () => ({
       [e.queryParams?.sort]: u.value ? (u.value?.direction === "desc" ? "-" : "") + u.value?.field : void 0,
       [e.queryParams?.order]: u.value?.direction,
       [e.queryParams?.page]: m.value,
       [e.queryParams?.perPage]: U.value
-    }), le = () => {
-      T.value && (T.value.abort(), T.value = null);
-    }, Te = (t, s) => {
-      le(), D.value++;
-      const d = D.value, x = new AbortController();
-      return s.signal = x.signal, T.value = x, (e.httpMethod.toLowerCase() === "get" ? he.get(t, s) : (() => {
+    }), c = () => {
+      $.value && ($.value.abort(), $.value = null);
+    }, y = (t, s) => {
+      c(), T.value++;
+      const d = T.value, x = new AbortController();
+      return s.signal = x.signal, $.value = x, (e.httpMethod.toLowerCase() === "get" ? me.get(t, s) : (() => {
         const M = s.params;
-        return delete s.params, he.post(t, M, s);
+        return delete s.params, me.post(t, M, s);
       })()).then(
         (M) => ({ ...M, _requestId: d, _apiUrl: t }),
         (M) => {
           throw M.name === "AbortError" || M.code === "ERR_CANCELED" ? { ...M, _requestId: d, _cancelled: !0 } : { ...M, _requestId: d };
         }
       );
-    }, ue = (t) => {
-      if (t._requestId && t._requestId !== D.value || t._apiUrl && t._apiUrl !== e.apiUrl)
+    }, k = (t) => {
+      if (t._requestId && t._requestId !== T.value || t._apiUrl && t._apiUrl !== e.apiUrl)
         return;
       H("dsg-table:load-success", t);
       const s = e.transform ? e.transform(t.data) : t.data;
-      h.value = de(s, e.dataPath, null), e.selectable && h.value?.forEach((d) => {
+      h.value = ce(s, e.dataPath, null), e.selectable && h.value?.forEach((d) => {
         d.selected = d.selected ?? !1;
-      }), c.value = de(s, e.paginationPath, null) ?? null, f.value = h.value?.length ? h.value[0].order : f, c.value === null && console.warn(
+      }), g.value = ce(s, e.paginationPath, null) ?? null, f.value = h.value?.length ? h.value[0].order : f, g.value === null && console.warn(
         'DsgTable: pagination-path "' + e.paginationPath + `" not found. It looks like the data returned from the server does not have pagination information or you may have set it incorrectly.
 You can explicitly suppress this warning by setting pagination-path="".`
-      ), T.value = null, H("dsg-table:pagination-data", c.value), m.value > (c.value?.last_page || 0) && h.value?.length === 0 && (m.value = e.initialPage, Y()), H("dsg-table:loaded"), a.value = !1;
-    }, ce = (t) => {
-      t._requestId && t._requestId !== D.value || t._apiUrl && t._apiUrl !== e.apiUrl || t._cancelled || (console.error("load-error", t), T.value = null, H("dsg-table:load-error", t), H("dsg-table:loaded"), a.value = !1);
-    }, ge = () => {
+      ), $.value = null, H("dsg-table:pagination-data", g.value), m.value > (g.value?.last_page || 0) && h.value?.length === 0 && (m.value = e.initialPage, G()), H("dsg-table:loaded"), a.value = !1;
+    }, le = (t) => {
+      t._requestId && t._requestId !== T.value || t._apiUrl && t._apiUrl !== e.apiUrl || t._cancelled || (console.error("load-error", t), $.value = null, H("dsg-table:load-error", t), H("dsg-table:loaded"), a.value = !1);
+    }, ve = () => {
       if (e.data !== null && Array.isArray(e.data)) {
-        n(e.data), a.value = !1;
+        Y(e.data), a.value = !1;
         return;
       }
       if (e.dataManager && typeof e.dataManager == "function") {
         const t = e.dataManager();
-        n(t), a.value = !1;
+        Y(t), a.value = !1;
       } else
-        n(e.data), a.value = !1;
-    }, Y = (t = ue, s = ce, d = {}) => {
-      const x = t || ue, y = s || ce;
+        Y(e.data), a.value = !1;
+    }, G = (t = k, s = le, d = {}) => {
+      const x = t || k, w = s || le;
       if (!e.apiMode) {
-        ge();
+        ve();
         return;
       }
       return a.value = !0, H("dsg-table:loading", a.value), e.httpOptions.params = {
-        ...$(),
+        ...o(),
         ...S.value
-      }, Te(e.apiUrl, e.httpOptions).then(x).catch((M) => y(M));
+      }, y(e.apiUrl, e.httpOptions).then(x).catch((M) => w(M));
     }, Se = (t, s, d) => {
       H("dsg-table:row-clicked", t, s, d);
     }, xe = (t, s, d) => {
@@ -604,71 +604,71 @@ You can explicitly suppress this warning by setting pagination-path="".`
     }, Ee = (t, s, d, x) => {
     }, Be = (t, s, d) => {
     };
-    ye(() => {
-      e.apiMode === !0 ? Y() : ge();
+    we(() => {
+      e.apiMode === !0 ? G() : ve();
     });
-    const ve = () => {
-      e.apiMode && (E.value = [], le(), Y());
+    const be = () => {
+      e.apiMode && (E.value = [], c(), G());
     };
     return L({
-      changePage: P,
-      reload: ve,
-      getData: v,
-      setData: n,
+      changePage: n,
+      reload: be,
+      getData: ue,
+      setData: Y,
       setLoading: (t) => {
         a.value = t, H("dsg-table:loading", a.value);
       }
-    }), (t, s) => (l(), o("div", Ct, [
-      w("div", {
+    }), (t, s) => (l(), i("div", pt, [
+      P("div", {
         ref: "dsgTableBodyWrapper",
         class: B(["dsg-table-body-wrapper", { "fixed-header": W.value }]),
-        style: X({ height: e.tableHeight || void 0 })
+        style: Z({ height: e.tableHeight || void 0 })
       }, [
-        w("table", {
+        P("table", {
           class: B(["dsg-table-main", W.value ? "fixed-header" : "", C.value.table, "table-" + e.tableLayout])
         }, [
-          w("colgroup", { span: Q.value }, [
-            (l(!0), o(I, null, N(b.value, (d, x) => (l(), o(I, null, [
-              d?.visible ? (l(), o("col", {
+          P("colgroup", { span: Q.value }, [
+            (l(!0), i(I, null, N(b.value, (d, x) => (l(), i(I, null, [
+              d?.visible ? (l(), i("col", {
                 key: x,
-                style: X({ width: d.width || void 0 }),
+                style: Z({ width: d.width || void 0 }),
                 class: B("dsg-table--col-" + d.name + " " + d.titleClass)
               }, null, 6)) : p("", !0)
             ], 64))), 256)),
-            !W.value && A.value ? (l(), o("col", {
+            !W.value && A.value ? (l(), i("col", {
               key: 0,
-              style: X({ width: q.value }),
+              style: Z({ width: q.value }),
               class: "dsg-table--col-gutter"
             }, null, 4)) : p("", !0)
-          ], 8, Dt),
-          w("thead", {
+          ], 8, Ct),
+          P("thead", {
             class: B([[C.value.thead, { sticky: W.value, "top-0": W.value }], "dsg-table--head"])
           }, [
             F(t.$slots, "tableHeader", { fields: b.value }, () => [
-              R($e, {
+              R(Te, {
                 fields: b.value,
                 "has-select-all": e.selectable,
                 "selected-rows": E.value,
                 "onUpdate:selectedRows": s[0] || (s[0] = (d) => E.value = d),
-                "has-selected": Z.value,
-                "onUpdate:hasSelected": s[1] || (s[1] = (d) => Z.value = d),
+                "has-selected": _.value,
+                "onUpdate:hasSelected": s[1] || (s[1] = (d) => _.value = d),
                 "scroll-visible": A.value,
                 "show-expand-detail": e.hasDetailRow && e.showExpandDetail,
                 "table-data-length": h.value?.length,
                 "sort-field": u.value,
                 "onUpdate:sortField": s[2] || (s[2] = (d) => u.value = d),
-                "onDsgTable:sortField": s[3] || (s[3] = (d) => ve()),
-                "onDsgTable:onSelectAll": ie,
-                "onDsgTable:onDeselectAll": i
+                "onDsgTable:sortField": s[3] || (s[3] = (d) => be()),
+                "onDsgTable:onSelectAll": de,
+                "onDsgTable:onDeselectAll": re
               }, null, 8, ["fields", "has-select-all", "selected-rows", "has-selected", "scroll-visible", "show-expand-detail", "table-data-length", "sort-field"])
             ])
           ], 2),
-          w("tbody", {
+          P("tbody", {
             class: B(["dsg-table--body", C.value.tbody])
           }, [
-            a.value ? (l(), o("tr", $t, [
-              w("td", { colspan: Q.value }, [
-                w("div", {
+            a.value ? (l(), i("tr", $t, [
+              P("td", { colspan: Q.value }, [
+                P("div", {
                   "aria-label": "Loading...",
                   role: "status",
                   class: "flex items-center space-x-3 h-12 w-full justify-center",
@@ -679,39 +679,39 @@ You can explicitly suppress this warning by setting pagination-path="".`
                       icon: "loading-02",
                       class: "animate-spin"
                     }),
-                    s[4] || (s[4] = w("span", { class: "text-xs font-medium text-gray-500" }, "Loading...", -1))
+                    s[4] || (s[4] = P("span", { class: "text-xs font-medium text-gray-500" }, "Loading...", -1))
                   ])
                 ], 8, St)
               ], 8, Tt)
-            ])) : (l(!0), o(I, { key: 1 }, N(h.value, (d, x) => (l(), o(I, { key: x }, [
-              w("tr", {
+            ])) : (l(!0), i(I, { key: 1 }, N(h.value, (d, x) => (l(), i(I, { key: x }, [
+              P("tr", {
                 class: B(["dsg-table--tbody-row", oe(d, x)]),
-                onClick: (y) => Se(y, x, d),
-                onDblclick: (y) => xe(y, x, d),
-                onMouseover: (y) => Fe()
+                onClick: (w) => Se(w, x, d),
+                onDblclick: (w) => xe(w, x, d),
+                onMouseover: (w) => Fe()
               }, [
-                e.selectable ? (l(), o("td", Ft, [
-                  R(we, {
+                e.selectable ? (l(), i("td", Ft, [
+                  R(ke, {
                     modelValue: d.selected,
-                    "onUpdate:modelValue": [(y) => d.selected = y, (y) => ae(d)]
+                    "onUpdate:modelValue": [(w) => d.selected = w, (w) => ie(d)]
                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
                 ])) : p("", !0),
-                (l(!0), o(I, null, N(b.value, (y, M) => (l(), o(I, { key: M }, [
-                  y.visible ? (l(), o("td", {
+                (l(!0), i(I, null, N(b.value, (w, M) => (l(), i(I, { key: M }, [
+                  w.visible ? (l(), i("td", {
                     key: 0,
-                    class: B(["dsg-table--tbody-cell", y.dataClass]),
-                    style: X({ width: y.width || void 0 }),
-                    onClick: (be) => Me(),
-                    onDblclick: (be) => Le(),
-                    onContextmenu: (be) => Ee()
+                    class: B(["dsg-table--tbody-cell", w.dataClass]),
+                    style: Z({ width: w.width || void 0 }),
+                    onClick: (fe) => Me(),
+                    onDblclick: (fe) => Le(),
+                    onContextmenu: (fe) => Ee()
                   }, [
-                    F(t.$slots, ne(y), {
+                    F(t.$slots, ne(w), {
                       rowData: d,
                       rowIndex: x,
-                      rowField: y
+                      rowField: w
                     }, () => [
-                      w("span", {
-                        innerHTML: se(y, d)
+                      P("span", {
+                        innerHTML: se(w, d)
                       }, null, 8, Lt)
                     ])
                   ], 46, Mt)) : p("", !0)
@@ -721,12 +721,12 @@ You can explicitly suppress this warning by setting pagination-path="".`
                 key: 0,
                 name: e.detailRowTransition
               }, {
-                default: ee(() => [
-                  w("tr", {
+                default: te(() => [
+                  P("tr", {
                     class: "dsg-table--tbody-detail-row",
-                    onClick: (y) => Be()
+                    onClick: (w) => Be()
                   }, [
-                    w("td", { colspan: Q.value }, [
+                    P("td", { colspan: Q.value }, [
                       F(t.$slots, "dsg-table-detail-row", {
                         rowData: d,
                         rowIndex: x,
@@ -738,18 +738,18 @@ You can explicitly suppress this warning by setting pagination-path="".`
                 _: 2
               }, 1032, ["name"])) : p("", !0)
             ], 64))), 128)),
-            !a.value && !h.value?.length && e.noDataTemplate.length ? (l(), o("tr", Rt, [
-              w("td", {
+            !a.value && !h.value?.length && e.noDataTemplate.length ? (l(), i("tr", Rt, [
+              P("td", {
                 colspan: Q.value,
                 class: "dsg-table--empty-result"
               }, [
                 F(t.$slots, "dsg-table-empty-result", {}, () => [
-                  Ue(te(e.noDataTemplate), 1)
+                  Ue(ae(e.noDataTemplate), 1)
                 ])
               ], 8, It)
             ])) : p("", !0)
           ], 2),
-          w("tfoot", At, [
+          P("tfoot", At, [
             F(t.$slots, "dsg-table-footer", {
               fields: b.value,
               data: h.value
@@ -788,6 +788,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
     filterEndpoint: { default: "" },
     filterSearchEndpoint: { default: "" },
     tableLayout: { default: "fixed" },
+    autoSortFilters: { type: Boolean, default: !0 },
     data: { default: null },
     hasHeader: { type: Boolean, default: !0 },
     hasFooter: { type: Boolean, default: !0 },
@@ -796,193 +797,203 @@ You can explicitly suppress this warning by setting pagination-path="".`
     apiMode: { type: Boolean, default: !0 }
   },
   emits: ["dsg-table:action-edit", "dsg-table:action-view", "dsg-table:action-delete", "dsg-table:action-archive", "dsg-table:link-clicked", "dsg-table:rows-selected", "dsg-table:row-clicked", "dsg-table:row-hover", "dsg-table:row-dblclick", "dsg-table:filter-updated", "dsg-table:term-changed", "dsg-table:data-loaded"],
-  setup(e, { expose: L, emit: g }) {
-    const r = (i) => {
-      T.value = i;
-    }, b = k(e.apiMode && !!(e.filterEntity || e.filterEndpoint || e.getUrl)), h = () => {
+  setup(e, { expose: L, emit: v }) {
+    const r = (n) => {
+      $.value = n;
+    }, b = D(e.apiMode && !!(e.filterEntity || e.filterEndpoint || e.getUrl)), h = () => {
       if (b.value) {
-        let i = {};
-        return Ye().forEach((n) => {
-          if (n.key.startsWith("filter[")) {
-            const v = n.key.replace("filter[", "").replace("]", ""), P = n.value;
-            i[`filter[${v}]`] = P.join(",");
+        let n = {};
+        return Ye().forEach((o) => {
+          if (o.key.startsWith("filter[")) {
+            const c = o.key.replace("filter[", "").replace("]", ""), y = o.value;
+            n[`filter[${c}]`] = y.join(",");
           }
-        }), i;
+        }), n;
       } else
         return {};
-    }, c = V(() => ({
+    }, g = V(() => ({
       ...e.css,
       tableWrapper: "border-b " + (e.css?.tableWrapper || "")
-    })), m = qe(), q = k(!0), A = k(null), C = k("<p>Showing {from} to {to} of {total}</p>"), f = k(null), a = me("dsgTable"), u = k({ perPage: 20, change: r }), T = k(20), D = k({ ...h(), ...e.initialFilters }), S = g, U = (i) => {
-      a.value?.changePage(i);
-    }, E = (i) => {
-      f.value = i;
-    }, Z = ({ data: i }) => {
-      A.value = i, S("dsg-table:data-loaded", i);
+    })), m = qe(), q = D(!0), A = D(null), C = D("<p>Showing {from} to {to} of {total}</p>"), f = D(null), a = ye("dsgTable"), u = D({ perPage: 20, change: r }), $ = D(20), T = D({ ...h(), ...e.initialFilters }), S = v, U = (n) => {
+      a.value?.changePage(n);
+    }, E = (n) => {
+      f.value = n;
+    }, _ = ({ data: n }) => {
+      A.value = n, S("dsg-table:data-loaded", n);
     }, W = () => {
       a.value?.reload();
-    }, Q = (i) => {
-      a.value?.setLoading(i);
-    }, H = (i) => {
-      const n = a.value?.getData?.() ?? [];
-      a.value?.setData(n.map((v) => v.id === i.id ? i : v));
-    }, se = (i) => {
-      const n = a.value?.getData?.() ?? [];
-      a.value?.setData([...n, i]);
-    }, ne = (i) => {
-      const n = a.value?.getData?.() ?? [];
-      a.value?.setData(n.filter((v) => v.id !== i.id));
-    }, oe = (i) => {
-      D.value = i;
-    }, ae = (i) => {
-      const n = { ...D.value };
-      !i || i.trim() === "" ? delete n["filter[term]"] : n["filter[term]"] = i, D.value = n, fe(() => {
+    }, Q = (n) => {
+      a.value?.setLoading(n);
+    }, H = (n) => {
+      const o = a.value?.getData?.() ?? [];
+      a.value?.setData(o.map((c) => c.id === n.id ? n : c));
+    }, se = (n) => {
+      const o = a.value?.getData?.() ?? [];
+      a.value?.setData([...o, n]);
+    }, ne = (n) => {
+      const o = a.value?.getData?.() ?? [];
+      a.value?.setData(o.filter((c) => c.id !== n.id));
+    }, oe = (n) => {
+      a.value?.setData(n);
+    }, ie = () => a.value?.getData() ?? [], de = (n) => {
+      const o = a.value?.getData() ?? [], c = n(o);
+      c && a.value?.setData(c);
+    }, re = (n) => {
+      T.value = n;
+    }, Y = (n) => {
+      const o = { ...T.value };
+      !n || n.trim() === "" ? delete o["filter[term]"] : o["filter[term]"] = n, T.value = o, he(() => {
         W();
-      }), S("dsg-table:term-changed", i);
-    }, ie = (i, n, v) => {
-      const P = Object.keys(i).length === 0;
-      let $;
-      P ? ($ = {}, D.value["filter[term]"] && ($["filter[term]"] = D.value["filter[term]"])) : $ = { ...D.value, ...i }, D.value = $, fe(() => {
+      }), S("dsg-table:term-changed", n);
+    }, ue = (n, o, c) => {
+      let y = {};
+      T.value["filter[term]"] && (y["filter[term]"] = T.value["filter[term]"]), Object.keys(n).forEach((k) => {
+        n[k] !== null && n[k] !== void 0 && n[k] !== "" && (y[k] = n[k]);
+      }), T.value = y, he(() => {
         W();
-      }), S("dsg-table:filter-updated", D.value, n, v);
+      }), S("dsg-table:filter-updated", T.value, o, c);
     };
     return L({
       reloadTable: W,
       updateRowTable: H,
       addRowTable: se,
       deleteRowTable: ne,
-      termChanged: ae,
-      setFilters: oe,
+      setData: oe,
+      getData: ie,
+      mutateData: de,
+      termChanged: Y,
+      setFilters: re,
       setLoading: Q
-    }), (i, n) => (l(), o("div", Ut, [
-      e.hasHeader ? (l(), o("div", qt, [
-        F(i.$slots, "dsg-table--pre-header", {}, () => [
-          w("div", Vt, [
-            F(i.$slots, "dsg-table--page-title", {
+    }), (n, o) => (l(), i("div", Ut, [
+      e.hasHeader ? (l(), i("div", qt, [
+        F(n.$slots, "dsg-table--pre-header", {}, () => [
+          P("div", Vt, [
+            F(n.$slots, "dsg-table--page-title", {
               data: A.value,
               title: e.title
             }, () => [
-              e.title.length > 0 ? (l(), o("h1", {
+              e.title.length > 0 ? (l(), i("h1", {
                 key: 0,
                 class: "dsg-table--title",
-                textContent: te(e.title)
+                textContent: ae(e.title)
               }, null, 8, zt)) : p("", !0)
             ])
           ]),
-          w("div", Ot, [
-            F(i.$slots, "dsg-table--page-actions", { data: A.value })
+          P("div", Ot, [
+            F(n.$slots, "dsg-table--page-actions", { data: A.value })
           ])
         ])
       ])) : p("", !0),
-      e.displayPaginationInfo ? (l(), o("div", Nt, [
-        w("div", Wt, [
-          F(i.$slots, "dsg-table--search-header", { data: A.value }, () => [
-            R(De, {
+      e.displayPaginationInfo ? (l(), i("div", Nt, [
+        P("div", Wt, [
+          F(n.$slots, "dsg-table--search-header", { data: A.value }, () => [
+            R($e, {
               name: "term",
-              "onDsgTable:termChanged": n[0] || (n[0] = (v) => ae(v))
+              "onDsgTable:termChanged": o[0] || (o[0] = (c) => Y(c))
             }),
-            R(ke, {
+            R(Pe, {
               entity: e.filterEntity,
               "filter-endpoint": e.filterEndpoint,
               "search-endpoint": e.filterSearchEndpoint,
+              "auto-sort": e.autoSortFilters,
               filters: e.filters,
-              "onDsgTable:filterUpdated": n[1] || (n[1] = (v, P, $) => ie(v, P, $))
-            }, null, 8, ["entity", "filter-endpoint", "search-endpoint", "filters"]),
-            F(i.$slots, "dsg-table--search-actions", { data: A.value })
+              "onDsgTable:filterUpdated": o[1] || (o[1] = (c, y, k) => ue(c, y, k))
+            }, null, 8, ["entity", "filter-endpoint", "search-endpoint", "auto-sort", "filters"]),
+            F(n.$slots, "dsg-table--search-actions", { data: A.value })
           ])
         ]),
-        F(i.$slots, "dsg-table--search-navigation")
+        F(n.$slots, "dsg-table--search-navigation")
       ], 512)) : p("", !0),
       R(Ht, {
         ref: "dsgTable",
         "api-url": e.getUrl,
-        "filter-params": D.value,
-        "onUpdate:filterParams": n[7] || (n[7] = (v) => D.value = v),
-        "per-page": T.value,
-        "onUpdate:perPage": n[8] || (n[8] = (v) => T.value = v),
+        "filter-params": T.value,
+        "onUpdate:filterParams": o[7] || (o[7] = (c) => T.value = c),
+        "per-page": $.value,
+        "onUpdate:perPage": o[8] || (o[8] = (c) => $.value = c),
         fields: e.fields,
         "load-on-start": e.loadOnStart,
         "pagination-path": "meta",
         selectable: e.selectable,
         "track-by": e.trackBy,
         "table-layout": e.tableLayout,
-        css: c.value,
+        css: g.value,
         data: e.data,
         "row-class": e.rowClass,
         "api-mode": b.value,
-        "onDsgTable:loading": n[9] || (n[9] = (v) => q.value = !0),
-        "onDsgTable:loaded": n[10] || (n[10] = (v) => q.value = !1),
+        "onDsgTable:loading": o[9] || (o[9] = (c) => q.value = !0),
+        "onDsgTable:loaded": o[10] || (o[10] = (c) => q.value = !1),
         "onDsgTable:paginationData": E,
-        "onDsgTable:loadSuccess": Z,
-        "onDsgTable:rowsSelected": n[11] || (n[11] = (v) => S("dsg-table:rows-selected", v)),
-        "onDsgTable:rowClicked": n[12] || (n[12] = (v, P, $) => S("dsg-table:row-clicked", v, P, $)),
-        "onDsgTable:rowHover": n[13] || (n[13] = (v, P, $) => S("dsg-table:row-hover", v, P, $)),
-        "onDsgTable:rowDblclick": n[14] || (n[14] = (v, P, $) => S("dsg-table:row-dblclick", v, P, $))
+        "onDsgTable:loadSuccess": _,
+        "onDsgTable:rowsSelected": o[11] || (o[11] = (c) => S("dsg-table:rows-selected", c)),
+        "onDsgTable:rowClicked": o[12] || (o[12] = (c, y, k) => S("dsg-table:row-clicked", c, y, k)),
+        "onDsgTable:rowHover": o[13] || (o[13] = (c, y, k) => S("dsg-table:row-hover", c, y, k)),
+        "onDsgTable:rowDblclick": o[14] || (o[14] = (c, y, k) => S("dsg-table:row-dblclick", c, y, k))
       }, Ve({
-        "dsg-field--actions": ee((v) => [
-          F(i.$slots, "dsg-table-actions", { data: v }, () => [
+        "dsg-field--actions": te((c) => [
+          F(n.$slots, "dsg-table-actions", { data: c }, () => [
             (l(), j(Ce, {
-              key: v.rowIndex,
-              data: v,
-              "onDsgTable:actionEdit": n[2] || (n[2] = (P, $) => S("dsg-table:action-edit", P, $)),
-              "onDsgTable:actionView": n[3] || (n[3] = (P, $) => S("dsg-table:action-view", P, $)),
-              "onDsgTable:actionDelete": n[4] || (n[4] = (P, $) => S("dsg-table:action-delete", P, $)),
-              "onDsgTable:actionArchive": n[5] || (n[5] = (P, $) => S("dsg-table:action-archive", P, $)),
-              "onDsgTable:linkClicked": n[6] || (n[6] = (P, $, le) => S("dsg-table:link-clicked", P, $, le))
+              key: c.rowIndex,
+              data: c,
+              "onDsgTable:actionEdit": o[2] || (o[2] = (y, k) => S("dsg-table:action-edit", y, k)),
+              "onDsgTable:actionView": o[3] || (o[3] = (y, k) => S("dsg-table:action-view", y, k)),
+              "onDsgTable:actionDelete": o[4] || (o[4] = (y, k) => S("dsg-table:action-delete", y, k)),
+              "onDsgTable:actionArchive": o[5] || (o[5] = (y, k) => S("dsg-table:action-archive", y, k)),
+              "onDsgTable:linkClicked": o[6] || (o[6] = (y, k, le) => S("dsg-table:link-clicked", y, k, le))
             }, null, 8, ["data"]))
           ])
         ]),
         _: 2
       }, [
-        N(O(m), (v, P) => ({
-          name: P,
-          fn: ee(($) => [
-            String(P) !== "dsg-field--actions" ? F(i.$slots, P, ze(Oe({ key: 0 }, $))) : p("", !0)
+        N(O(m), (c, y) => ({
+          name: y,
+          fn: te((k) => [
+            String(y) !== "dsg-field--actions" ? F(n.$slots, y, ze(Oe({ key: 0 }, k))) : p("", !0)
           ])
         }))
       ]), 1032, ["api-url", "filter-params", "per-page", "fields", "load-on-start", "selectable", "track-by", "table-layout", "css", "data", "row-class", "api-mode"]),
-      e.hasFooter ? (l(), o("div", jt, [
-        w("div", Kt, [
-          F(i.$slots, "dsg-table--footer-left", {
+      e.hasFooter ? (l(), i("div", jt, [
+        P("div", Kt, [
+          F(n.$slots, "dsg-table--footer-left", {
             data: f.value,
             perPage: u.value
           }, () => [
             R(pe, {
               ref: "paginationInfoStart",
               pagination: f.value,
-              "onUpdate:pagination": n[15] || (n[15] = (v) => f.value = v),
+              "onUpdate:pagination": o[15] || (o[15] = (c) => f.value = c),
               "info-template": C.value
             }, null, 8, ["pagination", "info-template"]),
-            F(i.$slots, "dsg-table--footer-left-extras", {
+            F(n.$slots, "dsg-table--footer-left-extras", {
               data: f.value,
               perPage: u.value
             })
           ])
         ]),
-        w("div", Qt, [
-          F(i.$slots, "dsg-table--footer-center", {
+        P("div", Qt, [
+          F(n.$slots, "dsg-table--footer-center", {
             data: f.value,
             perPage: u.value
           }, () => [
-            F(i.$slots, "dsg-table--footer-center-extras", {
+            F(n.$slots, "dsg-table--footer-center-extras", {
               data: f.value,
               perPage: u.value
             })
           ])
         ]),
-        w("div", Yt, [
-          F(i.$slots, "dsg-table--footer-right", {
+        P("div", Yt, [
+          F(n.$slots, "dsg-table--footer-right", {
             data: f.value,
             perPage: u.value
           }, () => [
-            q.value === !1 ? (l(), j(Pe, {
+            q.value === !1 ? (l(), j(De, {
               key: 0,
               ref: "pagination",
               pagination: f.value,
-              "onUpdate:pagination": n[16] || (n[16] = (v) => f.value = v),
+              "onUpdate:pagination": o[16] || (o[16] = (c) => f.value = c),
               "onDsgTable:changePage": U
             }, null, 8, ["pagination"])) : p("", !0),
-            F(i.$slots, "dsg-table--footer-right-extras", {
+            F(n.$slots, "dsg-table--footer-right-extras", {
               data: f.value,
               perPage: u.value
             })
@@ -998,23 +1009,23 @@ You can explicitly suppress this warning by setting pagination-path="".`
     perPage: {}
   },
   setup(e) {
-    return (L, g) => (l(), o("div", Jt, [
-      re(w("select", {
-        "onUpdate:modelValue": g[0] || (g[0] = (r) => e.perPage.perPage = r),
+    return (L, v) => (l(), i("div", Jt, [
+      ge(P("select", {
+        "onUpdate:modelValue": v[0] || (v[0] = (r) => e.perPage.perPage = r),
         class: "dsg-table--per-page-select",
-        onChange: g[1] || (g[1] = (r) => e.perPage.change(e.perPage.perPage))
+        onChange: v[1] || (v[1] = (r) => e.perPage.change(e.perPage.perPage))
       }, [
-        (l(!0), o(I, null, N(e.perPageOptions, (r) => (l(), o("option", {
+        (l(!0), i(I, null, N(e.perPageOptions, (r) => (l(), i("option", {
           key: r,
           value: r,
-          textContent: te(r)
+          textContent: ae(r)
         }, null, 8, Xt))), 128))
       ], 544), [
         [Ne, e.perPage.perPage]
       ])
     ]));
   }
-}), _t = Gt, ea = Ce, ta = Zt, aa = ke, la = Pe, sa = pe, na = De, oa = $e, ga = {
+}), _t = Gt, ea = Ce, ta = Zt, aa = Pe, la = De, sa = pe, na = $e, oa = Te, ga = {
   DsgTable: _t,
   DsgTableActions: ea,
   DsgTablePerPage: ta,