maz-ui 4.0.0-alpha.4 → 4.0.0-beta.0

package/dist/chunks/MazTable.vue_vue_type_script_setup_true_lang.bm7ng8fK.js

@@ -0,0 +1,517 @@
+import { defineComponent, useCssVars, defineAsyncComponent, computed, toRefs, provide, ref, watch, useSlots, onBeforeMount, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, renderSlot, toDisplayString, createBlock, createVNode, unref, normalizeStyle, createTextVNode, withCtx, Fragment, renderList } from "vue";
+import { MazMagnifyingGlass, MazArrowUp, MazChevronDoubleLeft, MazChevronLeft } from "@maz-ui/icons";
+import { u as useTranslations } from "./useTranslations.BXuww4ux.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "m-table-header"
+}, _hoisted_2 = {
+  key: 0,
+  class: "m-table-spacer"
+}, _hoisted_3 = { class: "m-table-header-title" }, _hoisted_4 = {
+  key: 1,
+  class: "m-table-header-search"
+}, _hoisted_5 = { key: 0 }, _hoisted_6 = { key: 1 }, _hoisted_7 = {
+  key: 0,
+  class: "m-table-sort-icon-wrapper"
+}, _hoisted_8 = { class: "maz-text-center maz-text-muted" }, _hoisted_9 = {
+  key: 1,
+  class: "m-table-footer"
+}, _hoisted_10 = {
+  key: 0,
+  class: "m-table-footer-pagination"
+}, _hoisted_11 = { class: "m-table-footer-pagination-items-per-page" }, _hoisted_12 = { class: "maz-hidden maz-text-sm tab-s:maz-block" }, _hoisted_13 = {
+  key: 0,
+  class: "maz-whitespace-nowrap maz-text-sm"
+}, _hoisted_14 = { class: "m-table-footer-pagination-buttons" }, mazTableKey = Symbol("maz-table"), _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazTable",
+  props: {
+    tableClass: {},
+    tableStyle: {},
+    modelValue: {},
+    size: { default: "md" },
+    inputSize: {},
+    title: {},
+    headers: {},
+    sortable: { type: Boolean },
+    headersAlign: { default: "left" },
+    rows: {},
+    hoverable: { type: Boolean },
+    search: { type: Boolean },
+    hideSearchInRow: { type: Boolean },
+    hideSearchBy: { type: Boolean },
+    searchQuery: {},
+    backgroundOdd: { type: Boolean },
+    backgroundEven: { type: Boolean },
+    elevation: { type: Boolean },
+    divider: { type: Boolean },
+    caption: {},
+    captionSide: { default: "bottom" },
+    pagination: { type: Boolean },
+    page: { default: 1 },
+    pageSize: { default: 20 },
+    totalPages: {},
+    paginateRows: { type: Boolean, default: !0 },
+    totalItems: {},
+    loading: { type: Boolean },
+    selectable: { type: Boolean },
+    selectedKey: {},
+    tableLayout: {},
+    color: { default: "primary" },
+    translations: {},
+    roundedSize: { default: "lg" },
+    scrollable: { type: Boolean, default: !1 }
+  },
+  emits: ["update:model-value", "update:search-query", "update:page", "update:page-size"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "2e33ecf9": _ctx.tableLayout,
+      94783684: _ctx.captionSide
+    }));
+    const props = __props, emits = __emit, MazBtn = defineAsyncComponent(() => import("../components/MazBtn.js")), MazCheckbox = defineAsyncComponent(() => import("../components/MazCheckbox.js")), MazInput = defineAsyncComponent(() => import("../components/MazInput.js")), MazLoadingBar = defineAsyncComponent(() => import("../components/MazLoadingBar.js")), MazSelect = defineAsyncComponent(() => import("../components/MazSelect.js")), MazTableCell = defineAsyncComponent(() => import("../components/MazTableCell.js")), MazTableRowComponent = defineAsyncComponent(() => import("../components/MazTableRow.js")), MazTableTitle = defineAsyncComponent(() => import("../components/MazTableTitle.js")), { t } = useTranslations(), messages = computed(() => ({
+      noResults: props.translations?.noResults ?? t("table.noResults"),
+      actionColumnTitle: props.translations?.actionColumnTitle ?? t("table.actionColumnTitle"),
+      searchByInput: {
+        all: props.translations?.searchByInput?.all ?? t("table.searchByInput.all"),
+        placeholder: props.translations?.searchByInput?.placeholder ?? t("table.searchByInput.placeholder")
+      },
+      searchInput: {
+        placeholder: props.translations?.searchInput?.placeholder ?? t("table.searchInput.placeholder")
+      },
+      pagination: {
+        all: props.translations?.pagination?.all ?? t("table.pagination.all"),
+        rowsPerPage: props.translations?.pagination?.rowsPerPage ?? t("table.pagination.rowsPerPage"),
+        of: props.translations?.pagination?.of ?? t("table.pagination.of")
+      }
+    })), hasDivider = computed(
+      () => props.divider && !props.backgroundEven && !props.backgroundOdd
+    ), { size, hoverable, backgroundEven, backgroundOdd } = toRefs(props);
+    provide(mazTableKey, {
+      size,
+      hoverable,
+      backgroundEven,
+      backgroundOdd
+    });
+    const rowsNormalized = ref(getNormalizedRows()), isSelectable = computed(() => props.selectable || !!props.selectedKey), currentPage = ref(props.page);
+    watch(
+      () => props.page,
+      (value) => {
+        currentPage.value = value;
+      }
+    );
+    const currentPageModel = computed({
+      get: () => currentPage.value,
+      set: (value) => {
+        currentPage.value = value, emits("update:page", value);
+      }
+    }), pageSizeOptions = computed(() => [
+      { label: messages.value.pagination.all, 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 }
+    ]), pageSizeModelInternal = ref(props.pageSize);
+    watch(
+      () => props.pageSize,
+      (value) => {
+        pageSizeModelInternal.value = value;
+      }
+    );
+    const pageSizeModel = computed({
+      get: () => pageSizeModelInternal.value,
+      set: (value) => {
+        pageSizeModelInternal.value = value, emits("update:page-size", value);
+      }
+    }), totalPagesInternal = computed(() => props.totalPages ? props.totalPages : pageSizeModel.value === Number.POSITIVE_INFINITY || !totalItemsInternal.value ? 1 : Math.ceil(totalItemsInternal.value / pageSizeModel.value)), totalItemsInternal = computed(() => props.totalItems ?? props.rows?.length), rowsOfPage = computed(() => {
+      if (!props.pagination || !props.paginateRows || pageSizeModel.value === Number.POSITIVE_INFINITY)
+        return rowsNormalized.value;
+      const start = (currentPage.value - 1) * pageSizeModel.value, end = start + pageSizeModel.value;
+      return rowsNormalized.value.slice(start, end);
+    }), rowsFromTo = computed(() => ({
+      from: (currentPage.value - 1) * pageSizeModel.value + 1,
+      to: Math.min(currentPage.value * pageSizeModel.value, totalItemsInternal.value ?? 0)
+    }));
+    function firstPage() {
+      currentPageModel.value = 1;
+    }
+    function lastPage() {
+      currentPageModel.value = totalPagesInternal.value;
+    }
+    function previousPage() {
+      currentPageModel.value--;
+    }
+    function nextPage() {
+      currentPageModel.value++;
+    }
+    watch(
+      () => [props.rows, props.modelValue],
+      () => {
+        rowsNormalized.value = getNormalizedRows();
+      }
+    );
+    const sortedColumnIndex = ref(), sortType = ref(), headersNormalized = ref(getNormalizedHeaders()), searchByKey = ref(), searchByOptions = computed(() => [
+      { label: messages.value.searchByInput.all, value: null },
+      ...headersNormalized.value.map((header) => ({
+        label: header.label,
+        value: header.key
+      }))
+    ]), searchQueryModelInternal = ref(props.searchQuery);
+    watch(
+      () => props.searchQuery,
+      (value) => {
+        searchQueryModelInternal.value = value;
+      }
+    );
+    const searchQueryModel = computed({
+      get: () => searchQueryModelInternal.value,
+      set: (value) => {
+        searchQueryModelInternal.value = value, emits("update:search-query", value);
+      }
+    });
+    function getSortedRows(rows) {
+      return [...rows].sort((a, b) => {
+        if (sortedColumnIndex.value === void 0 || sortType.value === void 0)
+          return 0;
+        const aValue = a[headersNormalized.value[sortedColumnIndex.value].key], bValue = b[headersNormalized.value[sortedColumnIndex.value].key];
+        return typeof aValue == "string" && typeof bValue == "string" ? sortType.value === "ASC" ? aValue.localeCompare(bValue) : bValue.localeCompare(aValue) : sortType.value === "ASC" ? aValue - bValue : bValue - aValue;
+      });
+    }
+    function getFilteredRows(rows) {
+      if (props.hideSearchInRow || typeof searchQueryModel.value != "string")
+        return rowsOfPage.value;
+      const query = searchQueryModel.value.toLowerCase();
+      return [...rows].filter((row) => searchByKey.value ? String(row[searchByKey.value]).toLowerCase().includes(query) : Object.values(row).some((value) => typeof value == "string" || typeof value == "number" || typeof value == "boolean" ? String(value).toLowerCase().includes(query) : !1));
+    }
+    const rowsFiltered = computed(() => {
+      const filteredResults = getFilteredRows(rowsOfPage.value);
+      return getSortedRows(filteredResults);
+    }), slots = useSlots(), hasHeader = computed(() => props.search || !!props.title || !!slots.title), hasFooter = computed(() => props.pagination);
+    function getNormalizedHeaders() {
+      return props.headers?.map(
+        (header) => typeof header == "string" ? { label: header, align: props.headersAlign } : { align: props.headersAlign, thHeaders: header.headers, ...header }
+      ) ?? [];
+    }
+    function getNormalizedRows() {
+      return props.rows?.map((row) => ({
+        selected: props.modelValue?.includes(props.selectedKey ? row[props.selectedKey] : row),
+        ...row
+      })) ?? [];
+    }
+    function sortColumn(columnIndex) {
+      if (columnIndex === sortedColumnIndex.value) {
+        const sortTypeValue = sortType.value === "DESC" ? "ASC" : void 0;
+        sortType.value = sortType.value === void 0 ? "DESC" : sortTypeValue;
+      } else
+        sortType.value = "DESC";
+      sortedColumnIndex.value = sortType.value === void 0 ? void 0 : columnIndex;
+    }
+    const allSelected = computed({
+      get: () => rowsFiltered.value.every((row) => row.selected) ?? !1,
+      set: selectAll
+    });
+    function selectAll(value) {
+      for (const row of rowsFiltered.value)
+        row.selected = value;
+      emitValues();
+    }
+    function selectRow(value, index) {
+      rowsFiltered.value[index].selected = value, emitValues();
+    }
+    function emitValues(selectedRows) {
+      selectedRows = selectedRows ?? getSelectedRows();
+      const rows = selectedRows?.length ? selectedRows : void 0;
+      emits("update:model-value", rows);
+    }
+    function getSelectedRows() {
+      return rowsFiltered.value.filter((row) => row.selected).map((row) => props.selectedKey ? row[props.selectedKey] : row);
+    }
+    return onBeforeMount(() => {
+      const selectedRows = getSelectedRows();
+      selectedRows?.length && emitValues(selectedRows);
+    }), (_ctx, _cache) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass(["m-table m-reset-css", { "--has-header": hasHeader.value }])
+    }, [
+      hasHeader.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createElementVNode("span", _hoisted_3, toDisplayString(_ctx.title), 1)
+          ], !0)
+        ])) : createCommentVNode("", !0),
+        _ctx.search ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          _ctx.hideSearchBy ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(MazSelect), {
+            key: 0,
+            modelValue: searchByKey.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchByKey.value = $event),
+            "rounded-size": _ctx.roundedSize,
+            color: _ctx.color,
+            style: { width: "8rem" },
+            placeholder: messages.value.searchByInput.placeholder,
+            size: _ctx.inputSize ?? unref(size),
+            options: searchByOptions.value
+          }, null, 8, ["modelValue", "rounded-size", "color", "placeholder", "size", "options"])),
+          createVNode(unref(MazInput), {
+            modelValue: searchQueryModel.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchQueryModel.value = $event),
+            size: _ctx.inputSize ?? unref(size),
+            "rounded-size": _ctx.roundedSize,
+            color: _ctx.color,
+            debounce: 300,
+            placeholder: messages.value.searchInput.placeholder,
+            "left-icon": unref(MazMagnifyingGlass)
+          }, null, 8, ["modelValue", "size", "rounded-size", "color", "placeholder", "left-icon"])
+        ])) : createCommentVNode("", !0)
+      ])) : createCommentVNode("", !0),
+      createElementVNode("div", {
+        class: normalizeClass(["m-table-wrapper", [`--rounded-${_ctx.roundedSize}`, {
+          "--scrollable": _ctx.scrollable
+        }]])
+      }, [
+        createElementVNode("table", {
+          class: normalizeClass([{ "--elevation": _ctx.elevation, "--has-layout": _ctx.tableLayout }, _ctx.tableClass]),
+          style: normalizeStyle(_ctx.tableStyle)
+        }, [
+          _ctx.caption || _ctx.$slots.caption ? (openBlock(), createElementBlock("caption", _hoisted_5, [
+            renderSlot(_ctx.$slots, "caption", {}, () => [
+              createTextVNode(toDisplayString(_ctx.caption), 1)
+            ], !0)
+          ])) : createCommentVNode("", !0),
+          headersNormalized.value ? (openBlock(), createElementBlock("thead", _hoisted_6, [
+            renderSlot(_ctx.$slots, "thead", {}, () => [
+              createVNode(unref(MazTableRowComponent), { hoverable: "" }, {
+                default: withCtx(() => [
+                  isSelectable.value ? (openBlock(), createBlock(unref(MazTableTitle), {
+                    key: 0,
+                    align: "left",
+                    class: normalizeClass([`--${unref(size)}`, "m-table-select-column"])
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(MazCheckbox), {
+                        modelValue: allSelected.value,
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => allSelected.value = $event),
+                        size: "sm"
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }, 8, ["class"])) : createCommentVNode("", !0),
+                  (openBlock(!0), createElementBlock(Fragment, null, renderList(headersNormalized.value, (header, columnIndex) => (openBlock(), createBlock(unref(MazTableTitle), {
+                    key: columnIndex,
+                    scope: header.scope,
+                    align: header.align,
+                    rowspan: header.rowspan,
+                    colspan: header.colspan,
+                    headers: header.thHeaders,
+                    style: normalizeStyle({ width: header.width, textAlign: header.align }),
+                    class: normalizeClass(["maz-group", [
+                      { "--hidden": header.hidden, "--sortable": header.sortable ?? _ctx.sortable },
+                      header.classes,
+                      `--${unref(size)}`
+                    ]]),
+                    onClick: ($event) => (header.sortable ?? _ctx.sortable) && sortColumn(columnIndex)
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("span", {
+                        class: normalizeClass({ "maz-sr-only": header.srOnly })
+                      }, [
+                        renderSlot(_ctx.$slots, "header", {
+                          header,
+                          label: header.label
+                        }, () => [
+                          renderSlot(_ctx.$slots, `header-label-${header.key}`, {
+                            header,
+                            label: header.label
+                          }, () => [
+                            createTextVNode(toDisplayString(header.label), 1)
+                          ], !0),
+                          header.sortable ?? _ctx.sortable ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                            createVNode(unref(MazArrowUp), {
+                              class: normalizeClass(["m-table-sort-icon maz-hidden group-hover:maz-block", {
+                                "--sorted": columnIndex === sortedColumnIndex.value,
+                                "--up": sortType.value === "DESC",
+                                "--down": sortType.value === "ASC"
+                              }])
+                            }, null, 8, ["class"])
+                          ])) : createCommentVNode("", !0)
+                        ], !0)
+                      ], 2)
+                    ]),
+                    _: 2
+                  }, 1032, ["scope", "align", "rowspan", "colspan", "headers", "style", "class", "onClick"]))), 128)),
+                  _ctx.$slots.actions ? (openBlock(), createBlock(unref(MazTableTitle), {
+                    key: 1,
+                    align: "left",
+                    class: normalizeClass(`--${unref(size)}`)
+                  }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "actions-header", {}, () => [
+                        createTextVNode(toDisplayString(messages.value.actionColumnTitle), 1)
+                      ], !0)
+                    ]),
+                    _: 3
+                  }, 8, ["class"])) : createCommentVNode("", !0)
+                ]),
+                _: 3
+              })
+            ], !0)
+          ])) : createCommentVNode("", !0),
+          _ctx.loading ? (openBlock(), createBlock(unref(MazLoadingBar), {
+            key: 2,
+            color: _ctx.color,
+            class: "!maz-absolute"
+          }, null, 8, ["color"])) : createCommentVNode("", !0),
+          createElementVNode("tbody", {
+            class: normalizeClass({ "--divider": hasDivider.value })
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              rowsFiltered.value.length > 0 ? (openBlock(!0), createElementBlock(Fragment, { key: 0 }, renderList(rowsFiltered.value, (row, rowIndex) => (openBlock(), createBlock(unref(MazTableRowComponent), {
+                key: rowIndex,
+                class: normalizeClass(row.classes),
+                onClick: ($event) => row.action && row.action(row)
+              }, {
+                default: withCtx(() => [
+                  isSelectable.value ? (openBlock(), createBlock(unref(MazTableCell), {
+                    key: 0,
+                    class: "m-table-select-column"
+                  }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "select", {
+                        row,
+                        selected: row.selected
+                      }, () => [
+                        createVNode(unref(MazCheckbox), {
+                          size: "sm",
+                          "model-value": row.selected,
+                          "onUpdate:modelValue": ($event) => selectRow($event, rowIndex)
+                        }, null, 8, ["model-value", "onUpdate:modelValue"])
+                      ], !0)
+                    ]),
+                    _: 2
+                  }, 1024)) : createCommentVNode("", !0),
+                  (openBlock(!0), createElementBlock(Fragment, null, renderList(headersNormalized.value, ({ key, align, classes }, dataIndex) => (openBlock(), createBlock(unref(MazTableCell), {
+                    key: dataIndex,
+                    align,
+                    class: normalizeClass(classes)
+                  }, {
+                    default: withCtx(() => [
+                      key ? renderSlot(_ctx.$slots, "cell", {
+                        key: 0,
+                        row,
+                        value: row[key]
+                      }, () => [
+                        renderSlot(_ctx.$slots, `cell-${key}`, {
+                          row,
+                          value: row[key]
+                        }, () => [
+                          createTextVNode(toDisplayString(row[key]), 1)
+                        ], !0)
+                      ], !0) : createCommentVNode("", !0)
+                    ]),
+                    _: 2
+                  }, 1032, ["align", "class"]))), 128)),
+                  _ctx.$slots.actions ? (openBlock(), createBlock(unref(MazTableCell), { key: 1 }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "actions", { row }, void 0, !0)
+                    ]),
+                    _: 2
+                  }, 1024)) : createCommentVNode("", !0)
+                ]),
+                _: 2
+              }, 1032, ["class", "onClick"]))), 128)) : (openBlock(), createBlock(unref(MazTableRowComponent), { key: 1 }, {
+                default: withCtx(() => [
+                  createVNode(unref(MazTableCell), {
+                    colspan: headersNormalized.value.length + (isSelectable.value ? 1 : 0) + (_ctx.$slots.actions ? 1 : 0)
+                  }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "no-results", {}, () => [
+                        createElementVNode("p", _hoisted_8, [
+                          renderSlot(_ctx.$slots, "no-results-text", {}, () => [
+                            createTextVNode(toDisplayString(messages.value.noResults), 1)
+                          ], !0)
+                        ])
+                      ], !0)
+                    ]),
+                    _: 3
+                  }, 8, ["colspan"])
+                ]),
+                _: 3
+              }))
+            ], !0)
+          ], 2)
+        ], 6)
+      ], 2),
+      hasFooter.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
+        _cache[4] || (_cache[4] = createElementVNode("div", { class: "m-table-spacer" }, null, -1)),
+        _ctx.pagination ? (openBlock(), createElementBlock("div", _hoisted_10, [
+          createElementVNode("div", _hoisted_11, [
+            createElementVNode("span", _hoisted_12, toDisplayString(messages.value.pagination.rowsPerPage), 1),
+            createVNode(unref(MazSelect), {
+              modelValue: pageSizeModel.value,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => pageSizeModel.value = $event),
+              options: pageSizeOptions.value,
+              "rounded-size": _ctx.roundedSize,
+              size: _ctx.inputSize ?? unref(size),
+              color: _ctx.color,
+              "list-position": "top",
+              style: { width: "5rem" }
+            }, null, 8, ["modelValue", "options", "rounded-size", "size", "color"])
+          ]),
+          totalPagesInternal.value ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(rowsFromTo.value.from) + " - " + toDisplayString(rowsFromTo.value.to) + " " + toDisplayString(messages.value.pagination.of) + " " + toDisplayString(totalItemsInternal.value), 1)) : createCommentVNode("", !0),
+          createElementVNode("div", _hoisted_14, [
+            createVNode(unref(MazBtn), {
+              disabled: currentPageModel.value === 1,
+              size: _ctx.inputSize ?? unref(size),
+              color: "transparent",
+              "rounded-size": _ctx.roundedSize,
+              onClick: firstPage
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(MazChevronDoubleLeft), { class: "maz-text-base" })
+              ]),
+              _: 1
+            }, 8, ["disabled", "size", "rounded-size"]),
+            createVNode(unref(MazBtn), {
+              disabled: currentPageModel.value === 1,
+              size: _ctx.inputSize ?? unref(size),
+              color: "transparent",
+              "rounded-size": _ctx.roundedSize,
+              onClick: previousPage
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(MazChevronLeft), { class: "maz-text-base" })
+              ]),
+              _: 1
+            }, 8, ["disabled", "size", "rounded-size"]),
+            createVNode(unref(MazBtn), {
+              disabled: currentPageModel.value === totalPagesInternal.value,
+              size: _ctx.inputSize ?? unref(size),
+              color: "transparent",
+              "rounded-size": _ctx.roundedSize,
+              onClick: nextPage
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(MazChevronLeft), { class: "maz-rotate-180 maz-text-base" })
+              ]),
+              _: 1
+            }, 8, ["disabled", "size", "rounded-size"]),
+            createVNode(unref(MazBtn), {
+              disabled: currentPageModel.value === totalPagesInternal.value,
+              size: _ctx.inputSize ?? unref(size),
+              color: "transparent",
+              "rounded-size": _ctx.roundedSize,
+              onClick: lastPage
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(MazChevronDoubleLeft), { class: "maz-rotate-180 maz-text-base" })
+              ]),
+              _: 1
+            }, 8, ["disabled", "size", "rounded-size"])
+          ])
+        ])) : createCommentVNode("", !0)
+      ])) : createCommentVNode("", !0)
+    ], 2));
+  }
+});
+export {
+  _sfc_main as _,
+  mazTableKey as m
+};

