@dcodegroup-au/dsg-vue 1.0.6-next → 1.0.8-next

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

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