@dcodegroup-au/dsg-vue 1.0.13-next → 1.0.15-next

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

@@ -1,11 +1,11 @@
-import { defineComponent as Z, useModel as ae, computed as W, withDirectives as Ie, openBlock as s, createElementBlock as d, normalizeClass as L, createVNode as V, createCommentVNode as m, createElementVNode as C, Fragment as q, renderList as Y, vShow as gt, mergeModels as le, ref as P, useTemplateRef as We, unref as G, withCtx as ne, renderSlot as E, toDisplayString as ve, createBlock as K, resolveDynamicComponent as vt, onMounted as qe, normalizeStyle as N, mergeProps as Se, watch as ie, onUnmounted as bt, withModifiers as ft, Transition as ht, createTextVNode as mt, useSlots as wt, createSlots as yt, normalizeProps as kt, guardReactiveProps as pt, nextTick as He } from "vue";
-import { _ as O, k as Pt, v as Ct, e as St, u as xt, c as ze, b as Ae, l as Oe, m as Ue, h as Ne, p as Dt, i as $t } from "./DsgTablePerPage.vue_vue_type_style_index_0_lang-o48o8k1B.js";
-import { ucfirst as Tt, ucwords as Ve, toSnakeCase as Rt } from "./dsg-vue.helpers-string.esm.js";
-import { data_get as Ce } from "./dsg-vue.helpers-object.esm.js";
-import { isEmpty as Mt } from "./dsg-vue.helpers.esm.js";
-const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled"], Ft = ["onClick", "innerHTML"], Ht = ["onClick", "innerHTML"], At = ["disabled"], Ut = ["disabled"], Ke = /* @__PURE__ */ Z({
+import { defineComponent as ae, useModel as se, computed as z, withDirectives as ze, openBlock as i, createElementBlock as d, normalizeClass as F, createVNode as V, createCommentVNode as m, createElementVNode as k, Fragment as N, renderList as Z, vShow as gt, mergeModels as oe, ref as y, useTemplateRef as Ne, unref as _, withCtx as ie, renderSlot as B, toDisplayString as ve, createBlock as Q, resolveDynamicComponent as vt, onMounted as Ke, normalizeStyle as j, mergeProps as Te, watch as de, onUnmounted as ft, withModifiers as bt, Transition as ht, createTextVNode as mt, useSlots as wt, createSlots as yt, normalizeProps as kt, guardReactiveProps as pt, nextTick as Ve } from "vue";
+import { _ as K, D as Pt, v as St, f as Ct, u as Dt, b as je, a as We, m as Qe, n as qe, j as Ge, p as xt, k as $t } from "./DsgTablePerPage.vue_vue_type_style_index_0_lang-B--bn0YD.js";
+import { ucfirst as Rt, ucwords as Oe, toSnakeCase as Tt } from "./dsg-vue.helpers-string.esm.js";
+import { data_get as Re } from "./dsg-vue.helpers-object.esm.js";
+import { isEmpty as Et } from "./dsg-vue.helpers.esm.js";
+const Mt = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled"], Ft = ["onClick", "innerHTML"], At = ["onClick", "innerHTML"], Ht = ["disabled"], Ut = ["disabled"], Xe = /* @__PURE__ */ ae({
   __name: "DsgTablePagination",
