@dcodegroup-au/dsg-vue 0.1.6 → 0.1.9

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

@@ -1,7 +1,7 @@
-import { defineComponent as W, mergeModels as G, useModel as Y, computed as V, withDirectives as re, createElementBlock as o, openBlock as l, createCommentVNode as P, createElementVNode as k, normalizeClass as E, createVNode as R, Fragment as H, renderList as q, vShow as Be, ref as w, useTemplateRef as be, useAttrs as Me, unref as U, withCtx as Z, renderSlot as B, toDisplayString as x, createBlock as N, resolveDynamicComponent as Le, normalizeStyle as J, watch as ee, onMounted as Ee, Transition as Re, createTextVNode as He, useSlots as Ae, createSlots as Ie, normalizeProps as ze, mergeProps as Ve, vModelSelect as Oe } from "vue";
-import { _ as O, k as Ue, v as qe, f as Ne, u as We, c as fe, e as ve, i as pe, j as je } from "./DsgTablePerPage.vue_vue_type_style_index_0_lang-Dj3jH6bn.js";
+import { defineComponent as W, mergeModels as G, useModel as Y, computed as V, withDirectives as de, createElementBlock as o, openBlock as l, createCommentVNode as P, createElementVNode as k, normalizeClass as E, createVNode as R, Fragment as H, renderList as q, vShow as Le, ref as w, useTemplateRef as be, useAttrs as Be, unref as U, withCtx as Z, renderSlot as L, toDisplayString as x, createBlock as N, resolveDynamicComponent as Me, normalizeStyle as J, watch as te, onMounted as Ee, Transition as Re, createTextVNode as He, useSlots as Ae, createSlots as Ie, normalizeProps as ze, mergeProps as Ve, vModelSelect as Oe } from "vue";
+import { _ as O, k as Ue, v as qe, f as Ne, u as We, c as fe, e as ve, i as pe, j as je } from "./DsgTablePerPage.vue_vue_type_style_index_0_lang-DdAom65o.js";
 import { ucfirst as Ke, ucwords as Qe, toSnakeCase as Ye } from "./dsg-vue.helpers-string.esm.js";
