@dcodegroup-au/dsg-vue 0.1.20 → 0.1.22

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

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