@dcodegroup-au/dsg-vue 1.0.10-next → 1.0.11-next

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

@@ -1,9 +1,9 @@
-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 be, watch as ie, onUnmounted as bt, withModifiers as ft, Transition as ht, createTextVNode as mt, useSlots as wt, createSlots as yt, normalizeProps as kt, nextTick as He } from "vue";
-import { _ as O, k as pt, v as Pt, e as Ct, u as St, c as ze, b as Ae, l as Oe, m as Ue, h as Ne, p as xt, i as Dt } from "./DsgTablePerPage.vue_vue_type_style_index_0_lang-CaBn8JMp.js";
-import { ucfirst as $t, ucwords as Ve, toSnakeCase as Tt } from "./dsg-vue.helpers-string.esm.js";
-import { data_get as Se } from "./dsg-vue.helpers-object.esm.js";
-import { isEmpty as Rt } from "./dsg-vue.helpers.esm.js";
-const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled"], Lt = ["onClick", "innerHTML"], Ft = ["onClick", "innerHTML"], Ht = ["disabled"], At = ["disabled"], Ke = /* @__PURE__ */ Z({
+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 { 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";
+const Et = { class: "dsg-table-pagination" }, Bt = ["disabled"], Lt = ["disabled"], Ft = ["onClick", "innerHTML"], Ht = ["onClick", "innerHTML"], At = ["disabled"], Ut = ["disabled"], Ke = /* @__PURE__ */ Z({
   __name: "DsgTablePagination",
   props: /* @__PURE__ */ le({
     onEachSide: { default: 3 },
@@ -24,7 +24,7 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
     }, T = (R) => R === u.value?.current_page;
     return B({
       loadPage: a
-    }), (R, k) => Ie((s(), d("div", Mt, [
+    }), (R, k) => Ie((s(), d("div", Et, [
       e.showFirstLast ? (s(), d("a", {
         key: 0,
         onClick: k[0] || (k[0] = (p) => a(e.firstPage)),
@@ -37,7 +37,7 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
           icon: e.firstIcon,
           size: "sm"
         }, null, 8, ["icon"])
-      ], 10, Et)) : m("", !0),
+      ], 10, Bt)) : m("", !0),
       C("a", {
         onClick: k[1] || (k[1] = (p) => a("prev")),
         class: L(["dsg-table-pagination__link", { "dsg-table-pagination__link--disabled": f.value }]),
@@ -49,18 +49,18 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
           icon: e.prevIcon,
           size: "sm"
         }, null, 8, ["icon"])
-      ], 10, Bt),
+      ], 10, Lt),
       A.value ? (s(!0), d(q, { key: 1 }, Y(S.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, Lt))), 128)) : (s(!0), d(q, { key: 2 }, Y($.value, (p, I) => (s(), d("a", {
+      }, 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
-      }, null, 10, Ft))), 128)),
+      }, null, 10, Ht))), 128)),
       C("a", {
         onClick: k[2] || (k[2] = (p) => a("next")),
         class: L(["dsg-table-pagination__link", { "dsg-table-pagination__link--disabled": g.value }]),
@@ -72,7 +72,7 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
           icon: e.nextIcon,
           size: "sm"
         }, null, 8, ["icon"])
-      ], 10, Ht),
+      ], 10, At),
       e.showFirstLast ? (s(), d("a", {
         key: 3,
         onClick: k[3] || (k[3] = (p) => a(H.value)),
@@ -85,12 +85,12 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
           icon: e.lastIcon,
           size: "sm"
         }, null, 8, ["icon"])
-      ], 10, At)) : m("", !0)
+      ], 10, Ut)) : m("", !0)
     ], 512)), [
       [gt, u.value && H.value > e.firstPage]
     ]);
   }
-}), Ut = ["innerHTML"], je = /* @__PURE__ */ Z({
+}), Vt = ["innerHTML"], je = /* @__PURE__ */ Z({
   __name: "DsgTablePaginationInfo",
   props: /* @__PURE__ */ le({
     infoTemplate: { default: "Displaying {from} to {to} of {total} items" },
@@ -105,15 +105,15 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
     return (u, S) => (s(), d("div", {
       class: "dsg-table-pagination-info",
       innerHTML: h.value
-    }, null, 8, Ut));
+    }, null, 8, Vt));
   }
