@dcodegroup-au/dsg-vue 1.0.12-next → 1.0.14-next

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

@@ -1,5 +1,5 @@
-import { defineComponent as Z, useModel as ae, computed as W, withDirectives as Ie, openBlock as s, createElementBlock as d, normalizeClass as L, createVNode as V, createCommentVNode as m, createElementVNode as C, Fragment as q, renderList as Y, vShow as gt, mergeModels as le, ref as P, useTemplateRef as We, unref as G, withCtx as ne, renderSlot as E, toDisplayString as ve, createBlock as K, resolveDynamicComponent as vt, onMounted as qe, normalizeStyle as N, mergeProps as Se, watch as ie, onUnmounted as bt, withModifiers as ft, Transition as ht, createTextVNode as mt, useSlots as wt, createSlots as yt, normalizeProps as kt, guardReactiveProps as pt, nextTick as He } from "vue";
-import { _ as O, k as Pt, v as Ct, e as St, u as xt, c as ze, b as Ae, l as Oe, m as Ue, h as Ne, p as Dt, i as $t } from "./DsgTablePerPage.vue_vue_type_style_index_0_lang-o48o8k1B.js";
+import { defineComponent as Z, useModel as ae, computed as W, withDirectives as Ie, openBlock as s, createElementBlock as d, normalizeClass as L, createVNode as V, createCommentVNode as m, createElementVNode as C, Fragment as q, renderList as Y, vShow as gt, mergeModels as le, ref as P, useTemplateRef as We, unref as G, withCtx as ne, renderSlot as E, toDisplayString as ve, createBlock as K, resolveDynamicComponent as vt, onMounted as qe, normalizeStyle as N, mergeProps as De, watch as ie, onUnmounted as bt, withModifiers as ft, Transition as ht, createTextVNode as mt, useSlots as wt, createSlots as yt, normalizeProps as kt, guardReactiveProps as pt, nextTick as He } from "vue";
+import { _ as O, D as Pt, v as Ct, f as Dt, u as St, b as ze, a as Ae, m as Oe, n as Ue, j as Ne, p as xt, k as $t } from "./DsgTablePerPage.vue_vue_type_style_index_0_lang-B--bn0YD.js";
 import { ucfirst as Tt, ucwords as Ve, toSnakeCase as Rt } from "./dsg-vue.helpers-string.esm.js";
 import { data_get as Ce } from "./dsg-vue.helpers-object.esm.js";
 import { isEmpty as Mt } from "./dsg-vue.helpers.esm.js";
@@ -19,7 +19,7 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
   }),
   emits: /* @__PURE__ */ le(["dsg-table:change-page"], ["update:pagination"]),
   setup(e, { expose: B, emit: h }) {
-    const u = ae(e, "pagination"), S = W(() => u.value === null ? 0 : u.value?.last_page - e.firstPage + 1), H = W(() => u.value === null ? 0 : u.value?.last_page), f = W(() => u.value === null ? !1 : u.value?.current_page === e.firstPage), g = W(() => u.value === null ? !1 : u.value?.current_page === H.value), A = W(() => S.value < e.onEachSide * 2 + 4), $ = W(() => e.onEachSide * 2 + 1), D = W(() => !u.value || u.value?.current_page <= e.onEachSide ? 1 : u.value?.current_page >= S.value - e.onEachSide ? S.value - e.onEachSide * 2 : u.value?.current_page - e.onEachSide), w = h, a = (R) => {
+    const u = ae(e, "pagination"), D = W(() => u.value === null ? 0 : u.value?.last_page - e.firstPage + 1), H = W(() => u.value === null ? 0 : u.value?.last_page), f = W(() => u.value === null ? !1 : u.value?.current_page === e.firstPage), g = W(() => u.value === null ? !1 : u.value?.current_page === H.value), A = W(() => D.value < e.onEachSide * 2 + 4), $ = W(() => e.onEachSide * 2 + 1), x = W(() => !u.value || u.value?.current_page <= e.onEachSide ? 1 : u.value?.current_page >= D.value - e.onEachSide ? D.value - e.onEachSide * 2 : u.value?.current_page - e.onEachSide), w = h, a = (R) => {
       w("dsg-table:change-page", R);
     }, T = (R) => R === u.value?.current_page;
     return B({
@@ -50,16 +50,16 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
           size: "sm"
         }, null, 8, ["icon"])
       ], 10, Lt),
