@dcodegroup-au/dsg-vue 0.0.31 → 0.0.33

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

@@ -1,10 +1,10 @@
-import { defineComponent as W, mergeModels as x, useModel as Y, computed as O, withDirectives as oe, createElementBlock as n, openBlock as a, createCommentVNode as P, createElementVNode as h, normalizeClass as F, createVNode as M, Fragment as E, renderList as q, vShow as Se, ref as y, useTemplateRef as ge, useAttrs as Fe, unref as U, withCtx as Z, renderSlot as T, toDisplayString as _, createBlock as N, resolveDynamicComponent as Me, normalizeStyle as J, watch as te, onMounted as Be, Transition as Le, createTextVNode as Ee, useSlots as Re, createSlots as He, normalizeProps as Ie, mergeProps as ze, vModelSelect as Ae } from "vue";
-import { _ as A, k as Ve, v as Oe, g as Ue, u as qe, c as ve, e as ce, i as be, j as Ne } from "./DsgTablePerPage.vue_vue_type_style_index_0_lang-BDrIBOCO.js";
+import { defineComponent as W, mergeModels as G, useModel as Y, computed as O, withDirectives as oe, createElementBlock as n, openBlock as a, createCommentVNode as k, createElementVNode as m, normalizeClass as F, createVNode as B, Fragment as E, renderList as q, vShow as Se, ref as y, useTemplateRef as ge, useAttrs as Fe, unref as U, withCtx as x, renderSlot as T, toDisplayString as _, createBlock as N, resolveDynamicComponent as Be, normalizeStyle as X, watch as te, onMounted as Me, Transition as Le, createTextVNode as Ee, useSlots as Re, createSlots as He, normalizeProps as Ie, mergeProps as ze, vModelSelect as Ae } from "vue";
+import { _ as A, k as Ve, v as Oe, g as Ue, u as qe, c as ve, e as ce, i as be, j as Ne } from "./DsgTablePerPage.vue_vue_type_style_index_0_lang-vCgh5rQK.js";
 import { ucfirst as We, ucwords as je, toSnakeCase as Ke } from "./dsg-vue.helpers-string.esm.js";
 import { data_get as ne } from "./dsg-vue.helpers-object.esm.js";