-}), Vt = {
+}), It = {
   class: "dsg-table-actions",
   ref: "dsgTableActions"
-}, It = { class: "dsg-table-action__trigger" }, Wt = {
+}, Wt = { class: "dsg-table-action__trigger" }, qt = {
   key: 0,
   class: "dsg-table-actions__menu-wrapper"
-}, qt = ["href", "target", "onClick"], zt = ["textContent"], Ot = { key: 0 }, Nt = { key: 1 }, Kt = ["href", "target", "onClick"], jt = { class: "flex-1" }, Qe = /* @__PURE__ */ Z({
+}, zt = ["href", "target", "onClick"], Ot = ["textContent"], Nt = { key: 0 }, Kt = { key: 1 }, jt = ["href", "target", "onClick"], Qt = { class: "flex-1" }, Qe = /* @__PURE__ */ Z({
   __name: "DsgTableActions",
   props: {
     placement: { default: "auto" },
@@ -156,8 +156,8 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
       const a = D.actionId || D.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", Vt, [
-      V(G(pt), {
+    return (D, w) => Ie((s(), d("div", It, [
+      V(G(Pt), {
         triggers: [],
         placement: e.placement,
         "handle-resize": !0,
@@ -168,7 +168,7 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
         ref: "floatingVueFilterDropdown"
       }, {
         popper: ne(() => [
-          h.value ? (s(), d("div", Wt, [
+          h.value ? (s(), d("div", qt, [
             (s(!0), d(q, null, Y(S.value, (a, T) => (s(), d(q, null, [
               ["edit", "view", "delete", "archive"].includes(String(T)) ? (s(), d("a", {
                 key: T,
@@ -185,12 +185,12 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
                   }, null, 8, ["icon"]),
                   C("span", {
                     class: "dsg-table-actions__menu-item-id",
-                    textContent: ve(a?.label || G($t)(String(T)))
-                  }, null, 8, zt)
+                    textContent: ve(a?.label || G(Tt)(String(T)))
+                  }, null, 8, Ot)
                 ], 2)
-              ], 8, qt)) : m("", !0)
+              ], 8, zt)) : m("", !0)
             ], 64))), 256)),
-            S.value && H.value ? (s(), d("hr", Ot)) : m("", !0),
+            S.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
             }, [
@@ -198,7 +198,7 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
                 key: 0,
                 quote: u.value,
                 "row-data": u.value
-              }, null, 8, ["quote", "row-data"])) : a.hasOwnProperty("type") && a.type == "break" ? (s(), d("hr", Nt)) : (s(), d("a", {
+              }, null, 8, ["quote", "row-data"])) : a.hasOwnProperty("type") && a.type == "break" ? (s(), d("hr", Kt)) : (s(), d("a", {
                 key: 2,
                 href: a.link,
                 target: a.target || "_self",
@@ -210,13 +210,13 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
                   icon: a.icon,
                   size: "sm"
                 }, null, 8, ["icon"])) : m("", !0),
-                C("span", jt, ve(a.label), 1)
-              ], 10, Kt))
+                C("span", Qt, ve(a.label), 1)
+              ], 10, jt))
             ], 64))), 128)) : m("", !0)
           ])) : m("", !0)
         ]),
         default: ne(() => [
-          C("div", It, [
+          C("div", Wt, [
             C("button", {
               type: "button",
               class: "dsg-table-actions__button",
@@ -236,10 +236,10 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
         _: 3
       }, 8, ["placement", "shown"])
     ])), [
-      [G(Pt), () => h.value = !1]
+      [G(Ct), () => h.value = !1]
     ]);
   }
-}), Qt = { class: "dsg-table-search" }, Ye = /* @__PURE__ */ Z({
+}), Yt = { class: "dsg-table-search" }, Ye = /* @__PURE__ */ Z({
   __name: "DsgTableSearch",
   props: {
     name: {},
@@ -260,15 +260,15 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["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 = St((H) => {
+    const u = B, S = xt((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());
       }
       u("dsg-table:term-changed", h.value);
     }, 300);
-    return (H, f) => (s(), d("div", Qt, [
-      V(Ct, {
+    return (H, f) => (s(), d("div", Yt, [
+      V(St, {
         modelValue: h.value,
         "onUpdate:modelValue": f[0] || (f[0] = (g) => h.value = g),
         name: e.name,
@@ -289,10 +289,10 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
       }, null, 8, ["modelValue", "name", "id", "placeholder", "disabled", "required", "readonly", "hidden"])
     ]));
   }
-}), Yt = { class: "dsg-table-row-header" }, Gt = ["title", "id", "onClick"], Jt = {
+}), Gt = { class: "dsg-table-row-header" }, Jt = ["title", "id", "onClick"], Xt = {
   key: 0,
   class: "dsg-table-row-header__sort-icon"
-}, Xt = ["innerHTML"], Zt = ["innerHTML"], _t = ["innerHTML"], ea = ["innerHTML"], Ge = /* @__PURE__ */ Z({
+}, Zt = ["innerHTML"], _t = ["innerHTML"], ea = ["innerHTML"], ta = ["innerHTML"], Ge = /* @__PURE__ */ Z({
   __name: "DsgTableRowHeader",
   props: /* @__PURE__ */ le({
     fields: {},
@@ -316,7 +316,7 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
       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 + "-" + Tt(String(w?.name)),
+      D + "-" + 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 }
@@ -327,7 +327,7 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
         direction: h.value?.name === D.name && h.value?.direction === "asc" ? "desc" : "asc"
       }, g("dsg-table:sort-field", D));
     };
-    return (D, w) => (s(), d("tr", Yt, [
+    return (D, w) => (s(), d("tr", Gt, [
       e.hasSelectAll ? (s(), d("th", {
         key: 0,
         class: "dsg-table-row-header__row dsg-table-row-header__row--checkbox",
@@ -359,8 +359,8 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
           onClick: (R) => $(a),
           scope: "col"
         }, [
-          a.sortable ? (s(), d("div", Jt, [
-            a.tooltip ? (s(), K(Ae, be({
+          a.sortable ? (s(), d("div", Xt, [
+            a.tooltip ? (s(), K(Ae, Se({
               key: 0,
               ref_for: !0
             }, a.tooltip, { class: "dsg-table-row-header__tooltip" }), {
@@ -369,7 +369,7 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
                   key: 0,
                   class: "dsg-table-row-header__title",
                   innerHTML: a.title
-                }, null, 8, Xt)) : m("", !0),
+                }, null, 8, Zt)) : m("", !0),
                 a.tooltip.icon ? (s(), K(O, {
                   key: 1,
                   icon: a.tooltip.icon,
@@ -382,7 +382,7 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
               key: 1,
               class: "dsg-table-row-header__title",
               innerHTML: a.title
-            }, null, 8, Zt)) : m("", !0),
+            }, null, 8, _t)) : m("", !0),
             a.sortable && h.value?.name !== a.name ? (s(), K(O, {
               key: 2,
               icon: "chevron-selector-vertical",
@@ -402,7 +402,7 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
               size: "xs"
             })) : m("", !0)
           ])) : (s(), d(q, { key: 1 }, [
-            a.tooltip ? (s(), K(Ae, be({
+            a.tooltip ? (s(), K(Ae, Se({
               key: 0,
               ref_for: !0
             }, a.tooltip, { class: "dsg-table-row-header__tooltip" }), {
@@ -410,7 +410,7 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
                 C("span", {
                   class: "dsg-table-row-header__title",
                   innerHTML: G(Ve)(String(a?.title))
-                }, null, 8, _t),
+                }, null, 8, ea),
                 a.tooltip.icon ? (s(), K(O, {
                   key: 0,
                   icon: a.tooltip.icon,
@@ -423,9 +423,9 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
               key: 1,
               class: "dsg-table-row-header__title",
               innerHTML: G(Ve)(String(a?.title))
-            }, null, 8, ea))
+            }, null, 8, ta))
           ], 64))
-        ], 14, Gt)) : m("", !0)
+        ], 14, Jt)) : m("", !0)
       ], 64))), 256)),
       e.scrollVisible ? (s(), d("th", {
         key: 2,
@@ -434,10 +434,10 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
       }, null, 4)) : m("", !0)
     ]));
   }