package/dist/chunks/MazTabs.vue_vue_type_script_setup_true_lang.CvFvUU0o.js

@@ -0,0 +1,28 @@
+import { defineComponent, ref, computed, provide, createElementBlock, openBlock, renderSlot } from "vue";
+const _hoisted_1 = { class: "m-tabs m-reset-css" }, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazTabs",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit: __emit }) {
+    const props = __props, emits = __emit, localValue = ref(1), currentTab = computed({
+      get: () => props.modelValue ?? localValue.value,
+      set: (index) => {
+        localValue.value = index, emits("update:model-value", index);
+      }
+    });
+    function updateCurrentTab(index) {
+      return currentTab.value = index, index;
+    }
+    return provide("maz-tabs", {
+      currentTab,
+      updateCurrentTab
+    }), (_ctx, _cache) => (openBlock(), createElementBlock("div", _hoisted_1, [
+      renderSlot(_ctx.$slots, "default")
+    ]));
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/MazTabsContent.vue_vue_type_script_setup_true_lang.arGqYTL5.js

@@ -0,0 +1,26 @@
+import { defineComponent, ref, watch, createElementBlock, openBlock, normalizeClass, renderSlot } from "vue";
+import { d as debounce } from "./debounce.Brzkn9pm.js";
+import { useInjectStrict } from "../composables/useInjectStrict.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazTabsContent",
+  setup(__props) {
+    const hideOverflow = ref(!1), { currentTab } = useInjectStrict("maz-tabs"), allowOverFlow = debounce(() => {
+      hideOverflow.value = !1;
+    }, 700);
+    function setOverflowHiddenTemp() {
+      hideOverflow.value = !0, allowOverFlow();
+    }
+    return watch(
+      () => currentTab.value,
+      () => setOverflowHiddenTemp(),
+      { immediate: !0 }
+    ), (_ctx, _cache) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass(["m-tabs-content m-reset-css maz-relative", { "maz-overflow-hidden": hideOverflow.value }])
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  _sfc_main as _
+};