@orchidui/dashboard 1.8.1-96 → 1.8.1-98

package/dist/ui/pagination/index.js

@@ -1,444 +0,0 @@
-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
-};