-}), ta = ["span"], aa = {
+}), aa = ["span"], la = {
   key: 0,
   class: "dsg-table-component__loading"
-}, la = ["colspan"], na = ["colspan"], sa = ["onClick", "onDblclick", "onMouseover", "onMouseenter"], oa = ["onClickCapture"], ia = ["aria-expanded", "onClick"], da = ["onClick", "onDblclick", "onContextmenu"], ra = ["innerHTML"], ua = ["onClick"], ca = ["colspan"], ga = { key: 2 }, va = ["colspan"], ba = { class: "dsg-table-component__footer" }, fa = /* @__PURE__ */ Z({
+}, na = ["colspan"], sa = ["colspan"], oa = ["onClick", "onDblclick", "onMouseover", "onMouseenter"], ia = ["onClickCapture"], da = ["aria-expanded", "onClick"], ra = ["onClick", "onDblclick", "onContextmenu"], ua = ["innerHTML"], ca = ["onClick"], ga = ["colspan"], va = { key: 2 }, ba = ["colspan"], fa = { class: "dsg-table-component__footer" }, ha = /* @__PURE__ */ Z({
   __name: "DsgTableComponent",
   props: /* @__PURE__ */ le({
     fields: { default: () => [] },
@@ -549,10 +549,10 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
     }, 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(() => {
       let t = f.value.filter((l) => l.visible).length;
       return e.selectable && t++, e.hasDetailRow && e.expandableRows && t++, t;
-    }), fe = W(() => {
+    }), be = W(() => {
       const t = {};
       return e.shiftSelectHighlight && (t["--dsg-shift-select-bg"] = e.shiftSelectHighlight), e.selectedRowHighlight && (t["--dsg-selected-row-bg"] = e.selectedRowHighlight), Object.keys(t).length > 0 ? t : void 0;
-    }), he = (t, l) => {
+    }), fe = (t, l) => {
       const n = t?.[e.trackBy];
       return n ?? l;
     };
@@ -591,7 +591,7 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
       },
       { deep: !0 }
     );
-    const F = h, me = (t, l) => t.formatter && typeof t.formatter == "function" ? t.formatter(t, l) : Se(l, String(t?.name), ""), we = (t) => "dsg-field--" + t.name?.toLowerCase().replaceAll(/[_ ]/g, "-"), ye = (t, l) => {
+    const F = h, he = (t, l) => t.formatter && typeof t.formatter == "function" ? t.formatter(t, l) : Ce(l, String(t?.name), ""), me = (t) => "dsg-field--" + t.name?.toLowerCase().replaceAll(/[_ ]/g, "-"), we = (t, l) => {
       const n = {
         odd: l % 2 === 0,
         even: l % 2 !== 0,
@@ -614,16 +614,16 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
     }, X = (t) => z.value.has(t[e.trackBy]), ue = (t, l) => {
       const n = t[e.trackBy];
       z.value.has(n) ? (z.value.delete(n), F("dsg-table:row-collapsed", t, l)) : (e.expandMultiple || z.value.clear(), z.value.add(n), F("dsg-table:row-expanded", t, l));
-    }, ke = (t) => {
+    }, ye = (t) => {
       const l = t[e.trackBy];
       z.value.has(l) || (e.expandMultiple || z.value.clear(), z.value.add(l));
-    }, pe = (t) => {
+    }, ke = (t) => {
       z.value.delete(t[e.trackBy]);
     }, ce = () => {
       g.value?.forEach((t) => {
         z.value.add(t[e.trackBy]);
       });
-    }, Pe = () => {
+    }, pe = () => {
       z.value.clear();
     }, o = () => z.value, i = (t, l) => {
       if (e.selectable) {
@@ -662,7 +662,7 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
       e.selectable && (g.value?.forEach((t) => {
         t.selected = !1;
       }), M.value = [], U.value = null, F("dsg-table:rows-selected", M.value));
-    }, Ce = () => M.value ?? [], Je = () => {
+    }, Pe = () => M.value ?? [], Je = () => {
       e.selectable && g.value?.forEach((t) => {
         t.selected = !1;
       }), M.value = [], oe.value = !1, U.value = null, j.value = null, F("dsg-table:rows-selected", M.value);
@@ -696,9 +696,9 @@ const Mt = { class: "dsg-table-pagination" }, Et = ["disabled"], Bt = ["disabled
         return;
       F("dsg-table:load-success", t);
       const l = e.transform ? e.transform(t.data) : t.data;
-      g.value = Se(l, e.dataPath, null), e.selectable && (U.value = null, g.value?.forEach((n) => {
+      g.value = Ce(l, e.dataPath, null), e.selectable && (U.value = null, g.value?.forEach((n) => {
         n.selected = n.selected ?? !1;
-      })), A.value = Se(l, e.paginationPath, null) ?? null, T.value = g.value?.length ? g.value[0].order : T, !Rt(e.paginationPath) && A.value === null && console.warn(
+      })), A.value = Ce(l, e.paginationPath, null) ?? null, T.value = g.value?.length ? g.value[0].order : T, !Mt(e.paginationPath) && A.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="".`
       ), p.value = null, F("dsg-table:pagination-data", A.value), A.value && $.value > (A.value?.last_page || 0) && g.value?.length === 0 && ($.value = e.initialPage, te()), F("dsg-table:loaded"), R.value = !1;
@@ -765,18 +765,18 @@ You can explicitly suppress this warning by setting pagination-path="".`
       setLoading: (t) => {
         R.value = t, F("dsg-table:loading", R.value);
       },
-      expandRow: ke,
-      collapseRow: pe,
+      expandRow: ye,
+      collapseRow: ke,
       toggleRowExpand: ue,
       expandAllRows: ce,
-      collapseAllRows: Pe,
+      collapseAllRows: pe,
       getExpandedRows: o,
       isRowExpanded: X,
-      getSelection: Ce,
+      getSelection: Pe,
       clearSelection: Je
     }), (t, l) => (s(), d("div", {
       class: L(["dsg-table-component", { "dsg-table-component--shift-active": e.selectable && J.value }]),
-      style: N(fe.value)
+      style: N(be.value)
     }, [
       C("div", {
         ref: "dsgTableBodyWrapper",
@@ -814,7 +814,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
               style: N({ width: D.value }),
               class: "dsg-table-component__col-gutter"
             }, null, 4)) : m("", !0)
-          ], 8, ta),
+          ], 8, aa),
           C("thead", {
             class: L([[a.value.thead, { sticky: _.value, "top-0": _.value }], "dsg-table-component__head"])
           }, [
@@ -842,7 +842,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
           C("tbody", {
             class: L(["dsg-table-component__body", a.value.tbody])
           }, [
-            R.value ? (s(), d("tr", aa, [
+            R.value ? (s(), d("tr", la, [
               C("td", { colspan: ee.value }, [
                 C("div", {
                   "aria-label": "Loading...",
@@ -857,13 +857,13 @@ You can explicitly suppress this warning by setting pagination-path="".`
                     }),
                     l[5] || (l[5] = C("span", { class: "text-xs font-medium text-gray-500" }, "Loading...", -1))
                   ])
-                ], 8, na)
-              ], 8, la)
+                ], 8, sa)
+              ], 8, na)
             ])) : (s(!0), d(q, { key: 1 }, Y(g.value, (n, v) => (s(), d(q, {
-              key: he(n, v)
+              key: fe(n, v)
             }, [
               C("tr", {
-                class: L(["dsg-table-component__row", [ye(n, v), { "dsg-table-component__row--shift-range": e.selectable && ut(v) }]]),
+                class: L(["dsg-table-component__row", [we(n, v), { "dsg-table-component__row--shift-range": e.selectable && ut(v) }]]),
                 onClick: (c) => tt(c, v, n),
                 onDblclick: (c) => at(c, v, n),
                 onMouseover: (c) => lt(),
@@ -880,7 +880,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
                     modelValue: n.selected,
                     "onUpdate:modelValue": [(c) => n.selected = c, (c) => i(n, v)]
                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                ], 44, oa)) : m("", !0),
+                ], 44, ia)) : m("", !0),
                 e.hasDetailRow && e.expandableRows ? (s(), d("td", {
                   key: 1,
                   class: "dsg-table-component__cell dsg-table-component__cell--expand",
@@ -898,7 +898,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
                       size: "sm",
                       class: "dsg-table-component__expand-icon"
                     })
-                  ], 10, ia)
+                  ], 10, da)
                 ], 4)) : m("", !0),
                 (s(!0), d(q, null, Y(f.value, (c, x) => (s(), d(q, { key: x }, [
                   c.visible ? (s(), d("td", {
@@ -909,18 +909,18 @@ You can explicitly suppress this warning by setting pagination-path="".`
                     onDblclick: (Q) => st(),
                     onContextmenu: (Q) => ot()
                   }, [
-                    E(t.$slots, we(c), {
+                    E(t.$slots, me(c), {
                       rowData: n,
                       rowIndex: v,
                       rowField: c
                     }, () => [
                       C("span", {
-                        innerHTML: me(c, n)
-                      }, null, 8, ra)
+                        innerHTML: he(c, n)
+                      }, null, 8, ua)
                     ])
-                  ], 46, da)) : m("", !0)
+                  ], 46, ra)) : m("", !0)
                 ], 64))), 128))
-              ], 42, sa),
+              ], 42, oa),
               e.hasDetailRow && (!e.expandableRows || X(n)) ? (s(), K(ht, {
                 key: 0,
                 name: e.detailRowTransition
@@ -937,13 +937,13 @@ You can explicitly suppress this warning by setting pagination-path="".`
                         options: e.detailRowOptions,
                         isExpanded: e.expandableRows ? X(n) : !0
                       })
-                    ], 8, ca)
-                  ], 10, ua)
+                    ], 8, ga)
+                  ], 10, ca)
                 ]),
                 _: 2
               }, 1032, ["name"])) : m("", !0)
             ], 64))), 128)),
-            !R.value && !g.value?.length && e.noDataTemplate.length ? (s(), d("tr", ga, [
+            !R.value && !g.value?.length && e.noDataTemplate.length ? (s(), d("tr", va, [
               C("td", {
                 colspan: ee.value,
                 class: "dsg-table-component__empty-result"
@@ -951,10 +951,10 @@ You can explicitly suppress this warning by setting pagination-path="".`
                 E(t.$slots, "dsg-table-empty-result", {}, () => [
                   mt(ve(e.noDataTemplate), 1)
                 ])
-              ], 8, va)
+              ], 8, ba)
             ])) : m("", !0)
           ], 2),