-      A.value ? (s(!0), d(q, { key: 1 }, Y(S.value, (p, I) => (s(), d("a", {
+      A.value ? (s(!0), d(q, { key: 1 }, Y(D.value, (p, I) => (s(), d("a", {
         key: I,
         onClick: (se) => a(I + e.firstPage),
         class: L(["dsg-table-pagination__link", { "dsg-table-pagination__link--active": T(I + e.firstPage) }]),
         innerHTML: p
       }, null, 10, Ft))), 128)) : (s(!0), d(q, { key: 2 }, Y($.value, (p, I) => (s(), d("a", {
         key: I,
-        onClick: (se) => a(D.value + I + e.firstPage - 1),
-        class: L(["dsg-table-pagination__link", { "dsg-table-pagination__link--active": T(D.value + I + e.firstPage - 1) }]),
-        innerHTML: D.value + p - 1
+        onClick: (se) => a(x.value + I + e.firstPage - 1),
+        class: L(["dsg-table-pagination__link", { "dsg-table-pagination__link--active": T(x.value + I + e.firstPage - 1) }]),
+        innerHTML: x.value + p - 1
       }, null, 10, Ht))), 128)),
       C("a", {
         onClick: k[2] || (k[2] = (p) => a("next")),
@@ -102,7 +102,7 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
   emits: ["update:pagination"],
   setup(e) {
     const B = ae(e, "pagination"), h = W(() => B.value == null || B.value.total == 0 ? e.noDataTemplate : e.infoTemplate.replace("{from}", (B.value?.from || 0).toString()).replace("{to}", (B.value?.to || 0).toString()).replace("{total}", (B.value?.total || 0).toString()));
-    return (u, S) => (s(), d("div", {
+    return (u, D) => (s(), d("div", {
       class: "dsg-table-pagination-info",
       innerHTML: h.value
     }, null, 8, Vt));
@@ -124,8 +124,8 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
   setup(e, { emit: B }) {
     const h = P(!1);
     We("dsgTableActions");
-    const u = W(() => e.data?.rowData ?? null), S = W(() => u.value?.actions ?? null), H = W(() => u.value?.links ?? null), f = (D) => {
-      switch (D) {
+    const u = W(() => e.data?.rowData ?? null), D = W(() => u.value?.actions ?? null), H = W(() => u.value?.links ?? null), f = (x) => {
+      switch (x) {
         case "edit":
           return "edit-05";
         case "view":
@@ -137,7 +137,7 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
         default:
           return "dots-horizontal";
       }
-    }, g = (D, w, a) => {
+    }, g = (x, w, a) => {
       switch (w) {
         case "edit":
           $("dsg-table:action-edit", a, u.value);
@@ -152,11 +152,11 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
           $("dsg-table:action-archive", a, u.value);
           break;
       }
-    }, A = (D, w) => {
-      const a = D.actionId || D.label.trim().toLowerCase().replace(/[^a-z0-9-]/g, "-").replace(/-+/g, "-");
+    }, A = (x, w) => {
+      const a = x.actionId || x.label.trim().toLowerCase().replace(/[^a-z0-9-]/g, "-").replace(/-+/g, "-");
       $("dsg-table:link-clicked", w, a, u.value);
     }, $ = B;
-    return (D, w) => Ie((s(), d("div", It, [
+    return (x, w) => Ie((s(), d("div", It, [
       V(G(Pt), {
         triggers: [],
         placement: e.placement,
@@ -169,7 +169,7 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
       }, {
         popper: ne(() => [
           h.value ? (s(), d("div", qt, [
-            (s(!0), d(q, null, Y(S.value, (a, T) => (s(), d(q, null, [
+            (s(!0), d(q, null, Y(D.value, (a, T) => (s(), d(q, null, [
               ["edit", "view", "delete", "archive"].includes(String(T)) ? (s(), d("a", {
                 key: T,
                 href: a?.link,
@@ -190,7 +190,7 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
                 ], 2)
               ], 8, zt)) : m("", !0)
             ], 64))), 256)),
-            S.value && H.value ? (s(), d("hr", Nt)) : m("", !0),
+            D.value && H.value ? (s(), d("hr", Nt)) : m("", !0),
             H.value ? (s(!0), d(q, { key: 1 }, Y(H.value, (a) => (s(), d(q, {
               key: a.label
             }, [
@@ -224,7 +224,7 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
               "aria-haspopup": "true",
               onClick: w[0] || (w[0] = (a) => h.value = !h.value)
             }, [
-              E(D.$slots, "dsg-table-action-button-content", {}, () => [
+              E(x.$slots, "dsg-table-action-button-content", {}, () => [
                 V(O, {
                   icon: "dots-vertical",
                   size: "sm"
@@ -260,7 +260,7 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
       const f = new URL(window.location.href).searchParams.get("term");
       f && (h.value = f, u("dsg-table:term-changed", f));
     });
-    const u = B, S = xt((H) => {
+    const u = B, D = St((H) => {
       if (h.value = H, e.replaceState) {
         const f = new URL(window.location.href);
         h.value ? f.searchParams.set("term", h.value) : f.searchParams.delete("term"), window.history.pushState({}, "", f.toString());
@@ -268,7 +268,7 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
       u("dsg-table:term-changed", h.value);
     }, 300);
     return (H, f) => (s(), d("div", Yt, [
-      V(St, {
+      V(Dt, {
         modelValue: h.value,
         "onUpdate:modelValue": f[0] || (f[0] = (g) => h.value = g),
         name: e.name,
@@ -283,9 +283,9 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
         size: "sm",
         icon: "search-sm",
         "icon-clickable": !0,
-        onIconClicked: f[1] || (f[1] = (g) => G(S)(g)),
-        onEnterPressed: f[2] || (f[2] = (g) => G(S)(g)),
-        onOnClear: f[3] || (f[3] = () => G(S)(""))
+        onIconClicked: f[1] || (f[1] = (g) => G(D)(g)),
+        onEnterPressed: f[2] || (f[2] = (g) => G(D)(g)),
+        onOnClear: f[3] || (f[3] = () => G(D)(""))
       }, null, 8, ["modelValue", "name", "id", "placeholder", "disabled", "required", "readonly", "hidden"])
     ]));
   }
@@ -312,22 +312,22 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
   }),
   emits: /* @__PURE__ */ le(["dsg-table:sort-field", "dsg-table:on-select-all", "dsg-table:on-deselect-all"], ["update:sortField", "update:selectedRows", "update:hasSelected"]),
   setup(e, { emit: B }) {
-    const h = ae(e, "sortField"), u = ae(e, "selectedRows"), S = ae(e, "hasSelected"), H = P("17px"), f = (D) => {
-      S.value && u.value.length > 0 && u.value.length !== e.tableDataLength ? (S.value = !0, g("dsg-table:on-select-all")) : !S.value && u.value.length === 0 ? (S.value = !1, g("dsg-table:on-select-all")) : g("dsg-table:on-deselect-all");
-    }, g = B, A = (D, w) => [
-      D,
-      D + "-" + Rt(String(w?.name)),
+    const h = ae(e, "sortField"), u = ae(e, "selectedRows"), D = ae(e, "hasSelected"), H = P("17px"), f = (x) => {
+      D.value && u.value.length > 0 && u.value.length !== e.tableDataLength ? (D.value = !0, g("dsg-table:on-select-all")) : !D.value && u.value.length === 0 ? (D.value = !1, g("dsg-table:on-select-all")) : g("dsg-table:on-deselect-all");
+    }, g = B, A = (x, w) => [
+      x,
+      x + "-" + Rt(String(w?.name)),
       w.titleClass || "",
       { "dsg-table-row-header__row--sortable": w.sortable },
       { "dsg-table-row-header__row--sort-active": h.value?.name === w.name }
-    ], $ = (D) => {
-      D.sortable && (h.value = {
-        name: String(D?.name),
-        field: String(D?.sortField),
-        direction: h.value?.name === D.name && h.value?.direction === "asc" ? "desc" : "asc"
-      }, g("dsg-table:sort-field", D));
+    ], $ = (x) => {
+      x.sortable && (h.value = {
+        name: String(x?.name),
+        field: String(x?.sortField),
+        direction: h.value?.name === x.name && h.value?.direction === "asc" ? "desc" : "asc"
+      }, g("dsg-table:sort-field", x));
     };
-    return (D, w) => (s(), d("tr", Gt, [
+    return (x, w) => (s(), d("tr", Gt, [
       e.hasSelectAll ? (s(), d("th", {
         key: 0,
         class: "dsg-table-row-header__row dsg-table-row-header__row--checkbox",
@@ -335,9 +335,9 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
         scope: "col"
       }, [
         V(ze, {
-          modelValue: S.value,
+          modelValue: D.value,
           "onUpdate:modelValue": [
-            w[0] || (w[0] = (a) => S.value = a),
+            w[0] || (w[0] = (a) => D.value = a),
             f
           ],
           indeterminate: u.value.length > 0 && u.value.length !== e.tableDataLength
@@ -360,7 +360,7 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
           scope: "col"
         }, [
           a.sortable ? (s(), d("div", Xt, [
-            a.tooltip ? (s(), K(Ae, Se({
+            a.tooltip ? (s(), K(Ae, De({
               key: 0,
               ref_for: !0
             }, a.tooltip, { class: "dsg-table-row-header__tooltip" }), {
@@ -402,7 +402,7 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
               size: "xs"
             })) : m("", !0)
           ])) : (s(), d(q, { key: 1 }, [
-            a.tooltip ? (s(), K(Ae, Se({
+            a.tooltip ? (s(), K(Ae, De({
               key: 0,
               ref_for: !0
             }, a.tooltip, { class: "dsg-table-row-header__tooltip" }), {
@@ -520,13 +520,13 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
       formatter: l.formatter || null,
       tooltip: l.tooltip ?? null,
       $_index: n
-    })), S = () => {
+    })), D = () => {
       if (!e.apiMode) return null;
       const l = Oe().find((n) => n.key === e.queryParams.sort);
       if (l && l.value.length > 0) {
-        const n = l.value[0], v = n.startsWith("-"), c = v ? n.substring(1) : n, x = e.fields.find((Q) => Q.sortField === c || Q.name === c || Q.field === c);
-        return x ? {
-          name: String(x.name || x.field),
+        const n = l.value[0], v = n.startsWith("-"), c = v ? n.substring(1) : n, S = e.fields.find((Q) => Q.sortField === c || Q.name === c || Q.field === c);
+        return S ? {
+          name: String(S.name || S.field),
           field: c,
           direction: v ? "desc" : "asc"
         } : {
@@ -546,7 +546,7 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
         const n = `${t.pathname}${l.toString() ? "?" + l.toString() : ""}`;
         window.history.pushState({}, "", n);
       }
-    }, f = P(u(e.fields)), g = P(e.data), A = P(null), $ = P(e.initialPage), D = P("17px"), w = P(!1), a = P({}), T = P(0), R = P(!0), k = P(S()), p = P(null), I = P(0), se = ae(e, "filterParams"), re = ae(e, "perPage"), M = P([]), oe = P(!1), z = P(/* @__PURE__ */ new Set()), U = P(null), j = P(null), J = P(!1), _ = W(() => e.tableHeight != null), ee = W(() => {
+    }, f = P(u(e.fields)), g = P(e.data), A = P(null), $ = P(e.initialPage), x = P("17px"), w = P(!1), a = P({}), T = P(0), R = P(!0), k = P(D()), p = P(null), I = P(0), se = ae(e, "filterParams"), re = ae(e, "perPage"), M = P([]), oe = P(!1), z = P(/* @__PURE__ */ new Set()), U = P(null), j = P(null), J = P(!1), _ = W(() => e.tableHeight != null), ee = W(() => {
       let t = f.value.filter((l) => l.visible).length;
       return e.selectable && t++, e.hasDetailRow && e.expandableRows && t++, t;
     }), be = W(() => {
@@ -602,10 +602,10 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
       let v = {};
       if (typeof e.rowClass == "function") {
         const c = e.rowClass(t, l);
-        typeof c == "string" ? c.split(" ").forEach((x) => {
-          x.trim() && (v[x.trim()] = !0);
-        }) : Array.isArray(c) ? c.forEach((x) => {
-          typeof x == "string" && x.trim() && (v[x.trim()] = !0);
+        typeof c == "string" ? c.split(" ").forEach((S) => {
+          S.trim() && (v[S.trim()] = !0);
+        }) : Array.isArray(c) ? c.forEach((S) => {
+          typeof S == "string" && S.trim() && (v[S.trim()] = !0);
         }) : typeof c == "object" && c !== null && (v = c);
       } else typeof e.rowClass == "string" && e.rowClass.split(" ").forEach((c) => {
         c.trim() && (v[c.trim()] = !0);
@@ -638,15 +638,15 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
     }, r = (t, l, n) => {
       if (e.selectable && t.shiftKey && U.value !== null) {
         t.stopPropagation(), t.preventDefault();
-        const v = Math.min(U.value, n), c = Math.max(U.value, n), x = !l.selected;
+        const v = Math.min(U.value, n), c = Math.max(U.value, n), S = !l.selected;
         for (let Q = v; Q <= c; Q++) {
           if (Q === U.value) continue;
           const de = g.value?.[Q];
           if (de) {
             const Le = de.selected;
-            if (de.selected = x, x && !Le)
+            if (de.selected = S, S && !Le)
               M.value.push(de);
-            else if (!x && Le) {
+            else if (!S && Le) {
               const Fe = M.value.findIndex((ct) => ct[e.trackBy] === de[e.trackBy]);
               Fe !== -1 && M.value.splice(Fe, 1);
             }
@@ -677,21 +677,21 @@ const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled
       [e.queryParams?.order]: k.value?.direction,
       [e.queryParams?.page]: $.value,
       [e.queryParams?.perPage]: re.value
-    }), xe = () => {
+    }), Se = () => {
       p.value && (p.value.abort(), p.value = null);
     }, et = (t, l) => {
-      xe(), I.value++;
+      Se(), I.value++;
       const n = I.value, v = new AbortController();
       return l.signal = v.signal, p.value = v, (e.httpMethod.toLowerCase() === "get" ? Ue.get(t, l) : (() => {
-        const x = l.params;
-        return delete l.params, Ue.post(t, x, l);
+        const S = l.params;
+        return delete l.params, Ue.post(t, S, l);
       })()).then(
-        (x) => ({ ...x, _requestId: n, _apiUrl: t }),
-        (x) => {
-          throw x.name === "AbortError" || x.code === "ERR_CANCELED" ? { ...x, _requestId: n, _cancelled: !0 } : { ...x, _requestId: n };
+        (S) => ({ ...S, _requestId: n, _apiUrl: t }),
+        (S) => {
+          throw S.name === "AbortError" || S.code === "ERR_CANCELED" ? { ...S, _requestId: n, _cancelled: !0 } : { ...S, _requestId: n };
         }
       );
-    }, De = (t) => {
+    }, xe = (t) => {
       if (t._requestId && t._requestId !== I.value || t._apiUrl && t._apiUrl !== e.apiUrl)
         return;
       F("dsg-table:load-success", t);
@@ -714,8 +714,8 @@ You can explicitly suppress this warning by setting pagination-path="".`
         ge(t), R.value = !1;
       } else
         ge(e.data), R.value = !1;
-    }, te = (t = De, l = $e, n = {}) => {
-      const v = t || De, c = l || $e;
+    }, te = (t = xe, l = $e, n = {}) => {
+      const v = t || xe, c = l || $e;
       if (!e.apiMode) {
         Te();
         return;
@@ -723,7 +723,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
       return R.value = !0, F("dsg-table:loading", R.value), e.httpOptions.params = {
         ..._e(),
         ...se.value
-      }, et(e.apiUrl, e.httpOptions).then(v).catch((x) => c(x));
+      }, et(e.apiUrl, e.httpOptions).then(v).catch((S) => c(S));
     }, tt = (t, l, n) => {
       F("dsg-table:row-clicked", t, l, n);
     }, at = (t, l, n) => {
@@ -755,7 +755,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
       e.selectable && (document.removeEventListener("keydown", Re), document.removeEventListener("keyup", Me), window.removeEventListener("blur", Ee));
     });
     const Be = () => {
-      e.apiMode && (M.value = [], xe(), te());
+      e.apiMode && (M.value = [], Se(), te());
     };
     return B({
       changePage: Ze,
@@ -811,7 +811,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
             ], 64))), 256)),
             !_.value && w.value ? (s(), d("col", {
               key: 2,
-              style: N({ width: D.value }),
+              style: N({ width: x.value }),
               class: "dsg-table-component__col-gutter"
             }, null, 4)) : m("", !0)
           ], 8, aa),
@@ -900,7 +900,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
                     })
                   ], 10, da)
                 ], 4)) : m("", !0),
-                (s(!0), d(q, null, Y(f.value, (c, x) => (s(), d(q, { key: x }, [
+                (s(!0), d(q, null, Y(f.value, (c, S) => (s(), d(q, { key: S }, [
                   c.visible ? (s(), d("td", {
                     key: 0,
                     class: L(["dsg-table-component__cell", c.dataClass]),
@@ -971,11 +971,11 @@ You can explicitly suppress this warning by setting pagination-path="".`
   key: 1,
   class: "dsg-table__search-header",
   ref: "dsgTableSearchHeaderEl"
-}, Ca = { class: "dsg-table__search-top" }, Sa = {
+}, Ca = { class: "dsg-table__search-top" }, Da = {
   key: 2,
   class: "dsg-table__footer",
   ref: "dsgTableFooterEl"
-}, xa = { class: "dsg-table__footer-left" }, Da = { class: "dsg-table__footer-center" }, $a = { class: "dsg-table__footer-right" }, Ta = /* @__PURE__ */ Z({
+}, Sa = { class: "dsg-table__footer-left" }, xa = { class: "dsg-table__footer-center" }, $a = { class: "dsg-table__footer-right" }, Ta = /* @__PURE__ */ Z({
   __name: "DsgTable",
   props: {
     getUrl: {},
@@ -1027,11 +1027,11 @@ You can explicitly suppress this warning by setting pagination-path="".`
   setup(e, { expose: B, emit: h }) {
     const u = (o) => {
       R.value = o;
-    }, S = P(e.apiMode && !!(e.filterEntity || e.filterEndpoint || e.getUrl)), H = () => {
-      if (S.value) {
+    }, D = P(e.apiMode && !!(e.filterEntity || e.filterEndpoint || e.getUrl)), H = () => {
+      if (D.value) {
         let o = {};
         return Oe().forEach((i) => {
-          const r = Dt(i.key);
+          const r = xt(i.key);
           if (!r)
             return;
           const b = o[`filter[${r}]`], y = i.value.join(",");
@@ -1042,7 +1042,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
     }, f = W(() => ({
       ...e.css,
       tableWrapper: "border-b " + (e.css?.tableWrapper || "")
-    })), g = wt(), A = P(!0), $ = P(null), D = P("<p>Showing {from} to {to} of {total}</p>"), w = P(null), a = We("dsgTable"), T = P({ perPage: e.perPage, change: u }), R = P(e.perPage), k = P({ ...H(), ...e.initialFilters }), p = h, I = (o) => {
+    })), g = wt(), A = P(!0), $ = P(null), x = P("<p>Showing {from} to {to} of {total}</p>"), w = P(null), a = We("dsgTable"), T = P({ perPage: e.perPage, change: u }), R = P(e.perPage), k = P({ ...H(), ...e.initialFilters }), p = h, I = (o) => {
       a.value?.changePage(o);
     }, se = (o) => {
       w.value = o;
@@ -1179,7 +1179,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
         css: f.value,
         data: e.data,
         "row-class": e.rowClass,
-        "api-mode": S.value,
+        "api-mode": D.value,
         "replace-state": e.replaceState,
         "replace-strategy": e.replaceStrategy,
         "has-detail-row": e.hasDetailRow,
@@ -1221,8 +1221,8 @@ You can explicitly suppress this warning by setting pagination-path="".`
           ])
         }))
       ]), 1032, ["api-url", "filter-params", "per-page", "fields", "load-on-start", "pagination-path", "selectable", "selectable-column-width", "expandable-column-width", "shift-select-highlight", "selected-row-highlight", "track-by", "table-layout", "css", "data", "row-class", "api-mode", "replace-state", "replace-strategy", "has-detail-row", "expandable-rows", "expand-multiple", "show-expand-detail", "detail-row-transition", "detail-row-options"]),
-      e.hasFooter ? (s(), d("div", Sa, [
-        C("div", xa, [
+      e.hasFooter ? (s(), d("div", Da, [
+        C("div", Sa, [
           E(o.$slots, "dsg-table--footer-left", {
             data: w.value,
             perPage: T.value
@@ -1232,7 +1232,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
               ref: "paginationInfoStart",
               pagination: w.value,
               "onUpdate:pagination": i[18] || (i[18] = (r) => w.value = r),
-              "info-template": D.value
+              "info-template": x.value
             }, null, 8, ["pagination", "info-template"])) : m("", !0),
             E(o.$slots, "dsg-table--footer-left-extras", {
               data: w.value,
@@ -1240,7 +1240,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
             })
           ])
         ]),
-        C("div", Da, [
+        C("div", xa, [
           E(o.$slots, "dsg-table--footer-center", {
             data: w.value,
             perPage: T.value
@@ -1256,7 +1256,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
             data: w.value,
             perPage: T.value
           }, () => [
-            A.value === !1 && e.displayPaginationInfo ? (s(), K(Ke, Se({
+            A.value === !1 && e.displayPaginationInfo ? (s(), K(Ke, De({
               key: 0,
               ref: "pagination",
               pagination: w.value,
@@ -1285,10 +1285,10 @@ You can explicitly suppress this warning by setting pagination-path="".`
     perPage: {}
   },
   setup(e) {
-    const B = (u) => e.perPageOptions.find((S) => S.label === u), h = (u) => {
+    const B = (u) => e.perPageOptions.find((D) => D.label === u), h = (u) => {
       e.perPage.perPage = u.label, e.perPage.change(u.label);
     };
-    return (u, S) => (s(), d("div", Ra, [
+    return (u, D) => (s(), d("div", Ra, [
       V($t, {
         modelValue: B(e.perPage.perPage),
         "onUpdate:modelValue": h,