maz-ui 3.47.2-beta.2 → 3.47.2-beta.21

package/components/chunks/MazPagination-BkT4_LLW.mjs

@@ -1,330 +0,0 @@
-import { defineComponent as q, defineAsyncComponent as A, useAttrs as H, useSlots as J, computed as s, openBlock as n, createBlock as f, resolveDynamicComponent as M, normalizeClass as b, withCtx as C, renderSlot as g, unref as m, createCommentVNode as y, createElementBlock as B, createVNode as d, createElementVNode as u, mergeProps as k, createTextVNode as V, toDisplayString as R, Fragment as K, renderList as Q } from "vue";
-import '../assets/MazPagination.css';const W = {
-  key: 2,
-  class: "m-btn-loader-container"
-}, X = /* @__PURE__ */ q({
-  __name: "MazBtn",
-  props: {
-    variant: { default: "button" },
-    size: { default: "md" },
-    color: { default: "primary" },
-    type: { default: "button" },
-    rounded: { type: Boolean },
-    roundedSize: { default: "lg" },
-    noRounded: { type: Boolean },
-    outline: { type: Boolean },
-    pastel: { type: Boolean },
-    block: { type: Boolean },
-    noUnderline: { type: Boolean },
-    loading: { type: Boolean },
-    disabled: { type: Boolean },
-    fab: { type: Boolean },
-    icon: { type: [String, Function, Object], default: void 0 },
-    leftIcon: { type: [String, Function, Object], default: void 0 },
-    rightIcon: { type: [String, Function, Object], default: void 0 },
-    noPadding: { type: Boolean },
-    noElevation: { type: Boolean },
-    justify: { default: "center" }
-  },
-  setup(P) {
-    const l = P, e = A(() => import("./MazSpinner-DS58mtzm.mjs")), p = A(() => import("./MazIcon-BbvBov5G.mjs")), { href: $, to: N } = H(), h = J(), S = s(() => $ ? "a" : N ? "router-link" : "button"), r = s(
-      () => l.pastel ? `--${l.color}-pastel` : l.outline ? `--${l.color}-outline` : `--${l.color}`
-    ), v = s(
-      () => (l.loading || l.disabled) && S.value === "button"
-    ), z = s(() => v.value ? "--cursor-default" : "--cursor-pointer"), I = s(() => `--is-${l.variant}`), O = s(() => l.loading && l.variant === "button"), D = s(() => !!h["left-icon"] || l.leftIcon), E = s(() => !!h["right-icon"] || l.rightIcon), L = s(() => D.value || E.value), T = s(() => l.icon || !!h.icon), U = s(() => S.value === "button" ? l.type : void 0), c = s(() => l.size === "xl" ? "maz-text-3xl" : l.size === "lg" ? "maz-text-2xl" : l.size === "md" ? "maz-text-xl" : l.size === "sm" ? "maz-text-lg" : l.size === "xs" ? "maz-text-base" : l.size === "mini" ? "maz-text-sm" : "md"), w = s(() => l.justify === "start" ? "maz-justify-start" : l.justify === "end" ? "maz-justify-end" : l.justify === "center" ? "maz-justify-center" : l.justify === "between" ? "maz-justify-between" : l.justify === "around" ? "maz-justify-around" : l.justify === "evenly" ? "maz-justify-evenly" : "maz-justify-center");
-    return (a, t) => (n(), f(M(S.value), {
-      disabled: v.value || void 0,
-      class: b(["m-btn", [
-        `--${a.size}`,
-        !a.fab && !a.rounded && a.roundedSize && `--rounded-${a.roundedSize}`,
-        r.value,
-        z.value,
-        I.value,
-        w.value,
-        {
-          "--block": a.block,
-          "--no-underline": a.noUnderline,
-          "--fab": a.fab,
-          "--loading": a.loading,
-          "--disabled": v.value,
-          "--icon": L.value,
-          "--rounded": a.rounded,
-          "--no-rounded": a.noRounded,
-          "--no-padding": a.noPadding,
-          "--no-elevation": a.noElevation
-        }
-      ]]),
-      type: U.value
-    }, {
-      default: C(() => [
-        g(a.$slots, "left-icon", {}, () => [
-          typeof a.leftIcon == "string" ? (n(), f(m(p), {
-            key: 0,
-            name: a.leftIcon,
-            class: b([c.value])
-          }, null, 8, ["name", "class"])) : a.leftIcon ? (n(), f(M(a.leftIcon), {
-            key: 1,
-            class: b([c.value])
-          }, null, 8, ["class"])) : y("v-if", !0)
-        ], !0),
-        T.value ? g(a.$slots, "icon", { key: 0 }, () => [
-          typeof a.icon == "string" ? (n(), f(m(p), {
-            key: 0,
-            name: a.icon,
-            class: b([c.value])
-          }, null, 8, ["name", "class"])) : a.icon ? (n(), f(M(a.icon), {
-            key: 1,
-            class: b([c.value])
-          }, null, 8, ["class"])) : y("v-if", !0)
-        ], !0) : y("v-if", !0),
-        g(a.$slots, "default", {}, void 0, !0),
-        E.value ? g(a.$slots, "right-icon", { key: 1 }, () => [
-          typeof a.rightIcon == "string" ? (n(), f(m(p), {
-            key: 0,
-            name: a.rightIcon,
-            class: b([c.value])
-          }, null, 8, ["name", "class"])) : a.rightIcon ? (n(), f(M(a.rightIcon), {
-            key: 1,
-            class: b([c.value])
-          }, null, 8, ["class"])) : y("v-if", !0)
-        ], !0) : y("v-if", !0),
-        O.value ? (n(), B("div", W, [
-          d(m(e), {
-            size: "2em",
-            color: a.color
-          }, null, 8, ["color"])
-        ])) : y("v-if", !0)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["disabled", "class", "type"]));
-  }
-}), G = (P, l) => {
-  const e = P.__vccOpts || P;
-  for (const [p, $] of l)
-    e[p] = $;
-  return e;
-}, j = /* @__PURE__ */ G(X, [["__scopeId", "data-v-d3a1ed01"]]), Y = {
-  class: "m-pagination",
-  role: "navigation",
-  "aria-label": "page navigation"
-}, Z = { class: "maz-sr-only" }, _ = { class: "maz-sr-only" }, x = ["id"], ee = { class: "maz-sr-only" }, ae = { class: "maz-sr-only" }, te = { class: "maz-sr-only" }, le = /* @__PURE__ */ q({
-  __name: "MazPagination",
-  props: {
-    modelValue: { default: 1 },
-    buttonProps: { default: void 0 },
-    resultsSize: { default: void 0 },
-    activeColor: { default: "primary" },
-    size: { default: "md" },
-    totalPages: {},
-    pageRange: { default: 2 },
-    loading: { type: Boolean }
-  },
-  emits: ["update:model-value"],
-  setup(P, { emit: l }) {
-    const e = P, p = l, $ = A(() => import("./chevron-left-BqVOLRdC.mjs")), N = A(() => import("./chevron-double-left-D4-NpyrF.mjs")), h = A(() => import("./ellipsis-horizontal-6n158ATI.mjs")), S = {
-      size: "md",
-      color: "theme",
-      outline: !0,
-      noElevation: !0,
-      fab: !0
-    }, r = s(() => ({
-      ...S,
-      ...e.buttonProps
-    })), v = s(() => e.modelValue > 1 ? e.modelValue - 1 : 1), z = s(
-      () => e.modelValue < e.totalPages ? e.modelValue + 1 : e.totalPages
-    ), I = s(
-      () => Array.from({ length: e.totalPages }, (t, i) => {
-        const o = i + 1;
-        return {
-          number: o,
-          isActive: o === e.modelValue,
-          loading: o === e.modelValue && e.loading
-        };
-      })
-    ), O = s(
-      () => e.modelValue - e.pageRange > 1 ? I.value.slice(0, 1) : []
-    ), D = s(
-      () => e.modelValue < e.totalPages - e.pageRange ? I.value.slice(-1) : []
-    ), E = s(() => e.modelValue - e.pageRange - 1 < 0 ? 0 : e.modelValue - e.pageRange - 1 > e.totalPages - e.pageRange ? e.totalPages - e.pageRange : e.modelValue - e.pageRange - 1), L = s(
-      () => e.modelValue + e.pageRange > e.totalPages ? e.totalPages : e.modelValue + e.pageRange < e.pageRange ? e.pageRange : e.modelValue + e.pageRange
-    ), T = s(() => I.value.slice(E.value, L.value)), U = s(
-      () => e.modelValue - e.pageRange > 2 ? [{ divider: !0 }] : []
-    ), c = s(
-      () => e.modelValue < e.totalPages - e.pageRange - 1 ? [{ divider: !0 }] : []
-    ), w = s(() => [
-      ...O.value,
-      ...U.value,
-      ...T.value,
-      ...c.value,
-      ...D.value
-    ]);
-    function a(t) {
-      t !== e.modelValue && p("update:model-value", t);
-    }
-    return (t, i) => (n(), B("nav", Y, [
-      u("ul", null, [
-        u("li", null, [
-          d(j, k(r.value, {
-            disabled: t.modelValue === 1,
-            "aria-label": "First Page, Page 1",
-            "aria-setsize": t.resultsSize ?? void 0,
-            "aria-posinset": "1",
-            size: t.size,
-            onClick: i[0] || (i[0] = (o) => a(1))
-          }), {
-            default: C(() => [
-              u("span", Z, [
-                g(t.$slots, "first-page-sr", { page: 1 }, () => [
-                  i[4] || (i[4] = V("First Page, page 1"))
-                ], !0)
-              ]),
-              d(m(N))
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 16, ["disabled", "aria-setsize", "size"])
-        ]),
-        u("li", null, [
-          d(j, k(r.value, {
-            disabled: t.modelValue === 1,
-            "aria-label": `Previous Page, Page ${v.value}`,
-            "aria-setsize": t.resultsSize ?? void 0,
-            "aria-posinset": v.value,
-            size: t.size,
-            onClick: i[1] || (i[1] = (o) => a(v.value))
-          }), {
-            default: C(() => [
-              u("span", _, [
-                g(t.$slots, "previous-page-sr", { page: v.value }, () => [
-                  V(
-                    " Previous Page, page " + R(v.value),
-                    1
-                    /* TEXT */
-                  )
-                ], !0)
-              ]),
-              d(m($))
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 16, ["disabled", "aria-label", "aria-setsize", "aria-posinset", "size"])
-        ]),
-        (n(!0), B(
-          K,
-          null,
-          Q(w.value, (o, F) => (n(), B("li", {
-            id: "number" in o ? `button-${F}-${o.number}` : `ellipsis-${F}`,
-            key: "number" in o ? `button-${F}-${o.number}` : `ellipsis-${F}`
-          }, [
-            "number" in o ? (n(), f(j, k({
-              key: 0,
-              ref_for: !0
-            }, {
-              ...r.value,
-              color: o.isActive ? t.activeColor : r.value.color,
-              outline: o.isActive ? !1 : r.value.outline
-            }, {
-              size: t.size,
-              "aria-label": `Page ${o.number}`,
-              "aria-current": o.isActive ? "true" : "false",
-              "aria-setsize": t.resultsSize ?? void 0,
-              loading: o.loading,
-              "aria-posinset": o.number,
-              class: { active: o.isActive },
-              onClick: (oe) => o.isActive ? void 0 : a(o.number)
-            }), {
-              default: C(() => [
-                u("span", ee, [
-                  g(t.$slots, "page-sr", {
-                    page: o.number
-                  }, () => [
-                    V(
-                      "Page " + R(o.number),
-                      1
-                      /* TEXT */
-                    )
-                  ], !0)
-                ]),
-                V(
-                  " " + R(o.number),
-                  1
-                  /* TEXT */
-                )
-              ]),
-              _: 2
-              /* DYNAMIC */
-            }, 1040, ["size", "aria-label", "aria-current", "aria-setsize", "loading", "aria-posinset", "class", "onClick"])) : o.divider ? (n(), B(
-              "div",
-              k({
-                key: 1,
-                ref_for: !0
-              }, r.value, { class: "flex p-2 flex-center" }),
-              [
-                d(m(h))
-              ],
-              16
-              /* FULL_PROPS */
-            )) : y("v-if", !0)
-          ], 8, x))),
-          128
-          /* KEYED_FRAGMENT */
-        )),
-        u("li", null, [
-          d(j, k(r.value, {
-            disabled: t.modelValue === t.totalPages,
-            "aria-label": `Next Page, Page ${z.value}`,
-            "aria-setsize": t.resultsSize ?? void 0,
-            "aria-posinset": z.value,
-            size: t.size,
-            onClick: i[2] || (i[2] = (o) => a(z.value))
-          }), {
-            default: C(() => [
-              u("span", ae, [
-                g(t.$slots, "next-page-sr", { page: z.value }, () => [
-                  V(
-                    "Next Page, page " + R(z.value),
-                    1
-                    /* TEXT */
-                  )
-                ], !0)
-              ]),
-              d(m($), { class: "-maz-rotate-180" })
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 16, ["disabled", "aria-label", "aria-setsize", "aria-posinset", "size"])
-        ]),
-        u("li", null, [
-          d(j, k(r.value, {
-            disabled: t.modelValue === t.totalPages,
-            "aria-label": `Next Page, Page ${t.totalPages}`,
-            "aria-setsize": t.resultsSize ?? void 0,
-            "aria-posinset": t.totalPages,
-            size: t.size,
-            onClick: i[3] || (i[3] = (o) => a(t.totalPages))
-          }), {
-            default: C(() => [
-              u("span", te, [
-                g(t.$slots, "last-page-sr", { page: t.totalPages }, () => [
-                  V(
-                    "Last Page, page " + R(t.totalPages),
-                    1
-                    /* TEXT */
-                  )
-                ], !0)
-              ]),
-              d(m(N), { class: "-maz-rotate-180" })
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 16, ["disabled", "aria-label", "aria-setsize", "aria-posinset", "size"])
-        ])
-      ])
-    ]));
-  }
-}), ne = /* @__PURE__ */ G(le, [["__scopeId", "data-v-8b9651c3"]]);
-export {
-  ne as M,
-  G as _
-};