maz-ui 3.47.2-beta.0 → 3.47.2-beta.11

package/components/chunks/{MazTable-Cuz5QI08.mjs → MazTable-Ci8nhgOP.mjs}

@@ -1,26 +1,26 @@
-import { defineComponent as Ie, useCssVars as Oe, defineAsyncComponent as b, computed as d, toRefs as Me, provide as Ne, ref as k, watch as R, useSlots as Le, onBeforeMount as Te, openBlock as n, createElementBlock as v, normalizeClass as g, renderSlot as p, createElementVNode as z, toDisplayString as h, createCommentVNode as s, createBlock as S, unref as t, createVNode as u, normalizeStyle as oe, createTextVNode as I, withCtx as c, Fragment as _, renderList as G } from "vue";
+import { defineComponent as Me, useCssVars as Ne, defineAsyncComponent as f, computed as d, toRefs as we, provide as Le, ref as k, watch as R, useSlots as Te, onBeforeMount as Oe, openBlock as s, createElementBlock as v, normalizeClass as g, renderSlot as p, createElementVNode as h, toDisplayString as y, createCommentVNode as u, createBlock as S, unref as t, createVNode as i, normalizeStyle as oe, createTextVNode as M, withCtx as c, Fragment as G, renderList as J } from "vue";
 import '../assets/MazTable.css';const Ee = {
   key: 0,
   class: "m-table-header"
 }, Re = {
   key: 0,
   class: "m-table-spacer"
-}, je = { class: "m-table-header-title" }, De = {
+}, Ke = { class: "m-table-header-title" }, De = {
   key: 1,
   class: "m-table-header-search"
-}, Fe = { key: 0 }, Ke = { key: 1 }, He = {
+}, Fe = { key: 0 }, He = { key: 1 }, Ue = {
   key: 0,
   class: "m-table-sort-icon-wrapper"
-}, Ue = { class: "maz-text-center maz-text-muted" }, Qe = {
+}, Qe = { class: "maz-text-center maz-text-muted" }, qe = {
   key: 1,
   class: "m-table-footer"
-}, qe = {
+}, Ye = {
   key: 0,
   class: "m-table-footer-pagination"
-}, Ye = { class: "m-table-footer-pagination-items-per-page" }, _e = { class: "maz-hidden maz-text-sm tab-s:maz-block" }, Ge = {
+}, je = { class: "m-table-footer-pagination-items-per-page" }, Ge = { class: "maz-hidden maz-text-sm tab-s:maz-block" }, Je = {
   key: 0,
   class: "maz-whitespace-nowrap maz-text-sm"
-}, Je = { class: "m-table-footer-pagination-buttons" }, We = /* @__PURE__ */ Ie({
+}, We = { class: "m-table-footer-pagination-buttons" }, Xe = "maz-table", Ze = /* @__PURE__ */ Me({
   __name: "MazTable",
   props: {
     tableClass: { default: void 0 },
@@ -60,15 +60,16 @@ import '../assets/MazTable.css';const Ee = {
     tableLayout: { default: void 0 },
     color: { default: "primary" },
     translations: {},
-    roundedSize: { default: "lg" }
+    roundedSize: { default: "lg" },
+    scrollable: { type: Boolean, default: !1 }
   },
   emits: ["update:model-value", "update:search-query", "update:page", "update:page-size"],
-  setup(O, { emit: j }) {
-    Oe((e) => ({
-      "432d38bc": a.tableLayout,
-      "6a859efe": a.captionSide
+  setup(N, { emit: K }) {
+    Ne((e) => ({
+      "5312637a": e.tableLayout,
+      "4abb4982": e.captionSide
     }));
-    const a = O, P = j, D = b(() => import("./arrow-up-DjSlktWl.mjs")), J = b(() => import("./chevron-double-left-D4-NpyrF.mjs")), W = b(() => import("./chevron-left-BqVOLRdC.mjs")), se = b(() => import("./magnifying-glass--nBiyXot.mjs")), M = b(() => import("./MazBtn-DJOUeES7.mjs")), X = b(() => import("./MazCheckbox-BmnqBHaY.mjs")), ne = b(() => import("./MazInput-oOA7gdLO.mjs")), re = b(() => import("./MazLoadingBar-Dwf55oHy.mjs")), Z = b(() => import("./MazSelect-uCJPMXF-.mjs")), N = b(() => import("./MazTableCell-D_OTOJiy.mjs")), F = b(() => import("./MazTableRow-BTcVAyOy.mjs")), K = b(() => import("./MazTableTitle-BDA9G6Zw.mjs")), ie = {
+    const a = N, $ = K, D = f(() => import("./arrow-up-DjSlktWl.mjs")), W = f(() => import("./chevron-double-left-D4-NpyrF.mjs")), X = f(() => import("./chevron-left-BqVOLRdC.mjs")), se = f(() => import("./magnifying-glass--nBiyXot.mjs")), w = f(() => import("./MazBtn-DI80W9rl.mjs")), Z = f(() => import("./MazCheckbox-DjY15PA3.mjs")), ne = f(() => import("./MazInput-BWAWlxDa.mjs")), re = f(() => import("./MazLoadingBar-CNm3Yt6D.mjs")), _ = f(() => import("./MazSelect-DaDRzcT_.mjs")), L = f(() => import("./MazTableCell-BIganK6X.mjs")), F = f(() => import("./MazTableRow-CIO-x6Lb.mjs")), H = f(() => import("./MazTableTitle-OEgTPQB3.mjs")), ue = {
       noResults: "No results",
       actionHeader: "Actions",
       searchByAllLabel: "All",
@@ -77,123 +78,123 @@ import '../assets/MazTable.css';const Ee = {
       paginationAllLabel: "All",
       paginationRowsPerPage: "Rows per page",
       paginationOf: "of"
-    }, B = d(() => {
-      const { translations: e, searchByAllLabel: o, searchByPlaceholder: l, searchPlaceholder: r, paginationAllLabel: i } = a;
+    }, C = d(() => {
+      const { translations: e, searchByAllLabel: o, searchByPlaceholder: l, searchPlaceholder: n, paginationAllLabel: r } = a;
       return {
-        ...ie,
+        ...ue,
         ...e,
         searchByAllLabel: o,
         searchByPlaceholder: l,
-        searchPlaceholder: r,
-        paginationAllLabel: i
+        searchPlaceholder: n,
+        paginationAllLabel: r
       };
-    }), ue = d(
+    }), ie = d(
       () => a.divider && !a.backgroundEven && !a.backgroundOdd
-    ), { size: m, hoverable: de, backgroundEven: ce, backgroundOdd: ve } = Me(a);
-    Ne("maz-table", {
+    ), { size: m, hoverable: de, backgroundEven: ce, backgroundOdd: ve } = we(a);
+    Le(Xe, {
       size: m,
       hoverable: de,
       backgroundEven: ce,
       backgroundOdd: ve
     });
-    const H = k(le()), U = d(() => a.selectable || !!a.selectedKey), L = k(a.page);
+    const U = k(le()), Q = d(() => a.selectable || !!a.selectedKey), T = k(a.page);
     R(
       () => a.page,
       (e) => {
-        L.value = e;
+        T.value = e;
       }
     );
-    const f = d({
-      get: () => L.value,
+    const b = d({
+      get: () => T.value,
       set: (e) => {
-        L.value = e, P("update:page", e);
+        T.value = e, $("update:page", e);
       }
     }), pe = d(() => [
-      { label: B.value.paginationAllLabel, value: Number.POSITIVE_INFINITY },
+      { label: C.value.paginationAllLabel, value: Number.POSITIVE_INFINITY },
       { label: 5, value: 5 },
       { label: 10, value: 10 },
       { label: 20, value: 20 },
       { label: 50, value: 50 },
       { label: 100, value: 100 },
       { label: 200, value: 200 }
-    ]), Q = k(a.pageSize);
+    ]), q = k(a.pageSize);
     R(
       () => a.pageSize,
       (e) => {
-        Q.value = e;
+        q.value = e;
       }
     );
-    const C = d({
-      get: () => Q.value,
+    const B = d({
+      get: () => q.value,
       set: (e) => {
-        Q.value = e, P("update:page-size", e);
+        q.value = e, $("update:page-size", e);
       }
-    }), A = d(() => {
+    }), I = d(() => {
       var e;
-      return a.totalPages ?? (C.value === Number.POSITIVE_INFINITY || !((e = a.rows) != null && e.length)) ? 1 : Math.ceil(a.rows.length / C.value);
+      return a.totalPages ?? (B.value === Number.POSITIVE_INFINITY || !((e = a.rows) != null && e.length)) ? 1 : Math.ceil(a.rows.length / B.value);
     });
-    function be() {
-      f.value = 1;
+    function fe() {
+      b.value = 1;
     }
     function me() {
-      f.value = A.value;
+      b.value = I.value;
     }
-    function fe() {
-      f.value = f.value - 1;
+    function be() {
+      b.value = b.value - 1;
     }
     function ge() {
-      f.value = f.value + 1;
+      b.value = b.value + 1;
     }
     const x = d(() => {
-      if (!a.pagination || a.noPaginateRows || C.value === Number.POSITIVE_INFINITY)
-        return H.value;
-      const e = (L.value - 1) * C.value, o = e + C.value;
-      return H.value.slice(e, o);
+      if (!a.pagination || a.noPaginateRows || B.value === Number.POSITIVE_INFINITY)
+        return U.value;
+      const e = (T.value - 1) * B.value, o = e + B.value;
+      return U.value.slice(e, o);
     });
     R(
       () => [a.rows, a.modelValue],
       () => {
-        H.value = le();
+        U.value = le();
       }
     );
-    const $ = k(), y = k(), V = k(Be()), T = k(), he = d(() => [
+    const A = k(), z = k(), V = k(Ce()), O = k(), ye = d(() => [
       { label: a.searchByAllLabel, value: null },
       ...V.value.map((e) => ({
         label: e.label,
         value: e.key
       }))
-    ]), q = k(a.searchQuery);
+    ]), Y = k(a.searchQuery);
     R(
       () => a.searchQuery,
       (e) => {
-        q.value = e;
+        Y.value = e;
       }
     );
     const E = d({
-      get: () => q.value,
+      get: () => Y.value,
       set: (e) => {
-        q.value = e, P("update:search-query", e);
+        Y.value = e, $("update:search-query", e);
       }
     });
-    function ye(e) {
+    function ze(e) {
       return [...e].sort((o, l) => {
-        if ($.value === void 0 || y.value === void 0)
+        if (A.value === void 0 || z.value === void 0)
           return 0;
-        const r = o[V.value[$.value].key], i = l[V.value[$.value].key];
-        return typeof r == "string" && typeof i == "string" ? y.value === "ASC" ? r.localeCompare(i) : i.localeCompare(r) : y.value === "ASC" ? r - i : i - r;
+        const n = o[V.value[A.value].key], r = l[V.value[A.value].key];
+        return typeof n == "string" && typeof r == "string" ? z.value === "ASC" ? n.localeCompare(r) : r.localeCompare(n) : z.value === "ASC" ? n - r : r - n;
       });
     }
-    function ze(e) {
+    function he(e) {
       if (a.noSearchInRow || typeof E.value != "string")
         return x.value;
       const o = E.value.toLowerCase();
-      return [...e].filter((l) => T.value ? String(l[T.value]).toLowerCase().includes(o) : Object.values(l).some((r) => typeof r == "string" || typeof r == "number" || typeof r == "boolean" ? String(r).toLowerCase().includes(o) : !1));
+      return [...e].filter((l) => O.value ? String(l[O.value]).toLowerCase().includes(o) : Object.values(l).some((n) => typeof n == "string" || typeof n == "number" || typeof n == "boolean" ? String(n).toLowerCase().includes(o) : !1));
     }
-    const w = d(() => {
-      const e = ze(x.value);
-      return ye(e);
-    }), Se = Le(), ee = d(() => a.search || !!a.title || !!Se.title), ke = d(() => a.pagination);
-    function Be() {
+    const P = d(() => {
+      const e = he(x.value);
+      return ze(e);
+    }), Se = Te(), ee = d(() => a.search || !!a.title || !!Se.title), ke = d(() => a.pagination);
+    function Ce() {
       var e;
       return ((e = a.headers) == null ? void 0 : e.map(
         (o) => typeof o == "string" ? { label: o, align: a.headersAlign } : { align: a.headersAlign, thHeaders: o.headers, ...o }
@@ -209,113 +210,109 @@ import '../assets/MazTable.css';const Ee = {
         };
       })) ?? [];
     }
-    function Ce(e) {
-      e === $.value ? y.value = y.value === void 0 ? "DESC" : y.value === "DESC" ? "ASC" : void 0 : y.value = "DESC", $.value = y.value === void 0 ? void 0 : e;
+    function Be(e) {
+      e === A.value ? z.value = z.value === void 0 ? "DESC" : z.value === "DESC" ? "ASC" : void 0 : z.value = "DESC", A.value = z.value === void 0 ? void 0 : e;
     }
     const ae = d({
-      get: () => w.value.every((e) => e.selected) ?? !1,
+      get: () => P.value.every((e) => e.selected) ?? !1,
       set: Ve
     });
     function Ve(e) {
-      for (const o of w.value)
+      for (const o of P.value)
         o.selected = e;
-      Y();
+      j();
     }
-    function we(e, o) {
-      w.value[o].selected = e, Y();
+    function Pe(e, o) {
+      P.value[o].selected = e, j();
     }
-    function Y(e) {
+    function j(e) {
       e = e ?? te();
       const o = e != null && e.length ? e : void 0;
-      P("update:model-value", o);
+      $("update:model-value", o);
     }
     function te() {
-      return w.value.filter((e) => e.selected).map((e) => a.selectedKey ? e[a.selectedKey] : e);
+      return P.value.filter((e) => e.selected).map((e) => a.selectedKey ? e[a.selectedKey] : e);
     }
-    return Te(() => {
+    return Oe(() => {
       const e = te();
-      e != null && e.length && Y(e);
-    }), (e, o) => (n(), v(
+      e != null && e.length && j(e);
+    }), (e, o) => (s(), v(
       "div",
       {
         class: g(["m-table", { "--has-header": ee.value }])
       },
       [
-        ee.value ? (n(), v("div", Ee, [
-          e.title || e.$slots.title ? (n(), v("div", Re, [
+        ee.value ? (s(), v("div", Ee, [
+          e.title || e.$slots.title ? (s(), v("div", Re, [
             p(e.$slots, "title", {}, () => [
-              z(
+              h(
                 "span",
-                je,
-                h(e.title),
+                Ke,
+                y(e.title),
                 1
                 /* TEXT */
               )
             ], !0)
-          ])) : s("v-if", !0),
-          e.search ? (n(), v("div", De, [
-            e.noSearchBy ? s("v-if", !0) : (n(), S(t(Z), {
+          ])) : u("v-if", !0),
+          e.search ? (s(), v("div", De, [
+            e.noSearchBy ? u("v-if", !0) : (s(), S(t(_), {
               key: 0,
-              modelValue: T.value,
-              "onUpdate:modelValue": o[0] || (o[0] = (l) => T.value = l),
+              modelValue: O.value,
+              "onUpdate:modelValue": o[0] || (o[0] = (l) => O.value = l),
               "rounded-size": e.roundedSize,
               color: e.color,
               style: { width: "8rem" },
-              placeholder: B.value.searchByPlaceholder,
+              placeholder: C.value.searchByPlaceholder,
               size: e.inputSize ?? t(m),
-              options: he.value
+              options: ye.value
             }, null, 8, ["modelValue", "rounded-size", "color", "placeholder", "size", "options"])),
-            u(t(ne), {
+            i(t(ne), {
               modelValue: E.value,
               "onUpdate:modelValue": o[1] || (o[1] = (l) => E.value = l),
               size: e.inputSize ?? t(m),
               "rounded-size": e.roundedSize,
               color: e.color,
               debounce: 300,
-              placeholder: B.value.searchPlaceholder,
+              placeholder: C.value.searchPlaceholder,
               "left-icon": t(se)
             }, null, 8, ["modelValue", "size", "rounded-size", "color", "placeholder", "left-icon"])
-          ])) : s("v-if", !0)
-        ])) : s("v-if", !0),
-        z(
+          ])) : u("v-if", !0)
+        ])) : u("v-if", !0),
+        h(
           "div",
           {
-            class: g(["m-table-wrapper", [`--rounded-${e.roundedSize}`]])
+            class: g(["m-table-wrapper", [`--rounded-${e.roundedSize}`, {
+              "--scrollable": e.scrollable
+            }]])
           },
           [
-            z(
+            h(
               "table",
               {
                 class: g([{ "--elevation": e.elevation, "--has-layout": e.tableLayout }, e.tableClass]),
                 style: oe(e.tableStyle)
               },
               [
-                e.caption || e.$slots.caption ? (n(), v("caption", Fe, [
-                  s(`
-            @slot caption - add caption on top or bottom of the table
-          `),
+                e.caption || e.$slots.caption ? (s(), v("caption", Fe, [
                   p(e.$slots, "caption", {}, () => [
-                    I(
-                      h(e.caption),
+                    M(
+                      y(e.caption),
                       1
                       /* TEXT */
                     )
                   ], !0)
-                ])) : s("v-if", !0),
-                V.value ? (n(), v("thead", Ke, [
-                  s(`
-            @slot thead - content in thead element
-          `),
+                ])) : u("v-if", !0),
+                V.value ? (s(), v("thead", He, [
                   p(e.$slots, "thead", {}, () => [
-                    u(t(F), { "no-hoverable": "" }, {
+                    i(t(F), { "no-hoverable": "" }, {
                       default: c(() => [
-                        U.value ? (n(), S(t(K), {
+                        Q.value ? (s(), S(t(H), {
                           key: 0,
                           align: "left",
                           class: g([`--${t(m)}`, "m-table-select-column"])
                         }, {
                           default: c(() => [
-                            u(t(X), {
+                            i(t(Z), {
                               modelValue: ae.value,
                               "onUpdate:modelValue": o[2] || (o[2] = (l) => ae.value = l),
                               size: "sm"
@@ -323,12 +320,12 @@ import '../assets/MazTable.css';const Ee = {
                           ]),
                           _: 1
                           /* STABLE */
-                        }, 8, ["class"])) : s("v-if", !0),
-                        (n(!0), v(
-                          _,
+                        }, 8, ["class"])) : u("v-if", !0),
+                        (s(!0), v(
+                          G,
                           null,
-                          G(V.value, (l, r) => (n(), S(t(K), {
-                            key: r,
+                          J(V.value, (l, n) => (s(), S(t(H), {
+                            key: n,
                             scope: l.scope,
                             align: l.align,
                             rowspan: l.rowspan,
@@ -340,48 +337,38 @@ import '../assets/MazTable.css';const Ee = {
                               l.classes,
                               `--${t(m)}`
                             ]]),
-                            onClick: (i) => (l.sortable ?? e.sortable) && Ce(r)
+                            onClick: (r) => (l.sortable ?? e.sortable) && Be(n)
                           }, {
                             default: c(() => [
-                              z(
+                              h(
                                 "span",
                                 {
                                   class: g({ "maz-sr-only": l.srOnly })
                                 },
                                 [
-                                  s(`
-                  @slot header - replace column header
-                    @binding {Object} header - header data
-                    @binding {String} label - header label
-                `),
                                   p(e.$slots, "header", {
                                     header: l,
                                     label: l.label
                                   }, () => [
-                                    s(`
-                      @slot header-label-{key} - replace column header label
-                        @binding {Object} header - header data
-                        @binding {String} label - header label
-                    `),
                                     p(e.$slots, `header-label-${l.key}`, {
                                       header: l,
                                       label: l.label
                                     }, () => [
-                                      I(
-                                        h(l.label),
+                                      M(
+                                        y(l.label),
                                         1
                                         /* TEXT */
                                       )
                                     ], !0),
-                                    l.sortable ?? e.sortable ? (n(), v("div", He, [
-                                      u(t(D), {
+                                    l.sortable ?? e.sortable ? (s(), v("div", Ue, [
+                                      i(t(D), {
                                         class: g(["m-table-sort-icon maz-hidden group-hover:maz-block", {
-                                          "--sorted": r === $.value,
-                                          "--up": y.value === "DESC",
-                                          "--down": y.value === "ASC"
+                                          "--sorted": n === A.value,
+                                          "--up": z.value === "DESC",
+                                          "--down": z.value === "ASC"
                                         }])
                                       }, null, 8, ["class"])
-                                    ])) : s("v-if", !0)
+                                    ])) : u("v-if", !0)
                                   ], !0)
                                 ],
                                 2
@@ -394,18 +381,15 @@ import '../assets/MazTable.css';const Ee = {
                           128
                           /* KEYED_FRAGMENT */
                         )),
-                        e.$slots.actions ? (n(), S(t(K), {
+                        e.$slots.actions ? (s(), S(t(H), {
                           key: 1,
                           align: "left",
                           class: g(`--${t(m)}`)
                         }, {
                           default: c(() => [
-                            s(`
-                  @slot actions-header - replace text of actions header
-                `),
                             p(e.$slots, "actions-header", {}, () => [
-                              I(
-                                h(B.value.actionHeader),
+                              M(
+                                y(C.value.actionHeader),
                                 1
                                 /* TEXT */
                               )
@@ -413,55 +397,50 @@ import '../assets/MazTable.css';const Ee = {
                           ]),
                           _: 3
                           /* FORWARDED */
-                        }, 8, ["class"])) : s("v-if", !0)
+                        }, 8, ["class"])) : u("v-if", !0)
                       ]),
                       _: 3
                       /* FORWARDED */
                     })
                   ], !0)
-                ])) : s("v-if", !0),
-                e.loading ? (n(), S(t(re), {
+                ])) : u("v-if", !0),
+                e.loading ? (s(), S(t(re), {
                   key: 2,
                   color: e.color,
                   class: "!maz-absolute"
-                }, null, 8, ["color"])) : s("v-if", !0),
-                z(
+                }, null, 8, ["color"])) : u("v-if", !0),
+                h(
                   "tbody",
                   {
-                    class: g({ "--divider": ue.value })
+                    class: g({ "--divider": ie.value })
                   },
                   [
                     p(e.$slots, "default", {}, () => [
-                      w.value.length > 0 ? (n(!0), v(
-                        _,
+                      P.value.length > 0 ? (s(!0), v(
+                        G,
                         { key: 0 },
-                        G(w.value, (l, r) => (n(), S(t(F), {
-                          key: r,
+                        J(P.value, (l, n) => (s(), S(t(F), {
+                          key: n,
                           class: g(l.classes),
-                          onClick: (i) => l.action && l.action(l)
+                          onClick: (r) => l.action && l.action(l)
                         }, {
                           default: c(() => [
-                            U.value ? (n(), S(
-                              t(N),
+                            Q.value ? (s(), S(
+                              t(L),
                               {
                                 key: 0,
                                 class: "m-table-select-column"
                               },
                               {
                                 default: c(() => [
-                                  s(`
-                    @slot select - replace checkbox component
-                      @binding {Object} row - row data
-                      @binding {Boolean} selected - if selected or not
-                  `),
                                   p(e.$slots, "select", {
                                     row: l,
                                     selected: l.selected
                                   }, () => [
-                                    u(t(X), {
+                                    i(t(Z), {
                                       size: "sm",
                                       "model-value": l.selected,
-                                      "onUpdate:modelValue": (i) => we(i, r)
+                                      "onUpdate:modelValue": (r) => Pe(r, n)
                                     }, null, 8, ["model-value", "onUpdate:modelValue"])
                                   ], !0)
                                 ]),
@@ -470,42 +449,32 @@ import '../assets/MazTable.css';const Ee = {
                               },
                               1024
                               /* DYNAMIC_SLOTS */
-                            )) : s("v-if", !0),
-                            (n(!0), v(
-                              _,
+                            )) : u("v-if", !0),
+                            (s(!0), v(
+                              G,
                               null,
-                              G(V.value, ({ key: i, align: Pe, classes: $e }, Ae) => (n(), S(t(N), {
-                                key: Ae,
-                                align: Pe,
-                                class: g($e)
+                              J(V.value, ({ key: r, align: $e, classes: Ae }, Ie) => (s(), S(t(L), {
+                                key: Ie,
+                                align: $e,
+                                class: g(Ae)
                               }, {
                                 default: c(() => [
-                                  s(`
-                    @slot cell - replace all row cells
-                      @binding {Object} row - row data
-                      @binding {Boolean} value - cell value
-                  `),
-                                  i ? p(e.$slots, "cell", {
+                                  r ? p(e.$slots, "cell", {
                                     key: 0,
                                     row: l,
-                                    value: l[i]
+                                    value: l[r]
                                   }, () => [
-                                    s(`
-                      @slot cell-{key} - replace row cells of column
-                        @binding {Object} row - row data
-                        @binding {Boolean} value - cell value
-                    `),
-                                    p(e.$slots, `cell-${i}`, {
+                                    p(e.$slots, `cell-${r}`, {
                                       row: l,
-                                      value: l[i]
+                                      value: l[r]
                                     }, () => [
-                                      I(
-                                        h(l[i]),
+                                      M(
+                                        y(l[r]),
                                         1
                                         /* TEXT */
                                       )
                                     ], !0)
-                                  ], !0) : s("v-if", !0)
+                                  ], !0) : u("v-if", !0)
                                 ]),
                                 _: 2
                                 /* DYNAMIC */
@@ -513,15 +482,11 @@ import '../assets/MazTable.css';const Ee = {
                               128
                               /* KEYED_FRAGMENT */
                             )),
-                            e.$slots.actions ? (n(), S(
-                              t(N),
+                            e.$slots.actions ? (s(), S(
+                              t(L),
                               { key: 1 },
                               {
                                 default: c(() => [
-                                  s(`
-                    @slot actions - will add actions column
-                      @binding {Object} row - row data
-                  `),
                                   p(e.$slots, "actions", { row: l }, void 0, !0)
                                 ]),
                                 _: 2
@@ -529,30 +494,24 @@ import '../assets/MazTable.css';const Ee = {
                               },
                               1024
                               /* DYNAMIC_SLOTS */
-                            )) : s("v-if", !0)
+                            )) : u("v-if", !0)
                           ]),
                           _: 2
                           /* DYNAMIC */
                         }, 1032, ["class", "onClick"]))),
                         128
                         /* KEYED_FRAGMENT */
-                      )) : (n(), S(t(F), { key: 1 }, {
+                      )) : (s(), S(t(F), { key: 1 }, {
                         default: c(() => [
-                          u(t(N), {
-                            colspan: V.value.length + (U.value ? 1 : 0) + (e.$slots.actions ? 1 : 0)
+                          i(t(L), {
+                            colspan: V.value.length + (Q.value ? 1 : 0) + (e.$slots.actions ? 1 : 0)
                           }, {
                             default: c(() => [
-                              s(`
-                    @slot no-results - replace no results
-                  `),
                               p(e.$slots, "no-results", {}, () => [
-                                z("p", Ue, [
-                                  s(`
-                        @slot no-results-text - replace no results test only
-                      `),
+                                h("p", Qe, [
                                   p(e.$slots, "no-results-text", {}, () => [
-                                    I(
-                                      h(B.value.noResults),
+                                    M(
+                                      y(C.value.noResults),
                                       1
                                       /* TEXT */
                                     )
@@ -580,26 +539,26 @@ import '../assets/MazTable.css';const Ee = {
           2
           /* CLASS */
         ),
-        ke.value ? (n(), v("div", Qe, [
-          o[4] || (o[4] = z(
+        ke.value ? (s(), v("div", qe, [
+          o[4] || (o[4] = h(
             "div",
             { class: "m-table-spacer" },
             null,
             -1
             /* HOISTED */
           )),
-          e.pagination ? (n(), v("div", qe, [
-            z("div", Ye, [
-              z(
+          e.pagination ? (s(), v("div", Ye, [
+            h("div", je, [
+              h(
                 "span",
-                _e,
-                h(B.value.paginationRowsPerPage),
+                Ge,
+                y(C.value.paginationRowsPerPage),
                 1
                 /* TEXT */
               ),
-              u(t(Z), {
-                modelValue: C.value,
-                "onUpdate:modelValue": o[3] || (o[3] = (l) => C.value = l),
+              i(t(_), {
+                modelValue: B.value,
+                "onUpdate:modelValue": o[3] || (o[3] = (l) => B.value = l),
                 options: pe.value,
                 "rounded-size": e.roundedSize,
                 size: e.inputSize ?? t(m),
@@ -608,44 +567,44 @@ import '../assets/MazTable.css';const Ee = {
                 style: { width: "5rem" }
               }, null, 8, ["modelValue", "options", "rounded-size", "size", "color"])
             ]),
-            A.value ? (n(), v(
+            I.value ? (s(), v(
               "span",
-              Ge,
-              h(f.value) + " - " + h(w.value.length) + " " + h(B.value.paginationOf) + " " + h(A.value),
+              Je,
+              y(b.value) + " - " + y(P.value.length) + " " + y(C.value.paginationOf) + " " + y(I.value),
               1
               /* TEXT */
-            )) : s("v-if", !0),
-            z("div", Je, [
-              u(t(M), {
-                disabled: f.value === 1,
+            )) : u("v-if", !0),
+            h("div", We, [
+              i(t(w), {
+                disabled: b.value === 1,
                 size: t(m),
                 color: "transparent",
                 "rounded-size": e.roundedSize,
                 "no-elevation": "",
-                onClick: be
+                onClick: fe
               }, {
                 default: c(() => [
-                  u(t(J), { class: "maz-text-base" })
+                  i(t(W), { class: "maz-text-base" })
                 ]),
                 _: 1
                 /* STABLE */
               }, 8, ["disabled", "size", "rounded-size"]),
-              u(t(M), {
-                disabled: f.value === 1,
+              i(t(w), {
+                disabled: b.value === 1,
                 size: t(m),
                 color: "transparent",
                 "rounded-size": e.roundedSize,
                 "no-elevation": "",
-                onClick: fe
+                onClick: be
               }, {
                 default: c(() => [
-                  u(t(W), { class: "maz-text-base" })
+                  i(t(X), { class: "maz-text-base" })
                 ]),
                 _: 1
                 /* STABLE */
               }, 8, ["disabled", "size", "rounded-size"]),
-              u(t(M), {
-                disabled: f.value === A.value,
+              i(t(w), {
+                disabled: b.value === I.value,
                 size: t(m),
                 color: "transparent",
                 "rounded-size": e.roundedSize,
@@ -653,13 +612,13 @@ import '../assets/MazTable.css';const Ee = {
                 onClick: ge
               }, {
                 default: c(() => [
-                  u(t(W), { class: "maz-rotate-180 maz-text-base" })
+                  i(t(X), { class: "maz-rotate-180 maz-text-base" })
                 ]),
                 _: 1
                 /* STABLE */
               }, 8, ["disabled", "size", "rounded-size"]),
-              u(t(M), {
-                disabled: f.value === A.value,
+              i(t(w), {
+                disabled: b.value === I.value,
                 size: t(m),
                 color: "transparent",
                 "rounded-size": e.roundedSize,
@@ -667,26 +626,27 @@ import '../assets/MazTable.css';const Ee = {
                 onClick: me
               }, {
                 default: c(() => [
-                  u(t(J), { class: "maz-rotate-180 maz-text-base" })
+                  i(t(W), { class: "maz-rotate-180 maz-text-base" })
                 ]),
                 _: 1
                 /* STABLE */
               }, 8, ["disabled", "size", "rounded-size"])
             ])
-          ])) : s("v-if", !0)
-        ])) : s("v-if", !0)
+          ])) : u("v-if", !0)
+        ])) : u("v-if", !0)
       ],
       2
       /* CLASS */
     ));
   }
-}), Xe = (O, j) => {
-  const a = O.__vccOpts || O;
-  for (const [P, D] of j)
-    a[P] = D;
+}), _e = (N, K) => {
+  const a = N.__vccOpts || N;
+  for (const [$, D] of K)
+    a[$] = D;
   return a;
-}, xe = /* @__PURE__ */ Xe(We, [["__scopeId", "data-v-48937bba"]]);
+}, el = /* @__PURE__ */ _e(Ze, [["__scopeId", "data-v-770514ee"]]);
 export {
-  xe as M,
-  Xe as _
+  el as M,
+  _e as _,
+  Xe as m
 };