-          C("tfoot", ba, [
+          C("tfoot", fa, [
             E(t.$slots, "dsg-table-footer", {
               fields: f.value,
               data: g.value
@@ -964,18 +964,18 @@ You can explicitly suppress this warning by setting pagination-path="".`
       ], 6)
     ], 6));
   }
-}), ha = { class: "dsg-table" }, ma = {
+}), ma = { class: "dsg-table" }, wa = {
   key: 0,
   class: "dsg-table__pre-header"
-}, wa = { 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" }, Ca = {
+}, Ca = { class: "dsg-table__search-top" }, Sa = {
   key: 2,
   class: "dsg-table__footer",
   ref: "dsgTableFooterEl"
-}, Sa = { class: "dsg-table__footer-left" }, xa = { class: "dsg-table__footer-center" }, Da = { class: "dsg-table__footer-right" }, $a = /* @__PURE__ */ Z({
+}, xa = { class: "dsg-table__footer-left" }, Da = { class: "dsg-table__footer-center" }, $a = { class: "dsg-table__footer-right" }, Ta = /* @__PURE__ */ Z({
   __name: "DsgTable",
   props: {
     getUrl: {},
@@ -1031,7 +1031,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
       if (S.value) {
         let o = {};
         return Oe().forEach((i) => {
-          const r = xt(i.key);
+          const r = Dt(i.key);
           if (!r)
             return;
           const b = o[`filter[${r}]`], y = i.value.join(",");
@@ -1066,26 +1066,26 @@ You can explicitly suppress this warning by setting pagination-path="".`
     }, _ = () => a.value?.getData() ?? [], ee = (o) => {
       const i = a.value?.getData() ?? [], r = o(i);
       r && a.value?.setData(r);
-    }, fe = (o) => {
+    }, be = (o) => {
       a.value?.expandRow(o);
-    }, he = (o) => {
+    }, fe = (o) => {
       a.value?.collapseRow(o);
     }, F = (o, i) => {
       a.value?.toggleRowExpand(o, i);
-    }, me = () => {
+    }, he = () => {
       a.value?.expandAllRows();
-    }, we = () => {
+    }, me = () => {
       a.value?.collapseAllRows();
-    }, ye = () => a.value?.getExpandedRows() ?? /* @__PURE__ */ new Set(), X = () => a.value?.getSelection() ?? [], ue = () => {
+    }, we = () => a.value?.getExpandedRows() ?? /* @__PURE__ */ new Set(), X = () => a.value?.getSelection() ?? [], ue = () => {
       a.value?.clearSelection();
-    }, ke = (o) => {
+    }, ye = (o) => {
       k.value = o;
-    }, pe = () => k.value ?? {}, ce = (o) => {
+    }, ke = () => k.value ?? {}, ce = (o) => {
       const i = { ...k.value };
       !o || o.trim() === "" ? delete i["filter[term]"] : i["filter[term]"] = o, k.value = i, He(() => {
         M();
       }), p("dsg-table:term-changed", o);
-    }, Pe = (o, i, r) => {
+    }, pe = (o, i, r) => {
       let b = {};
       k.value["filter[term]"] && (b["filter[term]"] = k.value["filter[term]"]), Object.keys(o).forEach((y) => {
         o[y] !== null && o[y] !== void 0 && o[y] !== "" && (b[y] = o[y]);
@@ -1102,22 +1102,22 @@ You can explicitly suppress this warning by setting pagination-path="".`
       getData: _,
       mutateData: ee,
       termChanged: ce,
-      setFilters: ke,
-      getFilters: pe,
+      setFilters: ye,
+      getFilters: ke,
       setLoading: oe,
-      expandRow: fe,
-      collapseRow: he,
+      expandRow: be,
+      collapseRow: fe,
       toggleRowExpand: F,
-      expandAllRows: me,
-      collapseAllRows: we,
-      getExpandedRows: ye,
+      expandAllRows: he,
+      collapseAllRows: me,
+      getExpandedRows: we,
       getSelection: X,
       clearSelection: ue,
       changePage: I
-    }), (o, i) => (s(), d("div", ha, [
-      e.hasHeader ? (s(), d("div", ma, [
+    }), (o, i) => (s(), d("div", ma, [
+      e.hasHeader ? (s(), d("div", wa, [
         E(o.$slots, "dsg-table--pre-header", {}, () => [
-          C("div", wa, [
+          C("div", ya, [
             E(o.$slots, "dsg-table--page-title", {
               data: $.value,
               title: e.title
@@ -1126,16 +1126,16 @@ You can explicitly suppress this warning by setting pagination-path="".`
                 key: 0,
                 class: "dsg-table__title",
                 textContent: ve(e.title)
-              }, null, 8, ya)) : m("", !0)
+              }, null, 8, ka)) : m("", !0)
             ])
           ]),