-const Qe = { class: "dsg-table--pagination" }, Ye = ["disabled"], xe = ["disabled"], Ge = ["onClick", "innerHTML"], Je = ["onClick", "innerHTML"], Xe = ["disabled"], Ze = ["disabled"], fe = /* @__PURE__ */ W({
+const Qe = { class: "dsg-table--pagination" }, Ye = ["disabled"], Ge = ["disabled"], Je = ["onClick", "innerHTML"], Xe = ["onClick", "innerHTML"], Ze = ["disabled"], xe = ["disabled"], fe = /* @__PURE__ */ W({
   __name: "DsgTablePagination",
-  props: /* @__PURE__ */ x({
+  props: /* @__PURE__ */ G({
     onEachSide: { default: 3 },
     firstPage: { default: 1 },
     showFirstLast: { type: Boolean, default: !0 },
@@ -16,82 +16,82 @@ const Qe = { class: "dsg-table--pagination" }, Ye = ["disabled"], xe = ["disable
     pagination: { default: null },
     paginationModifiers: {}
   }),
-  emits: /* @__PURE__ */ x(["dsg-table:change-page"], ["update:pagination"]),
+  emits: /* @__PURE__ */ G(["dsg-table:change-page"], ["update:pagination"]),
   setup(t, { expose: $, emit: v }) {
-    const i = Y(t, "pagination"), f = O(() => i.value === null ? 0 : i.value?.last_page - t.firstPage + 1), b = O(() => i.value === null ? 0 : i.value?.last_page), m = O(() => i.value === null ? !1 : i.value?.current_page === t.firstPage), p = O(() => i.value === null ? !1 : i.value?.current_page === b.value), H = O(() => f.value < t.onEachSide * 2 + 4), V = O(() => t.onEachSide * 2 + 1), r = O(() => !i.value || i.value?.current_page <= t.onEachSide ? 1 : i.value?.current_page >= f.value - t.onEachSide ? f.value - t.onEachSide * 2 : i.value?.current_page - t.onEachSide), k = v, s = (u) => {
-      k("dsg-table:change-page", u);
+    const i = Y(t, "pagination"), f = O(() => i.value === null ? 0 : i.value?.last_page - t.firstPage + 1), b = O(() => i.value === null ? 0 : i.value?.last_page), h = O(() => i.value === null ? !1 : i.value?.current_page === t.firstPage), p = O(() => i.value === null ? !1 : i.value?.current_page === b.value), H = O(() => f.value < t.onEachSide * 2 + 4), V = O(() => t.onEachSide * 2 + 1), r = O(() => !i.value || i.value?.current_page <= t.onEachSide ? 1 : i.value?.current_page >= f.value - t.onEachSide ? f.value - t.onEachSide * 2 : i.value?.current_page - t.onEachSide), w = v, s = (u) => {
+      w("dsg-table:change-page", u);
     }, d = (u) => u === i.value?.current_page;
     return $({
       loadPage: s
-    }), (u, D) => oe((a(), n("div", Qe, [
+    }), (u, C) => oe((a(), n("div", Qe, [
       u.showFirstLast ? (a(), n("a", {
         key: 0,
-        onClick: D[0] || (D[0] = (I) => s(u.firstPage)),
-        class: F([[m.value ? "disabled" : ""], "dsg-table--pagination-link"]),
-        disabled: m.value,
+        onClick: C[0] || (C[0] = (I) => s(u.firstPage)),
+        class: F([[h.value ? "disabled" : ""], "dsg-table--pagination-link"]),
+        disabled: h.value,
         title: "First",
         "aria-label": "First"
       }, [
-        M(A, {
+        B(A, {
           icon: u.firstIcon,
           size: "sm"
         }, null, 8, ["icon"])
-      ], 10, Ye)) : P("", !0),
-      h("a", {
-        onClick: D[1] || (D[1] = (I) => s("prev")),
-        class: F([[m.value ? "disabled" : ""], "dsg-table--pagination-link"]),
-        disabled: m.value,
+      ], 10, Ye)) : k("", !0),
+      m("a", {
+        onClick: C[1] || (C[1] = (I) => s("prev")),
+        class: F([[h.value ? "disabled" : ""], "dsg-table--pagination-link"]),
+        disabled: h.value,
         title: "Previous",
         "aria-label": "Previous"
       }, [
-        M(A, {
+        B(A, {
           icon: u.prevIcon,
           size: "sm"
         }, null, 8, ["icon"])
-      ], 10, xe),
-      H.value ? (a(!0), n(E, { key: 1 }, q(f.value, (I, C) => (a(), n("a", {
-        key: C,
-        onClick: (j) => s(C + u.firstPage),
-        class: F([[d(C + u.firstPage) ? "active" : ""], "dsg-table--pagination-link"]),
+      ], 10, Ge),
+      H.value ? (a(!0), n(E, { key: 1 }, q(f.value, (I, D) => (a(), n("a", {
+        key: D,
+        onClick: (j) => s(D + u.firstPage),
+        class: F([[d(D + u.firstPage) ? "active" : ""], "dsg-table--pagination-link"]),
         innerHTML: I
-      }, null, 10, Ge))), 128)) : (a(!0), n(E, { key: 2 }, q(V.value, (I, C) => (a(), n("a", {
-        key: C,
-        onClick: (j) => s(r.value + C + u.firstPage - 1),
-        class: F([[d(r.value + C + u.firstPage - 1) ? "active" : ""], "dsg-table--pagination-link"]),
+      }, null, 10, Je))), 128)) : (a(!0), n(E, { key: 2 }, q(V.value, (I, D) => (a(), n("a", {
+        key: D,
+        onClick: (j) => s(r.value + D + u.firstPage - 1),
+        class: F([[d(r.value + D + u.firstPage - 1) ? "active" : ""], "dsg-table--pagination-link"]),
         innerHTML: r.value + I - 1
-      }, null, 10, Je))), 128)),
-      h("a", {
-        onClick: D[2] || (D[2] = (I) => s("next")),
+      }, null, 10, Xe))), 128)),
+      m("a", {
+        onClick: C[2] || (C[2] = (I) => s("next")),
         class: F([[p.value ? "disabled" : ""], "dsg-table--pagination-link"]),
         disabled: p.value,
         title: "Next",
         "aria-label": "Next"
       }, [
-        M(A, {
+        B(A, {
           icon: u.nextIcon,
           size: "sm"
         }, null, 8, ["icon"])
-      ], 10, Xe),
+      ], 10, Ze),
       u.showFirstLast ? (a(), n("a", {
         key: 3,
-        onClick: D[3] || (D[3] = (I) => s(b.value)),
+        onClick: C[3] || (C[3] = (I) => s(b.value)),
         class: F([[p.value ? "disabled" : ""], "dsg-table--pagination-link"]),
         disabled: p.value,
         title: "Last",
         "aria-label": "Last"
       }, [
-        M(A, {
+        B(A, {
           icon: u.lastIcon,
           size: "sm"
         }, null, 8, ["icon"])
-      ], 10, Ze)) : P("", !0)
+      ], 10, xe)) : k("", !0)
     ], 512)), [
       [Se, i.value && b.value > u.firstPage]
     ]);
   }
 }), _e = ["innerHTML"], pe = /* @__PURE__ */ W({
   __name: "DsgTablePaginationInfo",
-  props: /* @__PURE__ */ x({
+  props: /* @__PURE__ */ G({
     infoTemplate: { default: "Displaying {from} to {to} of {total} items" },
     noDataTemplate: { default: "No relevant data" }
   }, {
@@ -121,8 +121,8 @@ const Qe = { class: "dsg-table--pagination" }, Ye = ["disabled"], xe = ["disable
   setup(t, { emit: $ }) {
     const v = y(!1);
     ge("dsgTableActions");
-    const i = Fe(), f = y(i.data.rowData?.actions ?? null), b = y(i.data.rowData?.links ?? null), m = y(i.data.rowData ?? null), p = (k) => {
-      switch (k) {
+    const i = Fe(), f = y(i.data.rowData?.actions ?? null), b = y(i.data.rowData?.links ?? null), h = y(i.data.rowData ?? null), p = (w) => {
+      switch (w) {
         case "edit":
           return "edit-05";
         case "view":
@@ -134,29 +134,29 @@ const Qe = { class: "dsg-table--pagination" }, Ye = ["disabled"], xe = ["disable
         default:
           return "dots-horizontal";
       }
-    }, H = (k, s, d) => {
+    }, H = (w, s, d) => {
       switch (s) {
         case "edit":
-          r("dsg-table:action-edit", d, m.value);
+          r("dsg-table:action-edit", d, h.value);
           break;
         case "view":
-          r("dsg-table:action-view", d, m.value);
+          r("dsg-table:action-view", d, h.value);
           break;
         case "delete":
-          r("dsg-table:action-delete", d, m.value);
+          r("dsg-table:action-delete", d, h.value);
           break;
         case "archive":
-          r("dsg-table:action-archive", d, m.value);
+          r("dsg-table:action-archive", d, h.value);
           break;
       }
-    }, V = (k, s) => {
-      const d = k.actionId || k.label.trim().toLowerCase().replace(/[^a-z0-9-]/g, "-").replace(/-+/g, "-");
-      r("dsg-table:link-clicked", s, d, m.value);
+    }, V = (w, s) => {
+      const d = w.actionId || w.label.trim().toLowerCase().replace(/[^a-z0-9-]/g, "-").replace(/-+/g, "-");
+      r("dsg-table:link-clicked", s, d, h.value);
     }, r = $;
-    return (k, s) => oe((a(), n("div", et, [
-      M(U(Ve), {
+    return (w, s) => oe((a(), n("div", et, [
+      B(U(Ve), {
         triggers: [],
-        placement: k.placement,
+        placement: w.placement,
         "handle-resize": !0,
         strategy: "absolute",
         shown: v.value,
@@ -164,34 +164,34 @@ const Qe = { class: "dsg-table--pagination" }, Ye = ["disabled"], xe = ["disable
         onHide: s[1] || (s[1] = (d) => v.value = !1),
         ref: "floatingVueFilterDropdown"
       }, {
-        popper: Z(() => [
+        popper: x(() => [
           v.value ? (a(), n("div", at, [
             (a(!0), n(E, null, q(f.value, (d, u) => (a(), n(E, null, [
               ["edit", "view", "delete", "archive"].includes(String(u)) ? (a(), n("a", {
                 key: u,
                 href: f.value?.link,
                 target: f.value?.target || "_self",
-                onClick: (D) => H(d, String(u), D)
+                onClick: (C) => H(d, String(u), C)
               }, [
-                h("div", {
+                m("div", {
                   class: F(["dsg-table--actions-menu-item", String(u)])
                 }, [
-                  M(A, {
+                  B(A, {
                     icon: p(String(u)),
                     size: "sm"
                   }, null, 8, ["icon"]),
-                  h("span", {
+                  m("span", {
                     class: "flex-1",
                     textContent: _(U(We)(String(u)))
                   }, null, 8, st)
                 ], 2)
-              ], 8, lt)) : P("", !0)
+              ], 8, lt)) : k("", !0)
             ], 64))), 256)),
-            f.value && b.value ? (a(), n("hr", nt)) : P("", !0),
+            f.value && b.value ? (a(), n("hr", nt)) : k("", !0),
             b.value ? (a(!0), n(E, { key: 1 }, q(b.value, (d) => (a(), n(E, {
               key: d.label
             }, [
-              d.hasOwnProperty("component") ? (a(), N(Me(d.component), {
+              d.hasOwnProperty("component") ? (a(), N(Be(d.component), {
                 key: 0,
                 quote: U(i).data.data.rowData,
                 "row-data": U(i).data.data.rowData
@@ -206,23 +206,23 @@ const Qe = { class: "dsg-table--pagination" }, Ye = ["disabled"], xe = ["disable
                   key: 0,
                   icon: d.icon,
                   size: "sm"
-                }, null, 8, ["icon"])) : P("", !0),
-                h("span", rt, _(d.label), 1)
+                }, null, 8, ["icon"])) : k("", !0),
+                m("span", rt, _(d.label), 1)
               ], 10, it))
-            ], 64))), 128)) : P("", !0)
-          ])) : P("", !0)
+            ], 64))), 128)) : k("", !0)
+          ])) : k("", !0)
         ]),
-        default: Z(() => [
-          h("div", tt, [
-            h("button", {
+        default: x(() => [
+          m("div", tt, [
+            m("button", {
               type: "button",
               class: "dsg-table--actions-button",
               "aria-expanded": "false",
               "aria-haspopup": "true",
               onClick: s[0] || (s[0] = (d) => v.value = !v.value)
             }, [
-              T(k.$slots, "dsg-table-action-button-content", {}, () => [
-                M(A, {
+              T(w.$slots, "dsg-table-action-button-content", {}, () => [
+                B(A, {
                   icon: "dots-vertical",
                   size: "sm"
                 })
@@ -254,10 +254,10 @@ const Qe = { class: "dsg-table--pagination" }, Ye = ["disabled"], xe = ["disable
     const v = y(""), i = $, f = qe((b) => {
       v.value = b, i("dsg-table:term-changed", v.value);
     }, 300);
-    return (b, m) => (a(), n("div", dt, [
-      M(Ue, {
+    return (b, h) => (a(), n("div", dt, [
+      B(Ue, {
         value: v.value,
-        "onUpdate:value": m[0] || (m[0] = (p) => v.value = p),
+        "onUpdate:value": h[0] || (h[0] = (p) => v.value = p),
         name: b.name,
         id: b.id || b.name,
         placeholder: b.placeholder,
@@ -270,9 +270,9 @@ const Qe = { class: "dsg-table--pagination" }, Ye = ["disabled"], xe = ["disable
         size: "sm",
         icon: "search-sm",
         "icon-clickable": !0,
-        onIconClicked: m[1] || (m[1] = (p) => U(f)(p)),
-        onEnterPressed: m[2] || (m[2] = (p) => U(f)(p)),
-        onOnClear: m[3] || (m[3] = () => U(f)(""))
+        onIconClicked: h[1] || (h[1] = (p) => U(f)(p)),
+        onEnterPressed: h[2] || (h[2] = (p) => U(f)(p)),
+        onOnClear: h[3] || (h[3] = () => U(f)(""))
       }, null, 8, ["value", "name", "id", "placeholder", "disabled", "required", "readonly", "hidden"])
     ]));
   }
@@ -289,7 +289,7 @@ const Qe = { class: "dsg-table--pagination" }, Ye = ["disabled"], xe = ["disable
   class: "dsg-table--th-sort-icon"
 }, ft = ["innerHTML"], pt = ["innerHTML"], ye = /* @__PURE__ */ W({
   __name: "DsgTableRowHeader",
-  props: /* @__PURE__ */ x({
+  props: /* @__PURE__ */ G({
     fields: {},
     scrollVisible: { type: Boolean },
     hasSelectAll: { type: Boolean, default: !1 },
@@ -303,16 +303,16 @@ const Qe = { class: "dsg-table--pagination" }, Ye = ["disabled"], xe = ["disable
     hasSelected: { type: Boolean, default: !1 },
     hasSelectedModifiers: {}
   }),
-  emits: /* @__PURE__ */ x(["dsg-table:sort-field", "dsg-table:on-select-all", "dsg-table:on-deselect-all"], ["update:sortField", "update:selectedRows", "update:hasSelected"]),
+  emits: /* @__PURE__ */ G(["dsg-table:sort-field", "dsg-table:on-select-all", "dsg-table:on-deselect-all"], ["update:sortField", "update:selectedRows", "update:hasSelected"]),
   setup(t, { emit: $ }) {
-    const v = Y(t, "sortField"), i = Y(t, "selectedRows"), f = Y(t, "hasSelected"), b = y("17px"), m = (r) => {
+    const v = Y(t, "sortField"), i = Y(t, "selectedRows"), f = Y(t, "hasSelected"), b = y("17px"), h = (r) => {
       f.value && i.value.length > 0 && i.value.length !== t.tableDataLength ? (f.value = !0, p("dsg-table:on-select-all")) : !f.value && i.value.length === 0 ? (f.value = !1, p("dsg-table:on-select-all")) : p("dsg-table:on-deselect-all");
-    }, p = $, H = (r, k) => [
+    }, p = $, H = (r, w) => [
       r,
-      r + "-" + Ke(String(k?.name)),
-      k.titleClass || "",
-      { sortable: k.sortable },
-      { "sort-active": v.value?.name === k.name }
+      r + "-" + Ke(String(w?.name)),
+      w.titleClass || "",
+      { sortable: w.sortable },
+      { "sort-active": v.value?.name === w.name }
     ], V = (r) => {
       r.sortable && (v.value = {
         name: String(r?.name),
@@ -320,23 +320,23 @@ const Qe = { class: "dsg-table--pagination" }, Ye = ["disabled"], xe = ["disable
         direction: v.value?.name === r.name && v.value?.direction === "asc" ? "desc" : "asc"
       }, p("dsg-table:sort-field", r));
     };
-    return (r, k) => (a(), n("tr", ut, [
+    return (r, w) => (a(), n("tr", ut, [
       r.hasSelectAll ? (a(), n("th", ct, [
-        M(ve, {
+        B(ve, {
           modelValue: f.value,
           "onUpdate:modelValue": [
-            k[0] || (k[0] = (s) => f.value = s),
-            m
+            w[0] || (w[0] = (s) => f.value = s),
+            h
           ],
           indeterminate: i.value.length > 0 && i.value.length !== r.tableDataLength
         }, null, 8, ["modelValue", "indeterminate"])
-      ])) : P("", !0),
-      r.showExpandDetail ? (a(), n("th", gt)) : P("", !0),
+      ])) : k("", !0),
+      r.showExpandDetail ? (a(), n("th", gt)) : k("", !0),
       (a(!0), n(E, null, q(r.fields, (s, d) => (a(), n(E, null, [
         s?.visible ? (a(), n("th", {
           key: d,
           class: F(H("dsg-table--th", s)),
-          style: J([{ width: s.width || void 0 }, s.style]),
+          style: X([{ width: s.width || void 0 }, s.style]),
           title: s.title + (s.sortable ? " Sort" : ""),
           id: "_" + s.name,
           onClick: (u) => V(s),
@@ -347,37 +347,37 @@ const Qe = { class: "dsg-table--pagination" }, Ye = ["disabled"], xe = ["disable
               key: 0,
               class: "dsg-table--th-title",
               innerHTML: s.title
-            }, null, 8, ft)) : P("", !0),
+            }, null, 8, ft)) : k("", !0),
             s.sortable && v.value?.name !== s.name ? (a(), N(A, {
               key: 1,
               icon: "chevron-selector-vertical",
               class: "inline-flex",
               size: "xs"
-            })) : P("", !0),
+            })) : k("", !0),
             s.sortable && v.value?.name === s.name && v.value?.direction === "asc" ? (a(), N(A, {
               key: 2,
               icon: "chevron-down",
               class: "inline-flex",
               size: "xs"
-            })) : P("", !0),
+            })) : k("", !0),
             s.sortable && v.value?.name === s.name && v.value?.direction === "desc" ? (a(), N(A, {
               key: 3,
               icon: "chevron-up",
               class: "inline-flex",
               size: "xs"
-            })) : P("", !0)
+            })) : k("", !0)
           ])) : (a(), n("span", {
             key: 1,
             class: "dsg-table--th-title",
             innerHTML: U(je)(String(s?.title))
           }, null, 8, pt))
-        ], 14, vt)) : P("", !0)
+        ], 14, vt)) : k("", !0)
       ], 64))), 256)),
       r.scrollVisible ? (a(), n("th", {
         key: 2,
-        style: J({ width: b.value }),
+        style: X({ width: b.value }),
         class: "dsg-table--th-col-gutter"
-      }, null, 4)) : P("", !0)
+      }, null, 4)) : k("", !0)
     ]));
   }
 }), ht = { class: "dsg-table--wrapper" }, mt = ["span"], yt = {
@@ -386,9 +386,9 @@ const Qe = { class: "dsg-table--pagination" }, Ye = ["disabled"], xe = ["disable
 }, kt = ["colspan"], wt = ["colspan"], Pt = ["onClick", "onDblclick", "onMouseover"], $t = {
   key: 0,
   class: "dsg-table--tbody-cell dsg-table--tbody-cell-checkbox"
-}, Dt = ["onClick", "onDblclick", "onContextmenu"], Ct = ["innerHTML"], Tt = ["onClick"], St = ["colspan"], Ft = { key: 2 }, Mt = ["colspan"], Bt = { class: "dsg-table--footer" }, Lt = /* @__PURE__ */ W({
+}, Ct = ["onClick", "onDblclick", "onContextmenu"], Dt = ["innerHTML"], Tt = ["onClick"], St = ["colspan"], Ft = { key: 2 }, Bt = ["colspan"], Mt = { class: "dsg-table--footer" }, Lt = /* @__PURE__ */ W({
   __name: "DsgTableComponent",
-  props: /* @__PURE__ */ x({
+  props: /* @__PURE__ */ G({
     fields: { default: () => [] },
     isDraggable: { type: Boolean, default: !1 },
     dragApi: { default: "" },
@@ -444,7 +444,7 @@ const Qe = { class: "dsg-table--pagination" }, Ye = ["disabled"], xe = ["disable
     perPage: { default: 20 },
     perPageModifiers: {}
   }),
-  emits: /* @__PURE__ */ x(["dsg-table:loading", "dsg-table:loaded", "dsg-table:load-success", "dsg-table:load-error", "dsg-table:pagination-data", "dsg-table:rows-selected"], ["update:filterParams", "update:perPage"]),
+  emits: /* @__PURE__ */ G(["dsg-table:loading", "dsg-table:loaded", "dsg-table:load-success", "dsg-table:load-error", "dsg-table:pagination-data", "dsg-table:rows-selected"], ["update:filterParams", "update:perPage"]),
   setup(t, { expose: $, emit: v }) {
     const i = (e) => e.map((o, g) => ({
       field: o.field || "",
@@ -458,9 +458,9 @@ const Qe = { class: "dsg-table--pagination" }, Ye = ["disabled"], xe = ["disable
       sortable: o.sortField,
       formatter: o.formatter || null,
       $_index: g
-    })), f = y(i(t.fields)), b = y(t.data), m = y(null), p = y(t.initialPage), H = y("17px"), V = y(!1), r = y({}), k = y(0), s = y(!0), d = y(null), u = y(null), D = Y(t, "filterParams"), I = Y(t, "perPage"), C = y([]), j = y(!1), K = O(() => t.tableHeight != null), Q = O(() => f.value.filter((e) => e.visible).length);
+    })), f = y(i(t.fields)), b = y(t.data), h = y(null), p = y(t.initialPage), H = y("17px"), V = y(!1), r = y({}), w = y(0), s = y(!0), d = y(null), u = y(null), C = Y(t, "filterParams"), I = Y(t, "perPage"), D = y([]), j = y(!1), K = O(() => t.tableHeight != null), Q = O(() => f.value.filter((e) => e.visible).length);
     te(
-      () => C.value.length,
+      () => D.value.length,
       (e) => {
         j.value = t.selectable && e > 0;
       },
@@ -472,46 +472,46 @@ const Qe = { class: "dsg-table--pagination" }, Ye = ["disabled"], xe = ["disable
       },
       { immediate: !0 }
     ), te(
-      () => D.value,
+      () => C.value,
       () => {
-        X();
+        Z();
       },
       { deep: !0 }
     ), te(
       () => I.value,
       () => {
-        X();
+        Z();
       }
     );
     const z = v, ee = (e, o) => e.formatter && typeof e.formatter == "function" ? e.formatter(e, o) : ne(o, String(e?.name), ""), ae = (e) => "dsg-field--" + e.name?.toLowerCase().replaceAll(/[_ ]/g, "-"), l = (e) => {
       if (t.selectable) {
         if (e.selected)
-          C.value.push(e);
+          D.value.push(e);
         else {
-          const o = C.value.findIndex((g) => g[t.trackBy] === e[t.trackBy]);
-          o !== -1 && C.value.splice(o, 1);
+          const o = D.value.findIndex((g) => g[t.trackBy] === e[t.trackBy]);
+          o !== -1 && D.value.splice(o, 1);
         }
-        z("dsg-table:rows-selected", C.value);
+        z("dsg-table:rows-selected", D.value);
       }
     }, c = () => {
       t.selectable && (b.value?.forEach((e) => {
         e.selected = !0;
-      }), C.value = b.value?.filter((e) => e.selected) ?? [], z("dsg-table:rows-selected", C.value));
-    }, w = () => {
+      }), D.value = b.value?.filter((e) => e.selected) ?? [], z("dsg-table:rows-selected", D.value));
+    }, P = () => {
       t.selectable && (b.value?.forEach((e) => {
         e.selected = !1;
-      }), C.value = [], z("dsg-table:rows-selected", C.value));
+      }), D.value = [], z("dsg-table:rows-selected", D.value));
     }, S = (e) => {
-      e === "prev" ? p.value > t.firstPage && p.value-- : e === "next" ? p.value < (m.value?.last_page ?? 0) && p.value++ : e != p.value && e >= t.firstPage && e <= (m.value?.last_page ?? 0) && (p.value = e), X();
-    }, B = () => ({
+      e === "prev" ? p.value > t.firstPage && p.value-- : e === "next" ? p.value < (h.value?.last_page ?? 0) && p.value++ : e != p.value && e >= t.firstPage && e <= (h.value?.last_page ?? 0) && (p.value = e), Z();
+    }, M = () => ({
       [t.queryParams?.sort]: d.value ? (d.value?.direction === "desc" ? "-" : "") + d.value?.field : void 0,
       [t.queryParams?.order]: d.value?.direction,
       [t.queryParams?.page]: p.value,
       [t.queryParams?.perPage]: I.value
-    }), G = () => {
+    }), J = () => {
       u.value && (u.value.abort(), u.value = null);
     }, le = async (e, o) => {
-      G();
+      J();
       const g = new AbortController();
       if (o.signal = g.signal, u.value = g, t.httpMethod.toLowerCase() === "get")
         return await ce.get(e, o);
@@ -524,68 +524,68 @@ const Qe = { class: "dsg-table--pagination" }, Ye = ["disabled"], xe = ["disable
       const o = t.transform ? t.transform(e.data) : e.data;
       b.value = ne(o, t.dataPath, null), t.selectable && b.value?.forEach((g) => {
         g.selected = g.selected ?? !1;
-      }), m.value = ne(o, t.paginationPath, null) ?? null, k.value = b.value?.length ? b.value[0].order : k, m.value === null && console.warn(
+      }), h.value = ne(o, t.paginationPath, null) ?? null, w.value = b.value?.length ? b.value[0].order : w, h.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="".`
-      ), z("dsg-table:pagination-data", m.value), z("dsg-table:loaded"), s.value = !1;
+      ), z("dsg-table:pagination-data", h.value), z("dsg-table:loaded"), s.value = !1;
     }, re = (e) => {
       console.error("load-error", e), z("dsg-table:load-error", e), z("dsg-table:loaded"), s.value = !1;
-    }, X = (e = ie, o = re, g = {}) => {
+    }, Z = (e = ie, o = re, g = {}) => {
       const R = e || ie, L = o || re;
       if (t.apiMode)
         return s.value = !0, z("dsg-table:loading", s.value), t.httpOptions.params = {
-          ...B(),
-          ...D.value
+          ...M(),
+          ...C.value
         }, le(t.apiUrl, t.httpOptions).then(R).catch((se) => L(se));
     }, ke = (e, o, g) => {
     }, we = (e, o, g) => {
     }, Pe = (e, o, g) => {
     }, $e = (e, o, g, R) => {
-    }, De = (e, o, g, R) => {
     }, Ce = (e, o, g, R) => {
+    }, De = (e, o, g, R) => {
     }, Te = (e, o, g) => {
     };
-    Be(() => {
-      t.apiMode === !0 && X();
+    Me(() => {
+      t.apiMode === !0 && Z();
     });
     const de = () => {
-      t.apiMode && (p.value = t.initialPage, C.value = [], G(), X());
+      t.apiMode && (p.value = t.initialPage, D.value = [], J(), Z());
     };
     return $({
       changePage: S,
       reload: de
     }), (e, o) => (a(), n("div", ht, [
-      h("div", {
+      m("div", {
         ref: "dsgTableBodyWrapper",
         class: F(["dsg-table-body-wrapper", { "fixed-header": K.value }]),
-        style: J({ height: e.tableHeight || void 0 })
+        style: X({ height: e.tableHeight || void 0 })
       }, [
-        h("table", {
+        m("table", {
           class: F(["dsg-table-main", K.value ? "fixed-header" : "", r.value.table, "table-" + e.tableLayout])
         }, [
-          h("colgroup", { span: Q.value }, [
+          m("colgroup", { span: Q.value }, [
             (a(!0), n(E, null, q(f.value, (g, R) => (a(), n(E, null, [
               g?.visible ? (a(), n("col", {
                 key: R,
-                style: J({ width: g.width || void 0 }),
+                style: X({ width: g.width || void 0 }),
                 class: F("dsg-table--col-" + g.name + " " + g.titleClass)
-              }, null, 6)) : P("", !0)
+              }, null, 6)) : k("", !0)
             ], 64))), 256)),
             !K.value && V.value ? (a(), n("col", {
               key: 0,
-              style: J({ width: H.value }),
+              style: X({ width: H.value }),
               class: "dsg-table--col-gutter"
-            }, null, 4)) : P("", !0)
+            }, null, 4)) : k("", !0)
           ], 8, mt),
-          h("thead", {
+          m("thead", {
             class: F([[r.value.thead, { sticky: K.value, "top-0": K.value }], "dsg-table--head"])
           }, [
             T(e.$slots, "tableHeader", { fields: f.value }, () => [
-              M(ye, {
+              B(ye, {
                 fields: f.value,
                 "has-select-all": e.selectable,
-                "selected-rows": C.value,
-                "onUpdate:selectedRows": o[0] || (o[0] = (g) => C.value = g),
+                "selected-rows": D.value,
+                "onUpdate:selectedRows": o[0] || (o[0] = (g) => D.value = g),
                 "has-selected": j.value,
                 "onUpdate:hasSelected": o[1] || (o[1] = (g) => j.value = g),
                 "scroll-visible": V.value,
@@ -595,74 +595,74 @@ You can explicitly suppress this warning by setting pagination-path="".`
                 "onUpdate:sortField": o[2] || (o[2] = (g) => d.value = g),
                 "onDsgTable:sortField": o[3] || (o[3] = (g) => de()),
                 "onDsgTable:onSelectAll": c,
-                "onDsgTable:onDeselectAll": w
+                "onDsgTable:onDeselectAll": P
               }, null, 8, ["fields", "has-select-all", "selected-rows", "has-selected", "scroll-visible", "show-expand-detail", "table-data-length", "sort-field"])
             ])
           ], 2),
-          h("tbody", {
+          m("tbody", {
             class: F(["dsg-table--body", r.value.tbody])
           }, [
             s.value ? (a(), n("tr", yt, [
-              h("td", { colspan: Q.value }, [
-                h("div", {
+              m("td", { colspan: Q.value }, [
+                m("div", {
                   "aria-label": "Loading...",
                   role: "status",
                   class: "flex items-center space-x-3 h-12 w-full justify-center",
                   colspan: Q.value
                 }, [
                   T(e.$slots, "dsg-table-loading", {}, () => [
-                    M(A, {
+                    B(A, {
                       icon: "loading-02",
                       class: "animate-spin"
                     }),
-                    o[4] || (o[4] = h("span", { class: "text-xs font-medium text-gray-500" }, "Loading...", -1))
+                    o[4] || (o[4] = m("span", { class: "text-xs font-medium text-gray-500" }, "Loading...", -1))
                   ])
                 ], 8, wt)
               ], 8, kt)
             ])) : (a(!0), n(E, { key: 1 }, q(b.value, (g, R) => (a(), n(E, { key: R }, [
-              h("tr", {
+              m("tr", {
                 class: F(["dsg-table--tbody-row", { odd: R % 2 === 0, even: R % 2 !== 0, "row-selected": g.selected }]),
                 onClick: (L) => ke(),
                 onDblclick: (L) => we(),
                 onMouseover: (L) => Pe()
               }, [
                 e.selectable ? (a(), n("td", $t, [
-                  M(ve, {
+                  B(ve, {
                     modelValue: g.selected,
                     "onUpdate:modelValue": [(L) => g.selected = L, (L) => l(g)]
                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                ])) : P("", !0),
+                ])) : k("", !0),
                 (a(!0), n(E, null, q(f.value, (L, se) => (a(), n(E, { key: se }, [
                   L.visible ? (a(), n("td", {
                     key: 0,
                     class: F(["dsg-table--tbody-cell", L.dataClass]),
-                    style: J({ width: L.width || void 0 }),
+                    style: X({ width: L.width || void 0 }),
                     onClick: (ue) => $e(),
-                    onDblclick: (ue) => De(),
-                    onContextmenu: (ue) => Ce()
+                    onDblclick: (ue) => Ce(),
+                    onContextmenu: (ue) => De()
                   }, [
                     T(e.$slots, ae(L), {
                       rowData: g,
                       rowIndex: R,
                       rowField: L
                     }, () => [
-                      h("span", {
+                      m("span", {
                         innerHTML: ee(L, g)
-                      }, null, 8, Ct)
+                      }, null, 8, Dt)
                     ])
-                  ], 46, Dt)) : P("", !0)
+                  ], 46, Ct)) : k("", !0)
                 ], 64))), 128))
               ], 42, Pt),
               e.hasDetailRow ? (a(), N(Le, {
                 key: 0,
                 name: e.detailRowTransition
               }, {
-                default: Z(() => [
-                  h("tr", {
+                default: x(() => [
+                  m("tr", {
                     class: "dsg-table--tbody-detail-row",
                     onClick: (L) => Te()
                   }, [
-                    h("td", { colspan: Q.value }, [
+                    m("td", { colspan: Q.value }, [
                       T(e.$slots, "dsg-table-detail-row", {
                         rowData: g,
                         rowIndex: R,
@@ -672,20 +672,20 @@ You can explicitly suppress this warning by setting pagination-path="".`
                   ], 8, Tt)
                 ]),
                 _: 2
-              }, 1032, ["name"])) : P("", !0)
+              }, 1032, ["name"])) : k("", !0)
             ], 64))), 128)),
             !b.value?.length && e.noDataTemplate.length ? (a(), n("tr", Ft, [
-              h("td", {
+              m("td", {
                 colspan: Q.value,
                 class: "dsg-table--empty-result"
               }, [
                 T(e.$slots, "dsg-table-empty-result", {}, () => [
                   Ee(_(e.noDataTemplate), 1)
                 ])
-              ], 8, Mt)
-            ])) : P("", !0)
+              ], 8, Bt)
+            ])) : k("", !0)
           ], 2),
-          h("tfoot", Bt, [
+          m("tfoot", Mt, [
             T(e.$slots, "dsg-table-footer", {
               fields: f.value,
               data: b.value
@@ -695,10 +695,16 @@ You can explicitly suppress this warning by setting pagination-path="".`
       ], 6)
     ]));
   }
-}), Et = { class: "dsg-table" }, Rt = { class: "dsg-table--pre-header" }, Ht = { class: "dsg-table--pre-header-left" }, It = ["textContent"], zt = { class: "dsg-table--pre-header-right" }, At = {
+}), Et = { class: "dsg-table" }, Rt = {
   key: 0,
+  class: "dsg-table--pre-header"
+}, Ht = { class: "dsg-table--pre-header-left" }, It = ["textContent"], zt = { class: "dsg-table--pre-header-right" }, At = {
+  key: 1,
   class: "dsg-table--search-header"
-}, Vt = { class: "dsg-table--search-top" }, Ot = { class: "dsg-table--footer" }, Ut = { class: "dsg-table--footer-left" }, qt = { class: "dsg-table--footer-center" }, Nt = { class: "dsg-table--footer-right" }, Wt = /* @__PURE__ */ W({
+}, Vt = { class: "dsg-table--search-top" }, Ot = {
+  key: 2,
+  class: "dsg-table--footer"
+}, Ut = { class: "dsg-table--footer-left" }, qt = { class: "dsg-table--footer-center" }, Nt = { class: "dsg-table--footer-right" }, Wt = /* @__PURE__ */ W({
   __name: "DsgTable",
   props: {
     getUrl: {},
@@ -711,10 +717,14 @@ You can explicitly suppress this warning by setting pagination-path="".`
     title: { default: "" },
     filters: { default: () => {
     } },
+    initialFilters: { default: () => ({}) },
     filterEntity: { default: "" },
     filterEndpoint: { default: "" },
     filterSearchEndpoint: { default: "" },
-    tableLayout: { default: "fixed" }
+    tableLayout: { default: "fixed" },
+    data: { default: null },
+    hasHeader: { type: Boolean, default: !0 },
+    hasFooter: { type: Boolean, default: !0 }
   },
   emits: ["dsg-table:action-edit", "dsg-table:action-view", "dsg-table:action-delete", "dsg-table:action-archive", "dsg-table:link-clicked", "dsg-table:rows-selected", "dsg-table:filter-updated", "dsg-table:term-changed"],
   setup(t, { expose: $, emit: v }) {
@@ -725,30 +735,30 @@ You can explicitly suppress this warning by setting pagination-path="".`
         let l = {};
         return Ne().forEach((c) => {
           if (c.key.startsWith("filter[")) {
-            const w = c.key.replace("filter[", "").replace("]", ""), S = c.value;
-            l[`filter[${w}]`] = S.join(",");
+            const P = c.key.replace("filter[", "").replace("]", ""), S = c.value;
+            l[`filter[${P}]`] = S.join(",");
           }
         }), l;
       } else
         return {};
-    }, m = Re(), p = y(!0), H = y(null), V = y("<p>Showing {from} to {to} of {total}</p>"), r = y(null), k = ge("dsgTable"), s = y({ perPage: 20, change: i }), d = y(20), u = y(b()), D = v, I = (l) => {
-      k.value?.changePage(l);
-    }, C = (l) => {
+    }, h = Re(), p = y(!0), H = y(null), V = y("<p>Showing {from} to {to} of {total}</p>"), r = y(null), w = ge("dsgTable"), s = y({ perPage: 20, change: i }), d = y(20), u = y({ ...b(), ...t.initialFilters }), C = v, I = (l) => {
+      w.value?.changePage(l);
+    }, D = (l) => {
       r.value = l;
     }, j = ({ data: l }) => {
       H.value = l;
     }, K = () => {
-      p.value === !1 && k.value?.reload();
+      p.value === !1 && w.value?.reload();
     }, Q = (l) => {
-      k.value?.setData(
-        k.value?.tableData.map((c) => c.id === l.id ? l : c)
+      w.value?.setData(
+        w.value?.tableData.map((c) => c.id === l.id ? l : c)
       );
     }, z = (l) => {
       u.value = l;
     }, ee = (l) => {
-      u.value["filter[term]"] = l, D("dsg-table:term-changed", l);
-    }, ae = (l, c, w) => {
-      u.value = { "filter[term]": u.value["filter[term]"], ...l }, D("dsg-table:filter-updated", u.value, c, w);
+      u.value["filter[term]"] = l, C("dsg-table:term-changed", l);
+    }, ae = (l, c, P) => {
+      u.value = { "filter[term]": u.value["filter[term]"], ...l }, C("dsg-table:filter-updated", u.value, c, P);
     };
     return $({
       reloadTable: K,
@@ -756,9 +766,9 @@ You can explicitly suppress this warning by setting pagination-path="".`
       termChanged: ee,
       setFilters: z
     }), (l, c) => (a(), n("div", Et, [
-      h("div", Rt, [
+      l.hasHeader ? (a(), n("div", Rt, [
         T(l.$slots, "dsg-table--pre-header", {}, () => [
-          h("div", Ht, [
+          m("div", Ht, [
             T(l.$slots, "dsg-table--page-title", {
               data: H.value,
               title: l.title
@@ -767,40 +777,40 @@ You can explicitly suppress this warning by setting pagination-path="".`
                 key: 0,
                 class: "dsg-table--title",
                 textContent: _(l.title)
-              }, null, 8, It)) : P("", !0)
+              }, null, 8, It)) : k("", !0)
             ])
           ]),
-          h("div", zt, [
+          m("div", zt, [
             T(l.$slots, "dsg-table--page-actions", { data: H.value })
           ])
         ])
-      ]),
+      ])) : k("", !0),
       l.displayPaginationInfo ? (a(), n("div", At, [
-        h("div", Vt, [
+        m("div", Vt, [
           T(l.$slots, "dsg-table--search-header", { data: H.value }, () => [
-            M(me, {
+            B(me, {
               name: "term",
-              "onDsgTable:termChanged": c[0] || (c[0] = (w) => ee(w))
+              "onDsgTable:termChanged": c[0] || (c[0] = (P) => ee(P))
             }),
-            M(be, {
+            B(be, {
               entity: l.filterEntity,
               "filter-endpoint": l.filterEndpoint,
               "search-endpoint": l.filterSearchEndpoint,
               filters: l.filters,
-              "onDsgTable:filterUpdated": c[1] || (c[1] = (w, S, B) => ae(w, S, B))
+              "onDsgTable:filterUpdated": c[1] || (c[1] = (P, S, M) => ae(P, S, M))
             }, null, 8, ["entity", "filter-endpoint", "search-endpoint", "filters"]),
             T(l.$slots, "dsg-table--search-actions", { data: H.value })
           ])
         ]),
         T(l.$slots, "dsg-table--search-navigation")
-      ])) : P("", !0),
-      M(Lt, {
+      ])) : k("", !0),
+      B(Lt, {
         ref: "dsgTable",
         "api-url": l.getUrl,
         "filter-params": u.value,
-        "onUpdate:filterParams": c[7] || (c[7] = (w) => u.value = w),
+        "onUpdate:filterParams": c[7] || (c[7] = (P) => u.value = P),
         "per-page": d.value,
-        "onUpdate:perPage": c[8] || (c[8] = (w) => d.value = w),
+        "onUpdate:perPage": c[8] || (c[8] = (P) => d.value = P),
         fields: l.fields,
         "load-on-start": l.loadOnStart,
         "pagination-path": "meta",
@@ -808,45 +818,46 @@ You can explicitly suppress this warning by setting pagination-path="".`
         "track-by": l.trackBy,
         "table-layout": l.tableLayout,
         css: { tableWrapper: "border-b" },
-        "onDsgTable:loading": c[9] || (c[9] = (w) => p.value = !0),
-        "onDsgTable:loaded": c[10] || (c[10] = (w) => p.value = !1),
-        "onDsgTable:paginationData": C,
+        data: l.data,
+        "onDsgTable:loading": c[9] || (c[9] = (P) => p.value = !0),
+        "onDsgTable:loaded": c[10] || (c[10] = (P) => p.value = !1),
+        "onDsgTable:paginationData": D,
         "onDsgTable:loadSuccess": j,
-        "onDsgTable:rowsSelected": c[11] || (c[11] = (w) => D("dsg-table:rows-selected", w))
+        "onDsgTable:rowsSelected": c[11] || (c[11] = (P) => C("dsg-table:rows-selected", P))
       }, He({
-        "dsg-field--actions": Z((w) => [
-          T(l.$slots, "dsg-table-actions", { data: w }, () => [
+        "dsg-field--actions": x((P) => [
+          T(l.$slots, "dsg-table-actions", { data: P }, () => [
             (a(), N(he, {
-              key: w.rowIndex,
-              data: w,
-              "onDsgTable:actionEdit": c[2] || (c[2] = (S, B) => D("dsg-table:action-edit", S, B)),
-              "onDsgTable:actionView": c[3] || (c[3] = (S, B) => D("dsg-table:action-view", S, B)),
-              "onDsgTable:actionDelete": c[4] || (c[4] = (S, B) => D("dsg-table:action-delete", S, B)),
-              "onDsgTable:actionArchive": c[5] || (c[5] = (S, B) => D("dsg-table:action-archive", S, B)),
-              "onDsgTable:linkClicked": c[6] || (c[6] = (S, B, G) => D("dsg-table:link-clicked", S, B, G))
+              key: P.rowIndex,
+              data: P,
+              "onDsgTable:actionEdit": c[2] || (c[2] = (S, M) => C("dsg-table:action-edit", S, M)),
+              "onDsgTable:actionView": c[3] || (c[3] = (S, M) => C("dsg-table:action-view", S, M)),
+              "onDsgTable:actionDelete": c[4] || (c[4] = (S, M) => C("dsg-table:action-delete", S, M)),
+              "onDsgTable:actionArchive": c[5] || (c[5] = (S, M) => C("dsg-table:action-archive", S, M)),
+              "onDsgTable:linkClicked": c[6] || (c[6] = (S, M, J) => C("dsg-table:link-clicked", S, M, J))
             }, null, 8, ["data"]))
           ])
         ]),
         _: 2
       }, [
-        q(U(m), (w, S) => ({
+        q(U(h), (P, S) => ({
           name: S,
-          fn: Z(({ rowData: B, rowField: G, rowIndex: le }) => [
-            String(S) !== "dsg-field--actions" ? T(l.$slots, S, Ie(ze({ key: 0 }, { rowData: B, rowField: G, rowIndex: le }))) : P("", !0)
+          fn: x(({ rowData: M, rowField: J, rowIndex: le }) => [
+            String(S) !== "dsg-field--actions" ? T(l.$slots, S, Ie(ze({ key: 0 }, { rowData: M, rowField: J, rowIndex: le }))) : k("", !0)
           ])
         }))
-      ]), 1032, ["api-url", "filter-params", "per-page", "fields", "load-on-start", "selectable", "track-by", "table-layout"]),
-      h("div", Ot, [
-        h("div", Ut, [
+      ]), 1032, ["api-url", "filter-params", "per-page", "fields", "load-on-start", "selectable", "track-by", "table-layout", "data"]),
+      l.hasFooter ? (a(), n("div", Ot, [
+        m("div", Ut, [
           T(l.$slots, "dsg-table--footer-left", {
             data: r.value,
             perPage: s.value
           }, () => [
-            M(pe, {
+            B(pe, {
               "no-data-template": "",
               ref: "paginationInfoStart",
               pagination: r.value,
-              "onUpdate:pagination": c[12] || (c[12] = (w) => r.value = w),
+              "onUpdate:pagination": c[12] || (c[12] = (P) => r.value = P),
               "info-template": V.value
             }, null, 8, ["pagination", "info-template"]),
             T(l.$slots, "dsg-table--footer-left-extras", {
@@ -855,7 +866,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
             })
           ])
         ]),
-        h("div", qt, [
+        m("div", qt, [
           T(l.$slots, "dsg-table--footer-center", {
             data: r.value,
             perPage: s.value
@@ -866,7 +877,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
             })
           ])
         ]),
-        h("div", Nt, [
+        m("div", Nt, [
           T(l.$slots, "dsg-table--footer-right", {
             data: r.value,
             perPage: s.value
@@ -875,16 +886,16 @@ You can explicitly suppress this warning by setting pagination-path="".`
               key: 0,
               ref: "pagination",
               pagination: r.value,
-              "onUpdate:pagination": c[13] || (c[13] = (w) => r.value = w),
+              "onUpdate:pagination": c[13] || (c[13] = (P) => r.value = P),
               "onDsgTable:changePage": I
-            }, null, 8, ["pagination"])) : P("", !0),
+            }, null, 8, ["pagination"])) : k("", !0),
             T(l.$slots, "dsg-table--footer-right-extras", {
               data: r.value,
               perPage: s.value
             })
           ])
         ])
-      ])
+      ])) : k("", !0)
     ]));
   }
 }), jt = { class: "dsg-table--per-page" }, Kt = ["value", "textContent"], Qt = /* @__PURE__ */ W({
@@ -895,7 +906,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
   },
   setup(t) {
     return ($, v) => (a(), n("div", jt, [
-      oe(h("select", {
+      oe(m("select", {
         "onUpdate:modelValue": v[0] || (v[0] = (i) => $.perPage.perPage = i),
         class: "dsg-table--per-page-select",
         onChange: v[1] || (v[1] = (i) => $.perPage.change($.perPage.perPage))
@@ -910,23 +921,23 @@ You can explicitly suppress this warning by setting pagination-path="".`
       ])
     ]));
   }
-}), Yt = Wt, xt = he, Gt = Qt, Jt = be, Xt = fe, Zt = pe, _t = me, ea = ye, na = {
+}), Yt = Wt, Gt = he, Jt = Qt, Xt = be, Zt = fe, xt = pe, _t = me, ea = ye, na = {
   DsgTable: Yt,
-  DsgTableActions: xt,
-  DsgTablePerPage: Gt,
-  DsgTableFilter: Jt,
-  DsgTablePagination: Xt,
-  DsgTablePaginationInfo: Zt,
+  DsgTableActions: Gt,
+  DsgTablePerPage: Jt,
+  DsgTableFilter: Xt,
+  DsgTablePagination: Zt,
+  DsgTablePaginationInfo: xt,
   DsgTableSearch: _t,
   DsgTableRowHeader: ea
 };
 export {
   Yt as DsgTable,
-  xt as DsgTableActions,
-  Jt as DsgTableFilter,
-  Xt as DsgTablePagination,
-  Zt as DsgTablePaginationInfo,
-  Gt as DsgTablePerPage,
+  Gt as DsgTableActions,
+  Xt as DsgTableFilter,
+  Zt as DsgTablePagination,
+  xt as DsgTablePaginationInfo,
+  Jt as DsgTablePerPage,
   ea as DsgTableRowHeader,
   _t as DsgTableSearch,
   na as default