-  props: /* @__PURE__ */ le({
+  props: /* @__PURE__ */ oe({
     onEachSide: { default: 3 },
     firstPage: { default: 1 },
     showFirstLast: { type: Boolean, default: !0 },
@@ -17,82 +17,82 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
     pagination: { default: null },
     paginationModifiers: {}
   }),
-  emits: /* @__PURE__ */ le(["dsg-table:change-page"], ["update:pagination"]),
-  setup(e, { expose: B, emit: h }) {
-    const u = ae(e, "pagination"), S = W(() => u.value === null ? 0 : u.value?.last_page - e.firstPage + 1), H = W(() => u.value === null ? 0 : u.value?.last_page), f = W(() => u.value === null ? !1 : u.value?.current_page === e.firstPage), g = W(() => u.value === null ? !1 : u.value?.current_page === H.value), A = W(() => S.value < e.onEachSide * 2 + 4), $ = W(() => e.onEachSide * 2 + 1), D = W(() => !u.value || u.value?.current_page <= e.onEachSide ? 1 : u.value?.current_page >= S.value - e.onEachSide ? S.value - e.onEachSide * 2 : u.value?.current_page - e.onEachSide), w = h, a = (R) => {
-      w("dsg-table:change-page", R);
-    }, T = (R) => R === u.value?.current_page;
-    return B({
-      loadPage: a
-    }), (R, k) => Ie((s(), d("div", Et, [
-      e.showFirstLast ? (s(), d("a", {
+  emits: /* @__PURE__ */ oe(["dsg-table:change-page"], ["update:pagination"]),
+  setup(e, { expose: L, emit: h }) {
+    const u = se(e, "pagination"), S = z(() => u.value === null ? 0 : u.value?.last_page - e.firstPage + 1), A = z(() => u.value === null ? 0 : u.value?.last_page), f = z(() => u.value === null ? !1 : u.value?.current_page === e.firstPage), g = z(() => u.value === null ? !1 : u.value?.current_page === A.value), q = z(() => S.value < e.onEachSide * 2 + 4), M = z(() => e.onEachSide * 2 + 1), C = z(() => !u.value || u.value?.current_page <= e.onEachSide ? 1 : u.value?.current_page >= S.value - e.onEachSide ? S.value - e.onEachSide * 2 : u.value?.current_page - e.onEachSide), R = h, s = (T) => {
+      R("dsg-table:change-page", T);
+    }, H = (T) => T === u.value?.current_page;
+    return L({
+      loadPage: s
+    }), (T, x) => ze((i(), d("div", Mt, [
+      e.showFirstLast ? (i(), d("a", {
         key: 0,
-        onClick: k[0] || (k[0] = (p) => a(e.firstPage)),
-        class: L(["dsg-table-pagination__link", { "dsg-table-pagination__link--disabled": f.value }]),
+        onClick: x[0] || (x[0] = (W) => s(e.firstPage)),
+        class: F(["dsg-table-pagination__link", { "dsg-table-pagination__link--disabled": f.value }]),
         disabled: f.value,
         title: "First",
         "aria-label": "First"
       }, [
-        V(O, {
+        V(K, {
           icon: e.firstIcon,
           size: "sm"
         }, null, 8, ["icon"])
       ], 10, Bt)) : m("", !0),
-      C("a", {
-        onClick: k[1] || (k[1] = (p) => a("prev")),
-        class: L(["dsg-table-pagination__link", { "dsg-table-pagination__link--disabled": f.value }]),
+      k("a", {
+        onClick: x[1] || (x[1] = (W) => s("prev")),
+        class: F(["dsg-table-pagination__link", { "dsg-table-pagination__link--disabled": f.value }]),
         disabled: f.value,
         title: "Previous",
         "aria-label": "Previous"
       }, [
-        V(O, {
+        V(K, {
           icon: e.prevIcon,
           size: "sm"
         }, null, 8, ["icon"])
       ], 10, Lt),
-      A.value ? (s(!0), d(q, { key: 1 }, Y(S.value, (p, I) => (s(), d("a", {
-        key: I,
-        onClick: (se) => a(I + e.firstPage),
-        class: L(["dsg-table-pagination__link", { "dsg-table-pagination__link--active": T(I + e.firstPage) }]),
-        innerHTML: p
-      }, null, 10, Ft))), 128)) : (s(!0), d(q, { key: 2 }, Y($.value, (p, I) => (s(), d("a", {
-        key: I,
-        onClick: (se) => a(D.value + I + e.firstPage - 1),
-        class: L(["dsg-table-pagination__link", { "dsg-table-pagination__link--active": T(D.value + I + e.firstPage - 1) }]),
-        innerHTML: D.value + p - 1
-      }, null, 10, Ht))), 128)),
-      C("a", {
-        onClick: k[2] || (k[2] = (p) => a("next")),
-        class: L(["dsg-table-pagination__link", { "dsg-table-pagination__link--disabled": g.value }]),
+      q.value ? (i(!0), d(N, { key: 1 }, Z(S.value, (W, $) => (i(), d("a", {
+        key: $,
+        onClick: (D) => s($ + e.firstPage),
+        class: F(["dsg-table-pagination__link", { "dsg-table-pagination__link--active": H($ + e.firstPage) }]),
+        innerHTML: W
+      }, null, 10, Ft))), 128)) : (i(!0), d(N, { key: 2 }, Z(M.value, (W, $) => (i(), d("a", {
+        key: $,
+        onClick: (D) => s(C.value + $ + e.firstPage - 1),
+        class: F(["dsg-table-pagination__link", { "dsg-table-pagination__link--active": H(C.value + $ + e.firstPage - 1) }]),
+        innerHTML: C.value + W - 1
+      }, null, 10, At))), 128)),
+      k("a", {
+        onClick: x[2] || (x[2] = (W) => s("next")),
+        class: F(["dsg-table-pagination__link", { "dsg-table-pagination__link--disabled": g.value }]),
         disabled: g.value,
         title: "Next",
         "aria-label": "Next"
       }, [
-        V(O, {
+        V(K, {
           icon: e.nextIcon,
           size: "sm"
         }, null, 8, ["icon"])
-      ], 10, At),
-      e.showFirstLast ? (s(), d("a", {
+      ], 10, Ht),
+      e.showFirstLast ? (i(), d("a", {
         key: 3,
-        onClick: k[3] || (k[3] = (p) => a(H.value)),
-        class: L(["dsg-table-pagination__link", { "dsg-table-pagination__link--disabled": g.value }]),
+        onClick: x[3] || (x[3] = (W) => s(A.value)),
+        class: F(["dsg-table-pagination__link", { "dsg-table-pagination__link--disabled": g.value }]),
         disabled: g.value,
         title: "Last",
         "aria-label": "Last"
       }, [
-        V(O, {
+        V(K, {
           icon: e.lastIcon,
           size: "sm"
         }, null, 8, ["icon"])
       ], 10, Ut)) : m("", !0)
     ], 512)), [
-      [gt, u.value && H.value > e.firstPage]
+      [gt, u.value && A.value > e.firstPage]
     ]);
   }
-}), Vt = ["innerHTML"], je = /* @__PURE__ */ Z({
+}), It = ["innerHTML"], Ye = /* @__PURE__ */ ae({
   __name: "DsgTablePaginationInfo",
-  props: /* @__PURE__ */ le({
+  props: /* @__PURE__ */ oe({
     infoTemplate: { default: "Displaying {from} to {to} of {total} items" },
     noDataTemplate: { default: "No relevant data" }
   }, {
@@ -101,19 +101,19 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
   }),
   emits: ["update:pagination"],
   setup(e) {
-    const B = ae(e, "pagination"), h = W(() => B.value == null || B.value.total == 0 ? e.noDataTemplate : e.infoTemplate.replace("{from}", (B.value?.from || 0).toString()).replace("{to}", (B.value?.to || 0).toString()).replace("{total}", (B.value?.total || 0).toString()));
-    return (u, S) => (s(), d("div", {
+    const L = se(e, "pagination"), h = z(() => 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 (u, S) => (i(), d("div", {
       class: "dsg-table-pagination-info",
       innerHTML: h.value
-    }, null, 8, Vt));
+    }, null, 8, It));
   }
-}), It = {
+}), Vt = {
   class: "dsg-table-actions",
   ref: "dsgTableActions"
 }, Wt = { class: "dsg-table-action__trigger" }, qt = {
   key: 0,
   class: "dsg-table-actions__menu-wrapper"
-}, zt = ["href", "target", "onClick"], Ot = ["textContent"], Nt = { key: 0 }, Kt = { key: 1 }, jt = ["href", "target", "onClick"], Qt = { class: "flex-1" }, Qe = /* @__PURE__ */ Z({
+}, Ot = ["href", "target", "onClick"], zt = ["textContent"], Nt = { key: 0 }, Kt = { key: 1 }, jt = ["href", "target", "onClick"], Qt = { class: "flex-1" }, Je = /* @__PURE__ */ ae({
   __name: "DsgTableActions",
   props: {
     placement: { default: "auto" },
@@ -121,11 +121,11 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
     } }
   },
   emits: ["dsg-table:action-edit", "dsg-table:action-view", "dsg-table:action-delete", "dsg-table:action-archive", "dsg-table:link-clicked"],
-  setup(e, { emit: B }) {
-    const h = P(!1);
-    We("dsgTableActions");
-    const u = W(() => e.data?.rowData ?? null), S = W(() => u.value?.actions ?? null), H = W(() => u.value?.links ?? null), f = (D) => {
-      switch (D) {
+  setup(e, { emit: L }) {
+    const h = y(!1);
+    Ne("dsgTableActions");
+    const u = z(() => e.data?.rowData ?? null), S = z(() => u.value?.actions ?? null), A = z(() => u.value?.links ?? null), f = (C) => {
+      switch (C) {
         case "edit":
           return "edit-05";
         case "view":
@@ -137,95 +137,95 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
         default:
           return "dots-horizontal";
       }
-    }, g = (D, w, a) => {
-      switch (w) {
+    }, g = (C, R, s) => {
+      switch (R) {
         case "edit":
-          $("dsg-table:action-edit", a, u.value);
+          M("dsg-table:action-edit", s, u.value);
           break;
         case "view":
-          $("dsg-table:action-view", a, u.value);
+          M("dsg-table:action-view", s, u.value);
           break;
         case "delete":
-          $("dsg-table:action-delete", a, u.value);
+          M("dsg-table:action-delete", s, u.value);
           break;
         case "archive":
-          $("dsg-table:action-archive", a, u.value);
+          M("dsg-table:action-archive", s, u.value);
           break;
       }
-    }, A = (D, w) => {
-      const a = D.actionId || D.label.trim().toLowerCase().replace(/[^a-z0-9-]/g, "-").replace(/-+/g, "-");
-      $("dsg-table:link-clicked", w, a, u.value);
-    }, $ = B;
-    return (D, w) => Ie((s(), d("div", It, [
-      V(G(Pt), {
+    }, q = (C, R) => {
+      const s = C.actionId || C.label.trim().toLowerCase().replace(/[^a-z0-9-]/g, "-").replace(/-+/g, "-");
+      M("dsg-table:link-clicked", R, s, u.value);
+    }, M = L;
+    return (C, R) => ze((i(), d("div", Vt, [
+      V(_(Pt), {
         triggers: [],
         placement: e.placement,
         "handle-resize": !0,
         strategy: "absolute",
         shown: h.value,
         class: "dsg-table-actions__popper",
-        onHide: w[1] || (w[1] = (a) => h.value = !1),
+        onHide: R[1] || (R[1] = (s) => h.value = !1),
         ref: "floatingVueFilterDropdown"
       }, {
-        popper: ne(() => [
-          h.value ? (s(), d("div", qt, [
-            (s(!0), d(q, null, Y(S.value, (a, T) => (s(), d(q, null, [
-              ["edit", "view", "delete", "archive"].includes(String(T)) ? (s(), d("a", {
-                key: T,
-                href: a?.link,
-                target: a?.target || "_self",
-                onClick: (R) => g(a, String(T), R)
+        popper: ie(() => [
+          h.value ? (i(), d("div", qt, [
+            (i(!0), d(N, null, Z(S.value, (s, H) => (i(), d(N, null, [
+              ["edit", "view", "delete", "archive"].includes(String(H)) ? (i(), d("a", {
+                key: H,
+                href: s?.link,
+                target: s?.target || "_self",
+                onClick: (T) => g(s, String(H), T)
               }, [
-                C("div", {
-                  class: L(["dsg-table-actions__menu-item", `dsg-table-actions__menu-item--${String(T)}`])
+                k("div", {
+                  class: F(["dsg-table-actions__menu-item", `dsg-table-actions__menu-item--${String(H)}`])
                 }, [
-                  V(O, {
-                    icon: f(String(T)),
+                  V(K, {
+                    icon: f(String(H)),
                     size: "sm"
                   }, null, 8, ["icon"]),
-                  C("span", {
+                  k("span", {
                     class: "dsg-table-actions__menu-item-id",
-                    textContent: ve(a?.label || G(Tt)(String(T)))
-                  }, null, 8, Ot)
+                    textContent: ve(s?.label || _(Rt)(String(H)))
+                  }, null, 8, zt)
                 ], 2)
-              ], 8, zt)) : m("", !0)
+              ], 8, Ot)) : m("", !0)
             ], 64))), 256)),
-            S.value && H.value ? (s(), d("hr", Nt)) : m("", !0),
-            H.value ? (s(!0), d(q, { key: 1 }, Y(H.value, (a) => (s(), d(q, {
-              key: a.label
+            S.value && A.value ? (i(), d("hr", Nt)) : m("", !0),
+            A.value ? (i(!0), d(N, { key: 1 }, Z(A.value, (s) => (i(), d(N, {
+              key: s.label
             }, [
-              a.hasOwnProperty("component") ? (s(), K(vt(a.component), {
+              s.hasOwnProperty("component") ? (i(), Q(vt(s.component), {
                 key: 0,
                 quote: u.value,
                 "row-data": u.value
-              }, null, 8, ["quote", "row-data"])) : a.hasOwnProperty("type") && a.type == "break" ? (s(), d("hr", Kt)) : (s(), d("a", {
+              }, null, 8, ["quote", "row-data"])) : s.hasOwnProperty("type") && s.type == "break" ? (i(), d("hr", Kt)) : (i(), d("a", {
                 key: 2,
-                href: a.link,
-                target: a.target || "_self",
-                class: L(["dsg-table-actions__menu-item", a.class]),
-                onClick: (T) => A(a, T)
+                href: s.link,
+                target: s.target || "_self",
+                class: F(["dsg-table-actions__menu-item", s.class]),
+                onClick: (H) => q(s, H)
               }, [
-                a.icon ? (s(), K(O, {
+                s.icon ? (i(), Q(K, {
                   key: 0,
-                  icon: a.icon,
+                  icon: s.icon,
                   size: "sm"
                 }, null, 8, ["icon"])) : m("", !0),
-                C("span", Qt, ve(a.label), 1)
+                k("span", Qt, ve(s.label), 1)
               ], 10, jt))
             ], 64))), 128)) : m("", !0)
           ])) : m("", !0)
         ]),
-        default: ne(() => [
-          C("div", Wt, [
-            C("button", {
+        default: ie(() => [
+          k("div", Wt, [
+            k("button", {
               type: "button",
               class: "dsg-table-actions__button",
               "aria-expanded": "false",
               "aria-haspopup": "true",
-              onClick: w[0] || (w[0] = (a) => h.value = !h.value)
+              onClick: R[0] || (R[0] = (s) => h.value = !h.value)
             }, [
-              E(D.$slots, "dsg-table-action-button-content", {}, () => [
-                V(O, {
+              B(C.$slots, "dsg-table-action-button-content", {}, () => [
+                V(K, {
                   icon: "dots-vertical",
                   size: "sm"
                 })
@@ -236,10 +236,10 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
         _: 3
       }, 8, ["placement", "shown"])
     ])), [
-      [G(Ct), () => h.value = !1]
+      [_(St), () => h.value = !1]
     ]);
   }
-}), Yt = { class: "dsg-table-search" }, Ye = /* @__PURE__ */ Z({
+}), Gt = { class: "dsg-table-search" }, Ze = /* @__PURE__ */ ae({
   __name: "DsgTableSearch",
   props: {
     name: {},
@@ -254,21 +254,21 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
     replaceState: { type: Boolean, default: !0 }
   },
   emits: ["dsg-table:term-changed"],
-  setup(e, { emit: B }) {
-    const h = P("");
-    qe(() => {
+  setup(e, { emit: L }) {
+    const h = y("");
+    Ke(() => {
       const f = new URL(window.location.href).searchParams.get("term");
       f && (h.value = f, u("dsg-table:term-changed", f));
     });
-    const u = B, S = xt((H) => {
-      if (h.value = H, e.replaceState) {
+    const u = L, S = Dt((A) => {
+      if (h.value = A, e.replaceState) {
         const f = new URL(window.location.href);
         h.value ? f.searchParams.set("term", h.value) : f.searchParams.delete("term"), window.history.pushState({}, "", f.toString());
       }
       u("dsg-table:term-changed", h.value);
     }, 300);
-    return (H, f) => (s(), d("div", Yt, [
-      V(St, {
+    return (A, f) => (i(), d("div", Gt, [
+      V(Ct, {
         modelValue: h.value,
         "onUpdate:modelValue": f[0] || (f[0] = (g) => h.value = g),
         name: e.name,
@@ -283,18 +283,18 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
         size: "sm",
         icon: "search-sm",
         "icon-clickable": !0,
-        onIconClicked: f[1] || (f[1] = (g) => G(S)(g)),
-        onEnterPressed: f[2] || (f[2] = (g) => G(S)(g)),
-        onOnClear: f[3] || (f[3] = () => G(S)(""))
+        onIconClicked: f[1] || (f[1] = (g) => _(S)(g)),
+        onEnterPressed: f[2] || (f[2] = (g) => _(S)(g)),
+        onOnClear: f[3] || (f[3] = () => _(S)(""))
       }, null, 8, ["modelValue", "name", "id", "placeholder", "disabled", "required", "readonly", "hidden"])
     ]));
   }
-}), Gt = { class: "dsg-table-row-header" }, Jt = ["title", "id", "onClick"], Xt = {
+}), Xt = { class: "dsg-table-row-header" }, Yt = ["title", "id", "onClick"], Jt = {
   key: 0,
   class: "dsg-table-row-header__sort-icon"
-}, Zt = ["innerHTML"], _t = ["innerHTML"], ea = ["innerHTML"], ta = ["innerHTML"], Ge = /* @__PURE__ */ Z({
+}, Zt = ["innerHTML"], _t = ["innerHTML"], ea = ["innerHTML"], ta = ["innerHTML"], _e = /* @__PURE__ */ ae({
   __name: "DsgTableRowHeader",
-  props: /* @__PURE__ */ le({
+  props: /* @__PURE__ */ oe({
     fields: {},
     scrollVisible: { type: Boolean },
     hasSelectAll: { type: Boolean, default: !1 },
@@ -310,126 +310,126 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
     hasSelected: { type: Boolean, default: !1 },
     hasSelectedModifiers: {}
   }),
-  emits: /* @__PURE__ */ le(["dsg-table:sort-field", "dsg-table:on-select-all", "dsg-table:on-deselect-all"], ["update:sortField", "update:selectedRows", "update:hasSelected"]),
-  setup(e, { emit: B }) {
-    const h = ae(e, "sortField"), u = ae(e, "selectedRows"), S = ae(e, "hasSelected"), H = P("17px"), f = (D) => {
+  emits: /* @__PURE__ */ oe(["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 h = se(e, "sortField"), u = se(e, "selectedRows"), S = se(e, "hasSelected"), A = y("17px"), f = (C) => {
       S.value && u.value.length > 0 && u.value.length !== e.tableDataLength ? (S.value = !0, g("dsg-table:on-select-all")) : !S.value && u.value.length === 0 ? (S.value = !1, g("dsg-table:on-select-all")) : g("dsg-table:on-deselect-all");
-    }, g = B, A = (D, w) => [
-      D,
-      D + "-" + Rt(String(w?.name)),
-      w.titleClass || "",
-      { "dsg-table-row-header__row--sortable": w.sortable },
-      { "dsg-table-row-header__row--sort-active": h.value?.name === w.name }
-    ], $ = (D) => {
-      D.sortable && (h.value = {
-        name: String(D?.name),
-        field: String(D?.sortField),
-        direction: h.value?.name === D.name && h.value?.direction === "asc" ? "desc" : "asc"
-      }, g("dsg-table:sort-field", D));
+    }, g = L, q = (C, R) => [
+      C,
+      C + "-" + Tt(String(R?.name)),
+      R.titleClass || "",
+      { "dsg-table-row-header__row--sortable": R.sortable },
+      { "dsg-table-row-header__row--sort-active": h.value?.name === R.name }
+    ], M = (C) => {
+      C.sortable && (h.value = {
+        name: String(C?.name),
+        field: String(C?.sortField),
+        direction: h.value?.name === C.name && h.value?.direction === "asc" ? "desc" : "asc"
+      }, g("dsg-table:sort-field", C));
     };
-    return (D, w) => (s(), d("tr", Gt, [
-      e.hasSelectAll ? (s(), d("th", {
+    return (C, R) => (i(), d("tr", Xt, [
+      e.hasSelectAll ? (i(), d("th", {
         key: 0,
         class: "dsg-table-row-header__row dsg-table-row-header__row--checkbox",
-        style: N({ width: e.selectableColumnWidth }),
+        style: j({ width: e.selectableColumnWidth }),
         scope: "col"
       }, [
-        V(ze, {
+        V(je, {
           modelValue: S.value,
           "onUpdate:modelValue": [
-            w[0] || (w[0] = (a) => S.value = a),
+            R[0] || (R[0] = (s) => S.value = s),
             f
           ],
           indeterminate: u.value.length > 0 && u.value.length !== e.tableDataLength
         }, null, 8, ["modelValue", "indeterminate"])
       ], 4)) : m("", !0),
-      e.showExpandDetail ? (s(), d("th", {
+      e.showExpandDetail ? (i(), d("th", {
         key: 1,
         class: "dsg-table-row-header__row dsg-table-row-header__row--expand-detail",
-        style: N({ width: e.expandableColumnWidth }),
+        style: j({ width: e.expandableColumnWidth }),
         scope: "col"
       }, null, 4)) : m("", !0),
-      (s(!0), d(q, null, Y(e.fields, (a, T) => (s(), d(q, null, [
-        a?.visible ? (s(), d("th", {
-          key: T,
-          class: L(A("dsg-table-row-header__row", a)),
-          style: N([{ width: a.width || void 0 }, a.style]),
-          title: a.title + (a.sortable ? " Sort" : ""),
-          id: "_" + a.name,
-          onClick: (R) => $(a),
+      (i(!0), d(N, null, Z(e.fields, (s, H) => (i(), d(N, null, [
+        s?.visible ? (i(), d("th", {
+          key: H,
+          class: F(q("dsg-table-row-header__row", s)),
+          style: j([{ width: s.width || void 0 }, s.style]),
+          title: s.title + (s.sortable ? " Sort" : ""),
+          id: "_" + s.name,
+          onClick: (T) => M(s),
           scope: "col"
         }, [
-          a.sortable ? (s(), d("div", Xt, [
-            a.tooltip ? (s(), K(Ae, Se({
+          s.sortable ? (i(), d("div", Jt, [
+            s.tooltip ? (i(), Q(We, Te({
               key: 0,
               ref_for: !0
-            }, a.tooltip, { class: "dsg-table-row-header__tooltip" }), {
-              "dsg-tooltip--trigger": ne(() => [
-                a.title ? (s(), d("span", {
+            }, s.tooltip, { class: "dsg-table-row-header__tooltip" }), {
+              "dsg-tooltip--trigger": ie(() => [
+                s.title ? (i(), d("span", {
                   key: 0,
                   class: "dsg-table-row-header__title",
-                  innerHTML: a.title
+                  innerHTML: s.title
                 }, null, 8, Zt)) : m("", !0),
-                a.tooltip.icon ? (s(), K(O, {
+                s.tooltip.icon ? (i(), Q(K, {
                   key: 1,
-                  icon: a.tooltip.icon,
+                  icon: s.tooltip.icon,
                   class: "inline-flex",
                   size: "xs"
                 }, null, 8, ["icon"])) : m("", !0)
               ]),
               _: 2
-            }, 1040)) : a.title ? (s(), d("span", {
+            }, 1040)) : s.title ? (i(), d("span", {
               key: 1,
               class: "dsg-table-row-header__title",
-              innerHTML: a.title
+              innerHTML: s.title
             }, null, 8, _t)) : m("", !0),
-            a.sortable && h.value?.name !== a.name ? (s(), K(O, {
+            s.sortable && h.value?.name !== s.name ? (i(), Q(K, {
               key: 2,
               icon: "chevron-selector-vertical",
               class: "inline-flex",
               size: "xs"
             })) : m("", !0),
-            a.sortable && h.value?.name === a.name && h.value?.direction === "asc" ? (s(), K(O, {
+            s.sortable && h.value?.name === s.name && h.value?.direction === "asc" ? (i(), Q(K, {
               key: 3,
               icon: "chevron-down",
               class: "inline-flex",
               size: "xs"
             })) : m("", !0),
-            a.sortable && h.value?.name === a.name && h.value?.direction === "desc" ? (s(), K(O, {
+            s.sortable && h.value?.name === s.name && h.value?.direction === "desc" ? (i(), Q(K, {
               key: 4,
               icon: "chevron-up",
               class: "inline-flex",
               size: "xs"
             })) : m("", !0)
-          ])) : (s(), d(q, { key: 1 }, [
-            a.tooltip ? (s(), K(Ae, Se({
+          ])) : (i(), d(N, { key: 1 }, [
+            s.tooltip ? (i(), Q(We, Te({
               key: 0,
               ref_for: !0
-            }, a.tooltip, { class: "dsg-table-row-header__tooltip" }), {
-              "dsg-tooltip--trigger": ne(() => [
-                C("span", {
+            }, s.tooltip, { class: "dsg-table-row-header__tooltip" }), {
+              "dsg-tooltip--trigger": ie(() => [
+                k("span", {
                   class: "dsg-table-row-header__title",
-                  innerHTML: G(Ve)(String(a?.title))
+                  innerHTML: _(Oe)(String(s?.title))
                 }, null, 8, ea),
-                a.tooltip.icon ? (s(), K(O, {
+                s.tooltip.icon ? (i(), Q(K, {
                   key: 0,
-                  icon: a.tooltip.icon,
+                  icon: s.tooltip.icon,
                   class: "inline-flex",
                   size: "xs"
                 }, null, 8, ["icon"])) : m("", !0)
               ]),
               _: 2
-            }, 1040)) : (s(), d("span", {
+            }, 1040)) : (i(), d("span", {
               key: 1,
               class: "dsg-table-row-header__title",
-              innerHTML: G(Ve)(String(a?.title))
+              innerHTML: _(Oe)(String(s?.title))
             }, null, 8, ta))
           ], 64))
-        ], 14, Jt)) : m("", !0)
+        ], 14, Yt)) : m("", !0)
       ], 64))), 256)),
-      e.scrollVisible ? (s(), d("th", {
+      e.scrollVisible ? (i(), d("th", {
         key: 2,
-        style: N({ width: H.value }),
+        style: j({ width: A.value }),
         class: "dsg-table-row-header__col-gutter"
       }, null, 4)) : m("", !0)
     ]));
@@ -437,9 +437,9 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
 }), aa = ["span"], la = {
   key: 0,
   class: "dsg-table-component__loading"
-}, na = ["colspan"], sa = ["colspan"], oa = ["onClick", "onDblclick", "onMouseover", "onMouseenter"], ia = ["onClickCapture"], da = ["aria-expanded", "onClick"], ra = ["onClick", "onDblclick", "onContextmenu"], ua = ["innerHTML"], ca = ["onClick"], ga = ["colspan"], va = { key: 2 }, ba = ["colspan"], fa = { class: "dsg-table-component__footer" }, ha = /* @__PURE__ */ Z({
+}, na = ["colspan"], sa = ["colspan"], oa = ["onClick", "onDblclick", "onMouseover", "onMouseenter"], ia = ["onClickCapture"], da = ["aria-expanded", "onClick"], ra = ["onClick", "onDblclick", "onContextmenu"], ua = ["innerHTML"], ca = ["onClick"], ga = ["colspan"], va = { key: 2 }, fa = ["colspan"], ba = { class: "dsg-table-component__footer" }, ha = /* @__PURE__ */ ae({
   __name: "DsgTableComponent",
-  props: /* @__PURE__ */ le({
+  props: /* @__PURE__ */ oe({
     fields: { default: () => [] },
     isDraggable: { type: Boolean, default: !1 },
     dragApi: { default: "" },
@@ -505,28 +505,28 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
     perPage: { default: 20 },
     perPageModifiers: {}
   }),
-  emits: /* @__PURE__ */ le(["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", "dsg-table:row-expanded", "dsg-table:row-collapsed"], ["update:filterParams", "update:perPage"]),
-  setup(e, { expose: B, emit: h }) {
-    const u = (t) => t.map((l, n) => ({
-      field: l.field || "",
-      title: l.title || "",
-      name: l.name || "",
-      titleClass: l.titleClass || "",
-      dataClass: l.dataClass || "",
-      visible: l.visible ?? !0,
-      width: l.width || void 0,
-      sortField: l.sortField || null,
-      sortable: l.sortField,
-      formatter: l.formatter || null,
-      tooltip: l.tooltip ?? null,
+  emits: /* @__PURE__ */ oe(["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", "dsg-table:row-expanded", "dsg-table:row-collapsed"], ["update:filterParams", "update:perPage"]),
+  setup(e, { expose: L, emit: h }) {
+    const u = (t) => t.map((a, n) => ({
+      field: a.field || "",
+      title: a.title || "",
+      name: a.name || "",
+      titleClass: a.titleClass || "",
+      dataClass: a.dataClass || "",
+      visible: a.visible ?? !0,
+      width: a.width || void 0,
+      sortField: a.sortField || null,
+      sortable: a.sortField,
+      formatter: a.formatter || null,
+      tooltip: a.tooltip ?? null,
       $_index: n
     })), S = () => {
       if (!e.apiMode) return null;
-      const l = Oe().find((n) => n.key === e.queryParams.sort);
-      if (l && l.value.length > 0) {
-        const n = l.value[0], v = n.startsWith("-"), c = v ? n.substring(1) : n, x = e.fields.find((Q) => Q.sortField === c || Q.name === c || Q.field === c);
-        return x ? {
-          name: String(x.name || x.field),
+      const a = Qe().find((n) => n.key === e.queryParams.sort);
+      if (a && a.value.length > 0) {
+        const n = a.value[0], v = n.startsWith("-"), c = v ? n.substring(1) : n, P = e.fields.find((X) => X.sortField === c || X.name === c || X.field === c);
+        return P ? {
+          name: String(P.name || P.field),
           field: c,
           direction: v ? "desc" : "asc"
         } : {
@@ -536,406 +536,406 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
         };
       }
       return null;
-    }, H = () => {
+    }, A = () => {
       if (!(!e.apiMode || !e.replaceState) && e.replaceStrategy === "window") {
-        const t = new URL(window.location.href), l = new URLSearchParams(t.search);
-        if (l.delete(e.queryParams.sort), k.value) {
-          const v = (k.value.direction === "desc" ? "-" : "") + k.value.field;
-          l.set(e.queryParams.sort, v);
+        const t = new URL(window.location.href), a = new URLSearchParams(t.search);
+        if (a.delete(e.queryParams.sort), x.value) {
+          const v = (x.value.direction === "desc" ? "-" : "") + x.value.field;
+          a.set(e.queryParams.sort, v);
         }
-        const n = `${t.pathname}${l.toString() ? "?" + l.toString() : ""}`;
+        const n = `${t.pathname}${a.toString() ? "?" + a.toString() : ""}`;
         window.history.pushState({}, "", n);
       }
-    }, f = P(u(e.fields)), g = P(e.data), A = P(null), $ = P(e.initialPage), D = P("17px"), w = P(!1), a = P({}), T = P(0), R = P(!0), k = P(S()), p = P(null), I = P(0), se = ae(e, "filterParams"), re = ae(e, "perPage"), M = P([]), oe = P(!1), z = P(/* @__PURE__ */ new Set()), U = P(null), j = P(null), J = P(!1), _ = W(() => e.tableHeight != null), ee = W(() => {
-      let t = f.value.filter((l) => l.visible).length;
+    }, f = y(u(e.fields)), g = y(e.data), q = y(null), M = y(e.initialPage), C = y("17px"), R = y(!1), s = y({}), H = y(0), T = y(!0), x = y(S()), W = y(null), $ = y(0), D = se(e, "filterParams"), Y = se(e, "perPage"), E = y([]), O = y(!1), p = y(/* @__PURE__ */ new Set()), U = y(null), G = y(null), ee = y(!1), J = z(() => e.tableHeight != null), le = z(() => {
+      let t = f.value.filter((a) => a.visible).length;
       return e.selectable && t++, e.hasDetailRow && e.expandableRows && t++, t;
-    }), be = W(() => {
+    }), fe = z(() => {
       const t = {};
       return e.shiftSelectHighlight && (t["--dsg-shift-select-bg"] = e.shiftSelectHighlight), e.selectedRowHighlight && (t["--dsg-selected-row-bg"] = e.selectedRowHighlight), Object.keys(t).length > 0 ? t : void 0;
-    }), fe = (t, l) => {
+    }), be = (t, a) => {
       const n = t?.[e.trackBy];
-      return n ?? l;
+      return n ?? a;
     };
-    ie(
-      () => M.value.length,
+    de(
+      () => E.value.length,
       (t) => {
-        oe.value = e.selectable && t > 0;
+        O.value = e.selectable && t > 0;
       },
       { immediate: !0 }
-    ), ie(
+    ), de(
       () => e.fields,
       (t) => {
         f.value = u(t);
       },
       { immediate: !0, deep: !0 }
-    ), ie(
-      () => se.value,
+    ), de(
+      () => D.value,
       (t) => {
-        te();
+        ne();
       },
       { deep: !0 }
-    ), ie(
-      () => re.value,
+    ), de(
+      () => Y.value,
       () => {
-        te();
+        ne();
       }
-    ), ie(
+    ), de(
       () => e.apiUrl,
-      (t, l) => {
-        e.apiMode && t !== l && t && te();
+      (t, a) => {
+        e.apiMode && t !== a && t && ne();
       }
-    ), ie(
-      () => k.value,
+    ), de(
+      () => x.value,
       () => {
-        H();
+        A();
       },
       { deep: !0 }
     );
-    const F = h, he = (t, l) => t.formatter && typeof t.formatter == "function" ? t.formatter(t, l) : Ce(l, String(t?.name), ""), me = (t) => "dsg-field--" + t.name?.toLowerCase().replaceAll(/[_ ]/g, "-"), we = (t, l) => {
+    const I = h, he = (t, a) => t.formatter && typeof t.formatter == "function" ? t.formatter(t, a) : Re(a, String(t?.name), ""), me = (t) => "dsg-field--" + t.name?.toLowerCase().replaceAll(/[_ ]/g, "-"), we = (t, a) => {
       const n = {
-        odd: l % 2 === 0,
-        even: l % 2 !== 0,
+        odd: a % 2 === 0,
+        even: a % 2 !== 0,
         "dsg-table-component__row--selected": t.selected
       };
       if (!e.rowClass)
         return n;
       let v = {};
       if (typeof e.rowClass == "function") {
-        const c = e.rowClass(t, l);
-        typeof c == "string" ? c.split(" ").forEach((x) => {
-          x.trim() && (v[x.trim()] = !0);
-        }) : Array.isArray(c) ? c.forEach((x) => {
-          typeof x == "string" && x.trim() && (v[x.trim()] = !0);
+        const c = e.rowClass(t, a);
+        typeof c == "string" ? c.split(" ").forEach((P) => {
+          P.trim() && (v[P.trim()] = !0);
+        }) : Array.isArray(c) ? c.forEach((P) => {
+          typeof P == "string" && P.trim() && (v[P.trim()] = !0);
         }) : typeof c == "object" && c !== null && (v = c);
       } else typeof e.rowClass == "string" && e.rowClass.split(" ").forEach((c) => {
         c.trim() && (v[c.trim()] = !0);
       });
       return { ...n, ...v };
-    }, X = (t) => z.value.has(t[e.trackBy]), ue = (t, l) => {
+    }, te = (t) => p.value.has(t[e.trackBy]), ue = (t, a) => {
       const n = t[e.trackBy];
-      z.value.has(n) ? (z.value.delete(n), F("dsg-table:row-collapsed", t, l)) : (e.expandMultiple || z.value.clear(), z.value.add(n), F("dsg-table:row-expanded", t, l));
+      p.value.has(n) ? (p.value.delete(n), I("dsg-table:row-collapsed", t, a)) : (e.expandMultiple || p.value.clear(), p.value.add(n), I("dsg-table:row-expanded", t, a));
     }, ye = (t) => {
-      const l = t[e.trackBy];
-      z.value.has(l) || (e.expandMultiple || z.value.clear(), z.value.add(l));
+      const a = t[e.trackBy];
+      p.value.has(a) || (e.expandMultiple || p.value.clear(), p.value.add(a));
     }, ke = (t) => {
-      z.value.delete(t[e.trackBy]);
-    }, ce = () => {
+      p.value.delete(t[e.trackBy]);
+    }, pe = () => {
       g.value?.forEach((t) => {
-        z.value.add(t[e.trackBy]);
+        p.value.add(t[e.trackBy]);
       });
-    }, pe = () => {
-      z.value.clear();
-    }, o = () => z.value, i = (t, l) => {
+    }, Pe = () => {
+      p.value.clear();
+    }, Se = () => p.value, Ce = (t, a) => {
       if (e.selectable) {
-        if (l !== void 0 && (U.value = l), t.selected)
-          M.value.push(t);
+        if (a !== void 0 && (U.value = a), t.selected)
+          E.value.push(t);
         else {
-          const n = M.value.findIndex((v) => v[e.trackBy] === t[e.trackBy]);
-          n !== -1 && M.value.splice(n, 1);
+          const n = E.value.findIndex((v) => v[e.trackBy] === t[e.trackBy]);
+          n !== -1 && E.value.splice(n, 1);
         }
-        F("dsg-table:rows-selected", M.value);
+        I("dsg-table:rows-selected", E.value);
       }
-    }, r = (t, l, n) => {
+    }, De = (t, a, n) => {
       if (e.selectable && t.shiftKey && U.value !== null) {
         t.stopPropagation(), t.preventDefault();
-        const v = Math.min(U.value, n), c = Math.max(U.value, n), x = !l.selected;
-        for (let Q = v; Q <= c; Q++) {
-          if (Q === U.value) continue;
-          const de = g.value?.[Q];
-          if (de) {
-            const Le = de.selected;
-            if (de.selected = x, x && !Le)
-              M.value.push(de);
-            else if (!x && Le) {
-              const Fe = M.value.findIndex((ct) => ct[e.trackBy] === de[e.trackBy]);
-              Fe !== -1 && M.value.splice(Fe, 1);
+        const v = Math.min(U.value, n), c = Math.max(U.value, n), P = !a.selected;
+        for (let X = v; X <= c; X++) {
+          if (X === U.value) continue;
+          const re = g.value?.[X];
+          if (re) {
+            const Ue = re.selected;
+            if (re.selected = P, P && !Ue)
+              E.value.push(re);
+            else if (!P && Ue) {
+              const Ie = E.value.findIndex((ct) => ct[e.trackBy] === re[e.trackBy]);
+              Ie !== -1 && E.value.splice(Ie, 1);
             }
           }
         }
-        U.value = n, j.value = null, F("dsg-table:rows-selected", M.value);
+        U.value = n, G.value = null, I("dsg-table:rows-selected", E.value);
       }
-    }, b = () => {
+    }, xe = () => {
       e.selectable && (g.value?.forEach((t) => {
         t.selected = !0;
-      }), M.value = g.value?.filter((t) => t.selected) ?? [], U.value = null, F("dsg-table:rows-selected", M.value));
-    }, y = () => {
+      }), E.value = g.value?.filter((t) => t.selected) ?? [], U.value = null, I("dsg-table:rows-selected", E.value));
+    }, ce = () => {
       e.selectable && (g.value?.forEach((t) => {
         t.selected = !1;
-      }), M.value = [], U.value = null, F("dsg-table:rows-selected", M.value));
-    }, Pe = () => M.value ?? [], Je = () => {
+      }), E.value = [], U.value = null, I("dsg-table:rows-selected", E.value));
+    }, $e = () => E.value ?? [], o = () => {
       e.selectable && g.value?.forEach((t) => {
         t.selected = !1;
-      }), M.value = [], oe.value = !1, U.value = null, j.value = null, F("dsg-table:rows-selected", M.value);
-    }, ge = (t) => {
-      g.value = Array.isArray(t) ? t : [], e.selectable && (U.value = null, g.value.forEach((l) => {
-        l.selected = l.selected ?? !1;
+      }), E.value = [], O.value = !1, U.value = null, G.value = null, I("dsg-table:rows-selected", E.value);
+    }, l = (t) => {
+      g.value = Array.isArray(t) ? t : [], e.selectable && (U.value = null, g.value.forEach((a) => {
+        a.selected = a.selected ?? !1;
       }));
-    }, Xe = () => g.value ?? [], Ze = (t) => {
-      t === "prev" ? $.value > e.firstPage && $.value-- : t === "next" ? $.value < (A.value?.last_page ?? 0) && $.value++ : t != $.value && t >= e.firstPage && t <= (A.value?.last_page ?? 0) && ($.value = t), te();
-    }, _e = () => ({
-      [e.queryParams?.sort]: k.value ? (k.value?.direction === "desc" ? "-" : "") + k.value?.field : void 0,
-      [e.queryParams?.order]: k.value?.direction,
-      [e.queryParams?.page]: $.value,
-      [e.queryParams?.perPage]: re.value
-    }), xe = () => {
-      p.value && (p.value.abort(), p.value = null);
-    }, et = (t, l) => {
-      xe(), I.value++;
-      const n = I.value, v = new AbortController();
-      return l.signal = v.signal, p.value = v, (e.httpMethod.toLowerCase() === "get" ? Ue.get(t, l) : (() => {
-        const x = l.params;
-        return delete l.params, Ue.post(t, x, l);
+    }, r = () => g.value ?? [], b = (t) => {
+      t === "prev" ? M.value > e.firstPage && M.value-- : t === "next" ? M.value < (q.value?.last_page ?? 0) && M.value++ : t != M.value && t >= e.firstPage && t <= (q.value?.last_page ?? 0) && (M.value = t), ne();
+    }, w = () => ({
+      [e.queryParams?.sort]: x.value ? (x.value?.direction === "desc" ? "-" : "") + x.value?.field : void 0,
+      [e.queryParams?.order]: x.value?.direction,
+      [e.queryParams?.page]: M.value,
+      [e.queryParams?.perPage]: Y.value
+    }), ge = () => {
+      W.value && (W.value.abort(), W.value = null);
+    }, et = (t, a) => {
+      ge(), $.value++;
+      const n = $.value, v = new AbortController();
+      return a.signal = v.signal, W.value = v, (e.httpMethod.toLowerCase() === "get" ? qe.get(t, a) : (() => {
+        const P = a.params;
+        return delete a.params, qe.post(t, P, a);
       })()).then(
-        (x) => ({ ...x, _requestId: n, _apiUrl: t }),
-        (x) => {
-          throw x.name === "AbortError" || x.code === "ERR_CANCELED" ? { ...x, _requestId: n, _cancelled: !0 } : { ...x, _requestId: n };
+        (P) => ({ ...P, _requestId: n, _apiUrl: t }),
+        (P) => {
+          throw P.name === "AbortError" || P.code === "ERR_CANCELED" ? { ...P, _requestId: n, _cancelled: !0 } : { ...P, _requestId: n };
         }
       );
-    }, De = (t) => {
-      if (t._requestId && t._requestId !== I.value || t._apiUrl && t._apiUrl !== e.apiUrl)
+    }, Ee = (t) => {
+      if (t._requestId && t._requestId !== $.value || t._apiUrl && t._apiUrl !== e.apiUrl)
         return;
-      F("dsg-table:load-success", t);
-      const l = e.transform ? e.transform(t.data) : t.data;
-      g.value = Ce(l, e.dataPath, null), e.selectable && (U.value = null, g.value?.forEach((n) => {
+      I("dsg-table:load-success", t);
+      const a = e.transform ? e.transform(t.data) : t.data;
+      g.value = Re(a, e.dataPath, null), e.selectable && (U.value = null, g.value?.forEach((n) => {
         n.selected = n.selected ?? !1;
-      })), A.value = Ce(l, e.paginationPath, null) ?? null, T.value = g.value?.length ? g.value[0].order : T, !Mt(e.paginationPath) && A.value === null && console.warn(
+      })), q.value = Re(a, e.paginationPath, null) ?? null, H.value = g.value?.length ? g.value[0].order : H, !Et(e.paginationPath) && q.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="".`
-      ), p.value = null, F("dsg-table:pagination-data", A.value), A.value && $.value > (A.value?.last_page || 0) && g.value?.length === 0 && ($.value = e.initialPage, te()), F("dsg-table:loaded"), R.value = !1;
-    }, $e = (t) => {
-      t._requestId && t._requestId !== I.value || t._apiUrl && t._apiUrl !== e.apiUrl || t._cancelled || (console.error("load-error", t), p.value = null, F("dsg-table:load-error", t), F("dsg-table:loaded"), R.value = !1);
-    }, Te = () => {
+      ), W.value = null, I("dsg-table:pagination-data", q.value), q.value && M.value > (q.value?.last_page || 0) && g.value?.length === 0 && (M.value = e.initialPage, ne()), I("dsg-table:loaded"), T.value = !1;
+    }, Me = (t) => {
+      t._requestId && t._requestId !== $.value || t._apiUrl && t._apiUrl !== e.apiUrl || t._cancelled || (console.error("load-error", t), W.value = null, I("dsg-table:load-error", t), I("dsg-table:loaded"), T.value = !1);
+    }, Be = () => {
       if (e.data !== null && Array.isArray(e.data)) {
-        ge(e.data), R.value = !1;
+        l(e.data), T.value = !1;
         return;
       }
       if (e.dataManager && typeof e.dataManager == "function") {
         const t = e.dataManager();
-        ge(t), R.value = !1;
+        l(t), T.value = !1;
       } else
-        ge(e.data), R.value = !1;
-    }, te = (t = De, l = $e, n = {}) => {
-      const v = t || De, c = l || $e;
+        l(e.data), T.value = !1;
+    }, ne = (t = Ee, a = Me, n = {}) => {
+      const v = t || Ee, c = a || Me;
       if (!e.apiMode) {
-        Te();
+        Be();
         return;
       }
-      return R.value = !0, F("dsg-table:loading", R.value), e.httpOptions.params = {
-        ..._e(),
-        ...se.value
-      }, et(e.apiUrl, e.httpOptions).then(v).catch((x) => c(x));
-    }, tt = (t, l, n) => {
-      F("dsg-table:row-clicked", t, l, n);
-    }, at = (t, l, n) => {
-      F("dsg-table:row-dblclick", t, l, n);
-    }, lt = (t, l, n) => {
-    }, nt = (t, l, n, v) => {
-    }, st = (t, l, n, v) => {
-    }, ot = (t, l, n, v) => {
-    }, it = (t, l, n) => {
-    }, Re = (t) => {
-      t.key === "Shift" && (J.value = !0);
-    }, Me = (t) => {
-      t.key === "Shift" && (J.value = !1, j.value = null);
-    }, Ee = () => {
-      J.value = !1, j.value = null;
+      return T.value = !0, I("dsg-table:loading", T.value), e.httpOptions.params = {
+        ...w(),
+        ...D.value
+      }, et(e.apiUrl, e.httpOptions).then(v).catch((P) => c(P));
+    }, tt = (t, a, n) => {
+      I("dsg-table:row-clicked", t, a, n);
+    }, at = (t, a, n) => {
+      I("dsg-table:row-dblclick", t, a, n);
+    }, lt = (t, a, n) => {
+    }, nt = (t, a, n, v) => {
+    }, st = (t, a, n, v) => {
+    }, ot = (t, a, n, v) => {
+    }, it = (t, a, n) => {
+    }, Le = (t) => {
+      t.key === "Shift" && (ee.value = !0);
+    }, Fe = (t) => {
+      t.key === "Shift" && (ee.value = !1, G.value = null);
+    }, Ae = () => {
+      ee.value = !1, G.value = null;
     }, dt = (t) => {
-      e.selectable && J.value && U.value !== null && (j.value = t);
+      e.selectable && ee.value && U.value !== null && (G.value = t);
     }, rt = () => {
-      j.value = null;
+      G.value = null;
     }, ut = (t) => {
-      if (!e.selectable || !J.value || U.value === null || j.value === null)
+      if (!e.selectable || !ee.value || U.value === null || G.value === null)
         return !1;
-      const l = Math.min(U.value, j.value), n = Math.max(U.value, j.value);
-      return t >= l && t <= n;
+      const a = Math.min(U.value, G.value), n = Math.max(U.value, G.value);
+      return t >= a && t <= n;
     };
-    qe(() => {
-      e.apiMode === !0 ? te() : Te(), e.selectable && (document.addEventListener("keydown", Re), document.addEventListener("keyup", Me), window.addEventListener("blur", Ee));
-    }), bt(() => {
-      e.selectable && (document.removeEventListener("keydown", Re), document.removeEventListener("keyup", Me), window.removeEventListener("blur", Ee));
+    Ke(() => {
+      e.apiMode === !0 ? ne() : Be(), e.selectable && (document.addEventListener("keydown", Le), document.addEventListener("keyup", Fe), window.addEventListener("blur", Ae));
+    }), ft(() => {
+      e.selectable && (document.removeEventListener("keydown", Le), document.removeEventListener("keyup", Fe), window.removeEventListener("blur", Ae));
     });
-    const Be = () => {
-      e.apiMode && (M.value = [], xe(), te());
+    const He = () => {
+      e.apiMode && (E.value = [], ge(), ne());
     };
-    return B({
-      changePage: Ze,
-      reload: Be,
-      getData: Xe,
-      setData: ge,
+    return L({
+      changePage: b,
+      reload: He,
+      getData: r,
+      setData: l,
       setLoading: (t) => {
-        R.value = t, F("dsg-table:loading", R.value);
+        T.value = t, I("dsg-table:loading", T.value);
       },
       expandRow: ye,
       collapseRow: ke,
       toggleRowExpand: ue,
-      expandAllRows: ce,
-      collapseAllRows: pe,
-      getExpandedRows: o,
-      isRowExpanded: X,
-      getSelection: Pe,
-      clearSelection: Je
-    }), (t, l) => (s(), d("div", {
-      class: L(["dsg-table-component", { "dsg-table-component--shift-active": e.selectable && J.value }]),
-      style: N(be.value)
+      expandAllRows: pe,
+      collapseAllRows: Pe,
+      getExpandedRows: Se,
+      isRowExpanded: te,
+      getSelection: $e,
+      clearSelection: o
+    }), (t, a) => (i(), d("div", {
+      class: F(["dsg-table-component", { "dsg-table-component--shift-active": e.selectable && ee.value }]),
+      style: j(fe.value)
     }, [
-      C("div", {
+      k("div", {
         ref: "dsgTableBodyWrapper",
-        class: L(["dsg-table-component__body-wrapper", { "dsg-table-component__body-wrapper--fixed-header": _.value }]),
-        style: N({ height: e.tableHeight || void 0 })
+        class: F(["dsg-table-component__body-wrapper", { "dsg-table-component__body-wrapper--fixed-header": J.value }]),
+        style: j({ height: e.tableHeight || void 0 })
       }, [
-        C("table", {
-          class: L([
+        k("table", {
+          class: F([
             "dsg-table-component__main",
-            _.value ? "dsg-table-component__main--fixed-header" : "",
+            J.value ? "dsg-table-component__main--fixed-header" : "",
             "dsg-table-component__main--" + e.tableLayout,
-            a.value.table
+            s.value.table
           ])
         }, [
-          C("colgroup", { span: ee.value }, [
-            e.selectable ? (s(), d("col", {
+          k("colgroup", { span: le.value }, [
+            e.selectable ? (i(), d("col", {
               key: 0,
-              style: N({ width: e.selectableColumnWidth }),
+              style: j({ width: e.selectableColumnWidth }),
               class: "dsg-table-component__col-checkbox"
             }, null, 4)) : m("", !0),
-            e.hasDetailRow && e.expandableRows ? (s(), d("col", {
+            e.hasDetailRow && e.expandableRows ? (i(), d("col", {
               key: 1,
-              style: N({ width: e.expandableColumnWidth }),
+              style: j({ width: e.expandableColumnWidth }),
               class: "dsg-table-component__col-expand"
             }, null, 4)) : m("", !0),
-            (s(!0), d(q, null, Y(f.value, (n, v) => (s(), d(q, null, [
-              n?.visible ? (s(), d("col", {
+            (i(!0), d(N, null, Z(f.value, (n, v) => (i(), d(N, null, [
+              n?.visible ? (i(), d("col", {
                 key: v,
-                style: N({ width: n.width || void 0 }),
-                class: L("dsg-table-component__col-" + n.name + " " + n.titleClass)
+                style: j({ width: n.width || void 0 }),
+                class: F("dsg-table-component__col-" + n.name + " " + n.titleClass)
               }, null, 6)) : m("", !0)
             ], 64))), 256)),
-            !_.value && w.value ? (s(), d("col", {
+            !J.value && R.value ? (i(), d("col", {
               key: 2,
-              style: N({ width: D.value }),
+              style: j({ width: C.value }),
               class: "dsg-table-component__col-gutter"
             }, null, 4)) : m("", !0)
           ], 8, aa),
-          C("thead", {
-            class: L([[a.value.thead, { sticky: _.value, "top-0": _.value }], "dsg-table-component__head"])
+          k("thead", {
+            class: F([[s.value.thead, { sticky: J.value, "top-0": J.value }], "dsg-table-component__head"])
           }, [
-            E(t.$slots, "tableHeader", { fields: f.value }, () => [
-              V(Ge, {
+            B(t.$slots, "tableHeader", { fields: f.value }, () => [
+              V(_e, {
                 fields: f.value,
                 "has-select-all": e.selectable,
                 "selectable-column-width": e.selectableColumnWidth,
                 "expandable-column-width": e.expandableColumnWidth,
-                "selected-rows": M.value,
-                "onUpdate:selectedRows": l[0] || (l[0] = (n) => M.value = n),
-                "has-selected": oe.value,
-                "onUpdate:hasSelected": l[1] || (l[1] = (n) => oe.value = n),
-                "scroll-visible": w.value,
+                "selected-rows": E.value,
+                "onUpdate:selectedRows": a[0] || (a[0] = (n) => E.value = n),
+                "has-selected": O.value,
+                "onUpdate:hasSelected": a[1] || (a[1] = (n) => O.value = n),
+                "scroll-visible": R.value,
                 "show-expand-detail": e.hasDetailRow && e.showExpandDetail,
                 "table-data-length": g.value?.length,
-                "sort-field": k.value,
-                "onUpdate:sortField": l[2] || (l[2] = (n) => k.value = n),
-                "onDsgTable:sortField": l[3] || (l[3] = (n) => Be()),
-                "onDsgTable:onSelectAll": b,
-                "onDsgTable:onDeselectAll": y
+                "sort-field": x.value,
+                "onUpdate:sortField": a[2] || (a[2] = (n) => x.value = n),
+                "onDsgTable:sortField": a[3] || (a[3] = (n) => He()),
+                "onDsgTable:onSelectAll": xe,
+                "onDsgTable:onDeselectAll": ce
               }, null, 8, ["fields", "has-select-all", "selectable-column-width", "expandable-column-width", "selected-rows", "has-selected", "scroll-visible", "show-expand-detail", "table-data-length", "sort-field"])
             ])
           ], 2),
-          C("tbody", {
-            class: L(["dsg-table-component__body", a.value.tbody])
+          k("tbody", {
+            class: F(["dsg-table-component__body", s.value.tbody])
           }, [
-            R.value ? (s(), d("tr", la, [
-              C("td", { colspan: ee.value }, [
-                C("div", {
+            T.value ? (i(), d("tr", la, [
+              k("td", { colspan: le.value }, [
+                k("div", {
                   "aria-label": "Loading...",
                   role: "status",
                   class: "flex items-center space-x-3 h-12 w-full justify-center",
-                  colspan: ee.value
+                  colspan: le.value
                 }, [
-                  E(t.$slots, "dsg-table-loading", {}, () => [
-                    V(O, {
+                  B(t.$slots, "dsg-table-loading", {}, () => [
+                    V(K, {
                       icon: "loading-02",
                       class: "animate-spin"
                     }),
-                    l[5] || (l[5] = C("span", { class: "text-xs font-medium text-gray-500" }, "Loading...", -1))
+                    a[5] || (a[5] = k("span", { class: "text-xs font-medium text-gray-500" }, "Loading...", -1))
                   ])
                 ], 8, sa)
               ], 8, na)
-            ])) : (s(!0), d(q, { key: 1 }, Y(g.value, (n, v) => (s(), d(q, {
-              key: fe(n, v)
+            ])) : (i(!0), d(N, { key: 1 }, Z(g.value, (n, v) => (i(), d(N, {
+              key: be(n, v)
             }, [
-              C("tr", {
-                class: L(["dsg-table-component__row", [we(n, v), { "dsg-table-component__row--shift-range": e.selectable && ut(v) }]]),
+              k("tr", {
+                class: F(["dsg-table-component__row", [we(n, v), { "dsg-table-component__row--shift-range": e.selectable && ut(v) }]]),
                 onClick: (c) => tt(c, v, n),
                 onDblclick: (c) => at(c, v, n),
                 onMouseover: (c) => lt(),
                 onMouseenter: (c) => dt(v),
-                onMouseleave: l[4] || (l[4] = (c) => rt())
+                onMouseleave: a[4] || (a[4] = (c) => rt())
               }, [
-                e.selectable ? (s(), d("td", {
+                e.selectable ? (i(), d("td", {
                   key: 0,
                   class: "dsg-table-component__cell dsg-table-component__cell--checkbox",
-                  style: N({ width: e.selectableColumnWidth }),
-                  onClickCapture: (c) => r(c, n, v)
+                  style: j({ width: e.selectableColumnWidth }),
+                  onClickCapture: (c) => De(c, n, v)
                 }, [
-                  V(ze, {
+                  V(je, {
                     modelValue: n.selected,
-                    "onUpdate:modelValue": [(c) => n.selected = c, (c) => i(n, v)]
+                    "onUpdate:modelValue": [(c) => n.selected = c, (c) => Ce(n, v)]
                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
                 ], 44, ia)) : m("", !0),
-                e.hasDetailRow && e.expandableRows ? (s(), d("td", {
+                e.hasDetailRow && e.expandableRows ? (i(), d("td", {
                   key: 1,
                   class: "dsg-table-component__cell dsg-table-component__cell--expand",
-                  style: N({ width: e.expandableColumnWidth })
+                  style: j({ width: e.expandableColumnWidth })
                 }, [
-                  C("button", {
+                  k("button", {
                     type: "button",
-                    class: L(["dsg-table-component__expand-toggle", { "dsg-table-component__expand-toggle--expanded": X(n) }]),
-                    "aria-expanded": X(n),
+                    class: F(["dsg-table-component__expand-toggle", { "dsg-table-component__expand-toggle--expanded": te(n) }]),
+                    "aria-expanded": te(n),
                     "aria-label": "Toggle row details",
-                    onClick: ft((c) => ue(n, v), ["stop"])
+                    onClick: bt((c) => ue(n, v), ["stop"])
                   }, [
-                    V(O, {
+                    V(K, {
                       icon: "chevron-right",
                       size: "sm",
                       class: "dsg-table-component__expand-icon"
                     })
                   ], 10, da)
                 ], 4)) : m("", !0),
-                (s(!0), d(q, null, Y(f.value, (c, x) => (s(), d(q, { key: x }, [
-                  c.visible ? (s(), d("td", {
+                (i(!0), d(N, null, Z(f.value, (c, P) => (i(), d(N, { key: P }, [
+                  c.visible ? (i(), d("td", {
                     key: 0,
-                    class: L(["dsg-table-component__cell", c.dataClass]),
-                    style: N({ width: c.width || void 0 }),
-                    onClick: (Q) => nt(),
-                    onDblclick: (Q) => st(),
-                    onContextmenu: (Q) => ot()
+                    class: F(["dsg-table-component__cell", c.dataClass]),
+                    style: j({ width: c.width || void 0 }),
+                    onClick: (X) => nt(),
+                    onDblclick: (X) => st(),
+                    onContextmenu: (X) => ot()
                   }, [
-                    E(t.$slots, me(c), {
+                    B(t.$slots, me(c), {
                       rowData: n,
                       rowIndex: v,
                       rowField: c
                     }, () => [
-                      C("span", {
+                      k("span", {
                         innerHTML: he(c, n)
                       }, null, 8, ua)
                     ])
                   ], 46, ra)) : m("", !0)
                 ], 64))), 128))
               ], 42, oa),
-              e.hasDetailRow && (!e.expandableRows || X(n)) ? (s(), K(ht, {
+              e.hasDetailRow && (!e.expandableRows || te(n)) ? (i(), Q(ht, {
                 key: 0,
                 name: e.detailRowTransition
               }, {
-                default: ne(() => [
-                  C("tr", {
-                    class: L(["dsg-table-component__detail", { "dsg-table-component__detail--expanded": e.expandableRows && X(n) }]),
+                default: ie(() => [
+                  k("tr", {
+                    class: F(["dsg-table-component__detail", { "dsg-table-component__detail--expanded": e.expandableRows && te(n) }]),
                     onClick: (c) => it()
                   }, [
-                    C("td", { colspan: ee.value }, [
-                      E(t.$slots, "dsg-table-detail-row", {
+                    k("td", { colspan: le.value }, [
+                      B(t.$slots, "dsg-table-detail-row", {
                         rowData: n,
                         rowIndex: v,
                         options: e.detailRowOptions,
-                        isExpanded: e.expandableRows ? X(n) : !0
+                        isExpanded: e.expandableRows ? te(n) : !0
                       })
                     ], 8, ga)
                   ], 10, ca)
@@ -943,19 +943,19 @@ You can explicitly suppress this warning by setting pagination-path="".`
                 _: 2
               }, 1032, ["name"])) : m("", !0)
             ], 64))), 128)),
-            !R.value && !g.value?.length && e.noDataTemplate.length ? (s(), d("tr", va, [
-              C("td", {
-                colspan: ee.value,
+            !T.value && !g.value?.length && e.noDataTemplate.length ? (i(), d("tr", va, [
+              k("td", {
+                colspan: le.value,
                 class: "dsg-table-component__empty-result"
               }, [
-                E(t.$slots, "dsg-table-empty-result", {}, () => [
+                B(t.$slots, "dsg-table-empty-result", {}, () => [
                   mt(ve(e.noDataTemplate), 1)
                 ])
-              ], 8, ba)
+              ], 8, fa)
             ])) : m("", !0)
           ], 2),
-          C("tfoot", fa, [
-            E(t.$slots, "dsg-table-footer", {
+          k("tfoot", ba, [
+            B(t.$slots, "dsg-table-footer", {
               fields: f.value,
               data: g.value
             })
@@ -971,11 +971,11 @@ You can explicitly suppress this warning by setting pagination-path="".`
   key: 1,
   class: "dsg-table__search-header",
   ref: "dsgTableSearchHeaderEl"
-}, Ca = { class: "dsg-table__search-top" }, Sa = {
+}, Sa = { class: "dsg-table__search-top" }, Ca = {
   key: 2,
   class: "dsg-table__footer",
   ref: "dsgTableFooterEl"
-}, xa = { class: "dsg-table__footer-left" }, Da = { class: "dsg-table__footer-center" }, $a = { class: "dsg-table__footer-right" }, Ta = /* @__PURE__ */ Z({
+}, Da = { class: "dsg-table__footer-left" }, xa = { class: "dsg-table__footer-center" }, $a = { class: "dsg-table__footer-right" }, Ra = "dsg-table-per-page", Ta = /* @__PURE__ */ ae({
   __name: "DsgTable",
   props: {
     getUrl: {},
@@ -1009,6 +1009,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
     hasHeader: { type: Boolean, default: !0 },
     hasFooter: { type: Boolean, default: !0 },
     perPage: { default: 20 },
+    rememberPerPage: { type: Boolean, default: !0 },
     pagination: {},
     paginationPath: { default: "meta" },
     css: { default: () => ({ tableWrapper: "border-b" }) },
@@ -1024,124 +1025,152 @@ You can explicitly suppress this warning by setting pagination-path="".`
     detailRowOptions: { default: () => ({}) }
   },
   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:save-as-default", "dsg-table:term-changed", "dsg-table:data-loaded", "dsg-table:row-expanded", "dsg-table:row-collapsed"],
-  setup(e, { expose: B, emit: h }) {
-    const u = (o) => {
-      R.value = o;
-    }, S = P(e.apiMode && !!(e.filterEntity || e.filterEndpoint || e.getUrl)), H = () => {
-      if (S.value) {
+  setup(e, { expose: L, emit: h }) {
+    const u = y(e.apiMode && !!(e.filterEntity || e.filterEndpoint || e.getUrl)), S = e.perPage, A = (o) => {
+      const l = typeof o == "number" ? o : Number(o);
+      return !Number.isInteger(l) || l <= 0 ? null : l;
+    }, f = () => typeof window > "u" ? null : `${Ra}:${window.location.pathname}`, g = () => {
+      if (!e.rememberPerPage)
+        return null;
+      const o = f();
+      if (!o)
+        return null;
+      try {
+        const l = window.localStorage.getItem(o);
+        return l == null || l.trim() === "" ? null : A(l);
+      } catch {
+        return null;
+      }
+    }, q = (o) => {
+      if (!e.rememberPerPage)
+        return;
+      const l = f();
+      if (l)
+        try {
+          window.localStorage.setItem(l, String(o));
+        } catch {
+        }
+    }, M = g() ?? S, C = (o) => {
+      const l = A(o);
+      l != null && (Y.value.perPage = o, E.value = l, q(l));
+    }, R = () => {
+      if (u.value) {
         let o = {};
-        return Oe().forEach((i) => {
-          const r = Dt(i.key);
+        return Qe().forEach((l) => {
+          const r = xt(l.key);
           if (!r)
             return;
-          const b = o[`filter[${r}]`], y = i.value.join(",");
-          o[`filter[${r}]`] = b ? `${b},${y}` : y;
+          const b = o[`filter[${r}]`], w = l.value.join(",");
+          o[`filter[${r}]`] = b ? `${b},${w}` : w;
         }), o;
       } else
         return {};
-    }, f = W(() => ({
+    }, s = z(() => ({
       ...e.css,
       tableWrapper: "border-b " + (e.css?.tableWrapper || "")
-    })), g = wt(), A = P(!0), $ = P(null), D = P("<p>Showing {from} to {to} of {total}</p>"), w = P(null), a = We("dsgTable"), T = P({ perPage: e.perPage, change: u }), R = P(e.perPage), k = P({ ...H(), ...e.initialFilters }), p = h, I = (o) => {
-      a.value?.changePage(o);
-    }, se = (o) => {
-      w.value = o;
-    }, re = ({ data: o }) => {
-      $.value = o, p("dsg-table:data-loaded", o);
-    }, M = () => {
-      a.value?.reload();
-    }, oe = (o) => {
-      a.value?.setLoading(o);
-    }, z = (o) => {
-      const i = a.value?.getData?.() ?? [];
-      a.value?.setData(i.map((r) => r.id === o.id ? o : r));
-    }, U = (o) => {
-      const i = a.value?.getData?.() ?? [];
-      a.value?.setData([...i, o]);
-    }, j = (o) => {
-      const i = a.value?.getData?.() ?? [];
-      a.value?.setData(i.filter((r) => r.id !== o.id));
-    }, J = (o) => {
-      a.value?.setData(o);
-    }, _ = () => a.value?.getData() ?? [], ee = (o) => {
-      const i = a.value?.getData() ?? [], r = o(i);
-      r && a.value?.setData(r);
-    }, be = (o) => {
-      a.value?.expandRow(o);
+    })), H = wt(), T = y(!0), x = y(null), W = y("<p>Showing {from} to {to} of {total}</p>"), $ = y(null), D = Ne("dsgTable"), Y = y({
+      perPage: M,
+      change: C
+    }), E = y(M), O = y({ ...R(), ...e.initialFilters }), p = h, U = (o) => {
+      D.value?.changePage(o);
+    }, G = (o) => {
+      $.value = o;
+    }, ee = ({ data: o }) => {
+      x.value = o, p("dsg-table:data-loaded", o);
+    }, J = () => {
+      D.value?.reload();
+    }, le = (o) => {
+      D.value?.setLoading(o);
     }, fe = (o) => {
-      a.value?.collapseRow(o);
-    }, F = (o, i) => {
-      a.value?.toggleRowExpand(o, i);
-    }, he = () => {
-      a.value?.expandAllRows();
-    }, me = () => {
-      a.value?.collapseAllRows();
-    }, we = () => a.value?.getExpandedRows() ?? /* @__PURE__ */ new Set(), X = () => a.value?.getSelection() ?? [], ue = () => {
-      a.value?.clearSelection();
-    }, ye = (o) => {
-      k.value = o;
-    }, ke = () => k.value ?? {}, ce = (o) => {
-      const i = { ...k.value };
-      !o || o.trim() === "" ? delete i["filter[term]"] : i["filter[term]"] = o, k.value = i, He(() => {
-        M();
+      const l = D.value?.getData?.() ?? [];
+      D.value?.setData(l.map((r) => r.id === o.id ? o : r));
+    }, be = (o) => {
+      const l = D.value?.getData?.() ?? [];
+      D.value?.setData([...l, o]);
+    }, I = (o) => {
+      const l = D.value?.getData?.() ?? [];
+      D.value?.setData(l.filter((r) => r.id !== o.id));
+    }, he = (o) => {
+      D.value?.setData(o);
+    }, me = () => D.value?.getData() ?? [], we = (o) => {
+      const l = D.value?.getData() ?? [], r = o(l);
+      r && D.value?.setData(r);
+    }, te = (o) => {
+      D.value?.expandRow(o);
+    }, ue = (o) => {
+      D.value?.collapseRow(o);
+    }, ye = (o, l) => {
+      D.value?.toggleRowExpand(o, l);
+    }, ke = () => {
+      D.value?.expandAllRows();
+    }, pe = () => {
+      D.value?.collapseAllRows();
+    }, Pe = () => D.value?.getExpandedRows() ?? /* @__PURE__ */ new Set(), Se = () => D.value?.getSelection() ?? [], Ce = () => {
+      D.value?.clearSelection();
+    }, De = (o) => {
+      O.value = o;
+    }, xe = () => O.value ?? {}, ce = (o) => {
+      const l = { ...O.value };
+      !o || o.trim() === "" ? delete l["filter[term]"] : l["filter[term]"] = o, O.value = l, Ve(() => {
+        J();
       }), p("dsg-table:term-changed", o);
-    }, pe = (o, i, r) => {
+    }, $e = (o, l, r) => {
       let b = {};
-      k.value["filter[term]"] && (b["filter[term]"] = k.value["filter[term]"]), Object.keys(o).forEach((y) => {
-        o[y] !== null && o[y] !== void 0 && o[y] !== "" && (b[y] = o[y]);
-      }), k.value = b, He(() => {
-        M();
-      }), p("dsg-table:filter-updated", k.value, i, r);
+      O.value["filter[term]"] && (b["filter[term]"] = O.value["filter[term]"]), Object.keys(o).forEach((w) => {
+        o[w] !== null && o[w] !== void 0 && o[w] !== "" && (b[w] = o[w]);
+      }), O.value = b, Ve(() => {
+        J();
+      }), p("dsg-table:filter-updated", O.value, l, r);
     };
-    return B({
-      reloadTable: M,
-      updateRowTable: z,
-      addRowTable: U,
-      deleteRowTable: j,
-      setData: J,
-      getData: _,
-      mutateData: ee,
+    return L({
+      reloadTable: J,
+      updateRowTable: fe,
+      addRowTable: be,
+      deleteRowTable: I,
+      setData: he,
+      getData: me,
+      mutateData: we,
       termChanged: ce,
-      setFilters: ye,
-      getFilters: ke,
-      setLoading: oe,
-      expandRow: be,
-      collapseRow: fe,
-      toggleRowExpand: F,
-      expandAllRows: he,
-      collapseAllRows: me,
-      getExpandedRows: we,
-      getSelection: X,
-      clearSelection: ue,
-      changePage: I
-    }), (o, i) => (s(), d("div", ma, [
-      e.hasHeader ? (s(), d("div", wa, [
-        E(o.$slots, "dsg-table--pre-header", {}, () => [
-          C("div", ya, [
-            E(o.$slots, "dsg-table--page-title", {
-              data: $.value,
+      setFilters: De,
+      getFilters: xe,
+      setLoading: le,
+      expandRow: te,
+      collapseRow: ue,
+      toggleRowExpand: ye,
+      expandAllRows: ke,
+      collapseAllRows: pe,
+      getExpandedRows: Pe,
+      getSelection: Se,
+      clearSelection: Ce,
+      changePage: U
+    }), (o, l) => (i(), d("div", ma, [
+      e.hasHeader ? (i(), d("div", wa, [
+        B(o.$slots, "dsg-table--pre-header", {}, () => [
+          k("div", ya, [
+            B(o.$slots, "dsg-table--page-title", {
+              data: x.value,
               title: e.title
             }, () => [
-              e.title.length > 0 ? (s(), d("h1", {
+              e.title.length > 0 ? (i(), d("h1", {
                 key: 0,
                 class: "dsg-table__title",
                 textContent: ve(e.title)
               }, null, 8, ka)) : m("", !0)
             ])
           ]),
-          C("div", pa, [
-            E(o.$slots, "dsg-table--page-actions", { data: $.value })
+          k("div", pa, [
+            B(o.$slots, "dsg-table--page-actions", { data: x.value })
           ])
         ])
       ])) : m("", !0),
-      e.displaySearch ? (s(), d("div", Pa, [
-        C("div", Ca, [
-          E(o.$slots, "dsg-table--search-header", { data: $.value }, () => [
-            V(Ye, {
+      e.displaySearch ? (i(), d("div", Pa, [
+        k("div", Sa, [
+          B(o.$slots, "dsg-table--search-header", { data: x.value }, () => [
+            V(Ze, {
               name: "term",
-              "onDsgTable:termChanged": i[0] || (i[0] = (r) => ce(r))
+              "onDsgTable:termChanged": l[0] || (l[0] = (r) => ce(r))
             }),
-            V(Ne, {
+            V(Ge, {
               entity: e.filterEntity,
               "filter-endpoint": e.filterEndpoint,
               "search-endpoint": e.filterSearchEndpoint,
@@ -1151,21 +1180,21 @@ You can explicitly suppress this warning by setting pagination-path="".`
               "save-as-default-label": e.saveAsDefaultLabel,
               "show-clear-all": e.showClearAll,
               "clear-all-label": e.clearAllLabel,
-              "onDsgTable:filterUpdated": i[1] || (i[1] = (r, b, y) => pe(r, b, y)),
-              "onDsgTable:saveAsDefault": i[2] || (i[2] = (r, b, y) => p("dsg-table:save-as-default", r, b, y))
+              "onDsgTable:filterUpdated": l[1] || (l[1] = (r, b, w) => $e(r, b, w)),
+              "onDsgTable:saveAsDefault": l[2] || (l[2] = (r, b, w) => p("dsg-table:save-as-default", r, b, w))
             }, null, 8, ["entity", "filter-endpoint", "search-endpoint", "auto-sort", "filters", "show-save-as-default", "save-as-default-label", "show-clear-all", "clear-all-label"]),
-            E(o.$slots, "dsg-table--search-actions", { data: $.value })
+            B(o.$slots, "dsg-table--search-actions", { data: x.value })
           ])
         ]),
-        E(o.$slots, "dsg-table--search-navigation")
+        B(o.$slots, "dsg-table--search-navigation")
       ], 512)) : m("", !0),
       V(ha, {
         ref: "dsgTable",
         "api-url": e.getUrl,
-        "filter-params": k.value,
-        "onUpdate:filterParams": i[8] || (i[8] = (r) => k.value = r),
-        "per-page": R.value,
-        "onUpdate:perPage": i[9] || (i[9] = (r) => R.value = r),
+        "filter-params": O.value,
+        "onUpdate:filterParams": l[8] || (l[8] = (r) => O.value = r),
+        "per-page": E.value,
+        "onUpdate:perPage": l[9] || (l[9] = (r) => E.value = r),
         fields: e.fields,
         "load-on-start": e.loadOnStart,
         "pagination-path": e.paginationPath,
@@ -1176,10 +1205,10 @@ You can explicitly suppress this warning by setting pagination-path="".`
         "selected-row-highlight": e.selectedRowHighlight,
         "track-by": e.trackBy,
         "table-layout": e.tableLayout,
-        css: f.value,
+        css: s.value,
         data: e.data,
         "row-class": e.rowClass,
-        "api-mode": S.value,
+        "api-mode": u.value,
         "replace-state": e.replaceState,
         "replace-strategy": e.replaceStrategy,
         "has-detail-row": e.hasDetailRow,
@@ -1188,91 +1217,91 @@ You can explicitly suppress this warning by setting pagination-path="".`
         "show-expand-detail": e.showExpandDetail,
         "detail-row-transition": e.detailRowTransition,
         "detail-row-options": e.detailRowOptions,
-        "onDsgTable:loading": i[10] || (i[10] = (r) => A.value = !0),
-        "onDsgTable:loaded": i[11] || (i[11] = (r) => A.value = !1),
-        "onDsgTable:paginationData": se,
-        "onDsgTable:loadSuccess": re,
-        "onDsgTable:rowsSelected": i[12] || (i[12] = (r) => p("dsg-table:rows-selected", r)),
-        "onDsgTable:rowClicked": i[13] || (i[13] = (r, b, y) => p("dsg-table:row-clicked", r, b, y)),
-        "onDsgTable:rowHover": i[14] || (i[14] = (r, b, y) => p("dsg-table:row-hover", r, b, y)),
-        "onDsgTable:rowDblclick": i[15] || (i[15] = (r, b, y) => p("dsg-table:row-dblclick", r, b, y)),
-        "onDsgTable:rowExpanded": i[16] || (i[16] = (r, b) => p("dsg-table:row-expanded", r, b)),
-        "onDsgTable:rowCollapsed": i[17] || (i[17] = (r, b) => p("dsg-table:row-collapsed", r, b))
+        "onDsgTable:loading": l[10] || (l[10] = (r) => T.value = !0),
+        "onDsgTable:loaded": l[11] || (l[11] = (r) => T.value = !1),
+        "onDsgTable:paginationData": G,
+        "onDsgTable:loadSuccess": ee,
+        "onDsgTable:rowsSelected": l[12] || (l[12] = (r) => p("dsg-table:rows-selected", r)),
+        "onDsgTable:rowClicked": l[13] || (l[13] = (r, b, w) => p("dsg-table:row-clicked", r, b, w)),
+        "onDsgTable:rowHover": l[14] || (l[14] = (r, b, w) => p("dsg-table:row-hover", r, b, w)),
+        "onDsgTable:rowDblclick": l[15] || (l[15] = (r, b, w) => p("dsg-table:row-dblclick", r, b, w)),
+        "onDsgTable:rowExpanded": l[16] || (l[16] = (r, b) => p("dsg-table:row-expanded", r, b)),
+        "onDsgTable:rowCollapsed": l[17] || (l[17] = (r, b) => p("dsg-table:row-collapsed", r, b))
       }, yt({
-        "dsg-field--actions": ne((r) => [
-          E(o.$slots, "dsg-table-actions", { data: r }, () => [
-            (s(), K(Qe, {
+        "dsg-field--actions": ie((r) => [
+          B(o.$slots, "dsg-table-actions", { data: r }, () => [
+            (i(), Q(Je, {
               key: r.rowData?.[e.trackBy] ?? r.rowIndex,
               data: r,
-              "onDsgTable:actionEdit": i[3] || (i[3] = (b, y) => p("dsg-table:action-edit", b, y)),
-              "onDsgTable:actionView": i[4] || (i[4] = (b, y) => p("dsg-table:action-view", b, y)),
-              "onDsgTable:actionDelete": i[5] || (i[5] = (b, y) => p("dsg-table:action-delete", b, y)),
-              "onDsgTable:actionArchive": i[6] || (i[6] = (b, y) => p("dsg-table:action-archive", b, y)),
-              "onDsgTable:linkClicked": i[7] || (i[7] = (b, y, Pe) => p("dsg-table:link-clicked", b, y, Pe))
+              "onDsgTable:actionEdit": l[3] || (l[3] = (b, w) => p("dsg-table:action-edit", b, w)),
+              "onDsgTable:actionView": l[4] || (l[4] = (b, w) => p("dsg-table:action-view", b, w)),
+              "onDsgTable:actionDelete": l[5] || (l[5] = (b, w) => p("dsg-table:action-delete", b, w)),
+              "onDsgTable:actionArchive": l[6] || (l[6] = (b, w) => p("dsg-table:action-archive", b, w)),
+              "onDsgTable:linkClicked": l[7] || (l[7] = (b, w, ge) => p("dsg-table:link-clicked", b, w, ge))
             }, null, 8, ["data"]))
           ])
         ]),
         _: 2
       }, [
-        Y(G(g), (r, b) => ({
+        Z(_(H), (r, b) => ({
           name: b,
-          fn: ne((y) => [
-            String(b) !== "dsg-field--actions" ? E(o.$slots, b, kt(pt(y)), void 0, void 0, 0) : m("", !0)
+          fn: ie((w) => [
+            String(b) !== "dsg-field--actions" ? B(o.$slots, b, kt(pt(w)), void 0, void 0, 0) : m("", !0)
           ])
         }))
       ]), 1032, ["api-url", "filter-params", "per-page", "fields", "load-on-start", "pagination-path", "selectable", "selectable-column-width", "expandable-column-width", "shift-select-highlight", "selected-row-highlight", "track-by", "table-layout", "css", "data", "row-class", "api-mode", "replace-state", "replace-strategy", "has-detail-row", "expandable-rows", "expand-multiple", "show-expand-detail", "detail-row-transition", "detail-row-options"]),
-      e.hasFooter ? (s(), d("div", Sa, [
-        C("div", xa, [
-          E(o.$slots, "dsg-table--footer-left", {
-            data: w.value,
-            perPage: T.value
+      e.hasFooter ? (i(), d("div", Ca, [
+        k("div", Da, [
+          B(o.$slots, "dsg-table--footer-left", {
+            data: $.value,
+            perPage: Y.value
           }, () => [
-            e.displayPaginationInfo ? (s(), K(je, {
+            e.displayPaginationInfo ? (i(), Q(Ye, {
               key: 0,
               ref: "paginationInfoStart",
-              pagination: w.value,
-              "onUpdate:pagination": i[18] || (i[18] = (r) => w.value = r),
-              "info-template": D.value
+              pagination: $.value,
+              "onUpdate:pagination": l[18] || (l[18] = (r) => $.value = r),
+              "info-template": W.value
             }, null, 8, ["pagination", "info-template"])) : m("", !0),
-            E(o.$slots, "dsg-table--footer-left-extras", {
-              data: w.value,
-              perPage: T.value
+            B(o.$slots, "dsg-table--footer-left-extras", {
+              data: $.value,
+              perPage: Y.value
             })
           ])
         ]),
-        C("div", Da, [
-          E(o.$slots, "dsg-table--footer-center", {
-            data: w.value,
-            perPage: T.value
+        k("div", xa, [
+          B(o.$slots, "dsg-table--footer-center", {
+            data: $.value,
+            perPage: Y.value
           }, () => [
-            E(o.$slots, "dsg-table--footer-center-extras", {
-              data: w.value,
-              perPage: T.value
+            B(o.$slots, "dsg-table--footer-center-extras", {
+              data: $.value,
+              perPage: Y.value
             })
           ])
         ]),
-        C("div", $a, [
-          E(o.$slots, "dsg-table--footer-right", {
-            data: w.value,
-            perPage: T.value
+        k("div", $a, [
+          B(o.$slots, "dsg-table--footer-right", {
+            data: $.value,
+            perPage: Y.value
           }, () => [
-            A.value === !1 && e.displayPaginationInfo ? (s(), K(Ke, Se({
+            T.value === !1 && e.displayPaginationInfo ? (i(), Q(Xe, Te({
               key: 0,
               ref: "pagination",
-              pagination: w.value,
-              "onUpdate:pagination": i[19] || (i[19] = (r) => w.value = r),
-              "onDsgTable:changePage": I
+              pagination: $.value,
+              "onUpdate:pagination": l[19] || (l[19] = (r) => $.value = r),
+              "onDsgTable:changePage": U
             }, e.pagination), null, 16, ["pagination"])) : m("", !0),
-            E(o.$slots, "dsg-table--footer-right-extras", {
-              data: w.value,
-              perPage: T.value
+            B(o.$slots, "dsg-table--footer-right-extras", {
+              data: $.value,
+              perPage: Y.value
             })
           ])
         ])
       ], 512)) : m("", !0)
     ]));
   }
-}), Ra = { class: "dsg-table-per-page" }, Ma = /* @__PURE__ */ Z({
+}), Ea = { class: "dsg-table-per-page" }, Ma = /* @__PURE__ */ ae({
   __name: "DsgTablePerPage",
   props: {
     perPageOptions: { default: () => [
@@ -1285,12 +1314,12 @@ You can explicitly suppress this warning by setting pagination-path="".`
     perPage: {}
   },
   setup(e) {
-    const B = (u) => e.perPageOptions.find((S) => S.label === u), h = (u) => {
+    const L = (u) => e.perPageOptions.find((S) => S.label === u), h = (u) => {
       e.perPage.perPage = u.label, e.perPage.change(u.label);
     };
-    return (u, S) => (s(), d("div", Ra, [
+    return (u, S) => (i(), d("div", Ea, [
       V($t, {
-        modelValue: B(e.perPage.perPage),
+        modelValue: L(e.perPage.perPage),
         "onUpdate:modelValue": h,
         options: e.perPageOptions,
         size: "sm",
@@ -1298,24 +1327,24 @@ You can explicitly suppress this warning by setting pagination-path="".`
       }, null, 8, ["modelValue", "options"])
     ]));
   }
-}), Ea = Ta, Ba = Qe, La = Ma, Fa = Ne, Ha = Ke, Aa = je, Ua = Ye, Va = Ge, Ka = {
-  DsgTable: Ea,
-  DsgTableActions: Ba,
-  DsgTablePerPage: La,
-  DsgTableFilter: Fa,
+}), Ba = Ta, La = Je, Fa = Ma, Aa = Ge, Ha = Xe, Ua = Ye, Ia = Ze, Va = _e, ja = {
+  DsgTable: Ba,
+  DsgTableActions: La,
+  DsgTablePerPage: Fa,
+  DsgTableFilter: Aa,
   DsgTablePagination: Ha,
-  DsgTablePaginationInfo: Aa,
-  DsgTableSearch: Ua,
+  DsgTablePaginationInfo: Ua,
+  DsgTableSearch: Ia,
   DsgTableRowHeader: Va
 };
 export {
-  Ea as DsgTable,
-  Ba as DsgTableActions,
-  Fa as DsgTableFilter,
+  Ba as DsgTable,
+  La as DsgTableActions,
+  Aa as DsgTableFilter,
   Ha as DsgTablePagination,
-  Aa as DsgTablePaginationInfo,
-  La as DsgTablePerPage,
+  Ua as DsgTablePaginationInfo,
+  Fa as DsgTablePerPage,
   Va as DsgTableRowHeader,
-  Ua as DsgTableSearch,
-  Ka as default
+  Ia as DsgTableSearch,
+  ja as default
 };