-          C("div", ka, [
+          C("div", pa, [
             E(o.$slots, "dsg-table--page-actions", { data: $.value })
           ])
         ])
       ])) : m("", !0),
-      e.displaySearch ? (s(), d("div", pa, [
-        C("div", Pa, [
+      e.displaySearch ? (s(), d("div", Pa, [
+        C("div", Ca, [
           E(o.$slots, "dsg-table--search-header", { data: $.value }, () => [
             V(Ye, {
               name: "term",
@@ -1151,7 +1151,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
               "save-as-default-label": e.saveAsDefaultLabel,
               "show-clear-all": e.showClearAll,
               "clear-all-label": e.clearAllLabel,
-              "onDsgTable:filterUpdated": i[1] || (i[1] = (r, b, y) => Pe(r, b, y)),
+              "onDsgTable:filterUpdated": i[1] || (i[1] = (r, b, y) => pe(r, b, y)),
               "onDsgTable:saveAsDefault": i[2] || (i[2] = (r, b, y) => p("dsg-table:save-as-default", r, b, y))
             }, null, 8, ["entity", "filter-endpoint", "search-endpoint", "auto-sort", "filters", "show-save-as-default", "save-as-default-label", "show-clear-all", "clear-all-label"]),
             E(o.$slots, "dsg-table--search-actions", { data: $.value })
@@ -1159,7 +1159,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
         ]),
         E(o.$slots, "dsg-table--search-navigation")
       ], 512)) : m("", !0),
-      V(fa, {
+      V(ha, {
         ref: "dsgTable",
         "api-url": e.getUrl,
         "filter-params": k.value,
@@ -1208,7 +1208,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
               "onDsgTable:actionView": i[4] || (i[4] = (b, y) => p("dsg-table:action-view", b, y)),
               "onDsgTable:actionDelete": i[5] || (i[5] = (b, y) => p("dsg-table:action-delete", b, y)),
               "onDsgTable:actionArchive": i[6] || (i[6] = (b, y) => p("dsg-table:action-archive", b, y)),
-              "onDsgTable:linkClicked": i[7] || (i[7] = (b, y, Ce) => p("dsg-table:link-clicked", b, y, Ce))
+              "onDsgTable:linkClicked": i[7] || (i[7] = (b, y, Pe) => p("dsg-table:link-clicked", b, y, Pe))
             }, null, 8, ["data"]))
           ])
         ]),
@@ -1217,12 +1217,12 @@ You can explicitly suppress this warning by setting pagination-path="".`
         Y(G(g), (r, b) => ({
           name: b,
           fn: ne((y) => [
-            String(b) !== "dsg-field--actions" ? E(o.$slots, b, kt(be({ key: 0 }, y))) : m("", !0)
+            String(b) !== "dsg-field--actions" ? E(o.$slots, b, kt(pt(y)), void 0, void 0, 0) : m("", !0)
           ])
         }))
       ]), 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", Ca, [
-        C("div", Sa, [
+      e.hasFooter ? (s(), d("div", Sa, [
+        C("div", xa, [
           E(o.$slots, "dsg-table--footer-left", {
             data: w.value,
             perPage: T.value
@@ -1240,7 +1240,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
             })
           ])
         ]),
-        C("div", xa, [
+        C("div", Da, [
           E(o.$slots, "dsg-table--footer-center", {
             data: w.value,
             perPage: T.value
@@ -1251,12 +1251,12 @@ You can explicitly suppress this warning by setting pagination-path="".`
             })
           ])
         ]),
