@orchidui/dashboard 1.8.1-93 → 1.8.1-96

package/dist/ui/pagination/index.js

@@ -0,0 +1,444 @@
+import { defineComponent as i, createBlock as r, openBlock as p, unref as t, mergeProps as g, withCtx as d, renderSlot as u, createTextVNode as $, toRefs as j, computed as b, normalizeProps as k, guardReactiveProps as M, toDisplayString as V, createVNode as z, createElementVNode as B } from "vue";
+import { c as _ } from "../../utils-SFgRDk1R.js";
+import { u as A, a as F } from "../../useForwardPropsEmits-0XKBv1pB.js";
+import { u as O } from "../../index-BwPb_idr.js";
+import { c as D } from "../../createContext-CZEfaSVa.js";
+import { u as C } from "../../useForwardExpose-DZT6mL_U.js";
+import { P as y } from "../../Primitive-B3twiLO1.js";
+import { r as h } from "../../index-OpE2oGce.js";
+import { E as T } from "../../ellipsis-CEG9G7eN.js";
+import { buttonVariants as w } from "../button/index.js";
+import { C as N } from "../../chevron-left-BOwFasou.js";
+import { C as S } from "../../chevron-right-D308801z.js";
+const q = /* @__PURE__ */ i({
+  __name: "PaginationEllipsis",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(n) {
+    const s = n;
+    return C(), (e, o) => (p(), r(t(y), g(s, { "data-type": "ellipsis" }), {
+      default: d(() => [
+        u(e.$slots, "default", {}, () => [
+          o[0] || (o[0] = $("…"))
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), [x, G] = D("PaginationRoot"), H = /* @__PURE__ */ i({
+  __name: "PaginationRoot",
+  props: {
+    page: {},
+    defaultPage: { default: 1 },
+    itemsPerPage: {},
+    total: { default: 0 },
+    siblingCount: { default: 2 },
+    disabled: { type: Boolean },
+    showEdges: { type: Boolean, default: !1 },
+    asChild: { type: Boolean },
+    as: { default: "nav" }
+  },
+  emits: ["update:page"],
+  setup(n, { emit: s }) {
+    const e = n, o = s, { siblingCount: l, disabled: a, showEdges: c } = j(e);
+    C();
+    const f = O(e, "page", o, {
+      defaultValue: e.defaultPage,
+      passive: e.page === void 0
+    }), P = b(() => Math.max(1, Math.ceil(e.total / (e.itemsPerPage || 1))));
+    return G({
+      page: f,
+      onPageChange(m) {
+        f.value = m;
+      },
+      pageCount: P,
+      siblingCount: l,
+      disabled: a,
+      showEdges: c
+    }), (m, I) => (p(), r(t(y), {
+      as: m.as,
+      "as-child": m.asChild
+    }, {
+      default: d(() => [
+        u(m.$slots, "default", {
+          page: t(f),
+          pageCount: P.value
+        })
+      ]),
+      _: 3
+    }, 8, ["as", "as-child"]));
+  }
+}), J = /* @__PURE__ */ i({
+  __name: "PaginationFirst",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(n) {
+    const s = n, e = x();
+    C();
+    const o = b(() => e.page.value === 1 || e.disabled.value);
+    return (l, a) => (p(), r(t(y), g(s, {
+      "aria-label": "First Page",
+      type: l.as === "button" ? "button" : void 0,
+      disabled: o.value,
+      onClick: a[0] || (a[0] = (c) => !o.value && t(e).onPageChange(1))
+    }), {
+      default: d(() => [
+        u(l.$slots, "default", {}, () => [
+          a[1] || (a[1] = $("First page"))
+        ])
+      ]),
+      _: 3
+    }, 16, ["type", "disabled"]));
+  }
+}), K = /* @__PURE__ */ i({
+  __name: "PaginationLast",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(n) {
+    const s = n, e = x();
+    C();
+    const o = b(() => e.page.value === e.pageCount.value || e.disabled.value);
+    return (l, a) => (p(), r(t(y), g(s, {
+      "aria-label": "Last Page",
+      type: l.as === "button" ? "button" : void 0,
+      disabled: o.value,
+      onClick: a[0] || (a[0] = (c) => !o.value && t(e).onPageChange(t(e).pageCount.value))
+    }), {
+      default: d(() => [
+        u(l.$slots, "default", {}, () => [
+          a[1] || (a[1] = $("Last page"))
+        ])
+      ]),
+      _: 3
+    }, 16, ["type", "disabled"]));
+  }
+});
+function v(n, s) {
+  const e = s - n + 1;
+  return Array.from({ length: e }, (o, l) => l + n);
+}
+function Q(n) {
+  return n.map((s) => typeof s == "number" ? { type: "page", value: s } : { type: "ellipsis" });
+}
+const E = "ellipsis";
+function U(n, s, e, o) {
+  const a = s, c = Math.max(n - e, 1), f = Math.min(n + e, a);
+  if (o) {
+    const m = Math.min(2 * e + 5, s) - 2, I = c > 3 && Math.abs(a - m - 1 + 1) > 2 && Math.abs(c - 1) > 2, L = f < a - 2 && Math.abs(a - m) > 2 && Math.abs(a - f) > 2;
+    if (!I && L)
+      return [...v(1, m), E, a];
+    if (I && !L) {
+      const R = v(a - m + 1, a);
+      return [1, E, ...R];
+    }
+    if (I && L) {
+      const R = v(c, f);
+      return [1, E, ...R, E, a];
+    }
+    return v(1, a);
+  } else {
+    const P = e * 2 + 1;
+    return s < P ? v(1, a) : n <= e + 1 ? v(1, P) : s - n <= e ? v(s - P + 1, a) : v(c, f);
+  }
+}
+const W = /* @__PURE__ */ i({
+  __name: "PaginationList",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(n) {
+    const s = n;
+    C();
+    const e = x(), o = b(() => Q(
+      U(
+        e.page.value,
+        e.pageCount.value,
+        e.siblingCount.value,
+        e.showEdges.value
+      )
+    ));
+    return (l, a) => (p(), r(t(y), k(M(s)), {
+      default: d(() => [
+        u(l.$slots, "default", { items: o.value })
+      ]),
+      _: 3
+    }, 16));
+  }
+}), X = /* @__PURE__ */ i({
+  __name: "PaginationListItem",
+  props: {
+    value: {},
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(n) {
+    const s = n;
+    C();
+    const e = x(), o = b(() => e.page.value === s.value), l = b(() => e.disabled.value);
+    return (a, c) => (p(), r(t(y), g(s, {
+      "data-type": "page",
+      "aria-label": `Page ${a.value}`,
+      "aria-current": o.value ? "page" : void 0,
+      "data-selected": o.value ? "true" : void 0,
+      disabled: l.value,
+      type: a.as === "button" ? "button" : void 0,
+      onClick: c[0] || (c[0] = (f) => !l.value && t(e).onPageChange(a.value))
+    }), {
+      default: d(() => [
+        u(a.$slots, "default", {}, () => [
+          $(V(a.value), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["aria-label", "aria-current", "data-selected", "disabled", "type"]));
+  }
+}), Y = /* @__PURE__ */ i({
+  __name: "PaginationNext",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(n) {
+    const s = n;
+    C();
+    const e = x(), o = b(() => e.page.value === e.pageCount.value || e.disabled.value);
+    return (l, a) => (p(), r(t(y), g(s, {
+      "aria-label": "Next Page",
+      type: l.as === "button" ? "button" : void 0,
+      disabled: o.value,
+      onClick: a[0] || (a[0] = (c) => !o.value && t(e).onPageChange(t(e).page.value + 1))
+    }), {
+      default: d(() => [
+        u(l.$slots, "default", {}, () => [
+          a[1] || (a[1] = $("Next page"))
+        ])
+      ]),
+      _: 3
+    }, 16, ["type", "disabled"]));
+  }
+}), Z = /* @__PURE__ */ i({
+  __name: "PaginationPrev",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(n) {
+    const s = n;
+    C();
+    const e = x(), o = b(() => e.page.value === 1 || e.disabled.value);
+    return (l, a) => (p(), r(t(y), g(s, {
+      "aria-label": "Previous Page",
+      type: l.as === "button" ? "button" : void 0,
+      disabled: o.value,
+      onClick: a[0] || (a[0] = (c) => !o.value && t(e).onPageChange(t(e).page.value - 1))
+    }), {
+      default: d(() => [
+        u(l.$slots, "default", {}, () => [
+          a[1] || (a[1] = $("Prev page"))
+        ])
+      ]),
+      _: 3
+    }, 16, ["type", "disabled"]));
+  }
+}), ge = /* @__PURE__ */ i({
+  __name: "Pagination",
+  props: {
+    page: {},
+    defaultPage: {},
+    itemsPerPage: {},
+    total: {},
+    siblingCount: {},
+    disabled: { type: Boolean },
+    showEdges: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  emits: ["update:page"],
+  setup(n, { emit: s }) {
+    const e = n, o = s, l = h(e, "class"), a = A(l, o);
+    return (c, f) => (p(), r(t(H), g({ "data-slot": "pagination" }, t(a), {
+      class: t(_)("mx-auto flex w-full justify-center", e.class)
+    }), {
+      default: d((P) => [
+        u(c.$slots, "default", k(M(P)))
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), fe = /* @__PURE__ */ i({
+  __name: "PaginationContent",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(n) {
+    const s = n, e = h(s, "class");
+    return (o, l) => (p(), r(t(W), g({ "data-slot": "pagination-content" }, t(e), {
+      class: t(_)("flex flex-row items-center gap-1", s.class)
+    }), {
+      default: d((a) => [
+        u(o.$slots, "default", k(M(a)))
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), me = /* @__PURE__ */ i({
+  __name: "PaginationEllipsis",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(n) {
+    const s = n, e = h(s, "class");
+    return (o, l) => (p(), r(t(q), g({ "data-slot": "pagination-ellipsis" }, t(e), {
+      class: t(_)("flex size-9 items-center justify-center", s.class)
+    }), {
+      default: d(() => [
+        u(o.$slots, "default", {}, () => [
+          z(t(T), { class: "size-4" }),
+          l[0] || (l[0] = B("span", { class: "sr-only" }, "More pages", -1))
+        ])
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Pe = /* @__PURE__ */ i({
+  __name: "PaginationFirst",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    size: { default: "default" },
+    class: {}
+  },
+  setup(n) {
+    const s = n, e = h(s, "class", "size"), o = F(e);
+    return (l, a) => (p(), r(t(J), g({
+      "data-slot": "pagination-first",
+      class: t(_)(t(w)({ variant: "ghost", size: l.size }), "gap-1 px-2.5 sm:pr-2.5", s.class)
+    }, t(o)), {
+      default: d(() => [
+        u(l.$slots, "default", {}, () => [
+          z(t(N)),
+          a[0] || (a[0] = B("span", { class: "hidden sm:block" }, "First", -1))
+        ])
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), ve = /* @__PURE__ */ i({
+  __name: "PaginationItem",
+  props: {
+    value: {},
+    asChild: { type: Boolean },
+    as: {},
+    size: { default: "icon" },
+    class: {},
+    isActive: { type: Boolean }
+  },
+  setup(n) {
+    const s = n, e = h(s, "class", "size", "isActive");
+    return (o, l) => (p(), r(t(X), g({ "data-slot": "pagination-item" }, t(e), {
+      class: t(_)(
+        t(w)({
+          variant: o.isActive ? "outline" : "ghost",
+          size: o.size
+        }),
+        s.class
+      )
+    }), {
+      default: d(() => [
+        u(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), be = /* @__PURE__ */ i({
+  __name: "PaginationLast",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    size: { default: "default" },
+    class: {}
+  },
+  setup(n) {
+    const s = n, e = h(s, "class", "size"), o = F(e);
+    return (l, a) => (p(), r(t(K), g({
+      "data-slot": "pagination-last",
+      class: t(_)(t(w)({ variant: "ghost", size: l.size }), "gap-1 px-2.5 sm:pr-2.5", s.class)
+    }, t(o)), {
+      default: d(() => [
+        u(l.$slots, "default", {}, () => [
+          a[0] || (a[0] = B("span", { class: "hidden sm:block" }, "Last", -1)),
+          z(t(S))
+        ])
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), _e = /* @__PURE__ */ i({
+  __name: "PaginationNext",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    size: { default: "default" },
+    class: {}
+  },
+  setup(n) {
+    const s = n, e = h(s, "class", "size"), o = F(e);
+    return (l, a) => (p(), r(t(Y), g({
+      "data-slot": "pagination-next",
+      class: t(_)(t(w)({ variant: "ghost", size: l.size }), "gap-1 px-2.5 sm:pr-2.5", s.class)
+    }, t(o)), {
+      default: d(() => [
+        u(l.$slots, "default", {}, () => [
+          a[0] || (a[0] = B("span", { class: "hidden sm:block" }, "Next", -1)),
+          z(t(S))
+        ])
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Ce = /* @__PURE__ */ i({
+  __name: "PaginationPrevious",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    size: { default: "default" },
+    class: {}
+  },
+  setup(n) {
+    const s = n, e = h(s, "class", "size"), o = F(e);
+    return (l, a) => (p(), r(t(Z), g({
+      "data-slot": "pagination-previous",
+      class: t(_)(t(w)({ variant: "ghost", size: l.size }), "gap-1 px-2.5 sm:pr-2.5", s.class)
+    }, t(o)), {
+      default: d(() => [
+        u(l.$slots, "default", {}, () => [
+          z(t(N)),
+          a[0] || (a[0] = B("span", { class: "hidden sm:block" }, "Previous", -1))
+        ])
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  ge as Pagination,
+  fe as PaginationContent,
+  me as PaginationEllipsis,
+  Pe as PaginationFirst,
+  ve as PaginationItem,
+  be as PaginationLast,
+  _e as PaginationNext,
+  Ce as PaginationPrevious
+};