-import { data_get as ie } from "./dsg-vue.helpers-object.esm.js";
+import { data_get as re } from "./dsg-vue.helpers-object.esm.js";
 const Ge = { class: "dsg-table--pagination" }, Je = ["disabled"], Xe = ["disabled"], Ze = ["onClick", "innerHTML"], xe = ["onClick", "innerHTML"], _e = ["disabled"], et = ["disabled"], he = /* @__PURE__ */ W({
   __name: "DsgTablePagination",
   props: /* @__PURE__ */ G({
@@ -23,10 +23,10 @@ const Ge = { class: "dsg-table--pagination" }, Je = ["disabled"], Xe = ["disable
     }, r = (v) => v === d.value?.current_page;
     return $({
       loadPage: s
-    }), (v, F) => re((l(), o("div", Ge, [
+    }), (v, S) => de((l(), o("div", Ge, [
       v.showFirstLast ? (l(), o("a", {
         key: 0,
-        onClick: F[0] || (F[0] = (C) => s(v.firstPage)),
+        onClick: S[0] || (S[0] = (C) => s(v.firstPage)),
         class: E([[m.value ? "disabled" : ""], "dsg-table--pagination-link"]),
         disabled: m.value,
         title: "First",
@@ -38,7 +38,7 @@ const Ge = { class: "dsg-table--pagination" }, Je = ["disabled"], Xe = ["disable
         }, null, 8, ["icon"])
       ], 10, Je)) : P("", !0),
       k("a", {
-        onClick: F[1] || (F[1] = (C) => s("prev")),
+        onClick: S[1] || (S[1] = (C) => s("prev")),
         class: E([[m.value ? "disabled" : ""], "dsg-table--pagination-link"]),
         disabled: m.value,
         title: "Previous",
@@ -61,7 +61,7 @@ const Ge = { class: "dsg-table--pagination" }, Je = ["disabled"], Xe = ["disable
         innerHTML: h.value + C - 1
       }, null, 10, xe))), 128)),
       k("a", {
-        onClick: F[2] || (F[2] = (C) => s("next")),
+        onClick: S[2] || (S[2] = (C) => s("next")),
         class: E([[y.value ? "disabled" : ""], "dsg-table--pagination-link"]),
         disabled: y.value,
         title: "Next",
@@ -74,7 +74,7 @@ const Ge = { class: "dsg-table--pagination" }, Je = ["disabled"], Xe = ["disable
       ], 10, _e),
       v.showFirstLast ? (l(), o("a", {
         key: 3,
-        onClick: F[3] || (F[3] = (C) => s(c.value)),
+        onClick: S[3] || (S[3] = (C) => s(c.value)),
         class: E([[y.value ? "disabled" : ""], "dsg-table--pagination-link"]),
         disabled: y.value,
         title: "Last",
@@ -86,7 +86,7 @@ const Ge = { class: "dsg-table--pagination" }, Je = ["disabled"], Xe = ["disable
         }, null, 8, ["icon"])
       ], 10, et)) : P("", !0)
     ], 512)), [
-      [Be, d.value && c.value > v.firstPage]
+      [Le, d.value && c.value > v.firstPage]
     ]);
   }
 }), tt = ["innerHTML"], me = /* @__PURE__ */ W({
@@ -121,7 +121,7 @@ const Ge = { class: "dsg-table--pagination" }, Je = ["disabled"], Xe = ["disable
   setup(t, { emit: $ }) {
     const b = w(!1);
     be("dsgTableActions");
-    const d = Me(), p = w(d.data.rowData?.actions ?? null), c = w(d.data.rowData?.links ?? null), m = w(d.data.rowData ?? null), y = (f) => {
+    const d = Be(), p = w(d.data.rowData?.actions ?? null), c = w(d.data.rowData?.links ?? null), m = w(d.data.rowData ?? null), y = (f) => {
       switch (f) {
         case "edit":
           return "edit-05";
@@ -153,7 +153,7 @@ const Ge = { class: "dsg-table--pagination" }, Je = ["disabled"], Xe = ["disable
       const r = f.actionId || f.label.trim().toLowerCase().replace(/[^a-z0-9-]/g, "-").replace(/-+/g, "-");
       h("dsg-table:link-clicked", s, r, m.value);
     }, h = $;
-    return (f, s) => re((l(), o("div", at, [
+    return (f, s) => de((l(), o("div", at, [
       R(U(Ue), {
         triggers: [],
         placement: f.placement,
@@ -171,7 +171,7 @@ const Ge = { class: "dsg-table--pagination" }, Je = ["disabled"], Xe = ["disable
                 key: v,
                 href: p.value?.link,
                 target: p.value?.target || "_self",
-                onClick: (F) => z(r, String(v), F)
+                onClick: (S) => z(r, String(v), S)
               }, [
                 k("div", {
                   class: E(["dsg-table--actions-menu-item", String(v)])
@@ -191,7 +191,7 @@ const Ge = { class: "dsg-table--pagination" }, Je = ["disabled"], Xe = ["disable
             c.value ? (l(!0), o(H, { key: 1 }, q(c.value, (r) => (l(), o(H, {
               key: r.label
             }, [
-              r.hasOwnProperty("component") ? (l(), N(Le(r.component), {
+              r.hasOwnProperty("component") ? (l(), N(Me(r.component), {
                 key: 0,
                 quote: U(d).data.data.rowData,
                 "row-data": U(d).data.data.rowData
@@ -221,7 +221,7 @@ const Ge = { class: "dsg-table--pagination" }, Je = ["disabled"], Xe = ["disable
               "aria-haspopup": "true",
               onClick: s[0] || (s[0] = (r) => b.value = !b.value)
             }, [
-              B(f.$slots, "dsg-table-action-button-content", {}, () => [
+              L(f.$slots, "dsg-table-action-button-content", {}, () => [
                 R(O, {
                   icon: "dots-vertical",
                   size: "sm"
@@ -386,7 +386,7 @@ const Ge = { class: "dsg-table--pagination" }, Je = ["disabled"], Xe = ["disable
 }, Pt = ["colspan"], Dt = ["colspan"], $t = ["onClick", "onDblclick", "onMouseover"], Ct = {
   key: 0,
   class: "dsg-table--tbody-cell dsg-table--tbody-cell-checkbox"
-}, Tt = ["onClick", "onDblclick", "onContextmenu"], St = ["innerHTML"], Ft = ["onClick"], Bt = ["colspan"], Mt = { key: 2 }, Lt = ["colspan"], Et = { class: "dsg-table--footer" }, Rt = /* @__PURE__ */ W({
+}, Tt = ["onClick", "onDblclick", "onContextmenu"], St = ["innerHTML"], Ft = ["onClick"], Lt = ["colspan"], Bt = { key: 2 }, Mt = ["colspan"], Et = { class: "dsg-table--footer" }, Rt = /* @__PURE__ */ W({
   __name: "DsgTableComponent",
   props: /* @__PURE__ */ G({
     fields: { default: () => [] },
@@ -458,32 +458,32 @@ const Ge = { class: "dsg-table--pagination" }, Je = ["disabled"], Xe = ["disable
       sortable: n.sortField,
       formatter: n.formatter || null,
       $_index: u
-    })), p = w(d(t.fields)), c = w(t.data), m = w(null), y = w(t.initialPage), z = w("17px"), A = w(!1), h = w({}), f = w(0), s = w(!0), r = w(null), v = w(null), F = Y(t, "filterParams"), C = Y(t, "perPage"), T = w([]), j = w(!1), K = V(() => t.tableHeight != null), Q = V(() => p.value.filter((e) => e.visible).length);
-    ee(
+    })), p = w(d(t.fields)), c = w(t.data), m = w(null), y = w(t.initialPage), z = w("17px"), A = w(!1), h = w({}), f = w(0), s = w(!0), r = w(null), v = w(null), S = Y(t, "filterParams"), C = Y(t, "perPage"), T = w([]), j = w(!1), K = V(() => t.tableHeight != null), Q = V(() => p.value.filter((e) => e.visible).length);
+    te(
       () => T.value.length,
       (e) => {
         j.value = t.selectable && e > 0;
       },
       { immediate: !0 }
-    ), ee(
+    ), te(
       () => t.fields,
       (e) => {
         p.value = d(e);
       },
       { immediate: !0 }
-    ), ee(
-      () => F.value,
+    ), te(
+      () => S.value,
       () => {
         X();
       },
       { deep: !0 }
-    ), ee(
+    ), te(
       () => C.value,
       () => {
         X();
       }
     );
-    const I = b, te = (e, n) => e.formatter && typeof e.formatter == "function" ? e.formatter(e, n) : ie(n, String(e?.name), ""), ae = (e) => "dsg-field--" + e.name?.toLowerCase().replaceAll(/[_ ]/g, "-"), le = (e) => {
+    const I = b, ae = (e, n) => e.formatter && typeof e.formatter == "function" ? e.formatter(e, n) : re(n, String(e?.name), ""), le = (e) => "dsg-field--" + e.name?.toLowerCase().replaceAll(/[_ ]/g, "-"), se = (e) => {
       if (t.selectable) {
         if (e.selected)
           T.value.push(e);
@@ -493,75 +493,78 @@ const Ge = { class: "dsg-table--pagination" }, Je = ["disabled"], Xe = ["disable
         }
         I("dsg-table:rows-selected", T.value);
       }
-    }, _ = () => {
+    }, ne = () => {
       t.selectable && (c.value?.forEach((e) => {
         e.selected = !0;
       }), T.value = c.value?.filter((e) => e.selected) ?? [], I("dsg-table:rows-selected", T.value));
-    }, se = () => {
+    }, _ = () => {
       t.selectable && (c.value?.forEach((e) => {
         e.selected = !1;
       }), T.value = [], I("dsg-table:rows-selected", T.value));
-    }, a = (e) => {
+    }, oe = (e) => {
       c.value = Array.isArray(e) ? e : [], t.selectable && c.value.forEach((n) => {
         n.selected = n.selected ?? !1;
       });
-    }, i = () => c.value ?? [], g = (e) => {
+    }, a = () => c.value ?? [], i = (e) => {
       e === "prev" ? y.value > t.firstPage && y.value-- : e === "next" ? y.value < (m.value?.last_page ?? 0) && y.value++ : e != y.value && e >= t.firstPage && e <= (m.value?.last_page ?? 0) && (y.value = e), X();
-    }, D = () => ({
+    }, g = () => ({
       [t.queryParams?.sort]: r.value ? (r.value?.direction === "desc" ? "-" : "") + r.value?.field : void 0,
       [t.queryParams?.order]: r.value?.direction,
       [t.queryParams?.page]: y.value,
       [t.queryParams?.perPage]: C.value
-    }), S = () => {
+    }), D = () => {
       v.value && (v.value.abort(), v.value = null);
-    }, ne = async (e, n) => {
-      S();
+    }, F = async (e, n) => {
+      D();
       const u = new AbortController();
       if (n.signal = u.signal, v.value = u, t.httpMethod.toLowerCase() === "get")
         return await ve.get(e, n);
       {
-        const L = n.params;
-        return delete n.params, await ve.post(e, L, n);
+        const M = n.params;
+        return delete n.params, await ve.post(e, M, n);
       }
-    }, de = (e) => {
+    }, ee = (e) => {
       I("dsg-table:load-success", e);
       const n = t.transform ? t.transform(e.data) : e.data;
-      c.value = ie(n, t.dataPath, null), t.selectable && c.value?.forEach((u) => {
+      c.value = re(n, t.dataPath, null), t.selectable && c.value?.forEach((u) => {
         u.selected = u.selected ?? !1;
-      }), m.value = ie(n, t.paginationPath, null) ?? null, f.value = c.value?.length ? c.value[0].order : f, m.value === null && console.warn(
+      }), m.value = re(n, t.paginationPath, null) ?? null, f.value = c.value?.length ? c.value[0].order : f, m.value === null && console.warn(
         'DsgTable: pagination-path "' + t.paginationPath + `" not found. It looks like the data returned from the server does not have pagination information or you may have set it incorrectly.
 You can explicitly suppress this warning by setting pagination-path="".`
       ), I("dsg-table:pagination-data", m.value), y.value > (m.value?.to || 0) && (y.value = t.initialPage), I("dsg-table:loaded"), s.value = !1;
     }, ue = (e) => {
       console.error("load-error", e), I("dsg-table:load-error", e), I("dsg-table:loaded"), s.value = !1;
-    }, X = (e = de, n = ue, u = {}) => {
-      const L = e || de, M = n || ue;
+    }, X = (e = ee, n = ue, u = {}) => {
+      const M = e || ee, B = n || ue;
       if (t.apiMode)
         return s.value = !0, I("dsg-table:loading", s.value), t.httpOptions.params = {
-          ...D(),
-          ...F.value
-        }, ne(t.apiUrl, t.httpOptions).then(L).catch((oe) => M(oe));
+          ...g(),
+          ...S.value
+        }, F(t.apiUrl, t.httpOptions).then(M).catch((ie) => B(ie));
     }, Pe = (e, n, u) => {
       I("dsg-table:row-clicked", e, n, u);
     }, De = (e, n, u) => {
       I("dsg-table:row-dblclick", e, n, u);
     }, $e = (e, n, u) => {
-    }, Ce = (e, n, u, L) => {
-    }, Te = (e, n, u, L) => {
-    }, Se = (e, n, u, L) => {
+    }, Ce = (e, n, u, M) => {
+    }, Te = (e, n, u, M) => {
+    }, Se = (e, n, u, M) => {
     }, Fe = (e, n, u) => {
     };
     Ee(() => {
       t.apiMode === !0 && X();
     });
     const ce = () => {
-      t.apiMode && (T.value = [], S(), X());
+      t.apiMode && (T.value = [], D(), X());
     };
     return $({
-      changePage: g,
+      changePage: i,
       reload: ce,
-      getData: i,
-      setData: a
+      getData: a,
+      setData: oe,
+      setLoading: (e) => {
+        s.value = e, I("dsg-table:loading", s.value);
+      }
     }), (e, n) => (l(), o("div", yt, [
       k("div", {
         ref: "dsgTableBodyWrapper",
@@ -572,9 +575,9 @@ You can explicitly suppress this warning by setting pagination-path="".`
           class: E(["dsg-table-main", K.value ? "fixed-header" : "", h.value.table, "table-" + e.tableLayout])
         }, [
           k("colgroup", { span: Q.value }, [
-            (l(!0), o(H, null, q(p.value, (u, L) => (l(), o(H, null, [
+            (l(!0), o(H, null, q(p.value, (u, M) => (l(), o(H, null, [
               u?.visible ? (l(), o("col", {
-                key: L,
+                key: M,
                 style: J({ width: u.width || void 0 }),
                 class: E("dsg-table--col-" + u.name + " " + u.titleClass)
               }, null, 6)) : P("", !0)
@@ -588,7 +591,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
           k("thead", {
             class: E([[h.value.thead, { sticky: K.value, "top-0": K.value }], "dsg-table--head"])
           }, [
-            B(e.$slots, "tableHeader", { fields: p.value }, () => [
+            L(e.$slots, "tableHeader", { fields: p.value }, () => [
               R(we, {
                 fields: p.value,
                 "has-select-all": e.selectable,
@@ -602,8 +605,8 @@ You can explicitly suppress this warning by setting pagination-path="".`
                 "sort-field": r.value,
                 "onUpdate:sortField": n[2] || (n[2] = (u) => r.value = u),
                 "onDsgTable:sortField": n[3] || (n[3] = (u) => ce()),
-                "onDsgTable:onSelectAll": _,
-                "onDsgTable:onDeselectAll": se
+                "onDsgTable:onSelectAll": ne,
+                "onDsgTable:onDeselectAll": _
               }, null, 8, ["fields", "has-select-all", "selected-rows", "has-selected", "scroll-visible", "show-expand-detail", "table-data-length", "sort-field"])
             ])
           ], 2),
@@ -618,7 +621,7 @@ 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
                 }, [
-                  B(e.$slots, "dsg-table-loading", {}, () => [
+                  L(e.$slots, "dsg-table-loading", {}, () => [
                     R(O, {
                       icon: "loading-02",
                       class: "animate-spin"
@@ -627,35 +630,35 @@ You can explicitly suppress this warning by setting pagination-path="".`
                   ])
                 ], 8, Dt)
               ], 8, Pt)
-            ])) : (l(!0), o(H, { key: 1 }, q(c.value, (u, L) => (l(), o(H, { key: L }, [
+            ])) : (l(!0), o(H, { key: 1 }, q(c.value, (u, M) => (l(), o(H, { key: M }, [
               k("tr", {
-                class: E(["dsg-table--tbody-row", { odd: L % 2 === 0, even: L % 2 !== 0, "row-selected": u.selected }]),
-                onClick: (M) => Pe(M, L, u),
-                onDblclick: (M) => De(M, L, u),
-                onMouseover: (M) => $e()
+                class: E(["dsg-table--tbody-row", { odd: M % 2 === 0, even: M % 2 !== 0, "row-selected": u.selected }]),
+                onClick: (B) => Pe(B, M, u),
+                onDblclick: (B) => De(B, M, u),
+                onMouseover: (B) => $e()
               }, [
                 e.selectable ? (l(), o("td", Ct, [
                   R(fe, {
                     modelValue: u.selected,
-                    "onUpdate:modelValue": [(M) => u.selected = M, (M) => le(u)]
+                    "onUpdate:modelValue": [(B) => u.selected = B, (B) => se(u)]
                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
                 ])) : P("", !0),
-                (l(!0), o(H, null, q(p.value, (M, oe) => (l(), o(H, { key: oe }, [
-                  M.visible ? (l(), o("td", {
+                (l(!0), o(H, null, q(p.value, (B, ie) => (l(), o(H, { key: ie }, [
+                  B.visible ? (l(), o("td", {
                     key: 0,
-                    class: E(["dsg-table--tbody-cell", M.dataClass]),
-                    style: J({ width: M.width || void 0 }),
+                    class: E(["dsg-table--tbody-cell", B.dataClass]),
+                    style: J({ width: B.width || void 0 }),
                     onClick: (ge) => Ce(),
                     onDblclick: (ge) => Te(),
                     onContextmenu: (ge) => Se()
                   }, [
-                    B(e.$slots, ae(M), {
+                    L(e.$slots, le(B), {
                       rowData: u,
-                      rowIndex: L,
-                      rowField: M
+                      rowIndex: M,
+                      rowField: B
                     }, () => [
                       k("span", {
-                        innerHTML: te(M, u)
+                        innerHTML: ae(B, u)
                       }, null, 8, St)
                     ])
                   ], 46, Tt)) : P("", !0)
@@ -668,33 +671,33 @@ You can explicitly suppress this warning by setting pagination-path="".`
                 default: Z(() => [
                   k("tr", {
                     class: "dsg-table--tbody-detail-row",
-                    onClick: (M) => Fe()
+                    onClick: (B) => Fe()
                   }, [
                     k("td", { colspan: Q.value }, [
-                      B(e.$slots, "dsg-table-detail-row", {
+                      L(e.$slots, "dsg-table-detail-row", {
                         rowData: u,
-                        rowIndex: L,
+                        rowIndex: M,
                         options: e.detailRowOptions
                       })
-                    ], 8, Bt)
+                    ], 8, Lt)
                   ], 8, Ft)
                 ]),
                 _: 2
               }, 1032, ["name"])) : P("", !0)
             ], 64))), 128)),
-            !s.value && !c.value?.length && e.noDataTemplate.length ? (l(), o("tr", Mt, [
+            !s.value && !c.value?.length && e.noDataTemplate.length ? (l(), o("tr", Bt, [
               k("td", {
                 colspan: Q.value,
                 class: "dsg-table--empty-result"
               }, [
-                B(e.$slots, "dsg-table-empty-result", {}, () => [
+                L(e.$slots, "dsg-table-empty-result", {}, () => [
                   He(x(e.noDataTemplate), 1)
                 ])
-              ], 8, Lt)
+              ], 8, Mt)
             ])) : P("", !0)
           ], 2),
           k("tfoot", Et, [
-            B(e.$slots, "dsg-table-footer", {
+            L(e.$slots, "dsg-table-footer", {
               fields: p.value,
               data: c.value
             })
@@ -755,7 +758,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
     }, m = V(() => ({
       ...t.css,
       tableWrapper: "border-b " + (t.css?.tableWrapper || "")
-    })), y = Ae(), z = w(!0), A = w(null), h = w("<p>Showing {from} to {to} of {total}</p>"), f = w(null), s = be("dsgTable"), r = w({ perPage: 20, change: d }), v = w(20), F = w({ ...c(), ...t.initialFilters }), C = b, T = (a) => {
+    })), y = Ae(), z = w(!0), A = w(null), h = w("<p>Showing {from} to {to} of {total}</p>"), f = w(null), s = be("dsgTable"), r = w({ perPage: 20, change: d }), v = w(20), S = w({ ...c(), ...t.initialFilters }), C = b, T = (a) => {
       s.value?.changePage(a);
     }, j = (a) => {
       f.value = a;
@@ -764,33 +767,36 @@ You can explicitly suppress this warning by setting pagination-path="".`
     }, Q = () => {
       z.value === !1 && s.value?.reload();
     }, I = (a) => {
+      s.value?.setLoading(a);
+    }, ae = (a) => {
       const i = s.value?.getData?.() ?? [];
       s.value?.setData(i.map((g) => g.id === a.id ? a : g));
-    }, te = (a) => {
+    }, le = (a) => {
       const i = s.value?.getData?.() ?? [];
       s.value?.setData([...i, a]);
-    }, ae = (a) => {
+    }, se = (a) => {
       const i = s.value?.getData?.() ?? [];
       s.value?.setData(i.filter((g) => g.id !== a.id));
-    }, le = (a) => {
-      F.value = a;
+    }, ne = (a) => {
+      S.value = a;
     }, _ = (a) => {
-      F.value["filter[term]"] = a, C("dsg-table:term-changed", a);
-    }, se = (a, i, g) => {
-      F.value = { "filter[term]": F.value["filter[term]"], ...a }, C("dsg-table:filter-updated", F.value, i, g);
+      S.value["filter[term]"] = a, C("dsg-table:term-changed", a);
+    }, oe = (a, i, g) => {
+      S.value = { "filter[term]": S.value["filter[term]"], ...a }, C("dsg-table:filter-updated", S.value, i, g);
     };
     return $({
       reloadTable: Q,
-      updateRowTable: I,
-      addRowTable: te,
-      deleteRowTable: ae,
+      updateRowTable: ae,
+      addRowTable: le,
+      deleteRowTable: se,
       termChanged: _,
-      setFilters: le
+      setFilters: ne,
+      setLoading: I
     }), (a, i) => (l(), o("div", Ht, [
       a.hasHeader ? (l(), o("div", At, [
-        B(a.$slots, "dsg-table--pre-header", {}, () => [
+        L(a.$slots, "dsg-table--pre-header", {}, () => [
           k("div", It, [
-            B(a.$slots, "dsg-table--page-title", {
+            L(a.$slots, "dsg-table--page-title", {
               data: A.value,
               title: a.title
             }, () => [
@@ -802,13 +808,13 @@ You can explicitly suppress this warning by setting pagination-path="".`
             ])
           ]),
           k("div", Vt, [
-            B(a.$slots, "dsg-table--page-actions", { data: A.value })
+            L(a.$slots, "dsg-table--page-actions", { data: A.value })
           ])
         ])
       ])) : P("", !0),
       a.displayPaginationInfo ? (l(), o("div", Ot, [
         k("div", Ut, [
-          B(a.$slots, "dsg-table--search-header", { data: A.value }, () => [
+          L(a.$slots, "dsg-table--search-header", { data: A.value }, () => [
             R(ke, {
               name: "term",
               "onDsgTable:termChanged": i[0] || (i[0] = (g) => _(g))
@@ -818,18 +824,18 @@ You can explicitly suppress this warning by setting pagination-path="".`
               "filter-endpoint": a.filterEndpoint,
               "search-endpoint": a.filterSearchEndpoint,
               filters: a.filters,
-              "onDsgTable:filterUpdated": i[1] || (i[1] = (g, D, S) => se(g, D, S))
+              "onDsgTable:filterUpdated": i[1] || (i[1] = (g, D, F) => oe(g, D, F))
             }, null, 8, ["entity", "filter-endpoint", "search-endpoint", "filters"]),
-            B(a.$slots, "dsg-table--search-actions", { data: A.value })
+            L(a.$slots, "dsg-table--search-actions", { data: A.value })
           ])
         ]),
-        B(a.$slots, "dsg-table--search-navigation")
+        L(a.$slots, "dsg-table--search-navigation")
       ], 512)) : P("", !0),
       R(Rt, {
         ref: "dsgTable",
         "api-url": a.getUrl,
-        "filter-params": F.value,
-        "onUpdate:filterParams": i[7] || (i[7] = (g) => F.value = g),
+        "filter-params": S.value,
+        "onUpdate:filterParams": i[7] || (i[7] = (g) => S.value = g),
         "per-page": v.value,
         "onUpdate:perPage": i[8] || (i[8] = (g) => v.value = g),
         fields: a.fields,
@@ -845,20 +851,20 @@ You can explicitly suppress this warning by setting pagination-path="".`
         "onDsgTable:paginationData": j,
         "onDsgTable:loadSuccess": K,
         "onDsgTable:rowsSelected": i[11] || (i[11] = (g) => C("dsg-table:rows-selected", g)),
-        "onDsgTable:rowClicked": i[12] || (i[12] = (g, D, S) => C("dsg-table:row-clicked", g, D, S)),
-        "onDsgTable:rowHover": i[13] || (i[13] = (g, D, S) => C("dsg-table:row-hover", g, D, S)),
-        "onDsgTable:rowDblclick": i[14] || (i[14] = (g, D, S) => C("dsg-table:row-dblclick", g, D, S))
+        "onDsgTable:rowClicked": i[12] || (i[12] = (g, D, F) => C("dsg-table:row-clicked", g, D, F)),
+        "onDsgTable:rowHover": i[13] || (i[13] = (g, D, F) => C("dsg-table:row-hover", g, D, F)),
+        "onDsgTable:rowDblclick": i[14] || (i[14] = (g, D, F) => C("dsg-table:row-dblclick", g, D, F))
       }, Ie({
         "dsg-field--actions": Z((g) => [
-          B(a.$slots, "dsg-table-actions", { data: g }, () => [
+          L(a.$slots, "dsg-table-actions", { data: g }, () => [
             (l(), N(ye, {
               key: g.rowIndex,
               data: g,
-              "onDsgTable:actionEdit": i[2] || (i[2] = (D, S) => C("dsg-table:action-edit", D, S)),
-              "onDsgTable:actionView": i[3] || (i[3] = (D, S) => C("dsg-table:action-view", D, S)),
-              "onDsgTable:actionDelete": i[4] || (i[4] = (D, S) => C("dsg-table:action-delete", D, S)),
-              "onDsgTable:actionArchive": i[5] || (i[5] = (D, S) => C("dsg-table:action-archive", D, S)),
-              "onDsgTable:linkClicked": i[6] || (i[6] = (D, S, ne) => C("dsg-table:link-clicked", D, S, ne))
+              "onDsgTable:actionEdit": i[2] || (i[2] = (D, F) => C("dsg-table:action-edit", D, F)),
+              "onDsgTable:actionView": i[3] || (i[3] = (D, F) => C("dsg-table:action-view", D, F)),
+              "onDsgTable:actionDelete": i[4] || (i[4] = (D, F) => C("dsg-table:action-delete", D, F)),
+              "onDsgTable:actionArchive": i[5] || (i[5] = (D, F) => C("dsg-table:action-archive", D, F)),
+              "onDsgTable:linkClicked": i[6] || (i[6] = (D, F, ee) => C("dsg-table:link-clicked", D, F, ee))
             }, null, 8, ["data"]))
           ])
         ]),
@@ -866,14 +872,14 @@ You can explicitly suppress this warning by setting pagination-path="".`
       }, [
         q(U(y), (g, D) => ({
           name: D,
-          fn: Z((S) => [
-            String(D) !== "dsg-field--actions" ? B(a.$slots, D, ze(Ve({ key: 0 }, S))) : P("", !0)
+          fn: Z((F) => [
+            String(D) !== "dsg-field--actions" ? L(a.$slots, D, ze(Ve({ key: 0 }, F))) : P("", !0)
           ])
         }))
       ]), 1032, ["api-url", "filter-params", "per-page", "fields", "load-on-start", "selectable", "track-by", "table-layout", "css", "data"]),
       a.hasFooter ? (l(), o("div", qt, [
         k("div", Nt, [
-          B(a.$slots, "dsg-table--footer-left", {
+          L(a.$slots, "dsg-table--footer-left", {
             data: f.value,
             perPage: r.value
           }, () => [
@@ -883,25 +889,25 @@ You can explicitly suppress this warning by setting pagination-path="".`
               "onUpdate:pagination": i[15] || (i[15] = (g) => f.value = g),
               "info-template": h.value
             }, null, 8, ["pagination", "info-template"]),
-            B(a.$slots, "dsg-table--footer-left-extras", {
+            L(a.$slots, "dsg-table--footer-left-extras", {
               data: f.value,
               perPage: r.value
             })
           ])
         ]),
         k("div", Wt, [
-          B(a.$slots, "dsg-table--footer-center", {
+          L(a.$slots, "dsg-table--footer-center", {
             data: f.value,
             perPage: r.value
           }, () => [
-            B(a.$slots, "dsg-table--footer-center-extras", {
+            L(a.$slots, "dsg-table--footer-center-extras", {
               data: f.value,
               perPage: r.value
             })
           ])
         ]),
         k("div", jt, [
-          B(a.$slots, "dsg-table--footer-right", {
+          L(a.$slots, "dsg-table--footer-right", {
             data: f.value,
             perPage: r.value
           }, () => [
@@ -912,7 +918,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
               "onUpdate:pagination": i[16] || (i[16] = (g) => f.value = g),
               "onDsgTable:changePage": T
             }, null, 8, ["pagination"])) : P("", !0),
-            B(a.$slots, "dsg-table--footer-right-extras", {
+            L(a.$slots, "dsg-table--footer-right-extras", {
               data: f.value,
               perPage: r.value
             })
@@ -929,7 +935,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
   },
   setup(t) {
     return ($, b) => (l(), o("div", Qt, [
-      re(k("select", {
+      de(k("select", {
         "onUpdate:modelValue": b[0] || (b[0] = (d) => $.perPage.perPage = d),
         class: "dsg-table--per-page-select",
         onChange: b[1] || (b[1] = (d) => $.perPage.change($.perPage.perPage))
@@ -944,7 +950,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
       ])
     ]));
   }
-}), Jt = Kt, Xt = ye, Zt = Gt, xt = pe, _t = he, ea = me, ta = ke, aa = we, ia = {
+}), Jt = Kt, Xt = ye, Zt = Gt, xt = pe, _t = he, ea = me, ta = ke, aa = we, ra = {
   DsgTable: Jt,
   DsgTableActions: Xt,
   DsgTablePerPage: Zt,
@@ -963,5 +969,5 @@ export {
   Zt as DsgTablePerPage,
   aa as DsgTableRowHeader,
   ta as DsgTableSearch,
-  ia as default
+  ra as default
 };