-        C("div", Da, [
+        C("div", $a, [
           E(o.$slots, "dsg-table--footer-right", {
             data: w.value,
             perPage: T.value
           }, () => [
-            A.value === !1 && e.displayPaginationInfo ? (s(), K(Ke, be({
+            A.value === !1 && e.displayPaginationInfo ? (s(), K(Ke, Se({
               key: 0,
               ref: "pagination",
               pagination: w.value,
@@ -1272,7 +1272,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
       ], 512)) : m("", !0)
     ]));
   }
-}), Ta = { class: "dsg-table-per-page" }, Ra = /* @__PURE__ */ Z({
+}), Ra = { class: "dsg-table-per-page" }, Ma = /* @__PURE__ */ Z({
   __name: "DsgTablePerPage",
   props: {
     perPageOptions: { default: () => [
@@ -1288,8 +1288,8 @@ You can explicitly suppress this warning by setting pagination-path="".`
     const B = (u) => e.perPageOptions.find((S) => S.label === u), h = (u) => {
       e.perPage.perPage = u.label, e.perPage.change(u.label);
     };
-    return (u, S) => (s(), d("div", Ta, [
-      V(Dt, {
+    return (u, S) => (s(), d("div", Ra, [
+      V($t, {
         modelValue: B(e.perPage.perPage),
         "onUpdate:modelValue": h,
         options: e.perPageOptions,
@@ -1298,24 +1298,24 @@ You can explicitly suppress this warning by setting pagination-path="".`
       }, null, 8, ["modelValue", "options"])
     ]));
   }
-}), Ma = $a, Ea = Qe, Ba = Ra, La = Ne, Fa = Ke, Ha = je, Aa = Ye, Ua = Ge, Na = {
-  DsgTable: Ma,
-  DsgTableActions: Ea,
-  DsgTablePerPage: Ba,
-  DsgTableFilter: La,
-  DsgTablePagination: Fa,
-  DsgTablePaginationInfo: Ha,
-  DsgTableSearch: Aa,
-  DsgTableRowHeader: Ua
+}), Ea = Ta, Ba = Qe, La = Ma, Fa = Ne, Ha = Ke, Aa = je, Ua = Ye, Va = Ge, Ka = {
+  DsgTable: Ea,
+  DsgTableActions: Ba,
+  DsgTablePerPage: La,
+  DsgTableFilter: Fa,
+  DsgTablePagination: Ha,
+  DsgTablePaginationInfo: Aa,
+  DsgTableSearch: Ua,
+  DsgTableRowHeader: Va
 };
 export {
-  Ma as DsgTable,
-  Ea as DsgTableActions,
-  La as DsgTableFilter,
-  Fa as DsgTablePagination,
-  Ha as DsgTablePaginationInfo,
-  Ba as DsgTablePerPage,
-  Ua as DsgTableRowHeader,
-  Aa as DsgTableSearch,
-  Na as default
+  Ea as DsgTable,
+  Ba as DsgTableActions,
+  Fa as DsgTableFilter,
+  Ha as DsgTablePagination,
+  Aa as DsgTablePaginationInfo,
+  La as DsgTablePerPage,
+  Va as DsgTableRowHeader,
+  Ua as DsgTableSearch,
+  Ka as default
 };