@dcodegroup-au/dsg-vue 0.1.11 → 0.1.13

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

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